/*background Colour*/
.background--color-black {
  background-color: #000; }

.background--color-paper {
  background-color: #fff; }

.background--color-primary {
  background-color: #009999; }

.background--color-secondary {
  background-color: #009999; }

.background--color-highlight {
  background-color: #F4791F; }

.background--color-action {
  background-color: #F4791F; }

.background--color-ghostmedium {
  background-color: #9B9B9B; }

.background--color-blacktrans {
  background-color: rgba(0, 0, 0, 0.5); }

.background--color-apncta {
  background-color: #FFB669; }

.background--color-apnsecondary {
  background-color: #82CCD0; }

.background--color-apnrmbdark {
  background-color: #4A4F55; }

/* Background colours */
.background--primary {
  background-color: #009999; }

.background--secondary {
  background-color: #009999; }

.background--highlight {
  background-color: #F4791F; }

.background--action {
  background-color: #F4791F; }

.background--paper {
  background-color: #FFFFFF; }

.background--ink {
  background-color: #000; }

.background--ghostdark {
  background-color: #6B6B6B; }

.background--ghostmedium {
  background-color: #9B9B9B; }

.background--ghostlight {
  background-color: #DADADA; }

.background--ghostextralight {
  background-color: #F6F6F6; }

.background--ghostextradark {
  background-color: #2E2E2E; }

.background--nonclickable {
  background-color: #000000; }

.background--blacktrans {
  background-color: rgba(0, 0, 0, 0.5); }

.background--apncta {
  background-color: #FFB669; }

.background--apnsecondary {
  background-color: #82CCD0; }

.background--apnrmbdark {
  background-color: #4A4F55; }

.background--primary-gradient {
  background-image: -ms-linear-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: -moz-linear-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: -o-linear-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: -webkit-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: -webkit-linear-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: linear-gradient(315deg, #006666 0%, #01AAAD 100%); }

.background--highlight-gradient {
  background-image: -ms-linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: -moz-linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: -o-linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: -webkit-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: -webkit-linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%); }

/* Rows */
/* Min Rows */
/* Columns 
$col: ;
$col--mobi: ;*/
/* Font */
/** RMB Fonts**/
/* Animations */
/* Misc (Untill we get a better name) */
/*Skin codes*/
/*

Variables.

*/
/* Template
	Developer: [Your name]
	Description: [Your description]
	Vars:	[Your vars]			[Vars description]
*/
/*
	@mixin mixin-name(mixin-variable, mixin-variable) {
		[mixin content]
	}
*/
/*
	Developer: Gerhard Luyken
	Description: Cross box-sizing
	Vars:	box model
*/
@keyframes box-sizing() {}/* Template
	Developer: [Your name]
	Description: [Your description]
	Vars:	[Your vars]			[Vars description]
*/
/*
	@mixin mixin-name(mixin-variable, mixin-variable) {
		[mixin content]
	}
*/
/*
	Developer: Gerhard Luyken
	Description: Cross box-sizing
	Vars:	box model
*/
/*
	Developer: Gerhard Luyken
	Description: Setup border radius for all modern browsers, all borders or single
	Vars:	$radius			width/size of the radius
*/
/*
	Developer: Gerhard Luyken
	Description: Simple crossbrowser transitions
	Vars:	$property			what transitions
*/
/*
	Description: Cross browser Box shadow mixin
	Vars:	$boxShadow				this variable will hold the horizontal and vertical offsets
									blur radius, spread radius and color. 
									e.g box-shadow(5px 5px 5px rgba(68,68,68,0.6))
*/
/*
	Developer: Gerhard Luyken
	Description: Cross browser text shadow mixin
	Vars:	$textShadow				this variable will hold the horizontal and vertical offsets
									blur radius, spread radius and color. 
									e.g text-shadow(5px 5px 5px rgba(68,68,68,0.6))
*/
/*
	Description: Show and Hide elements
*/
/*
	Developer: Gerhard Luyken
	Description: Show and Hide elements
*/
/*

Mixin to manage responsive breakpoints

*/
/*
	Description: Used for the sizing and positioning of text/heading elements on the grid
	Vars:	$font-size			Font size
			$line-height		Line height
			$letter-spacing		Letter spacing
			$posDirection		If the position needs to change, which direction? top, right, bottom, left
			$posDist			By how much should the position change? in px, em, vw, vh, pt, %
*/
html {
  overflow: unset;
  overflow-x: hidden; }

body, .atom * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix::after {
  display: table-cell;
  content: '';
  clear: both; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

/* Rows */
/* Min Rows */
/* Columns 
$col: ;
$col--mobi: ;*/
/* Font */
/* Animations */
/* Misc (Untill we get a better name) */
/*Skin codes*/
/*

Variables.

*/
/* Helper classes */
.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.fadeBottom,
.fadeRight {
  position: relative;
  height: 3.6em;
  /* exactly three lines */ }

.fadeBottom:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%); }

.fadeRight:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 100%); }

.truncate {
  --max-lines: 3;
  position: relative;
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
  padding-right: 1rem;
  /* space for ellipsis */ }

.truncate::after {
  content: "...";
  position: absolute;
  inset-inline-end: 0;
  /* "right" */
  width: 1rem;
  height: 1rem;
  background: white; }

/*background Colour*/
.background--color-black {
  background-color: #000; }

.background--color-paper {
  background-color: #fff; }

.background--color-primary {
  background-color: #009999; }

.background--color-secondary {
  background-color: #009999; }

.background--color-highlight {
  background-color: #F4791F; }

.background--color-action {
  background-color: #F4791F; }

.background--color-ghostmedium {
  background-color: #9B9B9B; }

.background--color-blacktrans {
  background-color: rgba(0, 0, 0, 0.5); }

/* Background colours */
.background--primary {
  background-color: #009999; }

.background--secondary {
  background-color: #009999; }

.background--highlight {
  background-color: #F4791F; }

.background--action {
  background-color: #F4791F; }

.background--paper {
  background-color: #FFFFFF; }

.background--ink {
  background-color: #000; }

.background--ghostdark {
  background-color: #6B6B6B; }

.background--ghostmedium {
  background-color: #9B9B9B; }

.background--ghostlight {
  background-color: #DADADA; }

.background--ghostextralight {
  background-color: #F6F6F6; }

.background--ghostextradark {
  background-color: #2E2E2E; }

.background--nonclickable {
  background-color: #000000; }

.background--blacktrans {
  background-color: rgba(0, 0, 0, 0.5); }

.background--primary-gradient {
  background-image: -ms-linear-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: -moz-linear-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: -o-linear-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: -webkit-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: -webkit-linear-gradient(315deg, #006666 0%, #01AAAD 100%);
  background-image: linear-gradient(315deg, #006666 0%, #01AAAD 100%); }

.background--highlight-gradient {
  background-image: -ms-linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: -moz-linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: -o-linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: -webkit-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: -webkit-linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%);
  background-image: linear-gradient(318.78deg, #D25B73 0%, #FF9900 100%); }

/*

Headings

*/
body {
  font-family: RobotoRegular; }

h1.atom, h2.atom, h4.atom, h3.atom, h5.atom, h6.atom, p.atom, ol.atom, ul.atom, a.atom {
  border-bottom: 0 !important; }

/* Text special */
.text-italic {
  font-style: italic; }

.text-bold {
  font-weight: bold; }

/*Positions*/
.font--align-left {
  text-align: left; }

.font--align-right {
  text-align: right; }

.font--align-center {
  text-align: center; }

@media only screen and (max-width: 1199px) {
  .font--align-PCS-left {
    text-align: left; }
  .font--align-PCS-right {
    text-align: right; }
  .font--align-PCS-center {
    text-align: center; } }

@media only screen and (max-width: 599px) {
  .font--alignM-left {
    text-align: left; }
  .font--alignM-right {
    text-align: right; }
  .font--alignM-center {
    text-align: center; } }

@media only screen and (max-width: 899px) {
  .font--alignTP-left {
    text-align: left; }
  .font--alignTP-right {
    text-align: right; }
  .font--alignTP-center {
    text-align: center; } }

.inline {
  display: inline; }

/*Font Colour*/
.font--color-black, .font--color-black a.atom, a.font--color-black, a.atom {
  color: #000; }

.font--color-paper, .font--color-paper a.atom, a.font--color-paper {
  color: #FFFFFF; }

.font--color-secondary, .font--color-secondary a.atom, a.font--color-secondary {
  color: #009999; }

.font--color-highlight, .font--color-highlight a.atom, a.font--color-highlight {
  color: #F4791F; }

.font--color-action, .font--color-action a.atom, a.font--color-action {
  color: #F4791F; }

.font--color-ghostmedium, .font--color-ghostmedium a.atom, a.font--color-ghostmedium {
  color: #9B9B9B; }

.font--color-ghostlight, .font--color-ghostlight a.atom, a.font--color-ghostlight {
  color: #DADADA; }

.font--color-primary, .font--color-primary a.atom, a.font--color-primary {
  color: #009999; }

@media only screen and (max-width: 599px) {
  /*Font Colour*/
  .font--color-Mblack, .font--color-Mblack a.atom, a.atom {
    color: #000; }
  .font--color-Mpaper, .font--color-Mpaper a.atom, a.font--color-Mpaper {
    color: #FFFFFF; }
  .font--color-Msecondary, .font--color-Msecondary a.atom, a.font--color-Msecondary {
    color: #009999; }
  .font--color-Mhighlight, .font--color-Mhighlight a.atom, a.font--color-Mhighlight {
    color: #F4791F; }
  .font--color-Maction, .font--color-Maction a.atom, a.font--color-Maction {
    color: #F4791F; }
  .font--color-Mghostmedium, .font--color-Mghostmedium a.atom, a.font--color-Mghostmedium {
    color: #9B9B9B; }
  .font--color-Mghostlight, .font--color-Mghostlight a.atom, a.font--color-Mghostlight {
    color: #DADADA; }
  .font--color-Mprimary, .font--color-Mprimary a.atom, a.font--color-Mprimary {
    color: #009999; } }

/* Headings */
.text--heading.atom {
  position: relative;
  width: 100%; }

span.text--heading.heading-1,
span.text--heading.heading-2,
span.text--heading.heading-3,
span.text--heading.heading-4,
h1.wvh1, h2.wvh2 {
  top: unset; }

/* Shared */
p.wvp {
  margin-bottom: 3.2rem;
  position: relative; }

.text--heading-sub {
  font-family: RobotoRegular;
  font-size: 1.4rem;
  line-height: 1.5rem;
  position: relative;
  display: block;
  top: 0.6rem; }
  @media only screen and (max-width: 1199px) {
    .text--heading-sub {
      font-family: RobotoRegular;
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media only screen and (max-width: 899px) {
    .text--heading-sub {
      font-family: RobotoRegular;
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media only screen and (max-width: 599px) {
    .text--heading-sub {
      font-family: RobotoRegular;
      font-size: 2rem;
      line-height: 2.5rem; } }

.atom.list, .atom.list .atom.list-item {
  font-family: RobotoRegular;
  font-size: 1.6rem;
  line-height: 2.5rem; }
  @media only screen and (max-width: 1199px) {
    .atom.list, .atom.list .atom.list-item {
      font-family: RobotoRegular;
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media only screen and (max-width: 899px) {
    .atom.list, .atom.list .atom.list-item {
      font-family: RobotoRegular;
      font-size: 2rem;
      line-height: 2.5rem; } }
  @media only screen and (max-width: 599px) {
    .atom.list, .atom.list .atom.list-item {
      font-family: RobotoRegular;
      font-size: 2rem;
      line-height: 2.5rem; } }

.atom.btn--icon .text--paragraph {
  font-family: RobotoRegular;
  font-size: 1.4rem;
  line-height: 1.5rem;
  word-break: keep-all; }

.form--input-container.atom .message,
.form--input-container.atom .errorMessage,
.table--input-container.atom .message,
.table--input-container.atom .errorMessage {
  font-size: 1.2rem;
  line-height: 1.4rem; }

/* No column gutter padding */
.text--heading.atom {
  padding-left: 2.5rem;
  width: auto;
  float: none; }

.frame-col.atom .text--heading.atom {
  padding-left: 0;
  float: none; }
  .frame-col.atom .text--heading.atom.atom-hd-strip {
    border-left: 1rem solid #FA9D1E !important;
    padding-left: 2.2rem;
    padding-bottom: 0rem;
    margin-bottom: 2.5rem;
    left: -3.225rem; }
  .frame-col.atom .text--heading.atom.hd-border-bottom {
    border-bottom: 0.1rem solid #DADADA;
    padding-bottom: 1.8rem; }

.text--font-bold {
  font-weight: bold; }

.heading-0 {
  transition: all 0.5s;
  position: relative;
  letter-spacing: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-transform: none; }

.heading-1 {
  transition: all 0.5s;
  position: relative;
  letter-spacing: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-transform: none;
  font-family: "AtomFNBSansRegular", sans-serif;
  font-size: 10rem;
  line-height: 10rem;
  letter-spacing: 0;
  margin-bottom: 2.5rem;
  font-weight: normal;
  top: -1rem; }

.heading-2 {
  transition: all 0.5s;
  position: relative;
  letter-spacing: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-transform: none;
  font-family: "AtomFNBSansRegular", sans-serif;
  font-size: 5rem;
  line-height: 5rem;
  letter-spacing: 0;
  margin-bottom: 2.5rem;
  font-weight: normal;
  top: 0.7rem; }

.heading-3 {
  transition: all 0.5s;
  position: relative;
  letter-spacing: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-transform: none;
  font-family: "AtomFNBSansThin", sans-serif;
  font-size: 3.5rem;
  line-height: 3.75rem;
  letter-spacing: 0;
  margin-bottom: 2.5rem;
  font-weight: normal;
  top: -0.6rem; }

.heading-4 {
  transition: all 0.5s;
  position: relative;
  letter-spacing: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-transform: none;
  font-family: RobotoRegular;
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0;
  margin-bottom: 2.5rem;
  font-weight: bold;
  top: 0.5rem; }

.heading-5 {
  transition: all 0.5s;
  position: relative;
  letter-spacing: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-transform: none; }

@media only screen and (max-width: 1199px) {
  .pcsmall-heading-0 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word; }
  .pcsmall-heading-1 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansRegular", sans-serif;
    font-size: 10rem;
    line-height: 10rem;
    letter-spacing: 0;
    margin-bottom: 6rem;
    margin-top: -1rem; }
  .pcsmall-heading-2 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansRegular", sans-serif;
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .pcsmall-heading-3 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansThin", sans-serif;
    font-size: 3.5rem;
    line-height: 3.75rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .pcsmall-heading-4 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: RobotoRegular;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .pcsmall-heading-5 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word; } }

@media only screen and (max-width: 899px) {
  .tabport-heading-0 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word; }
  .tabport-heading-1 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansRegular", sans-serif;
    font-size: 10rem;
    line-height: 10rem;
    letter-spacing: 0;
    margin-bottom: 6rem;
    margin-top: -1rem; }
  .tabport-heading-2 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansRegular", sans-serif;
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .tabport-heading-3 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansThin", sans-serif;
    font-size: 3.5rem;
    line-height: 3.75rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .tabport-heading-4 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: RobotoRegular;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .tabport-heading-5 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word; } }

@media only screen and (max-width: 599px) {
  .mobi-heading-0 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word; }
  .mobi-heading-1 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansRegular", sans-serif;
    font-size: 10rem;
    line-height: 10rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem;
    margin-top: -1rem; }
  .mobi-heading-2 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansRegular", sans-serif;
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .mobi-heading-3 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: "AtomFNBSansThin", sans-serif;
    font-size: 3.5rem;
    line-height: 3.75rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .mobi-heading-4 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-family: RobotoRegular;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem; }
  .mobi-heading-5 {
    transition: all 0.5s;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
    overflow-wrap: break-word;
    word-wrap: break-word; } }

.atom.heading-1[data-letterspacing='5'], .atom.heading-2[data-letterspacing='5'] {
  letter-spacing: 5px; }

.atom.heading-1[data-letterspacing='10'], .atom.heading-2[data-letterspacing='10'] {
  letter-spacing: 10px; }

.atom.heading-1[data-letterspacing^="-5"] {
  letter-spacing: -5px; }

.atom.form--input label {
  font-family: RobotoRegular;
  font-size: 1.4rem;
  line-height: 1.5rem; }

.atom.form--input input, .atom.form--input .placeholder, .atom.form--input .selectChoice {
  font-family: RobotoRegular;
  font-size: 1.6rem;
  line-height: 2rem; }

/*

Paragraph

*/
.atom.link:not(.btn--chevron):not(.btn--icon), .atom.link.chev-icon-arrow {
  font-family: RobotoRegular;
  font-size: 1.6rem;
  line-height: 2.5rem; }
  @media only screen and (max-width: 1199px) {
    .atom.link:not(.btn--chevron):not(.btn--icon), .atom.link.chev-icon-arrow {
      font-family: RobotoRegular;
      font-size: 2rem;
      line-height: 2.5rem; } }

.atom.link:not(.decoration--none) {
  text-decoration: underline; }

.atom.text--paragraph {
  font-family: RobotoRegular;
  font-size: 1.6rem;
  margin-bottom: 2.5rem;
  line-height: 2.5rem;
  top: 0.6rem;
  letter-spacing: 0;
  position: relative;
  word-break: break-word;
  padding: 0; }
  @media only screen and (max-width: 1199px) {
    .atom.text--paragraph {
      font-family: RobotoRegular;
      font-size: 2rem;
      line-height: 2.5rem; } }
  .atom.text--paragraph strong {
    font-family: RobotoBold;
    font-size: inherit;
    line-height: inherit; }
  .atom.text--paragraph.type--subtext {
    font-size: 1.2rem;
    margin-bottom: 1.3rem;
    line-height: 1.3rem;
    top: 1.3rem;
    letter-spacing: 0; }
  .atom.text--paragraph.type--upweight {
    font-family: RobotoRegular;
    font-size: 2rem;
    top: 0.5rem; }
  .atom.text--paragraph.type--sub {
    font-family: RobotoRegular;
    font-size: 1.4rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem;
    top: 1.2rem; }
    @media only screen and (min-width: 1800px) {
      .atom.text--paragraph.type--sub {
        font-family: RobotoRegular;
        font-size: 1.4rem;
        line-height: 1.25rem;
        top: 1.3rem; } }
    @media only screen and (max-width: 1199px) {
      .atom.text--paragraph.type--sub {
        font-family: RobotoRegular;
        font-size: 1.5rem;
        line-height: 1.5rem;
        top: 1.3rem; } }
    @media only screen and (max-width: 899px) {
      .atom.text--paragraph.type--sub {
        font-family: RobotoRegular;
        font-size: 2rem;
        line-height: 2rem;
        top: 0.7rem; } }
    @media only screen and (max-width: 599px) {
      .atom.text--paragraph.type--sub {
        font-family: RobotoRegular;
        font-size: 2rem;
        line-height: 2rem;
        top: 1rem; } }
  .atom.text--paragraph.type--bold {
    font-family: RobotoBold; }

/*
* Footer bottom text
*/
.text--footer-bottom {
  font-family: RobotoRegular;
  font-size: 1.1rem;
  margin-bottom: 3.2rem;
  line-height: 2rem;
  top: 1rem;
  letter-spacing: 0;
  position: relative; }

@media only screen and (min-width: 1800px) {
  html {
    font-size: 75%; } }

@media only screen and (max-width: 1799px) {
  html {
    font-size: 62.5%; } }

@media only screen and (max-width: 1199px) {
  html {
    font-size: 50%; } }

@media only screen and (max-width: 1199px) {
  html {
    font-size: 50%; } }

@media only screen and (max-width: 899px) {
  html {
    font-size: 50%; } }

@media only screen and (max-width: 599px) {
  html {
    font-size: 50%; } }

html,
body {
  height: 100%; }

@media only screen and (max-width: 599px) {
  body {
    overflow: auto;
    overflow-x: hidden;
    height: 100vh; } }

::selection {
  background-color: #009999;
  color: #FFFFFF; }

/* Column width function */
/* Flexible Column width */
/* Offgrid Column width */
/* Layers */
.atom.layer {
  position: relative; }
  .atom.layer.start-row-0 {
    top: 0rem; }
  .atom.layer.start-row-1 {
    top: 2.5rem; }
  .atom.layer.start-row-2 {
    top: 5rem; }
  .atom.layer.start-row-3 {
    top: 7.5rem; }
  .atom.layer.start-row-4 {
    top: 10rem; }
  .atom.layer.start-row-5 {
    top: 12.5rem; }
  .atom.layer.start-row-6 {
    top: 15rem; }
  .atom.layer.start-row-7 {
    top: 17.5rem; }
  .atom.layer.start-row-8 {
    top: 20rem; }
  .atom.layer.start-row-9 {
    top: 22.5rem; }
  .atom.layer.start-row-10 {
    top: 25rem; }
  .atom.layer.start-row-11 {
    top: 27.5rem; }
  .atom.layer.start-row-12 {
    top: 30rem; }
  .atom.layer.start-row-13 {
    top: 32.5rem; }
  .atom.layer.start-row-14 {
    top: 35rem; }
  .atom.layer.start-row-15 {
    top: 37.5rem; }
  .atom.layer.start-row-16 {
    top: 40rem; }
  .atom.layer.start-row-17 {
    top: 42.5rem; }
  .atom.layer.start-row-18 {
    top: 45rem; }
  .atom.layer.start-row-19 {
    top: 47.5rem; }
  .atom.layer.start-row-20 {
    top: 50rem; }
  .atom.layer.start-row-21 {
    top: 52.5rem; }
  .atom.layer.start-row-22 {
    top: 55rem; }
  .atom.layer.start-row-23 {
    top: 57.5rem; }
  .atom.layer.start-row-24 {
    top: 60rem; }
  .atom.layer.start-row-25 {
    top: 62.5rem; }
  .atom.layer.start-row-26 {
    top: 65rem; }
  .atom.layer.start-row-27 {
    top: 67.5rem; }
  .atom.layer.start-row-28 {
    top: 70rem; }
  .atom.layer.start-row-29 {
    top: 72.5rem; }
  .atom.layer.start-row-30 {
    top: 75rem; }
  .atom.layer.frame-row-0 {
    display: none; }
  .atom.layer.frame-row-1 {
    min-height: 2.5rem; }
  .atom.layer.frame-row-2 {
    min-height: 5rem; }
  .atom.layer.frame-row-3 {
    min-height: 7.5rem; }
  .atom.layer.frame-row-4 {
    min-height: 10rem; }
  .atom.layer.frame-row-5 {
    min-height: 12.5rem; }
  .atom.layer.frame-row-6 {
    min-height: 15rem; }
  .atom.layer.frame-row-7 {
    min-height: 17.5rem; }
  .atom.layer.frame-row-8 {
    min-height: 20rem; }
  .atom.layer.frame-row-9 {
    min-height: 22.5rem; }
  .atom.layer.frame-row-10 {
    min-height: 25rem; }
  .atom.layer.frame-row-11 {
    min-height: 27.5rem; }
  .atom.layer.frame-row-12 {
    min-height: 30rem; }
  .atom.layer.frame-row-13 {
    min-height: 32.5rem; }
  .atom.layer.frame-row-14 {
    min-height: 35rem; }
  .atom.layer.frame-row-15 {
    min-height: 37.5rem; }
  .atom.layer.frame-row-16 {
    min-height: 40rem; }
  .atom.layer.frame-row-17 {
    min-height: 42.5rem; }
  .atom.layer.frame-row-18 {
    min-height: 45rem; }
  .atom.layer.frame-row-19 {
    min-height: 47.5rem; }
  .atom.layer.frame-row-20 {
    min-height: 50rem; }
  .atom.layer.frame-row-21 {
    min-height: 52.5rem; }
  .atom.layer.frame-row-22 {
    min-height: 55rem; }
  .atom.layer.frame-row-23 {
    min-height: 57.5rem; }
  .atom.layer.frame-row-24 {
    min-height: 60rem; }
  .atom.layer.frame-row-25 {
    min-height: 62.5rem; }
  .atom.layer.frame-row-26 {
    min-height: 65rem; }
  .atom.layer.frame-row-27 {
    min-height: 67.5rem; }
  .atom.layer.frame-row-28 {
    min-height: 70rem; }
  .atom.layer.frame-row-29 {
    min-height: 72.5rem; }
  .atom.layer.frame-row-30 {
    min-height: 75rem; }
  .atom.layer-2 {
    position: absolute;
    padding-top: 10rem;
    padding-bottom: 2.5rem;
    width: calc(80vw + 2.5rem);
    top: 0; }
    .atom.layer-2.off-grid {
      left: -2.5rem; }
    .atom.layer-2.start-row-0 {
      top: 0rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-0 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-0 {
          top: 0; } }
    .atom.layer-2.start-row-1 {
      top: 2.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-1 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-1 {
          top: 0; } }
    .atom.layer-2.start-row-2 {
      top: 5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-2 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-2 {
          top: 0; } }
    .atom.layer-2.start-row-3 {
      top: 7.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-3 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-3 {
          top: 0; } }
    .atom.layer-2.start-row-4 {
      top: 10rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-4 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-4 {
          top: 0; } }
    .atom.layer-2.start-row-5 {
      top: 12.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-5 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-5 {
          top: 0; } }
    .atom.layer-2.start-row-6 {
      top: 15rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-6 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-6 {
          top: 0; } }
    .atom.layer-2.start-row-7 {
      top: 17.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-7 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-7 {
          top: 0; } }
    .atom.layer-2.start-row-8 {
      top: 20rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-8 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-8 {
          top: 0; } }
    .atom.layer-2.start-row-9 {
      top: 22.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-9 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-9 {
          top: 0; } }
    .atom.layer-2.start-row-10 {
      top: 25rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-10 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-10 {
          top: 0; } }
    .atom.layer-2.start-row-11 {
      top: 27.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-11 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-11 {
          top: 0; } }
    .atom.layer-2.start-row-12 {
      top: 30rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-12 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-12 {
          top: 0; } }
    .atom.layer-2.start-row-13 {
      top: 32.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-13 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-13 {
          top: 0; } }
    .atom.layer-2.start-row-14 {
      top: 35rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-14 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-14 {
          top: 0; } }
    .atom.layer-2.start-row-15 {
      top: 37.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-15 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-15 {
          top: 0; } }
    .atom.layer-2.start-row-16 {
      top: 40rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-16 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-16 {
          top: 0; } }
    .atom.layer-2.start-row-17 {
      top: 42.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-17 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-17 {
          top: 0; } }
    .atom.layer-2.start-row-18 {
      top: 45rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-18 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-18 {
          top: 0; } }
    .atom.layer-2.start-row-19 {
      top: 47.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-19 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-19 {
          top: 0; } }
    .atom.layer-2.start-row-20 {
      top: 50rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-20 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-20 {
          top: 0; } }
    .atom.layer-2.start-row-21 {
      top: 52.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-21 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-21 {
          top: 0; } }
    .atom.layer-2.start-row-22 {
      top: 55rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-22 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-22 {
          top: 0; } }
    .atom.layer-2.start-row-23 {
      top: 57.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-23 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-23 {
          top: 0; } }
    .atom.layer-2.start-row-24 {
      top: 60rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-24 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-24 {
          top: 0; } }
    .atom.layer-2.start-row-25 {
      top: 62.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-25 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-25 {
          top: 0; } }
    .atom.layer-2.start-row-26 {
      top: 65rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-26 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-26 {
          top: 0; } }
    .atom.layer-2.start-row-27 {
      top: 67.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-27 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-27 {
          top: 0; } }
    .atom.layer-2.start-row-28 {
      top: 70rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-28 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-28 {
          top: 0; } }
    .atom.layer-2.start-row-29 {
      top: 72.5rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-29 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-29 {
          top: 0; } }
    .atom.layer-2.start-row-30 {
      top: 75rem; }
      @media only screen and (max-width: 899px) {
        .atom.layer-2.start-row-30 {
          top: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.layer-2.start-row-30 {
          top: 0; } }

/* Tile frame */
.atom.frame-tile {
  width: 100%;
  float: left;
  padding: 2.5rem 2.5rem 0 2.5rem;
  box-shadow: none;
  text-decoration: none;
  font-family: "AtomFNBSansThin", sans-serif;
  font-size: 3.5rem;
  line-height: 3.8rem;
  top: 2rem;
  transition: 0.4s; }
  .atom.frame-tile.with-content .atom.tile-content {
    display: none; }
  .atom.frame-tile.with-content .atom.tile-heading {
    display: block; }
  .atom.frame-tile.with-content:hover .atom.tile-heading {
    display: none; }
  .atom.frame-tile.with-content:hover .atom.tile-content {
    display: block;
    top: 0;
    left: 0;
    font-family: RobotoRegular;
    font-size: 1.6rem;
    margin-bottom: 3.2rem;
    line-height: 2rem; }
  .atom.frame-tile:hover {
    transform: scale(1.05) translateY(-0.25rem);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
    z-index: 10;
    opacity: 1; }

/* Background Opacity */
.background-opacity-paper-1 {
  background-color: rgba(255, 255, 255, 0.1); }
  .background-opacity-paper-1:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-1 {
  background-color: rgba(0, 0, 0, 0.1); }
  .background-opacity-ink-1:hover {
    background-color: #000; }

.background-opacity-primary-1 {
  background-color: rgba(0, 153, 153, 0.1); }
  .background-opacity-primary-1:hover {
    background-color: #009999; }

.background-opacity-highlight-1 {
  background-color: rgba(244, 121, 31, 0.1); }
  .background-opacity-highlight-1:hover {
    background-color: #F4791F; }

.background-opacity-paper-2 {
  background-color: rgba(255, 255, 255, 0.2); }
  .background-opacity-paper-2:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-2 {
  background-color: rgba(0, 0, 0, 0.2); }
  .background-opacity-ink-2:hover {
    background-color: #000; }

.background-opacity-primary-2 {
  background-color: rgba(0, 153, 153, 0.2); }
  .background-opacity-primary-2:hover {
    background-color: #009999; }

.background-opacity-highlight-2 {
  background-color: rgba(244, 121, 31, 0.2); }
  .background-opacity-highlight-2:hover {
    background-color: #F4791F; }

.background-opacity-paper-3 {
  background-color: rgba(255, 255, 255, 0.3); }
  .background-opacity-paper-3:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-3 {
  background-color: rgba(0, 0, 0, 0.3); }
  .background-opacity-ink-3:hover {
    background-color: #000; }

.background-opacity-primary-3 {
  background-color: rgba(0, 153, 153, 0.3); }
  .background-opacity-primary-3:hover {
    background-color: #009999; }

.background-opacity-highlight-3 {
  background-color: rgba(244, 121, 31, 0.3); }
  .background-opacity-highlight-3:hover {
    background-color: #F4791F; }

.background-opacity-paper-4 {
  background-color: rgba(255, 255, 255, 0.4); }
  .background-opacity-paper-4:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-4 {
  background-color: rgba(0, 0, 0, 0.4); }
  .background-opacity-ink-4:hover {
    background-color: #000; }

.background-opacity-primary-4 {
  background-color: rgba(0, 153, 153, 0.4); }
  .background-opacity-primary-4:hover {
    background-color: #009999; }

.background-opacity-highlight-4 {
  background-color: rgba(244, 121, 31, 0.4); }
  .background-opacity-highlight-4:hover {
    background-color: #F4791F; }

.background-opacity-paper-5 {
  background-color: rgba(255, 255, 255, 0.5); }
  .background-opacity-paper-5:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-5 {
  background-color: rgba(0, 0, 0, 0.5); }
  .background-opacity-ink-5:hover {
    background-color: #000; }

.background-opacity-primary-5 {
  background-color: rgba(0, 153, 153, 0.5); }
  .background-opacity-primary-5:hover {
    background-color: #009999; }

.background-opacity-highlight-5 {
  background-color: rgba(244, 121, 31, 0.5); }
  .background-opacity-highlight-5:hover {
    background-color: #F4791F; }

.background-opacity-paper-6 {
  background-color: rgba(255, 255, 255, 0.6); }
  .background-opacity-paper-6:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-6 {
  background-color: rgba(0, 0, 0, 0.6); }
  .background-opacity-ink-6:hover {
    background-color: #000; }

.background-opacity-primary-6 {
  background-color: rgba(0, 153, 153, 0.6); }
  .background-opacity-primary-6:hover {
    background-color: #009999; }

.background-opacity-highlight-6 {
  background-color: rgba(244, 121, 31, 0.6); }
  .background-opacity-highlight-6:hover {
    background-color: #F4791F; }

.background-opacity-paper-7 {
  background-color: rgba(255, 255, 255, 0.7); }
  .background-opacity-paper-7:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-7 {
  background-color: rgba(0, 0, 0, 0.7); }
  .background-opacity-ink-7:hover {
    background-color: #000; }

.background-opacity-primary-7 {
  background-color: rgba(0, 153, 153, 0.7); }
  .background-opacity-primary-7:hover {
    background-color: #009999; }

.background-opacity-highlight-7 {
  background-color: rgba(244, 121, 31, 0.7); }
  .background-opacity-highlight-7:hover {
    background-color: #F4791F; }

.background-opacity-paper-8 {
  background-color: rgba(255, 255, 255, 0.8); }
  .background-opacity-paper-8:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-8 {
  background-color: rgba(0, 0, 0, 0.8); }
  .background-opacity-ink-8:hover {
    background-color: #000; }

.background-opacity-primary-8 {
  background-color: rgba(0, 153, 153, 0.8); }
  .background-opacity-primary-8:hover {
    background-color: #009999; }

.background-opacity-highlight-8 {
  background-color: rgba(244, 121, 31, 0.8); }
  .background-opacity-highlight-8:hover {
    background-color: #F4791F; }

.background-opacity-paper-9 {
  background-color: rgba(255, 255, 255, 0.9); }
  .background-opacity-paper-9:hover {
    background-color: #FFFFFF; }

.background-opacity-ink-9 {
  background-color: rgba(0, 0, 0, 0.9); }
  .background-opacity-ink-9:hover {
    background-color: #000; }

.background-opacity-primary-9 {
  background-color: rgba(0, 153, 153, 0.9); }
  .background-opacity-primary-9:hover {
    background-color: #009999; }

.background-opacity-highlight-9 {
  background-color: rgba(244, 121, 31, 0.9); }
  .background-opacity-highlight-9:hover {
    background-color: #F4791F; }

/* Rows */
.frame-row {
  position: relative;
  width: 100%; }
  .frame-row.frame-row-0,
  .frame-row .frame-row-0 {
    display: none; }
  .frame-row.frame-row-1,
  .frame-row .frame-row-1 {
    min-height: 2.5rem; }
  .frame-row.frame-row-2,
  .frame-row .frame-row-2 {
    min-height: 5rem; }
  .frame-row.frame-row-3,
  .frame-row .frame-row-3 {
    min-height: 7.5rem; }
  .frame-row.frame-row-4,
  .frame-row .frame-row-4 {
    min-height: 10rem; }
  .frame-row.frame-row-5,
  .frame-row .frame-row-5 {
    min-height: 12.5rem; }
  .frame-row.frame-row-6,
  .frame-row .frame-row-6 {
    min-height: 15rem; }
  .frame-row.frame-row-7,
  .frame-row .frame-row-7 {
    min-height: 17.5rem; }
  .frame-row.frame-row-8,
  .frame-row .frame-row-8 {
    min-height: 20rem; }
  .frame-row.frame-row-9,
  .frame-row .frame-row-9 {
    min-height: 22.5rem; }
  .frame-row.frame-row-10,
  .frame-row .frame-row-10 {
    min-height: 25rem; }
  .frame-row.frame-row-11,
  .frame-row .frame-row-11 {
    min-height: 27.5rem; }
  .frame-row.frame-row-12,
  .frame-row .frame-row-12 {
    min-height: 30rem; }
  .frame-row.frame-row-13,
  .frame-row .frame-row-13 {
    min-height: 32.5rem; }
  .frame-row.frame-row-14,
  .frame-row .frame-row-14 {
    min-height: 35rem; }
  .frame-row.frame-row-15,
  .frame-row .frame-row-15 {
    min-height: 37.5rem; }
  .frame-row.frame-row-16,
  .frame-row .frame-row-16 {
    min-height: 40rem; }
  .frame-row.frame-row-17,
  .frame-row .frame-row-17 {
    min-height: 42.5rem; }
  .frame-row.frame-row-18,
  .frame-row .frame-row-18 {
    min-height: 45rem; }
  .frame-row.frame-row-19,
  .frame-row .frame-row-19 {
    min-height: 47.5rem; }
  .frame-row.frame-row-20,
  .frame-row .frame-row-20 {
    min-height: 50rem; }
  .frame-row.frame-row-21,
  .frame-row .frame-row-21 {
    min-height: 52.5rem; }
  .frame-row.frame-row-22,
  .frame-row .frame-row-22 {
    min-height: 55rem; }
  .frame-row.frame-row-23,
  .frame-row .frame-row-23 {
    min-height: 57.5rem; }
  .frame-row.frame-row-24,
  .frame-row .frame-row-24 {
    min-height: 60rem; }
  .frame-row.frame-row-25,
  .frame-row .frame-row-25 {
    min-height: 62.5rem; }
  .frame-row.frame-row-26,
  .frame-row .frame-row-26 {
    min-height: 65rem; }
  .frame-row.frame-row-27,
  .frame-row .frame-row-27 {
    min-height: 67.5rem; }
  .frame-row.frame-row-28,
  .frame-row .frame-row-28 {
    min-height: 70rem; }
  .frame-row.frame-row-29,
  .frame-row .frame-row-29 {
    min-height: 72.5rem; }
  .frame-row.frame-row-30,
  .frame-row .frame-row-30 {
    min-height: 75rem; }
  @media only screen and (max-width: 599px) {
    .frame-row.frame-row-M0,
    .frame-row .frame-row-M0 {
      display: none; }
    .frame-row.frame-row-M1,
    .frame-row .frame-row-M1 {
      min-height: 2.5rem; }
    .frame-row.frame-row-M2,
    .frame-row .frame-row-M2 {
      min-height: 5rem; }
    .frame-row.frame-row-M3,
    .frame-row .frame-row-M3 {
      min-height: 7.5rem; }
    .frame-row.frame-row-M4,
    .frame-row .frame-row-M4 {
      min-height: 10rem; }
    .frame-row.frame-row-M5,
    .frame-row .frame-row-M5 {
      min-height: 12.5rem; }
    .frame-row.frame-row-M6,
    .frame-row .frame-row-M6 {
      min-height: 15rem; }
    .frame-row.frame-row-M7,
    .frame-row .frame-row-M7 {
      min-height: 17.5rem; }
    .frame-row.frame-row-M8,
    .frame-row .frame-row-M8 {
      min-height: 20rem; }
    .frame-row.frame-row-M9,
    .frame-row .frame-row-M9 {
      min-height: 22.5rem; }
    .frame-row.frame-row-M10,
    .frame-row .frame-row-M10 {
      min-height: 25rem; }
    .frame-row.frame-row-M11,
    .frame-row .frame-row-M11 {
      min-height: 27.5rem; }
    .frame-row.frame-row-M12,
    .frame-row .frame-row-M12 {
      min-height: 30rem; }
    .frame-row.frame-row-M13,
    .frame-row .frame-row-M13 {
      min-height: 32.5rem; }
    .frame-row.frame-row-M14,
    .frame-row .frame-row-M14 {
      min-height: 35rem; }
    .frame-row.frame-row-M15,
    .frame-row .frame-row-M15 {
      min-height: 37.5rem; }
    .frame-row.frame-row-M16,
    .frame-row .frame-row-M16 {
      min-height: 40rem; }
    .frame-row.frame-row-M17,
    .frame-row .frame-row-M17 {
      min-height: 42.5rem; }
    .frame-row.frame-row-M18,
    .frame-row .frame-row-M18 {
      min-height: 45rem; }
    .frame-row.frame-row-M19,
    .frame-row .frame-row-M19 {
      min-height: 47.5rem; }
    .frame-row.frame-row-M20,
    .frame-row .frame-row-M20 {
      min-height: 50rem; }
    .frame-row.frame-row-M21,
    .frame-row .frame-row-M21 {
      min-height: 52.5rem; }
    .frame-row.frame-row-M22,
    .frame-row .frame-row-M22 {
      min-height: 55rem; }
    .frame-row.frame-row-M23,
    .frame-row .frame-row-M23 {
      min-height: 57.5rem; }
    .frame-row.frame-row-M24,
    .frame-row .frame-row-M24 {
      min-height: 60rem; }
    .frame-row.frame-row-M25,
    .frame-row .frame-row-M25 {
      min-height: 62.5rem; }
    .frame-row.frame-row-M26,
    .frame-row .frame-row-M26 {
      min-height: 65rem; }
    .frame-row.frame-row-M27,
    .frame-row .frame-row-M27 {
      min-height: 67.5rem; }
    .frame-row.frame-row-M28,
    .frame-row .frame-row-M28 {
      min-height: 70rem; }
    .frame-row.frame-row-M29,
    .frame-row .frame-row-M29 {
      min-height: 72.5rem; }
    .frame-row.frame-row-M30,
    .frame-row .frame-row-M30 {
      min-height: 75rem; } }
  .frame-row:after {
    content: "";
    display: table;
    clear: both; }

/* setting fixed row heights */
.atom.frame-row-height-0 {
  display: none; }

.atom.frame-row-height-1 {
  height: 2.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-2 {
  height: 5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-3 {
  height: 7.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-4 {
  height: 10rem;
  /* min-height: unset; */ }

.atom.frame-row-height-5 {
  height: 12.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-6 {
  height: 15rem;
  /* min-height: unset; */ }

.atom.frame-row-height-7 {
  height: 17.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-8 {
  height: 20rem;
  /* min-height: unset; */ }

.atom.frame-row-height-9 {
  height: 22.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-10 {
  height: 25rem;
  /* min-height: unset; */ }

.atom.frame-row-height-11 {
  height: 27.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-12 {
  height: 30rem;
  /* min-height: unset; */ }

.atom.frame-row-height-13 {
  height: 32.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-14 {
  height: 35rem;
  /* min-height: unset; */ }

.atom.frame-row-height-15 {
  height: 37.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-16 {
  height: 40rem;
  /* min-height: unset; */ }

.atom.frame-row-height-17 {
  height: 42.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-18 {
  height: 45rem;
  /* min-height: unset; */ }

.atom.frame-row-height-19 {
  height: 47.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-20 {
  height: 50rem;
  /* min-height: unset; */ }

.atom.frame-row-height-21 {
  height: 52.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-22 {
  height: 55rem;
  /* min-height: unset; */ }

.atom.frame-row-height-23 {
  height: 57.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-24 {
  height: 60rem;
  /* min-height: unset; */ }

.atom.frame-row-height-25 {
  height: 62.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-26 {
  height: 65rem;
  /* min-height: unset; */ }

.atom.frame-row-height-27 {
  height: 67.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-28 {
  height: 70rem;
  /* min-height: unset; */ }

.atom.frame-row-height-29 {
  height: 72.5rem;
  /* min-height: unset; */ }

.atom.frame-row-height-30 {
  height: 75rem;
  /* min-height: unset; */ }

@media only screen and (max-width: 1199px) {
  .atom.frame-row-height-pcs-0 {
    display: none; }
  .atom.frame-row-height-pcs-1 {
    height: 2.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-2 {
    height: 5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-3 {
    height: 7.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-4 {
    height: 10rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-5 {
    height: 12.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-6 {
    height: 15rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-7 {
    height: 17.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-8 {
    height: 20rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-9 {
    height: 22.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-10 {
    height: 25rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-11 {
    height: 27.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-12 {
    height: 30rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-13 {
    height: 32.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-14 {
    height: 35rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-15 {
    height: 37.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-16 {
    height: 40rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-17 {
    height: 42.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-18 {
    height: 45rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-19 {
    height: 47.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-20 {
    height: 50rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-21 {
    height: 52.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-22 {
    height: 55rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-23 {
    height: 57.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-24 {
    height: 60rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-25 {
    height: 62.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-26 {
    height: 65rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-27 {
    height: 67.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-28 {
    height: 70rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-29 {
    height: 72.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height-pcs-30 {
    height: 75rem;
    /* min-height: unset; */ } }

@media only screen and (max-width: 899px) {
  .atom.frame-row-height--tbp-0 {
    display: none; }
  .atom.frame-row-height--tbp-1 {
    height: 2.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-2 {
    height: 5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-3 {
    height: 7.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-4 {
    height: 10rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-5 {
    height: 12.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-6 {
    height: 15rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-7 {
    height: 17.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-8 {
    height: 20rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-9 {
    height: 22.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-10 {
    height: 25rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-11 {
    height: 27.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-12 {
    height: 30rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-13 {
    height: 32.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-14 {
    height: 35rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-15 {
    height: 37.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-16 {
    height: 40rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-17 {
    height: 42.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-18 {
    height: 45rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-19 {
    height: 47.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-20 {
    height: 50rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-21 {
    height: 52.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-22 {
    height: 55rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-23 {
    height: 57.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-24 {
    height: 60rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-25 {
    height: 62.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-26 {
    height: 65rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-27 {
    height: 67.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-28 {
    height: 70rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-29 {
    height: 72.5rem;
    /* min-height: unset; */ }
  .atom.frame-row-height--tbp-30 {
    height: 75rem;
    /* min-height: unset; */ } }

@media only screen and (max-width: 599px) {
  .atom.frame-row-height-ph-0 {
    display: none; }
  .atom.frame-row-height-ph-1 {
    min-height: 2.5rem;
    height: unset; }
  .atom.frame-row-height-ph-2 {
    min-height: 5rem;
    height: unset; }
  .atom.frame-row-height-ph-3 {
    min-height: 7.5rem;
    height: unset; }
  .atom.frame-row-height-ph-4 {
    min-height: 10rem;
    height: unset; }
  .atom.frame-row-height-ph-5 {
    min-height: 12.5rem;
    height: unset; }
  .atom.frame-row-height-ph-6 {
    min-height: 15rem;
    height: unset; }
  .atom.frame-row-height-ph-7 {
    min-height: 17.5rem;
    height: unset; }
  .atom.frame-row-height-ph-8 {
    min-height: 20rem;
    height: unset; }
  .atom.frame-row-height-ph-9 {
    min-height: 22.5rem;
    height: unset; }
  .atom.frame-row-height-ph-10 {
    min-height: 25rem;
    height: unset; }
  .atom.frame-row-height-ph-11 {
    min-height: 27.5rem;
    height: unset; }
  .atom.frame-row-height-ph-12 {
    min-height: 30rem;
    height: unset; }
  .atom.frame-row-height-ph-13 {
    min-height: 32.5rem;
    height: unset; }
  .atom.frame-row-height-ph-14 {
    min-height: 35rem;
    height: unset; }
  .atom.frame-row-height-ph-15 {
    min-height: 37.5rem;
    height: unset; }
  .atom.frame-row-height-ph-16 {
    min-height: 40rem;
    height: unset; }
  .atom.frame-row-height-ph-17 {
    min-height: 42.5rem;
    height: unset; }
  .atom.frame-row-height-ph-18 {
    min-height: 45rem;
    height: unset; }
  .atom.frame-row-height-ph-19 {
    min-height: 47.5rem;
    height: unset; }
  .atom.frame-row-height-ph-20 {
    min-height: 50rem;
    height: unset; }
  .atom.frame-row-height-ph-21 {
    min-height: 52.5rem;
    height: unset; }
  .atom.frame-row-height-ph-22 {
    min-height: 55rem;
    height: unset; }
  .atom.frame-row-height-ph-23 {
    min-height: 57.5rem;
    height: unset; }
  .atom.frame-row-height-ph-24 {
    min-height: 60rem;
    height: unset; }
  .atom.frame-row-height-ph-25 {
    min-height: 62.5rem;
    height: unset; }
  .atom.frame-row-height-ph-26 {
    min-height: 65rem;
    height: unset; }
  .atom.frame-row-height-ph-27 {
    min-height: 67.5rem;
    height: unset; }
  .atom.frame-row-height-ph-28 {
    min-height: 70rem;
    height: unset; }
  .atom.frame-row-height-ph-29 {
    min-height: 72.5rem;
    height: unset; }
  .atom.frame-row-height-ph-30 {
    min-height: 75rem;
    height: unset; } }

/* Columns */
.frame-col {
  float: left;
  margin-right: 2.5rem;
  min-height: inherit; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .frame-col {
      margin-right: 2.49rem; } }
  .frame-col.tile-active, .frame-col.remove-gutter, .frame-col:last-child {
    margin-right: 0; }
  @media only screen and (max-width: 1199px) {
    .frame-col.remove-gutter-PM {
      margin-right: 0; } }
  @media only screen and (max-width: 899px) {
    .frame-col.remove-gutter-TP {
      margin-right: 0; }
    .frame-col.remove-gutter-PM:not(.remove-gutter-TP) {
      margin-right: 2.5rem; } }
  @media only screen and (max-width: 899px) and (-ms-high-contrast: active) {
    .frame-col.remove-gutter-PM:not(.remove-gutter-TP) {
      margin-right: 2.49rem; } }
  .frame-col.frame-col-0 {
    width: calc((80vw / Infinity) - ((2.5rem * Infinity-1) / Infinity));
    height: inherit; }
    .frame-col.frame-col-0.tile-active {
      width: calc((80vw + 2.5rem) / Infinity); }
    .frame-col.frame-col-0.offgrid-background-left {
      width: calc((100vw / Infinity) - ((1.875rem * Infinity-1) / Infinity));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-0.offgrid-background-right {
      width: calc((100vw / Infinity) - ((1.875rem * Infinity-1) / Infinity));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-0 {
    margin-left: calc((80vw / Infinity) - ((2.5rem * Infinity-1) / Infinity) + 2.5rem); }
    .frame-col.frame-col-offset-0.tile-active {
      margin-left: calc((80vw + 2.5rem) / Infinity); }
  .frame-col.frame-col-flex-0 {
    width: calc((100% / Infinity) - ((2.5rem * Infinity-1) / Infinity)); }
  .frame-col.frame-col-flex-offset-0 {
    width: calc((100% / Infinity) - ((2.5rem * Infinity-1) / Infinity)); }
  .frame-col.frame-col-1 {
    width: calc((80vw / 12) - ((2.5rem * 11) / 12));
    height: inherit; }
    .frame-col.frame-col-1.tile-active {
      width: calc((80vw + 2.5rem) / 12); }
    .frame-col.frame-col-1.offgrid-background-left {
      width: calc((100vw / 12) - ((1.875rem * 11) / 12));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-1.offgrid-background-right {
      width: calc((100vw / 12) - ((1.875rem * 11) / 12));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-1 {
    margin-left: calc((80vw / 12) - ((2.5rem * 11) / 12) + 2.5rem); }
    .frame-col.frame-col-offset-1.tile-active {
      margin-left: calc((80vw + 2.5rem) / 12); }
  .frame-col.frame-col-flex-1 {
    width: calc((100% / 12) - ((2.5rem * 11) / 12)); }
  .frame-col.frame-col-flex-offset-1 {
    width: calc((100% / 12) - ((2.5rem * 11) / 12)); }
  .frame-col.frame-col-2 {
    width: calc((80vw / 6) - ((2.5rem * 5) / 6));
    height: inherit; }
    .frame-col.frame-col-2.tile-active {
      width: calc((80vw + 2.5rem) / 6); }
    .frame-col.frame-col-2.offgrid-background-left {
      width: calc((100vw / 6) - ((1.875rem * 5) / 6));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-2.offgrid-background-right {
      width: calc((100vw / 6) - ((1.875rem * 5) / 6));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-2 {
    margin-left: calc((80vw / 6) - ((2.5rem * 5) / 6) + 2.5rem); }
    .frame-col.frame-col-offset-2.tile-active {
      margin-left: calc((80vw + 2.5rem) / 6); }
  .frame-col.frame-col-flex-2 {
    width: calc((100% / 6) - ((2.5rem * 5) / 6)); }
  .frame-col.frame-col-flex-offset-2 {
    width: calc((100% / 6) - ((2.5rem * 5) / 6)); }
  .frame-col.frame-col-3 {
    width: calc((80vw / 4) - ((2.5rem * 3) / 4));
    height: inherit; }
    .frame-col.frame-col-3.tile-active {
      width: calc((80vw + 2.5rem) / 4); }
    .frame-col.frame-col-3.offgrid-background-left {
      width: calc((100vw / 4) - ((1.875rem * 3) / 4));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-3.offgrid-background-right {
      width: calc((100vw / 4) - ((1.875rem * 3) / 4));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-3 {
    margin-left: calc((80vw / 4) - ((2.5rem * 3) / 4) + 2.5rem); }
    .frame-col.frame-col-offset-3.tile-active {
      margin-left: calc((80vw + 2.5rem) / 4); }
  .frame-col.frame-col-flex-3 {
    width: calc((100% / 4) - ((2.5rem * 3) / 4)); }
  .frame-col.frame-col-flex-offset-3 {
    width: calc((100% / 4) - ((2.5rem * 3) / 4)); }
  .frame-col.frame-col-4 {
    width: calc((80vw / 3) - ((2.5rem * 2) / 3));
    height: inherit; }
    .frame-col.frame-col-4.tile-active {
      width: calc((80vw + 2.5rem) / 3); }
    .frame-col.frame-col-4.offgrid-background-left {
      width: calc((100vw / 3) - ((1.875rem * 2) / 3));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-4.offgrid-background-right {
      width: calc((100vw / 3) - ((1.875rem * 2) / 3));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-4 {
    margin-left: calc((80vw / 3) - ((2.5rem * 2) / 3) + 2.5rem); }
    .frame-col.frame-col-offset-4.tile-active {
      margin-left: calc((80vw + 2.5rem) / 3); }
  .frame-col.frame-col-flex-4 {
    width: calc((100% / 3) - ((2.5rem * 2) / 3)); }
  .frame-col.frame-col-flex-offset-4 {
    width: calc((100% / 3) - ((2.5rem * 2) / 3)); }
  .frame-col.frame-col-5 {
    width: calc((80vw / 2.4) - ((2.5rem * 1.4) / 2.4));
    height: inherit; }
    .frame-col.frame-col-5.tile-active {
      width: calc((80vw + 2.5rem) / 2.4); }
    .frame-col.frame-col-5.offgrid-background-left {
      width: calc((100vw / 2.4) - ((1.875rem * 1.4) / 2.4));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-5.offgrid-background-right {
      width: calc((100vw / 2.4) - ((1.875rem * 1.4) / 2.4));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-5 {
    margin-left: calc((80vw / 2.4) - ((2.5rem * 1.4) / 2.4) + 2.5rem); }
    .frame-col.frame-col-offset-5.tile-active {
      margin-left: calc((80vw + 2.5rem) / 2.4); }
  .frame-col.frame-col-flex-5 {
    width: calc((100% / 2.4) - ((2.5rem * 1.4) / 2.4)); }
  .frame-col.frame-col-flex-offset-5 {
    width: calc((100% / 2.4) - ((2.5rem * 1.4) / 2.4)); }
  .frame-col.frame-col-6 {
    width: calc((80vw / 2) - ((2.5rem * 1) / 2));
    height: inherit; }
    .frame-col.frame-col-6.tile-active {
      width: calc((80vw + 2.5rem) / 2); }
    .frame-col.frame-col-6.offgrid-background-left {
      width: calc((100vw / 2) - ((1.875rem * 1) / 2));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-6.offgrid-background-right {
      width: calc((100vw / 2) - ((1.875rem * 1) / 2));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-6 {
    margin-left: calc((80vw / 2) - ((2.5rem * 1) / 2) + 2.5rem); }
    .frame-col.frame-col-offset-6.tile-active {
      margin-left: calc((80vw + 2.5rem) / 2); }
  .frame-col.frame-col-flex-6 {
    width: calc((100% / 2) - ((2.5rem * 1) / 2)); }
  .frame-col.frame-col-flex-offset-6 {
    width: calc((100% / 2) - ((2.5rem * 1) / 2)); }
  .frame-col.frame-col-7 {
    width: calc((80vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
    height: inherit; }
    .frame-col.frame-col-7.tile-active {
      width: calc((80vw + 2.5rem) / 1.7142857143); }
    .frame-col.frame-col-7.offgrid-background-left {
      width: calc((100vw / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-7.offgrid-background-right {
      width: calc((100vw / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-7 {
    margin-left: calc((80vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143) + 2.5rem); }
    .frame-col.frame-col-offset-7.tile-active {
      margin-left: calc((80vw + 2.5rem) / 1.7142857143); }
  .frame-col.frame-col-flex-7 {
    width: calc((100% / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143)); }
  .frame-col.frame-col-flex-offset-7 {
    width: calc((100% / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143)); }
  .frame-col.frame-col-8 {
    width: calc((80vw / 1.5) - ((2.5rem * 0.5) / 1.5));
    height: inherit; }
    .frame-col.frame-col-8.tile-active {
      width: calc((80vw + 2.5rem) / 1.5); }
    .frame-col.frame-col-8.offgrid-background-left {
      width: calc((100vw / 1.5) - ((1.875rem * 0.5) / 1.5));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-8.offgrid-background-right {
      width: calc((100vw / 1.5) - ((1.875rem * 0.5) / 1.5));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-8 {
    margin-left: calc((80vw / 1.5) - ((2.5rem * 0.5) / 1.5) + 2.5rem); }
    .frame-col.frame-col-offset-8.tile-active {
      margin-left: calc((80vw + 2.5rem) / 1.5); }
  .frame-col.frame-col-flex-8 {
    width: calc((100% / 1.5) - ((2.5rem * 0.5) / 1.5)); }
  .frame-col.frame-col-flex-offset-8 {
    width: calc((100% / 1.5) - ((2.5rem * 0.5) / 1.5)); }
  .frame-col.frame-col-9 {
    width: calc((80vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
    height: inherit; }
    .frame-col.frame-col-9.tile-active {
      width: calc((80vw + 2.5rem) / 1.3333333333); }
    .frame-col.frame-col-9.offgrid-background-left {
      width: calc((100vw / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-9.offgrid-background-right {
      width: calc((100vw / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-9 {
    margin-left: calc((80vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333) + 2.5rem); }
    .frame-col.frame-col-offset-9.tile-active {
      margin-left: calc((80vw + 2.5rem) / 1.3333333333); }
  .frame-col.frame-col-flex-9 {
    width: calc((100% / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333)); }
  .frame-col.frame-col-flex-offset-9 {
    width: calc((100% / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333)); }
  .frame-col.frame-col-10 {
    width: calc((80vw / 1.2) - ((2.5rem * 0.2) / 1.2));
    height: inherit; }
    .frame-col.frame-col-10.tile-active {
      width: calc((80vw + 2.5rem) / 1.2); }
    .frame-col.frame-col-10.offgrid-background-left {
      width: calc((100vw / 1.2) - ((1.875rem * 0.2) / 1.2));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-10.offgrid-background-right {
      width: calc((100vw / 1.2) - ((1.875rem * 0.2) / 1.2));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-10 {
    margin-left: calc((80vw / 1.2) - ((2.5rem * 0.2) / 1.2) + 2.5rem); }
    .frame-col.frame-col-offset-10.tile-active {
      margin-left: calc((80vw + 2.5rem) / 1.2); }
  .frame-col.frame-col-flex-10 {
    width: calc((100% / 1.2) - ((2.5rem * 0.2) / 1.2)); }
  .frame-col.frame-col-flex-offset-10 {
    width: calc((100% / 1.2) - ((2.5rem * 0.2) / 1.2)); }
  .frame-col.frame-col-11 {
    width: calc((80vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
    height: inherit; }
    .frame-col.frame-col-11.tile-active {
      width: calc((80vw + 2.5rem) / 1.0909090909); }
    .frame-col.frame-col-11.offgrid-background-left {
      width: calc((100vw / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-11.offgrid-background-right {
      width: calc((100vw / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-11 {
    margin-left: calc((80vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909) + 2.5rem); }
    .frame-col.frame-col-offset-11.tile-active {
      margin-left: calc((80vw + 2.5rem) / 1.0909090909); }
  .frame-col.frame-col-flex-11 {
    width: calc((100% / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909)); }
  .frame-col.frame-col-flex-offset-11 {
    width: calc((100% / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909)); }
  .frame-col.frame-col-12 {
    width: calc((80vw / 1) - ((2.5rem * 0) / 1));
    height: inherit; }
    .frame-col.frame-col-12.tile-active {
      width: calc((80vw + 2.5rem) / 1); }
    .frame-col.frame-col-12.offgrid-background-left {
      width: calc((100vw / 1) - ((1.875rem * 0) / 1));
      opacity: 0.8;
      margin-left: -10vw;
      padding-left: 10vw; }
    .frame-col.frame-col-12.offgrid-background-right {
      width: calc((100vw / 1) - ((1.875rem * 0) / 1));
      opacity: 0.8;
      margin-right: -10vw;
      padding-right: 10vw; }
  .frame-col.frame-col-offset-12 {
    margin-left: calc((80vw / 1) - ((2.5rem * 0) / 1) + 2.5rem); }
    .frame-col.frame-col-offset-12.tile-active {
      margin-left: calc((80vw + 2.5rem) / 1); }
  .frame-col.frame-col-flex-12 {
    width: calc((100% / 1) - ((2.5rem * 0) / 1)); }
  .frame-col.frame-col-flex-offset-12 {
    width: calc((100% / 1) - ((2.5rem * 0) / 1)); }
  .frame-col.frame-col-offset-0, .frame-col.frame-col-offset-0.tile-active {
    margin-left: 0; }
  @media only screen and (max-width: 1199px) {
    .frame-col.frame-col-0 {
      width: calc((90vw / Infinity) - ((2.5rem * Infinity-1) / Infinity));
      height: inherit; }
      .frame-col.frame-col-0.tile-active {
        width: calc((80vw + 2.5rem) / Infinity); }
      .frame-col.frame-col-0.offgrid-background-left {
        width: calc((100vw / Infinity) - ((1.875rem * Infinity-1) / Infinity));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-0.offgrid-background-right {
        width: calc((100vw / Infinity) - ((1.875rem * Infinity-1) / Infinity));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-1 {
      width: calc((90vw / 12) - ((2.5rem * 11) / 12));
      height: inherit; }
      .frame-col.frame-col-1.tile-active {
        width: calc((80vw + 2.5rem) / 12); }
      .frame-col.frame-col-1.offgrid-background-left {
        width: calc((100vw / 12) - ((1.875rem * 11) / 12));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-1.offgrid-background-right {
        width: calc((100vw / 12) - ((1.875rem * 11) / 12));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-2 {
      width: calc((90vw / 6) - ((2.5rem * 5) / 6));
      height: inherit; }
      .frame-col.frame-col-2.tile-active {
        width: calc((80vw + 2.5rem) / 6); }
      .frame-col.frame-col-2.offgrid-background-left {
        width: calc((100vw / 6) - ((1.875rem * 5) / 6));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-2.offgrid-background-right {
        width: calc((100vw / 6) - ((1.875rem * 5) / 6));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-3 {
      width: calc((90vw / 4) - ((2.5rem * 3) / 4));
      height: inherit; }
      .frame-col.frame-col-3.tile-active {
        width: calc((80vw + 2.5rem) / 4); }
      .frame-col.frame-col-3.offgrid-background-left {
        width: calc((100vw / 4) - ((1.875rem * 3) / 4));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-3.offgrid-background-right {
        width: calc((100vw / 4) - ((1.875rem * 3) / 4));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-4 {
      width: calc((90vw / 3) - ((2.5rem * 2) / 3));
      height: inherit; }
      .frame-col.frame-col-4.tile-active {
        width: calc((80vw + 2.5rem) / 3); }
      .frame-col.frame-col-4.offgrid-background-left {
        width: calc((100vw / 3) - ((1.875rem * 2) / 3));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-4.offgrid-background-right {
        width: calc((100vw / 3) - ((1.875rem * 2) / 3));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-5 {
      width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4));
      height: inherit; }
      .frame-col.frame-col-5.tile-active {
        width: calc((80vw + 2.5rem) / 2.4); }
      .frame-col.frame-col-5.offgrid-background-left {
        width: calc((100vw / 2.4) - ((1.875rem * 1.4) / 2.4));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-5.offgrid-background-right {
        width: calc((100vw / 2.4) - ((1.875rem * 1.4) / 2.4));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-6 {
      width: calc((90vw / 2) - ((2.5rem * 1) / 2));
      height: inherit; }
      .frame-col.frame-col-6.tile-active {
        width: calc((80vw + 2.5rem) / 2); }
      .frame-col.frame-col-6.offgrid-background-left {
        width: calc((100vw / 2) - ((1.875rem * 1) / 2));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-6.offgrid-background-right {
        width: calc((100vw / 2) - ((1.875rem * 1) / 2));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-7 {
      width: calc((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
      height: inherit; }
      .frame-col.frame-col-7.tile-active {
        width: calc((80vw + 2.5rem) / 1.7142857143); }
      .frame-col.frame-col-7.offgrid-background-left {
        width: calc((100vw / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-7.offgrid-background-right {
        width: calc((100vw / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-8 {
      width: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5));
      height: inherit; }
      .frame-col.frame-col-8.tile-active {
        width: calc((80vw + 2.5rem) / 1.5); }
      .frame-col.frame-col-8.offgrid-background-left {
        width: calc((100vw / 1.5) - ((1.875rem * 0.5) / 1.5));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-8.offgrid-background-right {
        width: calc((100vw / 1.5) - ((1.875rem * 0.5) / 1.5));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-9 {
      width: calc((90vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
      height: inherit; }
      .frame-col.frame-col-9.tile-active {
        width: calc((80vw + 2.5rem) / 1.3333333333); }
      .frame-col.frame-col-9.offgrid-background-left {
        width: calc((100vw / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-9.offgrid-background-right {
        width: calc((100vw / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-10 {
      width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2));
      height: inherit; }
      .frame-col.frame-col-10.tile-active {
        width: calc((80vw + 2.5rem) / 1.2); }
      .frame-col.frame-col-10.offgrid-background-left {
        width: calc((100vw / 1.2) - ((1.875rem * 0.2) / 1.2));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-10.offgrid-background-right {
        width: calc((100vw / 1.2) - ((1.875rem * 0.2) / 1.2));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-11 {
      width: calc((90vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
      height: inherit; }
      .frame-col.frame-col-11.tile-active {
        width: calc((80vw + 2.5rem) / 1.0909090909); }
      .frame-col.frame-col-11.offgrid-background-left {
        width: calc((100vw / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-11.offgrid-background-right {
        width: calc((100vw / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-12 {
      width: calc((90vw / 1) - ((2.5rem * 0) / 1));
      height: inherit; }
      .frame-col.frame-col-12.tile-active {
        width: calc((80vw + 2.5rem) / 1); }
      .frame-col.frame-col-12.offgrid-background-left {
        width: calc((100vw / 1) - ((1.875rem * 0) / 1));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-12.offgrid-background-right {
        width: calc((100vw / 1) - ((1.875rem * 0) / 1));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; } }
  @media only screen and (max-width: 899px) {
    .frame-col.frame-col-0 {
      width: calc((90vw / Infinity) - ((2.5rem * Infinity-1) / Infinity));
      height: inherit; }
      .frame-col.frame-col-0.tile-active {
        width: calc((80vw + 2.5rem) / Infinity); }
      .frame-col.frame-col-0.offgrid-background-left {
        width: calc((100vw / Infinity) - ((2.5rem * Infinity-1) / Infinity));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-0.offgrid-background-right {
        width: calc((100vw / Infinity) - ((2.5rem * Infinity-1) / Infinity));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-1 {
      width: calc((90vw / 12) - ((2.5rem * 11) / 12));
      height: inherit; }
      .frame-col.frame-col-1.tile-active {
        width: calc((80vw + 2.5rem) / 12); }
      .frame-col.frame-col-1.offgrid-background-left {
        width: calc((100vw / 12) - ((2.5rem * 11) / 12));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-1.offgrid-background-right {
        width: calc((100vw / 12) - ((2.5rem * 11) / 12));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-2 {
      width: calc((90vw / 6) - ((2.5rem * 5) / 6));
      height: inherit; }
      .frame-col.frame-col-2.tile-active {
        width: calc((80vw + 2.5rem) / 6); }
      .frame-col.frame-col-2.offgrid-background-left {
        width: calc((100vw / 6) - ((2.5rem * 5) / 6));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-2.offgrid-background-right {
        width: calc((100vw / 6) - ((2.5rem * 5) / 6));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-3 {
      width: calc((90vw / 4) - ((2.5rem * 3) / 4));
      height: inherit; }
      .frame-col.frame-col-3.tile-active {
        width: calc((80vw + 2.5rem) / 4); }
      .frame-col.frame-col-3.offgrid-background-left {
        width: calc((100vw / 4) - ((2.5rem * 3) / 4));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-3.offgrid-background-right {
        width: calc((100vw / 4) - ((2.5rem * 3) / 4));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-4 {
      width: calc((90vw / 3) - ((2.5rem * 2) / 3));
      height: inherit; }
      .frame-col.frame-col-4.tile-active {
        width: calc((80vw + 2.5rem) / 3); }
      .frame-col.frame-col-4.offgrid-background-left {
        width: calc((100vw / 3) - ((2.5rem * 2) / 3));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-4.offgrid-background-right {
        width: calc((100vw / 3) - ((2.5rem * 2) / 3));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-5 {
      width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4));
      height: inherit; }
      .frame-col.frame-col-5.tile-active {
        width: calc((80vw + 2.5rem) / 2.4); }
      .frame-col.frame-col-5.offgrid-background-left {
        width: calc((100vw / 2.4) - ((2.5rem * 1.4) / 2.4));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-5.offgrid-background-right {
        width: calc((100vw / 2.4) - ((2.5rem * 1.4) / 2.4));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-6 {
      width: calc((90vw / 2) - ((2.5rem * 1) / 2));
      height: inherit; }
      .frame-col.frame-col-6.tile-active {
        width: calc((80vw + 2.5rem) / 2); }
      .frame-col.frame-col-6.offgrid-background-left {
        width: calc((100vw / 2) - ((2.5rem * 1) / 2));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-6.offgrid-background-right {
        width: calc((100vw / 2) - ((2.5rem * 1) / 2));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-7 {
      width: calc((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
      height: inherit; }
      .frame-col.frame-col-7.tile-active {
        width: calc((80vw + 2.5rem) / 1.7142857143); }
      .frame-col.frame-col-7.offgrid-background-left {
        width: calc((100vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-7.offgrid-background-right {
        width: calc((100vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-8 {
      width: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5));
      height: inherit; }
      .frame-col.frame-col-8.tile-active {
        width: calc((80vw + 2.5rem) / 1.5); }
      .frame-col.frame-col-8.offgrid-background-left {
        width: calc((100vw / 1.5) - ((2.5rem * 0.5) / 1.5));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-8.offgrid-background-right {
        width: calc((100vw / 1.5) - ((2.5rem * 0.5) / 1.5));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-9 {
      width: calc((90vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
      height: inherit; }
      .frame-col.frame-col-9.tile-active {
        width: calc((80vw + 2.5rem) / 1.3333333333); }
      .frame-col.frame-col-9.offgrid-background-left {
        width: calc((100vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-9.offgrid-background-right {
        width: calc((100vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-10 {
      width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2));
      height: inherit; }
      .frame-col.frame-col-10.tile-active {
        width: calc((80vw + 2.5rem) / 1.2); }
      .frame-col.frame-col-10.offgrid-background-left {
        width: calc((100vw / 1.2) - ((2.5rem * 0.2) / 1.2));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-10.offgrid-background-right {
        width: calc((100vw / 1.2) - ((2.5rem * 0.2) / 1.2));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-11 {
      width: calc((90vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
      height: inherit; }
      .frame-col.frame-col-11.tile-active {
        width: calc((80vw + 2.5rem) / 1.0909090909); }
      .frame-col.frame-col-11.offgrid-background-left {
        width: calc((100vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-11.offgrid-background-right {
        width: calc((100vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-12 {
      width: calc((90vw / 1) - ((2.5rem * 0) / 1));
      height: inherit; }
      .frame-col.frame-col-12.tile-active {
        width: calc((80vw + 2.5rem) / 1); }
      .frame-col.frame-col-12.offgrid-background-left {
        width: calc((100vw / 1) - ((2.5rem * 0) / 1));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-12.offgrid-background-right {
        width: calc((100vw / 1) - ((2.5rem * 0) / 1));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; } }
  @media only screen and (max-width: 599px) {
    .frame-col.frame-col-0 {
      width: calc(((100vw - 6.25rem) / Infinity) - ((1.875rem * Infinity-1) / Infinity));
      height: inherit; }
      .frame-col.frame-col-0.tile-active {
        width: calc((80vw + 2.5rem) / Infinity); }
      .frame-col.frame-col-0.offgrid-background-left {
        width: calc((100vw / Infinity) - ((2.5rem * Infinity-1) / Infinity));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-0.offgrid-background-right {
        width: calc((100vw / Infinity) - ((2.5rem * Infinity-1) / Infinity));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-1 {
      width: calc(((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12));
      height: inherit; }
      .frame-col.frame-col-1.tile-active {
        width: calc((80vw + 2.5rem) / 12); }
      .frame-col.frame-col-1.offgrid-background-left {
        width: calc((100vw / 12) - ((2.5rem * 11) / 12));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-1.offgrid-background-right {
        width: calc((100vw / 12) - ((2.5rem * 11) / 12));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-2 {
      width: calc(((100vw - 6.25rem) / 6) - ((1.875rem * 5) / 6));
      height: inherit; }
      .frame-col.frame-col-2.tile-active {
        width: calc((80vw + 2.5rem) / 6); }
      .frame-col.frame-col-2.offgrid-background-left {
        width: calc((100vw / 6) - ((2.5rem * 5) / 6));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-2.offgrid-background-right {
        width: calc((100vw / 6) - ((2.5rem * 5) / 6));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-3 {
      width: calc(((100vw - 6.25rem) / 4) - ((1.875rem * 3) / 4));
      height: inherit; }
      .frame-col.frame-col-3.tile-active {
        width: calc((80vw + 2.5rem) / 4); }
      .frame-col.frame-col-3.offgrid-background-left {
        width: calc((100vw / 4) - ((2.5rem * 3) / 4));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-3.offgrid-background-right {
        width: calc((100vw / 4) - ((2.5rem * 3) / 4));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-4 {
      width: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3));
      height: inherit; }
      .frame-col.frame-col-4.tile-active {
        width: calc((80vw + 2.5rem) / 3); }
      .frame-col.frame-col-4.offgrid-background-left {
        width: calc((100vw / 3) - ((2.5rem * 2) / 3));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-4.offgrid-background-right {
        width: calc((100vw / 3) - ((2.5rem * 2) / 3));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-5 {
      width: calc(((100vw - 6.25rem) / 2.4) - ((1.875rem * 1.4) / 2.4));
      height: inherit; }
      .frame-col.frame-col-5.tile-active {
        width: calc((80vw + 2.5rem) / 2.4); }
      .frame-col.frame-col-5.offgrid-background-left {
        width: calc((100vw / 2.4) - ((2.5rem * 1.4) / 2.4));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-5.offgrid-background-right {
        width: calc((100vw / 2.4) - ((2.5rem * 1.4) / 2.4));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-6 {
      width: calc(((100vw - 6.25rem) / 2) - ((1.875rem * 1) / 2));
      height: inherit; }
      .frame-col.frame-col-6.tile-active {
        width: calc((80vw + 2.5rem) / 2); }
      .frame-col.frame-col-6.offgrid-background-left {
        width: calc((100vw / 2) - ((2.5rem * 1) / 2));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-6.offgrid-background-right {
        width: calc((100vw / 2) - ((2.5rem * 1) / 2));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-7 {
      width: calc(((100vw - 6.25rem) / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143));
      height: inherit; }
      .frame-col.frame-col-7.tile-active {
        width: calc((80vw + 2.5rem) / 1.7142857143); }
      .frame-col.frame-col-7.offgrid-background-left {
        width: calc((100vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-7.offgrid-background-right {
        width: calc((100vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-8 {
      width: calc(((100vw - 6.25rem) / 1.5) - ((1.875rem * 0.5) / 1.5));
      height: inherit; }
      .frame-col.frame-col-8.tile-active {
        width: calc((80vw + 2.5rem) / 1.5); }
      .frame-col.frame-col-8.offgrid-background-left {
        width: calc((100vw / 1.5) - ((2.5rem * 0.5) / 1.5));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-8.offgrid-background-right {
        width: calc((100vw / 1.5) - ((2.5rem * 0.5) / 1.5));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-9 {
      width: calc(((100vw - 6.25rem) / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333));
      height: inherit; }
      .frame-col.frame-col-9.tile-active {
        width: calc((80vw + 2.5rem) / 1.3333333333); }
      .frame-col.frame-col-9.offgrid-background-left {
        width: calc((100vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-9.offgrid-background-right {
        width: calc((100vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-10 {
      width: calc(((100vw - 6.25rem) / 1.2) - ((1.875rem * 0.2) / 1.2));
      height: inherit; }
      .frame-col.frame-col-10.tile-active {
        width: calc((80vw + 2.5rem) / 1.2); }
      .frame-col.frame-col-10.offgrid-background-left {
        width: calc((100vw / 1.2) - ((2.5rem * 0.2) / 1.2));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-10.offgrid-background-right {
        width: calc((100vw / 1.2) - ((2.5rem * 0.2) / 1.2));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-11 {
      width: calc(((100vw - 6.25rem) / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909));
      height: inherit; }
      .frame-col.frame-col-11.tile-active {
        width: calc((80vw + 2.5rem) / 1.0909090909); }
      .frame-col.frame-col-11.offgrid-background-left {
        width: calc((100vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-11.offgrid-background-right {
        width: calc((100vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; }
    .frame-col.frame-col-12 {
      width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1));
      height: inherit; }
      .frame-col.frame-col-12.tile-active {
        width: calc((80vw + 2.5rem) / 1); }
      .frame-col.frame-col-12.offgrid-background-left {
        width: calc((100vw / 1) - ((2.5rem * 0) / 1));
        opacity: 0.8;
        margin-left: -10vw;
        padding-left: 10vw; }
      .frame-col.frame-col-12.offgrid-background-right {
        width: calc((100vw / 1) - ((2.5rem * 0) / 1));
        opacity: 0.8;
        margin-right: -10vw;
        padding-right: 10vw; } }

/* Overlay Column & Offset */
.frame-col-O1 {
  width: calc((100% - ((2.5rem) * 12 )) / 12);
  height: inherit; }

.frame-col-O2 {
  width: calc((100% - ((2.5rem) * 6 )) / 6);
  height: inherit; }

.frame-col-O3 {
  width: calc((100% - ((2.5rem) * 4 )) / 4);
  height: inherit; }

.frame-col-O4 {
  width: calc((100% - ((2.5rem) * 3 )) / 3);
  height: inherit; }

.frame-col-O5 {
  width: calc((100% - ((2.5rem) * 2.4 )) / 2.4);
  height: inherit; }

.frame-col-O6 {
  width: calc((100% - ((2.5rem) * 2 )) / 2);
  height: inherit; }

.frame-col-O7 {
  width: calc((100% - ((2.5rem) * 1.7142857143 )) / 1.7142857143);
  height: inherit; }

.frame-col-O8 {
  width: calc((100% - ((2.5rem) * 1.5 )) / 1.5);
  height: inherit; }

.frame-col-O9 {
  width: calc((100% - ((2.5rem) * 1.3333333333 )) / 1.3333333333);
  height: inherit; }

.frame-col-O10 {
  width: calc((100% - ((2.5rem) * 1.2 )) / 1.2);
  height: inherit; }

.frame-col-O11 {
  width: calc((100% - ((2.5rem) * 1.0909090909 )) / 1.0909090909);
  height: inherit; }

.frame-col-O12 {
  width: calc((100% - ((2.5rem) * 1 )) / 1);
  height: inherit; }

.frame-col-offset-O1 {
  margin-left: calc(( (100% - ( (2.5rem) * 12 ) ) / 12) + 2.5rem); }

.frame-col-offset-O2 {
  margin-left: calc(( (100% - ( (2.5rem) * 6 ) ) / 6) + 2.5rem); }

.frame-col-offset-O3 {
  margin-left: calc(( (100% - ( (2.5rem) * 4 ) ) / 4) + 2.5rem); }

.frame-col-offset-O4 {
  margin-left: calc(( (100% - ( (2.5rem) * 3 ) ) / 3) + 2.5rem); }

.frame-col-offset-O5 {
  margin-left: calc(( (100% - ( (2.5rem) * 2.4 ) ) / 2.4) + 2.5rem); }

.frame-col-offset-O6 {
  margin-left: calc(( (100% - ( (2.5rem) * 2 ) ) / 2) + 2.5rem); }

.frame-col-offset-O7 {
  margin-left: calc(( (100% - ( (2.5rem) * 1.7142857143 ) ) / 1.7142857143) + 2.5rem); }

.frame-col-offset-O8 {
  margin-left: calc(( (100% - ( (2.5rem) * 1.5 ) ) / 1.5) + 2.5rem); }

.frame-col-offset-O9 {
  margin-left: calc(( (100% - ( (2.5rem) * 1.3333333333 ) ) / 1.3333333333) + 2.5rem); }

.frame-col-offset-O10 {
  margin-left: calc(( (100% - ( (2.5rem) * 1.2 ) ) / 1.2) + 2.5rem); }

.frame-col-offset-O11 {
  margin-left: calc(( (100% - ( (2.5rem) * 1.0909090909 ) ) / 1.0909090909) + 2.5rem); }

.frame-col-offset-O12 {
  margin-left: calc(( (100% - ( (2.5rem) * 1 ) ) / 1) + 2.5rem); }

/* Column padding */
.padding-all {
  padding: 2.5rem; }

.padding-top {
  padding-top: 2.5rem; }

.padding-right {
  padding-right: 2.5rem; }

.padding-bottom {
  padding-bottom: 2.5rem; }

.padding-left {
  padding-left: 2.5rem; }

/* Space top */
.space-top-1 {
  margin-top: 2.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-2 {
  margin-top: 5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-3 {
  margin-top: 7.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-4 {
  margin-top: 10rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-5 {
  margin-top: 12.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-6 {
  margin-top: 15rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-7 {
  margin-top: 17.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-8 {
  margin-top: 20rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-9 {
  margin-top: 22.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-10 {
  margin-top: 25rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-11 {
  margin-top: 27.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-12 {
  margin-top: 30rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-13 {
  margin-top: 32.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-14 {
  margin-top: 35rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-15 {
  margin-top: 37.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-16 {
  margin-top: 40rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-17 {
  margin-top: 42.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-18 {
  margin-top: 45rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-19 {
  margin-top: 47.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-20 {
  margin-top: 50rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-21 {
  margin-top: 52.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-22 {
  margin-top: 55rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-23 {
  margin-top: 57.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-24 {
  margin-top: 60rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-25 {
  margin-top: 62.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-26 {
  margin-top: 65rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-27 {
  margin-top: 67.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-28 {
  margin-top: 70rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-29 {
  margin-top: 72.5rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-30 {
  margin-top: 75rem;
  top: 0;
  transform: none;
  position: relative; }

.space-top-50 {
  top: 50%;
  transform: translateY(-50%);
  position: absolute; }

/* Reserve space */
.reserve-space-1 {
  min-height: 2.5rem; }

.reserve-space-2 {
  min-height: 5rem; }

.reserve-space-3 {
  min-height: 7.5rem; }

.reserve-space-4 {
  min-height: 10rem; }

.reserve-space-5 {
  min-height: 12.5rem; }

.switch {
  margin-top: 2.5rem;
  margin-left: 2.5rem;
  width: calc(100% - 2.5rem);
  text-align: center; }
  @media only screen and (max-width: 599px) {
    .switch {
      margin-top: 0;
      margin-left: 0;
      width: 100%; } }

/* Media Queries */
@media only screen and (max-width: 1199px) {
  /* Layer 2 */
  .atom.layer.start-row-PS0 {
    top: 0rem; }
  .atom.layer.start-row-PS1 {
    top: 2.5rem; }
  .atom.layer.start-row-PS2 {
    top: 5rem; }
  .atom.layer.start-row-PS3 {
    top: 7.5rem; }
  .atom.layer.start-row-PS4 {
    top: 10rem; }
  .atom.layer.start-row-PS5 {
    top: 12.5rem; }
  .atom.layer.start-row-PS6 {
    top: 15rem; }
  .atom.layer.start-row-PS7 {
    top: 17.5rem; }
  .atom.layer.start-row-PS8 {
    top: 20rem; }
  .atom.layer.start-row-PS9 {
    top: 22.5rem; }
  .atom.layer.start-row-PS10 {
    top: 25rem; }
  .atom.layer.start-row-PS11 {
    top: 27.5rem; }
  .atom.layer.start-row-PS12 {
    top: 30rem; }
  .atom.layer.start-row-PS13 {
    top: 32.5rem; }
  .atom.layer.start-row-PS14 {
    top: 35rem; }
  .atom.layer.start-row-PS15 {
    top: 37.5rem; }
  .atom.layer.start-row-PS16 {
    top: 40rem; }
  .atom.layer.start-row-PS17 {
    top: 42.5rem; }
  .atom.layer.start-row-PS18 {
    top: 45rem; }
  .atom.layer.start-row-PS19 {
    top: 47.5rem; }
  .atom.layer.start-row-PS20 {
    top: 50rem; }
  .atom.layer.start-row-PS21 {
    top: 52.5rem; }
  .atom.layer.start-row-PS22 {
    top: 55rem; }
  .atom.layer.start-row-PS23 {
    top: 57.5rem; }
  .atom.layer.start-row-PS24 {
    top: 60rem; }
  .atom.layer.start-row-PS25 {
    top: 62.5rem; }
  .atom.layer.start-row-PS26 {
    top: 65rem; }
  .atom.layer.start-row-PS27 {
    top: 67.5rem; }
  .atom.layer.start-row-PS28 {
    top: 70rem; }
  .atom.layer.start-row-PS29 {
    top: 72.5rem; }
  .atom.layer.start-row-PS30 {
    top: 75rem; }
  .atom.layer-2 {
    width: calc(90vw + 2.5rem); }
    .atom.layer-2.start-row-PS0 {
      top: 0rem; }
    .atom.layer-2.start-row-PS1 {
      top: 2.5rem; }
    .atom.layer-2.start-row-PS2 {
      top: 5rem; }
    .atom.layer-2.start-row-PS3 {
      top: 7.5rem; }
    .atom.layer-2.start-row-PS4 {
      top: 10rem; }
    .atom.layer-2.start-row-PS5 {
      top: 12.5rem; }
    .atom.layer-2.start-row-PS6 {
      top: 15rem; }
    .atom.layer-2.start-row-PS7 {
      top: 17.5rem; }
    .atom.layer-2.start-row-PS8 {
      top: 20rem; }
    .atom.layer-2.start-row-PS9 {
      top: 22.5rem; }
    .atom.layer-2.start-row-PS10 {
      top: 25rem; }
    .atom.layer-2.start-row-PS11 {
      top: 27.5rem; }
    .atom.layer-2.start-row-PS12 {
      top: 30rem; }
    .atom.layer-2.start-row-PS13 {
      top: 32.5rem; }
    .atom.layer-2.start-row-PS14 {
      top: 35rem; }
    .atom.layer-2.start-row-PS15 {
      top: 37.5rem; }
    .atom.layer-2.start-row-PS16 {
      top: 40rem; }
    .atom.layer-2.start-row-PS17 {
      top: 42.5rem; }
    .atom.layer-2.start-row-PS18 {
      top: 45rem; }
    .atom.layer-2.start-row-PS19 {
      top: 47.5rem; }
    .atom.layer-2.start-row-PS20 {
      top: 50rem; }
    .atom.layer-2.start-row-PS21 {
      top: 52.5rem; }
    .atom.layer-2.start-row-PS22 {
      top: 55rem; }
    .atom.layer-2.start-row-PS23 {
      top: 57.5rem; }
    .atom.layer-2.start-row-PS24 {
      top: 60rem; }
    .atom.layer-2.start-row-PS25 {
      top: 62.5rem; }
    .atom.layer-2.start-row-PS26 {
      top: 65rem; }
    .atom.layer-2.start-row-PS27 {
      top: 67.5rem; }
    .atom.layer-2.start-row-PS28 {
      top: 70rem; }
    .atom.layer-2.start-row-PS29 {
      top: 72.5rem; }
    .atom.layer-2.start-row-PS30 {
      top: 75rem; }
  /* Rows */
  .frame-row .frame-row-PS0 {
    display: none;
    min-height: auto; }
  .frame-row .frame-row-PS1 {
    min-height: 2.5rem; }
  .frame-row .frame-row-PS2 {
    min-height: 5rem; }
  .frame-row .frame-row-PS3 {
    min-height: 7.5rem; }
  .frame-row .frame-row-PS4 {
    min-height: 10rem; }
  .frame-row .frame-row-PS5 {
    min-height: 12.5rem; }
  .frame-row .frame-row-PS6 {
    min-height: 15rem; }
  .frame-row .frame-row-PS7 {
    min-height: 17.5rem; }
  .frame-row .frame-row-PS8 {
    min-height: 20rem; }
  .frame-row .frame-row-PS9 {
    min-height: 22.5rem; }
  .frame-row .frame-row-PS10 {
    min-height: 25rem; }
  .frame-row .frame-row-PS11 {
    min-height: 27.5rem; }
  .frame-row .frame-row-PS12 {
    min-height: 30rem; }
  .frame-row .frame-row-PS13 {
    min-height: 32.5rem; }
  .frame-row .frame-row-PS14 {
    min-height: 35rem; }
  .frame-row .frame-row-PS15 {
    min-height: 37.5rem; }
  .frame-row .frame-row-PS16 {
    min-height: 40rem; }
  .frame-row .frame-row-PS17 {
    min-height: 42.5rem; }
  .frame-row .frame-row-PS18 {
    min-height: 45rem; }
  .frame-row .frame-row-PS19 {
    min-height: 47.5rem; }
  .frame-row .frame-row-PS20 {
    min-height: 50rem; }
  .frame-row .frame-row-PS21 {
    min-height: 52.5rem; }
  .frame-row .frame-row-PS22 {
    min-height: 55rem; }
  .frame-row .frame-row-PS23 {
    min-height: 57.5rem; }
  .frame-row .frame-row-PS24 {
    min-height: 60rem; }
  .frame-row .frame-row-PS25 {
    min-height: 62.5rem; }
  .frame-row .frame-row-PS26 {
    min-height: 65rem; }
  .frame-row .frame-row-PS27 {
    min-height: 67.5rem; }
  .frame-row .frame-row-PS28 {
    min-height: 70rem; }
  .frame-row .frame-row-PS29 {
    min-height: 72.5rem; }
  .frame-row .frame-row-PS30 {
    min-height: 75rem; }
  /* Columns */
  .frame-col {
    margin-right: 2.5rem; }
    .frame-col.frame-col-PS1 {
      width: calc((90vw / 12) - ((2.5rem * 11) / 12));
      height: inherit; }
      .frame-col.frame-col-PS1.tile-active {
        width: calc((90vw + 2.5rem) / 12); }
    .frame-col.frame-col-offset-PS1 {
      margin-left: calc((90vw / 12) - ((2.5rem * 11) / 12) + 2.5rem); }
      .frame-col.frame-col-offset-PS1.tile-active {
        margin-left: calc((90vw + 2.5rem) / 12); }
    .frame-col.frame-col-PS2 {
      width: calc((90vw / 6) - ((2.5rem * 5) / 6));
      height: inherit; }
      .frame-col.frame-col-PS2.tile-active {
        width: calc((90vw + 2.5rem) / 6); }
    .frame-col.frame-col-offset-PS2 {
      margin-left: calc((90vw / 6) - ((2.5rem * 5) / 6) + 2.5rem); }
      .frame-col.frame-col-offset-PS2.tile-active {
        margin-left: calc((90vw + 2.5rem) / 6); }
    .frame-col.frame-col-PS3 {
      width: calc((90vw / 4) - ((2.5rem * 3) / 4));
      height: inherit; }
      .frame-col.frame-col-PS3.tile-active {
        width: calc((90vw + 2.5rem) / 4); }
    .frame-col.frame-col-offset-PS3 {
      margin-left: calc((90vw / 4) - ((2.5rem * 3) / 4) + 2.5rem); }
      .frame-col.frame-col-offset-PS3.tile-active {
        margin-left: calc((90vw + 2.5rem) / 4); }
    .frame-col.frame-col-PS4 {
      width: calc((90vw / 3) - ((2.5rem * 2) / 3));
      height: inherit; }
      .frame-col.frame-col-PS4.tile-active {
        width: calc((90vw + 2.5rem) / 3); }
    .frame-col.frame-col-offset-PS4 {
      margin-left: calc((90vw / 3) - ((2.5rem * 2) / 3) + 2.5rem); }
      .frame-col.frame-col-offset-PS4.tile-active {
        margin-left: calc((90vw + 2.5rem) / 3); }
    .frame-col.frame-col-PS5 {
      width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4));
      height: inherit; }
      .frame-col.frame-col-PS5.tile-active {
        width: calc((90vw + 2.5rem) / 2.4); }
    .frame-col.frame-col-offset-PS5 {
      margin-left: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4) + 2.5rem); }
      .frame-col.frame-col-offset-PS5.tile-active {
        margin-left: calc((90vw + 2.5rem) / 2.4); }
    .frame-col.frame-col-PS6 {
      width: calc((90vw / 2) - ((2.5rem * 1) / 2));
      height: inherit; }
      .frame-col.frame-col-PS6.tile-active {
        width: calc((90vw + 2.5rem) / 2); }
    .frame-col.frame-col-offset-PS6 {
      margin-left: calc((90vw / 2) - ((2.5rem * 1) / 2) + 2.5rem); }
      .frame-col.frame-col-offset-PS6.tile-active {
        margin-left: calc((90vw + 2.5rem) / 2); }
    .frame-col.frame-col-PS7 {
      width: calc((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
      height: inherit; }
      .frame-col.frame-col-PS7.tile-active {
        width: calc((90vw + 2.5rem) / 1.7142857143); }
    .frame-col.frame-col-offset-PS7 {
      margin-left: calc((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143) + 2.5rem); }
      .frame-col.frame-col-offset-PS7.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.7142857143); }
    .frame-col.frame-col-PS8 {
      width: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5));
      height: inherit; }
      .frame-col.frame-col-PS8.tile-active {
        width: calc((90vw + 2.5rem) / 1.5); }
    .frame-col.frame-col-offset-PS8 {
      margin-left: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5) + 2.5rem); }
      .frame-col.frame-col-offset-PS8.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.5); }
    .frame-col.frame-col-PS9 {
      width: calc((90vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
      height: inherit; }
      .frame-col.frame-col-PS9.tile-active {
        width: calc((90vw + 2.5rem) / 1.3333333333); }
    .frame-col.frame-col-offset-PS9 {
      margin-left: calc((90vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333) + 2.5rem); }
      .frame-col.frame-col-offset-PS9.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.3333333333); }
    .frame-col.frame-col-PS10 {
      width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2));
      height: inherit; }
      .frame-col.frame-col-PS10.tile-active {
        width: calc((90vw + 2.5rem) / 1.2); }
    .frame-col.frame-col-offset-PS10 {
      margin-left: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2) + 2.5rem); }
      .frame-col.frame-col-offset-PS10.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.2); }
    .frame-col.frame-col-PS11 {
      width: calc((90vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
      height: inherit; }
      .frame-col.frame-col-PS11.tile-active {
        width: calc((90vw + 2.5rem) / 1.0909090909); }
    .frame-col.frame-col-offset-PS11 {
      margin-left: calc((90vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909) + 2.5rem); }
      .frame-col.frame-col-offset-PS11.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.0909090909); }
    .frame-col.frame-col-PS12 {
      width: calc((90vw / 1) - ((2.5rem * 0) / 1));
      height: inherit; }
      .frame-col.frame-col-PS12.tile-active {
        width: calc((90vw + 2.5rem) / 1); }
    .frame-col.frame-col-offset-PS12 {
      margin-left: calc((90vw / 1) - ((2.5rem * 0) / 1) + 2.5rem); }
      .frame-col.frame-col-offset-PS12.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1); }
    .frame-col.frame-col-offset-PS0, .frame-col.frame-col-offset-PS0.tile-active {
      margin-left: 0; }
  /* Space Top */
  .space-top-PS1 {
    margin-top: 2.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS2 {
    margin-top: 5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS3 {
    margin-top: 7.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS4 {
    margin-top: 10rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS5 {
    margin-top: 12.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS6 {
    margin-top: 15rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS7 {
    margin-top: 17.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS8 {
    margin-top: 20rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS9 {
    margin-top: 22.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS10 {
    margin-top: 25rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS11 {
    margin-top: 27.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS12 {
    margin-top: 30rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS13 {
    margin-top: 32.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS14 {
    margin-top: 35rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS15 {
    margin-top: 37.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS16 {
    margin-top: 40rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS17 {
    margin-top: 42.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS18 {
    margin-top: 45rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS19 {
    margin-top: 47.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS20 {
    margin-top: 50rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS21 {
    margin-top: 52.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS22 {
    margin-top: 55rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS23 {
    margin-top: 57.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS24 {
    margin-top: 60rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS25 {
    margin-top: 62.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS26 {
    margin-top: 65rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS27 {
    margin-top: 67.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS28 {
    margin-top: 70rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS29 {
    margin-top: 72.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS30 {
    margin-top: 75rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS0 {
    margin-top: 0;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-PS50 {
    top: 50%;
    transform: translateY(-50%);
    position: absolute; } }

@media all and (-ms-high-contrast: none) and (max-width: 1199px), (-ms-high-contrast: active) {
  .frame-col {
    margin-right: 2.49rem; } }

@media only screen and (max-width: 899px) {
  /* Layer 2 */
  .atom.layer.start-row-TP0 {
    top: 0rem; }
  .atom.layer.start-row-TP1 {
    top: 2.5rem; }
  .atom.layer.start-row-TP2 {
    top: 5rem; }
  .atom.layer.start-row-TP3 {
    top: 7.5rem; }
  .atom.layer.start-row-TP4 {
    top: 10rem; }
  .atom.layer.start-row-TP5 {
    top: 12.5rem; }
  .atom.layer.start-row-TP6 {
    top: 15rem; }
  .atom.layer.start-row-TP7 {
    top: 17.5rem; }
  .atom.layer.start-row-TP8 {
    top: 20rem; }
  .atom.layer.start-row-TP9 {
    top: 22.5rem; }
  .atom.layer.start-row-TP10 {
    top: 25rem; }
  .atom.layer.start-row-TP11 {
    top: 27.5rem; }
  .atom.layer.start-row-TP12 {
    top: 30rem; }
  .atom.layer.start-row-TP13 {
    top: 32.5rem; }
  .atom.layer.start-row-TP14 {
    top: 35rem; }
  .atom.layer.start-row-TP15 {
    top: 37.5rem; }
  .atom.layer.start-row-TP16 {
    top: 40rem; }
  .atom.layer.start-row-TP17 {
    top: 42.5rem; }
  .atom.layer.start-row-TP18 {
    top: 45rem; }
  .atom.layer.start-row-TP19 {
    top: 47.5rem; }
  .atom.layer.start-row-TP20 {
    top: 50rem; }
  .atom.layer.start-row-TP21 {
    top: 52.5rem; }
  .atom.layer.start-row-TP22 {
    top: 55rem; }
  .atom.layer.start-row-TP23 {
    top: 57.5rem; }
  .atom.layer.start-row-TP24 {
    top: 60rem; }
  .atom.layer.start-row-TP25 {
    top: 62.5rem; }
  .atom.layer.start-row-TP26 {
    top: 65rem; }
  .atom.layer.start-row-TP27 {
    top: 67.5rem; }
  .atom.layer.start-row-TP28 {
    top: 70rem; }
  .atom.layer.start-row-TP29 {
    top: 72.5rem; }
  .atom.layer.start-row-TP30 {
    top: 75rem; }
  .atom.layer-2 {
    width: calc(90vw + 2.5rem); }
    .atom.layer-2.start-row-TP0 {
      top: 0rem; }
    .atom.layer-2.start-row-TP1 {
      top: 2.5rem; }
    .atom.layer-2.start-row-TP2 {
      top: 5rem; }
    .atom.layer-2.start-row-TP3 {
      top: 7.5rem; }
    .atom.layer-2.start-row-TP4 {
      top: 10rem; }
    .atom.layer-2.start-row-TP5 {
      top: 12.5rem; }
    .atom.layer-2.start-row-TP6 {
      top: 15rem; }
    .atom.layer-2.start-row-TP7 {
      top: 17.5rem; }
    .atom.layer-2.start-row-TP8 {
      top: 20rem; }
    .atom.layer-2.start-row-TP9 {
      top: 22.5rem; }
    .atom.layer-2.start-row-TP10 {
      top: 25rem; }
    .atom.layer-2.start-row-TP11 {
      top: 27.5rem; }
    .atom.layer-2.start-row-TP12 {
      top: 30rem; }
    .atom.layer-2.start-row-TP13 {
      top: 32.5rem; }
    .atom.layer-2.start-row-TP14 {
      top: 35rem; }
    .atom.layer-2.start-row-TP15 {
      top: 37.5rem; }
    .atom.layer-2.start-row-TP16 {
      top: 40rem; }
    .atom.layer-2.start-row-TP17 {
      top: 42.5rem; }
    .atom.layer-2.start-row-TP18 {
      top: 45rem; }
    .atom.layer-2.start-row-TP19 {
      top: 47.5rem; }
    .atom.layer-2.start-row-TP20 {
      top: 50rem; }
    .atom.layer-2.start-row-TP21 {
      top: 52.5rem; }
    .atom.layer-2.start-row-TP22 {
      top: 55rem; }
    .atom.layer-2.start-row-TP23 {
      top: 57.5rem; }
    .atom.layer-2.start-row-TP24 {
      top: 60rem; }
    .atom.layer-2.start-row-TP25 {
      top: 62.5rem; }
    .atom.layer-2.start-row-TP26 {
      top: 65rem; }
    .atom.layer-2.start-row-TP27 {
      top: 67.5rem; }
    .atom.layer-2.start-row-TP28 {
      top: 70rem; }
    .atom.layer-2.start-row-TP29 {
      top: 72.5rem; }
    .atom.layer-2.start-row-TP30 {
      top: 75rem; }
  /* Rows */
  .frame-row .frame-row-TP0 {
    display: none;
    min-height: auto; }
  .frame-row .frame-row-TP1 {
    min-height: 2.5rem; }
  .frame-row .frame-row-TP2 {
    min-height: 5rem; }
  .frame-row .frame-row-TP3 {
    min-height: 7.5rem; }
  .frame-row .frame-row-TP4 {
    min-height: 10rem; }
  .frame-row .frame-row-TP5 {
    min-height: 12.5rem; }
  .frame-row .frame-row-TP6 {
    min-height: 15rem; }
  .frame-row .frame-row-TP7 {
    min-height: 17.5rem; }
  .frame-row .frame-row-TP8 {
    min-height: 20rem; }
  .frame-row .frame-row-TP9 {
    min-height: 22.5rem; }
  .frame-row .frame-row-TP10 {
    min-height: 25rem; }
  .frame-row .frame-row-TP11 {
    min-height: 27.5rem; }
  .frame-row .frame-row-TP12 {
    min-height: 30rem; }
  .frame-row .frame-row-TP13 {
    min-height: 32.5rem; }
  .frame-row .frame-row-TP14 {
    min-height: 35rem; }
  .frame-row .frame-row-TP15 {
    min-height: 37.5rem; }
  .frame-row .frame-row-TP16 {
    min-height: 40rem; }
  .frame-row .frame-row-TP17 {
    min-height: 42.5rem; }
  .frame-row .frame-row-TP18 {
    min-height: 45rem; }
  .frame-row .frame-row-TP19 {
    min-height: 47.5rem; }
  .frame-row .frame-row-TP20 {
    min-height: 50rem; }
  .frame-row .frame-row-TP21 {
    min-height: 52.5rem; }
  .frame-row .frame-row-TP22 {
    min-height: 55rem; }
  .frame-row .frame-row-TP23 {
    min-height: 57.5rem; }
  .frame-row .frame-row-TP24 {
    min-height: 60rem; }
  .frame-row .frame-row-TP25 {
    min-height: 62.5rem; }
  .frame-row .frame-row-TP26 {
    min-height: 65rem; }
  .frame-row .frame-row-TP27 {
    min-height: 67.5rem; }
  .frame-row .frame-row-TP28 {
    min-height: 70rem; }
  .frame-row .frame-row-TP29 {
    min-height: 72.5rem; }
  .frame-row .frame-row-TP30 {
    min-height: 75rem; }
  /* Columns */
  .frame-col {
    margin-right: 2.5rem; }
    .frame-col.frame-col-TP1 {
      width: calc((90vw / 12) - ((2.5rem * 11) / 12));
      height: inherit; }
      .frame-col.frame-col-TP1.tile-active {
        width: calc((90vw + 2.5rem) / 12); }
    .frame-col.frame-col-offset-TP1 {
      margin-left: calc((90vw / 12) - ((2.5rem * 11) / 12) + 2.5rem); }
      .frame-col.frame-col-offset-TP1.tile-active {
        margin-left: calc((90vw + 2.5rem) / 12); }
    .frame-col.frame-col-TP2 {
      width: calc((90vw / 6) - ((2.5rem * 5) / 6));
      height: inherit; }
      .frame-col.frame-col-TP2.tile-active {
        width: calc((90vw + 2.5rem) / 6); }
    .frame-col.frame-col-offset-TP2 {
      margin-left: calc((90vw / 6) - ((2.5rem * 5) / 6) + 2.5rem); }
      .frame-col.frame-col-offset-TP2.tile-active {
        margin-left: calc((90vw + 2.5rem) / 6); }
    .frame-col.frame-col-TP3 {
      width: calc((90vw / 4) - ((2.5rem * 3) / 4));
      height: inherit; }
      .frame-col.frame-col-TP3.tile-active {
        width: calc((90vw + 2.5rem) / 4); }
    .frame-col.frame-col-offset-TP3 {
      margin-left: calc((90vw / 4) - ((2.5rem * 3) / 4) + 2.5rem); }
      .frame-col.frame-col-offset-TP3.tile-active {
        margin-left: calc((90vw + 2.5rem) / 4); }
    .frame-col.frame-col-TP4 {
      width: calc((90vw / 3) - ((2.5rem * 2) / 3));
      height: inherit; }
      .frame-col.frame-col-TP4.tile-active {
        width: calc((90vw + 2.5rem) / 3); }
    .frame-col.frame-col-offset-TP4 {
      margin-left: calc((90vw / 3) - ((2.5rem * 2) / 3) + 2.5rem); }
      .frame-col.frame-col-offset-TP4.tile-active {
        margin-left: calc((90vw + 2.5rem) / 3); }
    .frame-col.frame-col-TP5 {
      width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4));
      height: inherit; }
      .frame-col.frame-col-TP5.tile-active {
        width: calc((90vw + 2.5rem) / 2.4); }
    .frame-col.frame-col-offset-TP5 {
      margin-left: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4) + 2.5rem); }
      .frame-col.frame-col-offset-TP5.tile-active {
        margin-left: calc((90vw + 2.5rem) / 2.4); }
    .frame-col.frame-col-TP6 {
      width: calc((90vw / 2) - ((2.5rem * 1) / 2));
      height: inherit; }
      .frame-col.frame-col-TP6.tile-active {
        width: calc((90vw + 2.5rem) / 2); }
    .frame-col.frame-col-offset-TP6 {
      margin-left: calc((90vw / 2) - ((2.5rem * 1) / 2) + 2.5rem); }
      .frame-col.frame-col-offset-TP6.tile-active {
        margin-left: calc((90vw + 2.5rem) / 2); }
    .frame-col.frame-col-TP7 {
      width: calc((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
      height: inherit; }
      .frame-col.frame-col-TP7.tile-active {
        width: calc((90vw + 2.5rem) / 1.7142857143); }
    .frame-col.frame-col-offset-TP7 {
      margin-left: calc((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143) + 2.5rem); }
      .frame-col.frame-col-offset-TP7.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.7142857143); }
    .frame-col.frame-col-TP8 {
      width: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5));
      height: inherit; }
      .frame-col.frame-col-TP8.tile-active {
        width: calc((90vw + 2.5rem) / 1.5); }
    .frame-col.frame-col-offset-TP8 {
      margin-left: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5) + 2.5rem); }
      .frame-col.frame-col-offset-TP8.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.5); }
    .frame-col.frame-col-TP9 {
      width: calc((90vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
      height: inherit; }
      .frame-col.frame-col-TP9.tile-active {
        width: calc((90vw + 2.5rem) / 1.3333333333); }
    .frame-col.frame-col-offset-TP9 {
      margin-left: calc((90vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333) + 2.5rem); }
      .frame-col.frame-col-offset-TP9.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.3333333333); }
    .frame-col.frame-col-TP10 {
      width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2));
      height: inherit; }
      .frame-col.frame-col-TP10.tile-active {
        width: calc((90vw + 2.5rem) / 1.2); }
    .frame-col.frame-col-offset-TP10 {
      margin-left: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2) + 2.5rem); }
      .frame-col.frame-col-offset-TP10.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.2); }
    .frame-col.frame-col-TP11 {
      width: calc((90vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
      height: inherit; }
      .frame-col.frame-col-TP11.tile-active {
        width: calc((90vw + 2.5rem) / 1.0909090909); }
    .frame-col.frame-col-offset-TP11 {
      margin-left: calc((90vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909) + 2.5rem); }
      .frame-col.frame-col-offset-TP11.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1.0909090909); }
    .frame-col.frame-col-TP12 {
      width: calc((90vw / 1) - ((2.5rem * 0) / 1));
      height: inherit; }
      .frame-col.frame-col-TP12.tile-active {
        width: calc((90vw + 2.5rem) / 1); }
    .frame-col.frame-col-offset-TP12 {
      margin-left: calc((90vw / 1) - ((2.5rem * 0) / 1) + 2.5rem); }
      .frame-col.frame-col-offset-TP12.tile-active {
        margin-left: calc((90vw + 2.5rem) / 1); }
    .frame-col.frame-col-offset-TP0, .frame-col.frame-col-offset-TP0.tile-active {
      margin-left: 0; }
  /* Space Top */
  .space-top-TP1 {
    margin-top: 2.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP2 {
    margin-top: 5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP3 {
    margin-top: 7.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP4 {
    margin-top: 10rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP5 {
    margin-top: 12.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP6 {
    margin-top: 15rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP7 {
    margin-top: 17.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP8 {
    margin-top: 20rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP9 {
    margin-top: 22.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP10 {
    margin-top: 25rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP11 {
    margin-top: 27.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP12 {
    margin-top: 30rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP13 {
    margin-top: 32.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP14 {
    margin-top: 35rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP15 {
    margin-top: 37.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP16 {
    margin-top: 40rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP17 {
    margin-top: 42.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP18 {
    margin-top: 45rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP19 {
    margin-top: 47.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP20 {
    margin-top: 50rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP21 {
    margin-top: 52.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP22 {
    margin-top: 55rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP23 {
    margin-top: 57.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP24 {
    margin-top: 60rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP25 {
    margin-top: 62.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP26 {
    margin-top: 65rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP27 {
    margin-top: 67.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP28 {
    margin-top: 70rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP29 {
    margin-top: 72.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP30 {
    margin-top: 75rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-TP0 {
    margin-top: 0;
    top: 0;
    transform: none;
    position: relative; }
  .space-topTP-50 {
    top: 50%;
    transform: translateY(-50%);
    position: absolute; }
  /* Reserve space */
  .reserve-space-TP1 {
    min-height: 2.5rem; }
  .reserve-space-TP2 {
    min-height: 5rem; }
  .reserve-space-TP3 {
    min-height: 7.5rem; }
  .reserve-space-TP4 {
    min-height: 10rem; }
  .reserve-space-TP5 {
    min-height: 12.5rem; } }

@media all and (-ms-high-contrast: none) and (max-width: 899px), (-ms-high-contrast: active) {
  .frame-col {
    margin-right: 2.49rem; } }

@media only screen and (max-width: 599px) {
  /* Layers */
  .atom.layer.start-row-0,
  .atom.layer.start-row-PS0 .atom.layer.start-row-TP0 {
    top: 0; }
  .atom.layer.start-row-M0 {
    margin-top: 0rem; }
  .atom.layer.frame-row-0 {
    min-height: 0; }
  .atom.layer.start-row-1,
  .atom.layer.start-row-PS1 .atom.layer.start-row-TP1 {
    top: 0; }
  .atom.layer.start-row-M1 {
    margin-top: 2.5rem; }
  .atom.layer.frame-row-1 {
    min-height: 0; }
  .atom.layer.start-row-2,
  .atom.layer.start-row-PS2 .atom.layer.start-row-TP2 {
    top: 0; }
  .atom.layer.start-row-M2 {
    margin-top: 5rem; }
  .atom.layer.frame-row-2 {
    min-height: 0; }
  .atom.layer.start-row-3,
  .atom.layer.start-row-PS3 .atom.layer.start-row-TP3 {
    top: 0; }
  .atom.layer.start-row-M3 {
    margin-top: 7.5rem; }
  .atom.layer.frame-row-3 {
    min-height: 0; }
  .atom.layer.start-row-4,
  .atom.layer.start-row-PS4 .atom.layer.start-row-TP4 {
    top: 0; }
  .atom.layer.start-row-M4 {
    margin-top: 10rem; }
  .atom.layer.frame-row-4 {
    min-height: 0; }
  .atom.layer.start-row-5,
  .atom.layer.start-row-PS5 .atom.layer.start-row-TP5 {
    top: 0; }
  .atom.layer.start-row-M5 {
    margin-top: 12.5rem; }
  .atom.layer.frame-row-5 {
    min-height: 0; }
  .atom.layer.start-row-6,
  .atom.layer.start-row-PS6 .atom.layer.start-row-TP6 {
    top: 0; }
  .atom.layer.start-row-M6 {
    margin-top: 15rem; }
  .atom.layer.frame-row-6 {
    min-height: 0; }
  .atom.layer.start-row-7,
  .atom.layer.start-row-PS7 .atom.layer.start-row-TP7 {
    top: 0; }
  .atom.layer.start-row-M7 {
    margin-top: 17.5rem; }
  .atom.layer.frame-row-7 {
    min-height: 0; }
  .atom.layer.start-row-8,
  .atom.layer.start-row-PS8 .atom.layer.start-row-TP8 {
    top: 0; }
  .atom.layer.start-row-M8 {
    margin-top: 20rem; }
  .atom.layer.frame-row-8 {
    min-height: 0; }
  .atom.layer.start-row-9,
  .atom.layer.start-row-PS9 .atom.layer.start-row-TP9 {
    top: 0; }
  .atom.layer.start-row-M9 {
    margin-top: 22.5rem; }
  .atom.layer.frame-row-9 {
    min-height: 0; }
  .atom.layer.start-row-10,
  .atom.layer.start-row-PS10 .atom.layer.start-row-TP10 {
    top: 0; }
  .atom.layer.start-row-M10 {
    margin-top: 25rem; }
  .atom.layer.frame-row-10 {
    min-height: 0; }
  .atom.layer.start-row-11,
  .atom.layer.start-row-PS11 .atom.layer.start-row-TP11 {
    top: 0; }
  .atom.layer.start-row-M11 {
    margin-top: 27.5rem; }
  .atom.layer.frame-row-11 {
    min-height: 0; }
  .atom.layer.start-row-12,
  .atom.layer.start-row-PS12 .atom.layer.start-row-TP12 {
    top: 0; }
  .atom.layer.start-row-M12 {
    margin-top: 30rem; }
  .atom.layer.frame-row-12 {
    min-height: 0; }
  .atom.layer.start-row-13,
  .atom.layer.start-row-PS13 .atom.layer.start-row-TP13 {
    top: 0; }
  .atom.layer.start-row-M13 {
    margin-top: 32.5rem; }
  .atom.layer.frame-row-13 {
    min-height: 0; }
  .atom.layer.start-row-14,
  .atom.layer.start-row-PS14 .atom.layer.start-row-TP14 {
    top: 0; }
  .atom.layer.start-row-M14 {
    margin-top: 35rem; }
  .atom.layer.frame-row-14 {
    min-height: 0; }
  .atom.layer.start-row-15,
  .atom.layer.start-row-PS15 .atom.layer.start-row-TP15 {
    top: 0; }
  .atom.layer.start-row-M15 {
    margin-top: 37.5rem; }
  .atom.layer.frame-row-15 {
    min-height: 0; }
  .atom.layer.start-row-16,
  .atom.layer.start-row-PS16 .atom.layer.start-row-TP16 {
    top: 0; }
  .atom.layer.start-row-M16 {
    margin-top: 40rem; }
  .atom.layer.frame-row-16 {
    min-height: 0; }
  .atom.layer.start-row-17,
  .atom.layer.start-row-PS17 .atom.layer.start-row-TP17 {
    top: 0; }
  .atom.layer.start-row-M17 {
    margin-top: 42.5rem; }
  .atom.layer.frame-row-17 {
    min-height: 0; }
  .atom.layer.start-row-18,
  .atom.layer.start-row-PS18 .atom.layer.start-row-TP18 {
    top: 0; }
  .atom.layer.start-row-M18 {
    margin-top: 45rem; }
  .atom.layer.frame-row-18 {
    min-height: 0; }
  .atom.layer.start-row-19,
  .atom.layer.start-row-PS19 .atom.layer.start-row-TP19 {
    top: 0; }
  .atom.layer.start-row-M19 {
    margin-top: 47.5rem; }
  .atom.layer.frame-row-19 {
    min-height: 0; }
  .atom.layer.start-row-20,
  .atom.layer.start-row-PS20 .atom.layer.start-row-TP20 {
    top: 0; }
  .atom.layer.start-row-M20 {
    margin-top: 50rem; }
  .atom.layer.frame-row-20 {
    min-height: 0; }
  .atom.layer.start-row-21,
  .atom.layer.start-row-PS21 .atom.layer.start-row-TP21 {
    top: 0; }
  .atom.layer.start-row-M21 {
    margin-top: 52.5rem; }
  .atom.layer.frame-row-21 {
    min-height: 0; }
  .atom.layer.start-row-22,
  .atom.layer.start-row-PS22 .atom.layer.start-row-TP22 {
    top: 0; }
  .atom.layer.start-row-M22 {
    margin-top: 55rem; }
  .atom.layer.frame-row-22 {
    min-height: 0; }
  .atom.layer.start-row-23,
  .atom.layer.start-row-PS23 .atom.layer.start-row-TP23 {
    top: 0; }
  .atom.layer.start-row-M23 {
    margin-top: 57.5rem; }
  .atom.layer.frame-row-23 {
    min-height: 0; }
  .atom.layer.start-row-24,
  .atom.layer.start-row-PS24 .atom.layer.start-row-TP24 {
    top: 0; }
  .atom.layer.start-row-M24 {
    margin-top: 60rem; }
  .atom.layer.frame-row-24 {
    min-height: 0; }
  .atom.layer.start-row-25,
  .atom.layer.start-row-PS25 .atom.layer.start-row-TP25 {
    top: 0; }
  .atom.layer.start-row-M25 {
    margin-top: 62.5rem; }
  .atom.layer.frame-row-25 {
    min-height: 0; }
  .atom.layer.start-row-26,
  .atom.layer.start-row-PS26 .atom.layer.start-row-TP26 {
    top: 0; }
  .atom.layer.start-row-M26 {
    margin-top: 65rem; }
  .atom.layer.frame-row-26 {
    min-height: 0; }
  .atom.layer.start-row-27,
  .atom.layer.start-row-PS27 .atom.layer.start-row-TP27 {
    top: 0; }
  .atom.layer.start-row-M27 {
    margin-top: 67.5rem; }
  .atom.layer.frame-row-27 {
    min-height: 0; }
  .atom.layer.start-row-28,
  .atom.layer.start-row-PS28 .atom.layer.start-row-TP28 {
    top: 0; }
  .atom.layer.start-row-M28 {
    margin-top: 70rem; }
  .atom.layer.frame-row-28 {
    min-height: 0; }
  .atom.layer.start-row-29,
  .atom.layer.start-row-PS29 .atom.layer.start-row-TP29 {
    top: 0; }
  .atom.layer.start-row-M29 {
    margin-top: 72.5rem; }
  .atom.layer.frame-row-29 {
    min-height: 0; }
  .atom.layer.start-row-30,
  .atom.layer.start-row-PS30 .atom.layer.start-row-TP30 {
    top: 0; }
  .atom.layer.start-row-M30 {
    margin-top: 75rem; }
  .atom.layer.frame-row-30 {
    min-height: 0; }
  .atom.layer-2 {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    top: 0; }
    .atom.layer-2.off-grid {
      left: 0; }
    .atom.layer-2.start-row-M0 {
      margin-top: 0rem; }
    .atom.layer-2.start-row-M1 {
      margin-top: 2.5rem; }
    .atom.layer-2.start-row-M2 {
      margin-top: 5rem; }
    .atom.layer-2.start-row-M3 {
      margin-top: 7.5rem; }
    .atom.layer-2.start-row-M4 {
      margin-top: 10rem; }
    .atom.layer-2.start-row-M5 {
      margin-top: 12.5rem; }
    .atom.layer-2.start-row-M6 {
      margin-top: 15rem; }
    .atom.layer-2.start-row-M7 {
      margin-top: 17.5rem; }
    .atom.layer-2.start-row-M8 {
      margin-top: 20rem; }
    .atom.layer-2.start-row-M9 {
      margin-top: 22.5rem; }
    .atom.layer-2.start-row-M10 {
      margin-top: 25rem; }
    .atom.layer-2.start-row-M11 {
      margin-top: 27.5rem; }
    .atom.layer-2.start-row-M12 {
      margin-top: 30rem; }
    .atom.layer-2.start-row-M13 {
      margin-top: 32.5rem; }
    .atom.layer-2.start-row-M14 {
      margin-top: 35rem; }
    .atom.layer-2.start-row-M15 {
      margin-top: 37.5rem; }
    .atom.layer-2.start-row-M16 {
      margin-top: 40rem; }
    .atom.layer-2.start-row-M17 {
      margin-top: 42.5rem; }
    .atom.layer-2.start-row-M18 {
      margin-top: 45rem; }
    .atom.layer-2.start-row-M19 {
      margin-top: 47.5rem; }
    .atom.layer-2.start-row-M20 {
      margin-top: 50rem; }
    .atom.layer-2.start-row-M21 {
      margin-top: 52.5rem; }
    .atom.layer-2.start-row-M22 {
      margin-top: 55rem; }
    .atom.layer-2.start-row-M23 {
      margin-top: 57.5rem; }
    .atom.layer-2.start-row-M24 {
      margin-top: 60rem; }
    .atom.layer-2.start-row-M25 {
      margin-top: 62.5rem; }
    .atom.layer-2.start-row-M26 {
      margin-top: 65rem; }
    .atom.layer-2.start-row-M27 {
      margin-top: 67.5rem; }
    .atom.layer-2.start-row-M28 {
      margin-top: 70rem; }
    .atom.layer-2.start-row-M29 {
      margin-top: 72.5rem; }
    .atom.layer-2.start-row-M30 {
      margin-top: 75rem; }
  /* Rows */
  .frame-row .frame-row-M0 {
    display: none; }
  .frame-row .frame-row-M1 {
    min-height: 2.5rem; }
  .frame-row .frame-row-M2 {
    min-height: 5rem; }
  .frame-row .frame-row-M3 {
    min-height: 7.5rem; }
  .frame-row .frame-row-M4 {
    min-height: 10rem; }
  .frame-row .frame-row-M5 {
    min-height: 12.5rem; }
  .frame-row .frame-row-M6 {
    min-height: 15rem; }
  .frame-row .frame-row-M7 {
    min-height: 17.5rem; }
  .frame-row .frame-row-M8 {
    min-height: 20rem; }
  .frame-row .frame-row-M9 {
    min-height: 22.5rem; }
  .frame-row .frame-row-M10 {
    min-height: 25rem; }
  .frame-row .frame-row-M11 {
    min-height: 27.5rem; }
  .frame-row .frame-row-M12 {
    min-height: 30rem; }
  .frame-row .frame-row-M13 {
    min-height: 32.5rem; }
  .frame-row .frame-row-M14 {
    min-height: 35rem; }
  .frame-row .frame-row-M15 {
    min-height: 37.5rem; }
  .frame-row .frame-row-M16 {
    min-height: 40rem; }
  .frame-row .frame-row-M17 {
    min-height: 42.5rem; }
  .frame-row .frame-row-M18 {
    min-height: 45rem; }
  .frame-row .frame-row-M19 {
    min-height: 47.5rem; }
  .frame-row .frame-row-M20 {
    min-height: 50rem; }
  .frame-row .frame-row-M21 {
    min-height: 52.5rem; }
  .frame-row .frame-row-M22 {
    min-height: 55rem; }
  .frame-row .frame-row-M23 {
    min-height: 57.5rem; }
  .frame-row .frame-row-M24 {
    min-height: 60rem; }
  .frame-row .frame-row-M25 {
    min-height: 62.5rem; }
  .frame-row .frame-row-M26 {
    min-height: 65rem; }
  .frame-row .frame-row-M27 {
    min-height: 67.5rem; }
  .frame-row .frame-row-M28 {
    min-height: 70rem; }
  .frame-row .frame-row-M29 {
    min-height: 72.5rem; }
  .frame-row .frame-row-M30 {
    min-height: 75rem; }
  /* Columns */
  .frame-col {
    margin-right: 1.875rem; }
    .frame-col.frame-col-1, .frame-col.frame-col-offset-1 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-1.tile-active, .frame-col.frame-col-offset-1.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-2, .frame-col.frame-col-offset-2 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-2.tile-active, .frame-col.frame-col-offset-2.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-3, .frame-col.frame-col-offset-3 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-3.tile-active, .frame-col.frame-col-offset-3.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-4, .frame-col.frame-col-offset-4 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-4.tile-active, .frame-col.frame-col-offset-4.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-5, .frame-col.frame-col-offset-5 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-5.tile-active, .frame-col.frame-col-offset-5.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-6, .frame-col.frame-col-offset-6 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-6.tile-active, .frame-col.frame-col-offset-6.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-7, .frame-col.frame-col-offset-7 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-7.tile-active, .frame-col.frame-col-offset-7.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-8, .frame-col.frame-col-offset-8 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-8.tile-active, .frame-col.frame-col-offset-8.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-9, .frame-col.frame-col-offset-9 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-9.tile-active, .frame-col.frame-col-offset-9.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-10, .frame-col.frame-col-offset-10 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-10.tile-active, .frame-col.frame-col-offset-10.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-11, .frame-col.frame-col-offset-11 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-11.tile-active, .frame-col.frame-col-offset-11.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-12, .frame-col.frame-col-offset-12 {
      margin-left: auto;
      width: auto; }
      .frame-col.frame-col-12.tile-active, .frame-col.frame-col-offset-12.tile-active {
        margin-left: auto;
        width: auto; }
    .frame-col.frame-col-M1 {
      width: calc(((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12));
      height: inherit; }
      .frame-col.frame-col-M1.tile-active {
        width: calc(((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M1.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M1 {
      margin-left: calc(((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)); }
      .frame-col.frame-col-offset-M1.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)); }
    .frame-col.frame-col-M2 {
      width: calc(((100vw - 6.25rem) / 6) - ((1.875rem * 5) / 6));
      height: inherit; }
      .frame-col.frame-col-M2.tile-active {
        width: calc(((100vw - 6.25rem) / 6) - ((1.875rem * 5) / 6));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M2.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M2 {
      margin-left: calc(((100vw - 6.25rem) / 6) - ((1.875rem * 5) / 6)); }
      .frame-col.frame-col-offset-M2.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 6) - ((1.875rem * 5) / 6)); }
    .frame-col.frame-col-M3 {
      width: calc(((100vw - 6.25rem) / 4) - ((1.875rem * 3) / 4));
      height: inherit; }
      .frame-col.frame-col-M3.tile-active {
        width: calc(((100vw - 6.25rem) / 4) - ((1.875rem * 3) / 4));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M3.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M3 {
      margin-left: calc(((100vw - 6.25rem) / 4) - ((1.875rem * 3) / 4)); }
      .frame-col.frame-col-offset-M3.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 4) - ((1.875rem * 3) / 4)); }
    .frame-col.frame-col-M4 {
      width: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3));
      height: inherit; }
      .frame-col.frame-col-M4.tile-active {
        width: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M4.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M4 {
      margin-left: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3)); }
      .frame-col.frame-col-offset-M4.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3)); }
    .frame-col.frame-col-M5 {
      width: calc(((100vw - 6.25rem) / 2.4) - ((1.875rem * 1.4) / 2.4));
      height: inherit; }
      .frame-col.frame-col-M5.tile-active {
        width: calc(((100vw - 6.25rem) / 2.4) - ((1.875rem * 1.4) / 2.4));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M5.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M5 {
      margin-left: calc(((100vw - 6.25rem) / 2.4) - ((1.875rem * 1.4) / 2.4)); }
      .frame-col.frame-col-offset-M5.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 2.4) - ((1.875rem * 1.4) / 2.4)); }
    .frame-col.frame-col-M6 {
      width: calc(((100vw - 6.25rem) / 2) - ((1.875rem * 1) / 2));
      height: inherit; }
      .frame-col.frame-col-M6.tile-active {
        width: calc(((100vw - 6.25rem) / 2) - ((1.875rem * 1) / 2));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M6.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M6 {
      margin-left: calc(((100vw - 6.25rem) / 2) - ((1.875rem * 1) / 2)); }
      .frame-col.frame-col-offset-M6.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 2) - ((1.875rem * 1) / 2)); }
    .frame-col.frame-col-M7 {
      width: calc(((100vw - 6.25rem) / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143));
      height: inherit; }
      .frame-col.frame-col-M7.tile-active {
        width: calc(((100vw - 6.25rem) / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M7.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M7 {
      margin-left: calc(((100vw - 6.25rem) / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143)); }
      .frame-col.frame-col-offset-M7.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143)); }
    .frame-col.frame-col-M8 {
      width: calc(((100vw - 6.25rem) / 1.5) - ((1.875rem * 0.5) / 1.5));
      height: inherit; }
      .frame-col.frame-col-M8.tile-active {
        width: calc(((100vw - 6.25rem) / 1.5) - ((1.875rem * 0.5) / 1.5));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M8.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M8 {
      margin-left: calc(((100vw - 6.25rem) / 1.5) - ((1.875rem * 0.5) / 1.5)); }
      .frame-col.frame-col-offset-M8.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 1.5) - ((1.875rem * 0.5) / 1.5)); }
    .frame-col.frame-col-M9 {
      width: calc(((100vw - 6.25rem) / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333));
      height: inherit; }
      .frame-col.frame-col-M9.tile-active {
        width: calc(((100vw - 6.25rem) / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M9.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M9 {
      margin-left: calc(((100vw - 6.25rem) / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333)); }
      .frame-col.frame-col-offset-M9.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333)); }
    .frame-col.frame-col-M10 {
      width: calc(((100vw - 6.25rem) / 1.2) - ((1.875rem * 0.2) / 1.2));
      height: inherit; }
      .frame-col.frame-col-M10.tile-active {
        width: calc(((100vw - 6.25rem) / 1.2) - ((1.875rem * 0.2) / 1.2));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M10.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M10 {
      margin-left: calc(((100vw - 6.25rem) / 1.2) - ((1.875rem * 0.2) / 1.2)); }
      .frame-col.frame-col-offset-M10.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 1.2) - ((1.875rem * 0.2) / 1.2)); }
    .frame-col.frame-col-M11 {
      width: calc(((100vw - 6.25rem) / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909));
      height: inherit; }
      .frame-col.frame-col-M11.tile-active {
        width: calc(((100vw - 6.25rem) / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M11.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M11 {
      margin-left: calc(((100vw - 6.25rem) / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909)); }
      .frame-col.frame-col-offset-M11.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909)); }
    .frame-col.frame-col-M12 {
      width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1));
      height: inherit; }
      .frame-col.frame-col-M12.tile-active {
        width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1));
        margin-right: 1.875rem;
        margin-bottom: 1.875rem; }
        .frame-col.frame-col-M12.tile-active.remove-gutter {
          margin-right: 0; }
    .frame-col.frame-col-offset-M12 {
      margin-left: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1)); }
      .frame-col.frame-col-offset-M12.tile-active {
        margin-left: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1)); }
    .frame-col.frame-col-offset-M0, .frame-col.frame-col-offset-M0.tile-active {
      margin-left: 0; }
  /* Column padding */
  .padding-all {
    padding: 1.875rem; }
  .padding-top {
    padding-top: 1.875rem; }
  .padding-right {
    padding-right: 1.875rem; }
  .padding-bottom {
    padding-bottom: 1.875rem; }
  .padding-left {
    padding-left: 1.875rem; }
  /* Space Top */
  .space-top-M1 {
    margin-top: 2.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M2 {
    margin-top: 5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M3 {
    margin-top: 7.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M4 {
    margin-top: 10rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M5 {
    margin-top: 12.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M6 {
    margin-top: 15rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M7 {
    margin-top: 17.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M8 {
    margin-top: 20rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M9 {
    margin-top: 22.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M10 {
    margin-top: 25rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M11 {
    margin-top: 27.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M12 {
    margin-top: 30rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M13 {
    margin-top: 32.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M14 {
    margin-top: 35rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M15 {
    margin-top: 37.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M16 {
    margin-top: 40rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M17 {
    margin-top: 42.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M18 {
    margin-top: 45rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M19 {
    margin-top: 47.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M20 {
    margin-top: 50rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M21 {
    margin-top: 52.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M22 {
    margin-top: 55rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M23 {
    margin-top: 57.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M24 {
    margin-top: 60rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M25 {
    margin-top: 62.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M26 {
    margin-top: 65rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M27 {
    margin-top: 67.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M28 {
    margin-top: 70rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M29 {
    margin-top: 72.5rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M30 {
    margin-top: 75rem;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M0 {
    margin-top: 0;
    top: 0;
    transform: none;
    position: relative; }
  .space-top-M50 {
    top: 50%;
    transform: translateY(-50%);
    position: absolute; }
  /* Reserve space */
  .reserve-space-M1 {
    min-height: 2.5rem; }
  .reserve-space-M2 {
    min-height: 5rem; }
  .reserve-space-M3 {
    min-height: 7.5rem; }
  .reserve-space-M4 {
    min-height: 10rem; }
  .reserve-space-M5 {
    min-height: 12.5rem; } }

/* Template
	Developer: [Your name]
	Description: [Your description]
	Vars:	[Your vars]			[Vars description]
*/
/*
	Developer: Gerhard Luyken
	Description: Backround zoom effect
*/
@keyframes backgroundScale {
  0% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.animate {
  opacity: 0; }

#overlay {
  overflow-y: overlay; }

/*

Slide

*/
#fixed-background-image {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  overflow-y: scroll;
  width: 100vw;
  height: 100vh; }

.atom.section {
  display: table;
  position: relative;
  width: 100%;
  height: 100vh;
  clear: both; }
  .atom.section.section-full > .container--background,
  .atom.section.section-half > .container--background,
  .atom.section.section-half-scroll > .container--background,
  .atom.section.section-default > .container--background,
  .atom.section.section-auto > .container--background {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    overflow-y: scroll;
    width: 100vw;
    height: 100%; }
  .atom.section-full {
    height: 100vh; }
  .atom.section-auto {
    height: auto; }
  .atom.section-half {
    height: 50vh; }
  .atom.section-half-scroll {
    height: 37.5rem; }
  .atom.section.section-halfTop > .container--background {
    min-height: 37.5rem;
    height: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    overflow-y: scroll;
    width: 100vw; }
  .atom.section.section-halfLeft .container--background, .atom.section.section-halfRight .container--background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 0;
    overflow-y: scroll;
    height: 100%;
    width: calc(10% + ((80vw / 2.4) - ((2.5rem * 1.4) / 2.4)));
    overflow-y: hidden; }
    @media only screen and (max-width: 1199px) {
      .atom.section.section-halfLeft .container--background, .atom.section.section-halfRight .container--background {
        width: calc(5% + ((90vw / 2.4) - ((2.5rem * 1.4) / 2.4))); } }
    @media only screen and (max-width: 899px) {
      .atom.section.section-halfLeft .container--background, .atom.section.section-halfRight .container--background {
        width: calc(5% + ((90vw / 2) - ((2.5rem * 1) / 2))); } }
    @media only screen and (max-width: 599px) {
      .atom.section.section-halfLeft .container--background, .atom.section.section-halfRight .container--background {
        width: calc(3.125rem + (((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3))); } }
  .atom.section.section-halfLeft .container--background {
    left: 0px; }
  .atom.section.section-halfRight .container--background {
    right: 0; }
  .atom.section .section-row {
    display: table-cell; }
  .atom.section .vertical-align {
    vertical-align: middle; }
    .atom.section .vertical-align-top {
      vertical-align: top; }
    .atom.section .vertical-align-middle {
      vertical-align: middle; }
    @media only screen and (max-width: 1199px) {
      .atom.section .vertical-align-topPS {
        vertical-align: top; }
      .atom.section .vertical-align-middlePS {
        vertical-align: middle; } }
    @media only screen and (max-width: 899px) {
      .atom.section .vertical-align-topTP {
        vertical-align: top; }
      .atom.section .vertical-align-middleTP {
        vertical-align: middle; } }
    @media only screen and (max-width: 599px) {
      .atom.section .vertical-align-topM {
        vertical-align: top; }
      .atom.section .vertical-align-middleM {
        vertical-align: middle; } }
  @media only screen and (max-width: 1199px) {
    .atom.section {
      min-height: auto; } }
  @media only screen and (max-width: 1199px) {
    .atom.section-fullPS {
      height: 100vh; }
    .atom.section-autoPS {
      height: auto; }
    .atom.section-halfPS {
      height: 50vh; }
    .atom.section-half-scrollPS {
      height: 37.5rem; } }
  @media only screen and (max-width: 899px) {
    .atom.section {
      height: auto; }
      .atom.section-fullTP {
        height: 100vh; }
      .atom.section-autoTP {
        height: auto; }
      .atom.section-halfTP {
        height: 50vh; }
      .atom.section-half-scrollTP {
        height: 37.5rem; } }
  @media only screen and (max-width: 599px) {
    .atom.section {
      height: auto; }
      .atom.section-fullM {
        height: 100vh; }
      .atom.section-autoM {
        height: auto; }
      .atom.section-halfM {
        height: 50vh; }
      .atom.section-half-scrollM {
        height: 37.5rem; } }
  .atom.section .section-content {
    position: relative;
    display: block;
    width: 80.01vw;
    margin: 0 10vw;
    padding-top: 10rem;
    padding-bottom: 2.5rem; }
    .atom.section .section-content.content-height-0 {
      min-height: 0rem; }
    .atom.section .section-content.content-height-1 {
      min-height: 2.5rem; }
    .atom.section .section-content.content-height-2 {
      min-height: 5rem; }
    .atom.section .section-content.content-height-3 {
      min-height: 7.5rem; }
    .atom.section .section-content.content-height-4 {
      min-height: 10rem; }
    .atom.section .section-content.content-height-5 {
      min-height: 12.5rem; }
    .atom.section .section-content.content-height-6 {
      min-height: 15rem; }
    .atom.section .section-content.content-height-7 {
      min-height: 17.5rem; }
    .atom.section .section-content.content-height-8 {
      min-height: 20rem; }
    .atom.section .section-content.content-height-9 {
      min-height: 22.5rem; }
    .atom.section .section-content.content-height-10 {
      min-height: 25rem; }
    .atom.section .section-content.content-height-11 {
      min-height: 27.5rem; }
    .atom.section .section-content.content-height-12 {
      min-height: 30rem; }
    .atom.section .section-content.content-height-13 {
      min-height: 32.5rem; }
    .atom.section .section-content.content-height-14 {
      min-height: 35rem; }
    .atom.section .section-content.content-height-15 {
      min-height: 37.5rem; }
    .atom.section .section-content.content-height-16 {
      min-height: 40rem; }
    .atom.section .section-content.content-height-17 {
      min-height: 42.5rem; }
    .atom.section .section-content.content-height-18 {
      min-height: 45rem; }
    .atom.section .section-content.content-height-19 {
      min-height: 47.5rem; }
    .atom.section .section-content.content-height-20 {
      min-height: 50rem; }
    .atom.section .section-content.content-height-21 {
      min-height: 52.5rem; }
    .atom.section .section-content.content-height-22 {
      min-height: 55rem; }
    .atom.section .section-content.content-height-23 {
      min-height: 57.5rem; }
    .atom.section .section-content.content-height-24 {
      min-height: 60rem; }
    .atom.section .section-content.content-height-25 {
      min-height: 62.5rem; }
    .atom.section .section-content.content-height-26 {
      min-height: 65rem; }
    .atom.section .section-content.content-height-27 {
      min-height: 67.5rem; }
    .atom.section .section-content.content-height-28 {
      min-height: 70rem; }
    .atom.section .section-content.content-height-29 {
      min-height: 72.5rem; }
    .atom.section .section-content.content-height-30 {
      min-height: 75rem; }
    @media only screen and (max-width: 599px) {
      .atom.section .section-content.content-heightM-0 {
        min-height: 0rem; }
      .atom.section .section-content.content-heightM-1 {
        min-height: 2.5rem; }
      .atom.section .section-content.content-heightM-2 {
        min-height: 5rem; }
      .atom.section .section-content.content-heightM-3 {
        min-height: 7.5rem; }
      .atom.section .section-content.content-heightM-4 {
        min-height: 10rem; }
      .atom.section .section-content.content-heightM-5 {
        min-height: 12.5rem; }
      .atom.section .section-content.content-heightM-6 {
        min-height: 15rem; }
      .atom.section .section-content.content-heightM-7 {
        min-height: 17.5rem; }
      .atom.section .section-content.content-heightM-8 {
        min-height: 20rem; }
      .atom.section .section-content.content-heightM-9 {
        min-height: 22.5rem; }
      .atom.section .section-content.content-heightM-10 {
        min-height: 25rem; }
      .atom.section .section-content.content-heightM-11 {
        min-height: 27.5rem; }
      .atom.section .section-content.content-heightM-12 {
        min-height: 30rem; }
      .atom.section .section-content.content-heightM-13 {
        min-height: 32.5rem; }
      .atom.section .section-content.content-heightM-14 {
        min-height: 35rem; }
      .atom.section .section-content.content-heightM-15 {
        min-height: 37.5rem; }
      .atom.section .section-content.content-heightM-16 {
        min-height: 40rem; }
      .atom.section .section-content.content-heightM-17 {
        min-height: 42.5rem; }
      .atom.section .section-content.content-heightM-18 {
        min-height: 45rem; }
      .atom.section .section-content.content-heightM-19 {
        min-height: 47.5rem; }
      .atom.section .section-content.content-heightM-20 {
        min-height: 50rem; }
      .atom.section .section-content.content-heightM-21 {
        min-height: 52.5rem; }
      .atom.section .section-content.content-heightM-22 {
        min-height: 55rem; }
      .atom.section .section-content.content-heightM-23 {
        min-height: 57.5rem; }
      .atom.section .section-content.content-heightM-24 {
        min-height: 60rem; }
      .atom.section .section-content.content-heightM-25 {
        min-height: 62.5rem; }
      .atom.section .section-content.content-heightM-26 {
        min-height: 65rem; }
      .atom.section .section-content.content-heightM-27 {
        min-height: 67.5rem; }
      .atom.section .section-content.content-heightM-28 {
        min-height: 70rem; }
      .atom.section .section-content.content-heightM-29 {
        min-height: 72.5rem; }
      .atom.section .section-content.content-heightM-30 {
        min-height: 75rem; }
      .atom.section .section-content.content-heightM-full {
        height: 100vh; } }
    @media only screen and (max-width: 1199px) {
      .atom.section .section-content {
        width: 90.01vw;
        transform: none;
        top: 0;
        left: 0;
        margin: 0 5vw; } }
    @media only screen and (max-width: 899px) {
      .atom.section .section-content {
        width: 90.01vw;
        transform: none;
        margin: 0 5vw;
        top: 0;
        left: 0; } }
    @media only screen and (max-width: 599px) {
      .atom.section .section-content {
        width: calc(100vw - 6.25rem);
        margin: 0 3.125rem;
        top: 0;
        left: 0;
        transform: none; } }
  .atom.section.section-default .section-content {
    display: block; }
  .atom.section.section-half .section-content {
    min-height: 37.5rem; }
    @media only screen and (max-width: 599px) {
      .atom.section.section-half .section-content {
        transform: none; } }
  .atom.section.section-half-scroll .section-content {
    min-height: 37.5rem; }
    @media only screen and (max-width: 599px) {
      .atom.section.section-half-scroll .section-content {
        transform: none; } }
  .atom.section.section-auto .section-content {
    min-height: 7.5rem;
    display: block; }
    @media only screen and (max-width: 899px) {
      .atom.section.section-auto .section-content {
        transform: none; } }
    @media only screen and (max-width: 599px) {
      .atom.section.section-auto .section-content {
        transform: none; } }

#zaSkin .section-content {
  margin: 0 auto;
  top: 0; }

#overlay.atom .atom.section .section-content {
  position: relative;
  width: 90%;
  top: 0;
  left: 0;
  transform: none;
  margin: 0 auto; }

.atom.section.footer-overlay {
  position: fixed;
  top: 0;
  background-color: #FFFFFF;
  min-height: 100vh;
  width: 100%;
  height: 100%;
  z-index: 99;
  clear: both; }
  .atom.section.footer-overlay .footer-close-icon {
    float: left;
    width: 4rem; }
  .atom.section.footer-overlay .footer-close-title {
    float: left;
    width: 5rem;
    font-size: 2.5rem; }
  .atom.section.footer-overlay .carousel--container {
    top: 2.5rem; }
    .atom.section.footer-overlay .carousel--container .frame-col.atom .text--heading.atom {
      font-size: 4rem; }
    .atom.section.footer-overlay .carousel--container ul.list.list-size-medium li,
    .atom.section.footer-overlay .carousel--container ul.wvul.list-size-medium li {
      font-size: 2rem;
      line-height: 5rem; }
    .atom.section.footer-overlay .carousel--container ul li::before {
      height: 5rem; }

#eziPageContent .slide.atom,
#eziPageContent .slide.atom .container--background {
  padding: 0;
  width: 100%; }

.alignMiddle .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.alignMiddle img, .alignMiddle .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .alignMiddle .icon--img, .alignMiddleimg {
  vertical-align: middle; }

.valign-top {
  vertical-align: top; }

.valign-middle {
  vertical-align: middle; }

.valign-bottom {
  vertical-align: bottom; }

/* Absolute positions */
.absoluteAlign--vertical-top.atom {
  position: absolute;
  top: 0; }

.absoluteAlign--vertical-bottom.atom {
  position: absolute;
  bottom: 0; }

.absoluteAlign--vertical-bottom1.atom {
  position: absolute;
  bottom: 2.5rem; }

.absoluteAlign--vertical-bottom2.atom {
  position: absolute;
  bottom: 5rem; }

.absoluteAlign--vertical-bottom3.atom {
  position: absolute;
  bottom: 7.5rem; }

/* Images and backgrounds */
.img-normal.atom {
  position: relative; }

.img-background.atom {
  position: relative;
  width: 100%;
  background-size: cover; }

/* Border Radius */
.border--radius-default {
  -webkit-border-radius: 2.4rem;
  border-radius: 2.4rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .border--radius-default .border--radius-child {
    -webkit-border-top-right-radius: 2.2rem;
    border-top-right-radius: 2.2rem;
    -webkit-border-top-left-radius: 2.2rem;
    border-top-left-radius: 2.2rem;
    background-clip: padding-box; }

/* Alignments */
.align--left {
  text-align: left; }

.align--center {
  text-align: center; }

.align--right {
  text-align: right; }

.hide {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s; }

.show {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s; }

/* Web override */
.innerSection .hide, .sizer2 .hide {
  opacity: unset;
  visibility: unset;
  transition: unset; }

#eziPageContent .slide.atom, #eziPageContent .slide.atom .slide-content {
  height: auto;
  min-height: auto; }

/*

Mobile Aligment

*/
@media only screen and (max-width: 599px) {
  .font--align-Mcenter {
    text-align: center; }
  .font--align-Mleft {
    text-align: left; }
  .font--align-Mright {
    text-align: right; } }

@media only screen and (max-width: 899px) {
  .font--align-TPcenter {
    text-align: center; }
  .font--align-TPleft {
    text-align: left; }
  .font--align-TPright {
    text-align: right; } }

.vertical-line {
  position: absolute;
  left: 50%;
  width: 1px;
  background-color: #9B9B9B;
  height: 100%; }
  @media only screen and (max-width: 599px) {
    .vertical-line {
      left: 0;
      width: 100%;
      height: 1px; } }

/* PC small */
@media (min-width: 350px) and (max-width: 1464px) {
  .screen--small-hide {
    display: none; }
  .grid--split.atom {
    /* 		padding-left: $unit-small * 2.5; */
    /* 		padding-right: $unit-small * 2.5; */ }
  .slide.atom {
    padding-left: 0;
    padding-right: 0; }
  #overlay--backdrop {
    padding-left: 14.6916vw;
    padding-right: 14.6916vw; }
  header {
    padding-left: 0;
    padding-right: 0; }
  .frame--content-padding {
    padding: 2.5rem 2.0405vw 2.5rem 2.0405vw; }
  .border--radius-default {
    -webkit-border-radius: 1.95888vw;
    border-radius: 1.95888vw;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    .border--radius-default .border--radius-child {
      -webkit-border-top-right-radius: 1.75888vw;
      border-top-right-radius: 1.75888vw;
      -webkit-border-top-left-radius: 1.75888vw;
      border-top-left-radius: 1.75888vw;
      background-clip: padding-box; }
  .link--nextSlide {
    width: 19.9969vw; }
  /* Media min heights */
  .slide.atom {
    min-height: 60rem; }
    .slide.atom .slide-content {
      min-height: 48rem;
      margin: 0 auto; } }

/*

Mobile Margin-top

*/
@media only screen and (max-width: 599px) {
  .marginTop-atom {
    margin-top: -15%; } }

/*
 
Image inside card with padding

*/
.atom .card .image:not(.productCard) img.atom.img, .atom.icon--wrapper .card .image:not(.productCard) .icon--outer .icon--inner .atom.img.icon--img, .atom.icon--wrapper .icon--outer .icon--inner .card .image:not(.productCard) .atom.img.icon--img {
  width: 100%; }

.flex {
  display: flex; }
  @media only screen and (max-width: 599px) {
    .flex {
      display: block; } }

/* Banking and Bifrost custom styling */
.atom.grid--split {
  display: block;
  float: left; }
  .atom.grid--split:not(:first-of-type) {
    margin-left: 2.5rem; }
  .atom.grid--split:first-of-type {
    margin: 0; }
  .atom.grid--split.grid--split-20 {
    width: calc((20% - 2.5rem) + (2.5rem / (100 / 20))); }
  .atom.grid--split.grid--split-25 {
    width: calc((25% - 2.5rem) + (2.5rem / (100 / 25))); }
  .atom.grid--split.grid--split-30 {
    width: calc((30% - 2.5rem) + (2.5rem / 3.33)); }
  .atom.grid--split.grid--split-33 {
    width: calc((33.333% - 2.5rem) + (2.5rem / (100 / 33.333))); }
  .atom.grid--split.grid--split-34 {
    width: calc((34% - 2.5rem) + (2.5rem / (100 / 34))); }
  .atom.grid--split.grid--split-40 {
    width: calc((40% - 2.5rem) + (2.5rem / (100 / 40))); }
  .atom.grid--split.grid--split-50 {
    width: calc((50% - 2.5rem) + (1.25rem)); }
  .atom.grid--split.grid--split-70 {
    width: calc((70% - 2.5rem) + (2.5rem / (100 / 70))); }
  .atom.grid--split.grid--split-75 {
    width: calc((75% - 2.5rem) + (2.5rem / (100 / 75))); }
  .atom.grid--split.grid--split-60 {
    width: calc((60% - 2.5rem) + (2.5rem / (100 / 60))); }
  .atom.grid--split.grid--split-80 {
    width: calc((80% - 2.5rem) + (2.5rem / (100 / 80))); }
  .atom.grid--split.grid--split-66 {
    width: calc((66% - 2.5rem) + (2.5rem / (100 / 66))); }

.ismobi {
  display: none; }

#eziOverlay .container--background {
  display: none; }

#eziOverlay .atom .section-content {
  width: 100%;
  margin: 0px;
  padding-top: 2.5rem; }

#eziOverlay .atom.frame-col-12,
#eziOverlay .atom--custom-footer .frame-col {
  width: 98%; }

#eziOverlay .atom.section {
  height: auto; }

#bodyContainer #eziOverlay .overlayInner .gridGroupInner {
  width: 80vw !important; }

#eziOverlay .atom.section .section-content.content-height-30 {
  min-height: auto; }

@keyframes bgSlideIn {
  from {
    margin-left: 0rem;
    width: 1rem; }
  to {
    margin-left: 0.5rem;
    width: 1rem; } }

.list.atom {
  position: relative;
  margin-bottom: 2.5rem;
  padding: 0;
  overflow: visible; }
  .list.atom .atom.list-item {
    overflow: visible;
    padding: 0; }
  .list.atom .text--heading-sub {
    margin-left: -2.5rem;
    margin-bottom: 2.5rem; }

ul.list,
ul.wvul {
  margin-left: 2.5rem; }
  ul.list li, ul.list li.wvli,
  ul.wvul li,
  ul.wvul li.wvli {
    position: relative;
    top: 0.5rem;
    padding-left: 0rem;
    margin-bottom: 2.5rem;
    list-style-image: none; }
  ul.list.heading-sub,
  ul.wvul.heading-sub {
    font-weight: bold; }
  ul.list.atom[class*="list-style-links"],
  ul.wvul.atom[class*="list-style-links"] {
    list-style-type: none; }
    ul.list.atom[class*="list-style-links"] > li::before,
    ul.wvul.atom[class*="list-style-links"] > li::before {
      content: " ";
      position: absolute;
      left: -1.7rem;
      height: 2rem;
      top: 0.3rem;
      width: 1.5rem;
      padding-right: 0.2rem;
      background-repeat: no-repeat;
      background-position-x: 0;
      background-position: center left;
      transition: all .2s; }
    ul.list.atom[class*="list-style-links"] > li:hover::before,
    ul.wvul.atom[class*="list-style-links"] > li:hover::before {
      background-position-x: 90%;
      animation-duration: 0.8s;
      animation-name: bgSlideIn; }
  ul.list.list-style-none,
  ul.wvul.list-style-none {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none; }
    ul.list.list-style-none li,
    ul.wvul.list-style-none li {
      padding-left: 0; }
  ul.list.list-style-links-primary,
  ul.wvul.list-style-links-primary {
    color: #009999; }
    ul.list.list-style-links-primary li::before,
    ul.wvul.list-style-links-primary li::before {
      background-image: url("../../../images//generic/skins/00/chev-icons/icon-left-primary.svg"); }
  ul.list.list-style-links-ghost,
  ul.wvul.list-style-links-ghost {
    color: #6B6B6B; }
    ul.list.list-style-links-ghost li::before,
    ul.wvul.list-style-links-ghost li::before {
      background-image: url("../../../images//generic/skins/00/chev-icons/icon-left-ghost.svg"); }
  ul.list.list-style-links-paper,
  ul.wvul.list-style-links-paper {
    color: #FFFFFF; }
    ul.list.list-style-links-paper li::before,
    ul.wvul.list-style-links-paper li::before {
      background-image: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-wht.svg"); }
  @media only screen and (max-width: 599px) {
    ul.list.list-style-links-paperM li::before,
    ul.wvul.list-style-links-paperM li::before {
      background-image: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-wht.svg"); } }
  ul.list.list-style-links-black,
  ul.wvul.list-style-links-black {
    color: #000; }
    ul.list.list-style-links-black li:before,
    ul.wvul.list-style-links-black li:before {
      background-image: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-blk.svg"); }
  @media only screen and (max-width: 599px) {
    ul.list.list-style-links-blackM li::before,
    ul.wvul.list-style-links-blackM li::before {
      background-image: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-blk.svg"); } }
  ul.list.list-style-disc,
  ul.wvul.list-style-disc {
    list-style-type: disc; }
  ul.list.list-style-square,
  ul.wvul.list-style-square {
    list-style-type: square; }
  ul.list.list-style-circle,
  ul.wvul.list-style-circle {
    list-style-type: circle; }
  ul.list.list-style-hyphen,
  ul.wvul.list-style-hyphen {
    list-style-type: none; }
    ul.list.list-style-hyphen li:before,
    ul.wvul.list-style-hyphen li:before {
      content: "\2014\a0";
      position: absolute;
      left: -2.2rem; }
  ul.list.list-style-tick,
  ul.wvul.list-style-tick {
    list-style-type: none; }
    ul.list.list-style-tick li:before,
    ul.wvul.list-style-tick li:before {
      content: '';
      position: absolute;
      width: 2.5rem;
      height: 2rem;
      left: -2.5rem;
      background-image: url(/_assets/images/generic/skins/00/chevron/black_list-tick.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 2rem; }
    ul.list.list-style-tick.font--color-paper li:before, ul.list.list-style-tick.font--color-white li:before,
    ul.wvul.list-style-tick.font--color-paper li:before,
    ul.wvul.list-style-tick.font--color-white li:before {
      background-image: url(/_assets/images/generic/skins/00/chevron/paper_list-tick.svg); }
    ul.list.list-style-tick.font--color-primary li:before,
    ul.wvul.list-style-tick.font--color-primary li:before {
      background-image: url(/_assets/images/generic/skins/00/chevron/primary_list-tick.svg); }
  ul.list.list-size-small li,
  ul.wvul.list-size-small li {
    font-size: 1rem;
    line-height: 1rem; }
  ul.list.list-size-medium li,
  ul.wvul.list-size-medium li {
    font-size: 1.4rem;
    line-height: 2rem; }
  ul.list.list-size-large li,
  ul.wvul.list-size-large li {
    font-size: 1.6rem;
    line-height: 3rem; }
  ul.list.inline-desktop li,
  ul.wvul.inline-desktop li {
    display: inline; }
    ul.list.inline-desktop li .atom.image,
    ul.wvul.inline-desktop li .atom.image {
      display: inline;
      margin-right: 1rem; }
    @media only screen and (max-width: 599px) {
      ul.list.inline-desktop li,
      ul.wvul.inline-desktop li {
        display: block; }
        ul.list.inline-desktop li .atom.image,
        ul.wvul.inline-desktop li .atom.image {
          display: block;
          margin-right: none; } }
  @media only screen and (max-width: 599px) {
    ul.list.inline-mobi li,
    ul.wvul.inline-mobi li {
      display: inline; }
      ul.list.inline-mobi li .atom.image,
      ul.wvul.inline-mobi li .atom.image {
        display: inline;
        margin-right: 1rem; } }
  ul.list.inline-all li,
  ul.wvul.inline-all li {
    display: inline; }
    ul.list.inline-all li .atom.image,
    ul.wvul.inline-all li .atom.image {
      display: inline;
      margin-right: 1rem; }
    @media only screen and (max-width: 599px) {
      ul.list.inline-all li,
      ul.wvul.inline-all li {
        display: inline; }
        ul.list.inline-all li .atom.image,
        ul.wvul.inline-all li .atom.image {
          display: inline;
          margin-right: 1rem; } }
  ul.list.with-pipes > li:not(:first-child)::before,
  ul.wvul.with-pipes > li:not(:first-child)::before {
    content: "|";
    position: absolute;
    left: 1rem; }
    @media only screen and (max-width: 599px) {
      ul.list.with-pipes > li:not(:first-child)::before,
      ul.wvul.with-pipes > li:not(:first-child)::before {
        display: none; } }

ol.list,
ol.wvol {
  margin-left: 2.5rem;
  counter-reset: section;
  list-style-type: none; }
  ol.list.list-size-small li,
  ol.wvol.list-size-small li {
    font-size: 1rem;
    line-height: 1rem; }
  ol.list.list-size-medium li,
  ol.wvol.list-size-medium li {
    font-size: 1.4rem;
    line-height: 2rem; }
  ol.list.list-size-large li,
  ol.wvol.list-size-large li {
    font-size: 1.6rem;
    line-height: 3rem; }
  ol.list > li, ol.list > li.wvli,
  ol.wvol > li,
  ol.wvol > li.wvli {
    position: relative;
    top: 0.5rem;
    padding-left: 0rem;
    margin-bottom: 2.5rem; }
    ol.list > li::before, ol.list > li.wvli::before,
    ol.wvol > li::before,
    ol.wvol > li.wvli::before {
      counter-increment: section;
      content: "0" counters(section, ".") " ";
      left: -2.5rem;
      font-weight: bold;
      font-size: 1.3rem;
      display: inline-block;
      position: absolute;
      font-family: RobotoRegular;
      font-size: 1.3rem; }
      @media only screen and (min-width: 1800px) {
        ol.list > li::before, ol.list > li.wvli::before,
        ol.wvol > li::before,
        ol.wvol > li.wvli::before {
          font-family: RobotoRegular;
          font-size: 1.25rem; } }
      @media only screen and (max-width: 1199px) {
        ol.list > li::before, ol.list > li.wvli::before,
        ol.wvol > li::before,
        ol.wvol > li.wvli::before {
          font-family: RobotoRegular;
          font-size: 1.625rem; } }
      @media only screen and (max-width: 899px) {
        ol.list > li::before, ol.list > li.wvli::before,
        ol.wvol > li::before,
        ol.wvol > li.wvli::before {
          font-family: RobotoRegular;
          font-size: 1.625rem; } }
      @media only screen and (max-width: 599px) {
        ol.list > li::before, ol.list > li.wvli::before,
        ol.wvol > li::before,
        ol.wvol > li.wvli::before {
          font-family: RobotoRegular;
          font-size: 1.625rem; } }

.atom.list-style-bullet {
  list-style-type: disc;
  list-style-image: none; }

.atom.link {
  cursor: pointer; }

.atom.link--list {
  display: block;
  list-style: none;
  padding: 0;
  border-top: 0.1rem solid #DADADA;
  margin-bottom: 2.5rem; }
  .atom.link--list .list--item {
    position: relative;
    cursor: pointer;
    max-height: 10rem; }
    .atom.link--list .list--item .text--paragraph {
      margin-bottom: 0;
      top: 0; }
    .atom.link--list .list--item .imageWrapper {
      display: table-cell;
      width: 9rem;
      position: relative; }
    .atom.link--list .list--item .imageWrapper > .image {
      width: 5rem;
      height: 5rem;
      margin: 0.6756756757rem 0;
      border-radius: 50%;
      overflow: hidden; }
    .atom.link--list .list--item .imageWrapper > .image img, .atom.link--list .list--item .imageWrapper > .image .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.link--list .list--item .imageWrapper > .image .icon--img {
      height: 100%; }
    .atom.link--list .list--item .text--wrapper {
      position: relative;
      padding: 1.4705882353rem 0;
      display: table-cell;
      vertical-align: middle; }
    .atom.link--list .list--item span > .text--wrapper {
      width: auto; }
    .atom.link--list .list--item span > .text--paragraph {
      padding-right: 2.5rem;
      text-align: right; }
    .atom.link--list .list--item .link > span, .atom.link--list .list--item > span {
      display: table;
      table-layout: fixed;
      width: 100%; }
    .atom.link--list .list--item .link > span > .text--wrapper {
      width: calc(100% - 9rem); }
    .atom.link--list .list--item .form--input-checkbox.atom .checkboxItems.atom .checkbox--custom {
      top: 0;
      margin-right: 0;
      right: 0; }
    .atom.link--list .list--item .notification, .atom.link--list .list--item .form--input-checkbox {
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .atom.link--list .list--item .notification {
      position: absolute;
      min-width: 3rem;
      height: 3rem;
      background-color: #F4791F;
      right: 0;
      padding: 0.7rem 1rem;
      color: #FFFFFF;
      border-radius: 2rem;
      text-align: center;
      overflow: hidden; }
    .atom.link--list .list--item .form--input-checkbox {
      position: absolute;
      right: 1rem; }
    .atom.link--list .list--item .form--input-checkbox.atom .checkboxItems.atom input {
      bottom: auto;
      right: 0; }
    .atom.link--list .list--item span > .checkbox-padding-right {
      padding-right: 2.5rem; }
    .atom.link--list .list--item.bottom-border {
      border-bottom: 0.1rem solid #DADADA; }

.atom.avatar {
  width: 5rem;
  height: auto;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 2.5rem;
  overflow: auto;
  float: left; }
  .atom.avatar img, .atom.avatar .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.avatar .icon--img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }

.card.atom {
  position: relative;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  outline: none;
  margin-bottom: 2.5rem; }
  .card.atom .img-background.atom {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
    .card.atom .img-background.atom.padding-top {
      padding-top: 2.5rem; }
  .card.atom .img.atom .btn--wrapper.atom {
    bottom: -3.125rem; }
  .card.atom .img.atom img, .card.atom .img.atom .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .card.atom .img.atom .icon--img {
    width: 100%; }
  .card.atom .btn--wrapper.atom {
    position: relative;
    left: 50%;
    bottom: 0; }
    .card.atom .btn--wrapper.atom .btn.atom {
      left: -50%; }
  .card.atom .card-bottom.atom {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
    .card.atom .card-bottom.atom.padding-top {
      padding-top: 2.5rem; }
  .card.atom .btn {
    position: relative;
    margin-bottom: 0; }
    .card.atom .btn--width-auto {
      width: 100%; }
  .card.atom.img-container {
    display: flex;
    align-items: center;
    margin: 2.5rem; }

.atom.simple-card {
  margin-bottom: 2.5rem;
  border-radius: 2.4rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); }
  .atom.simple-card .btn--wrapper.atom {
    margin: 0 auto; }
  .atom.simple-card .img-background {
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem; }

.container--products .card.atom {
  margin-bottom: 2.5rem; }

/* Banking and Bifrost custom styling */
.atom.v1-card .atom.text--heading {
  padding: 0; }

.atom.v1-card .atom.heading-3 {
  top: 0;
  margin-bottom: .7rem; }

.atom.v1-card .atom.btn--wrapper {
  position: absolute;
  left: 0;
  float: left;
  bottom: 0;
  width: 100%;
  text-align: center; }
  .atom.v1-card .atom.btn--wrapper .atom.btn {
    position: relative;
    width: 80%;
    left: auto;
    top: 0;
    border: none; }

.atom.v1-card.frame-col .btn.atom.btn--icon {
  width: 6.5rem;
  margin: 0;
  margin-right: 2.5rem; }

.atom.v1-card .btn--icon-container.atom {
  position: relative;
  top: -3.33325rem; }

.atom.v1-card .btn.atom.btn--icon {
  padding-top: 0;
  margin-left: 5%;
  height: 100%; }
  .atom.v1-card .btn.atom.btn--icon:first-child {
    margin-left: 0; }

.btn--icon-container.atom {
  font-size: 0rem; }
  .btn--icon-container.atom .btn--icon {
    width: calc((80vw / 12) - ((2.5rem * 11) / 12));
    margin-right: 2.5rem; }
    .btn--icon-container.atom .btn--icon:last-child {
      margin-right: 0; }

.btn--imageIcon {
  position: absolute;
  left: 1.5rem;
  top: 1.3rem; }
  .btn--imageIcon > img, .atom.icon--wrapper .icon--outer .icon--inner .btn--imageIcon > .icon--img {
    width: 2.5rem; }

a {
  outline: 0; }

a.decoration--none {
  text-decoration: none; }

.atom.btn--wrapper.btn--curved {
  margin-bottom: 2.5rem; }
  .atom.btn--wrapper.btn--curved button.atom.btn {
    width: calc(100% - 1rem);
    height: 5rem;
    left: .5rem;
    border-radius: 2.5rem;
    overflow: visible;
    transition: all 0.3s ease-in-out; }

.atom.btn--wrapper.btn--box {
  margin-bottom: 0; }
  .atom.btn--wrapper.btn--box button.atom.btn {
    height: 3.4rem;
    margin-top: .8rem;
    border-radius: 1rem; }
    @media only screen and (max-width: 1199px) {
      .atom.btn--wrapper.btn--box button.atom.btn {
        margin-top: .75rem; } }

.btn--wrapper.atom {
  position: relative;
  height: 5rem;
  min-width: calc((90vw / 6) - ((2.5rem * 5) / 6));
  max-width: calc((80vw / 3) - ((2.5rem * 2) / 3)); }
  @media only screen and (max-width: 899px) {
    .btn--wrapper.atom {
      min-width: calc((90vw / 4) - ((2.5rem * 3) / 4));
      max-width: calc((90vw / 2) - ((2.5rem * 1) / 2)); } }
  @media only screen and (max-width: 599px) {
    .btn--wrapper.atom {
      min-width: calc(((100vw - 6.25rem) / 2.4) - ((1.875rem * 1.4) / 2.4));
      max-width: calc(((100vw - 6.25rem) / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333)); } }
  .btn--wrapper.atom.frame-row-3 {
    height: 7.5rem; }
  .btn--wrapper.atom.frame-row-4 {
    height: 10rem; }
  .btn--wrapper.atom.frame-row-5 {
    height: 12.5rem; }
  .btn--wrapper.atom.align-top {
    vertical-align: top; }
  .btn--wrapper.atom.align-bottom {
    vertical-align: bottom; }
  .btn--wrapper.atom.align-center {
    display: block;
    margin: 0 auto; }
  .btn--wrapper.atom.align-right {
    float: right; }
    .btn--wrapper.atom.align-right .btn.atom {
      position: absolute;
      top: unset;
      bottom: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .btn--wrapper.atom.align-right .btn.atom:hover {
        bottom: .3rem;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .btn--wrapper.atom.align-right .btn.atom:active {
        bottom: .1rem;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        -o-transition: all 0.1s;
        transition: all 0.1s; }
  @media only screen and (max-width: 599px) {
    .btn--wrapper.atom.alignM-top {
      vertical-align: top; }
    .btn--wrapper.atom.alignM-bottom {
      vertical-align: bottom; }
    .btn--wrapper.atom.alignM-center {
      display: block;
      margin: 0 auto;
      float: none; }
    .btn--wrapper.atom.alignM-right {
      float: right; }
      .btn--wrapper.atom.alignM-right .btn.atom {
        position: absolute;
        top: unset;
        bottom: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .btn--wrapper.atom.alignM-right .btn.atom:hover {
          bottom: .3rem;
          -webkit-box-shadow: 0 0.3rem 1.3rem rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 0.3rem 1.3rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0.3rem 1.3rem rgba(0, 0, 0, 0.3);
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .btn--wrapper.atom.alignM-right .btn.atom:active {
          bottom: .1rem;
          -webkit-box-shadow: 0 1rem 1.2rem rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 1rem 1.2rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 1rem 1.2rem rgba(0, 0, 0, 0.3);
          -webkit-transition: all 0.1s;
          -moz-transition: all 0.1s;
          -o-transition: all 0.1s;
          transition: all 0.1s; } }
  @media only screen and (max-width: 899px) {
    .btn--wrapper.atom.alignTP-top {
      vertical-align: top; }
    .btn--wrapper.atom.alignTP-bottom {
      vertical-align: bottom; }
    .btn--wrapper.atom.alignTP-center {
      display: block;
      margin: 0 auto;
      float: none; }
    .btn--wrapper.atom.alignTP-right {
      float: right; }
      .btn--wrapper.atom.alignTP-right .btn.atom {
        position: absolute;
        top: unset;
        bottom: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .btn--wrapper.atom.alignTP-right .btn.atom:hover {
          bottom: .3rem;
          -webkit-box-shadow: 0 0.3rem 1.3rem rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 0.3rem 1.3rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0.3rem 1.3rem rgba(0, 0, 0, 0.3);
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .btn--wrapper.atom.alignTP-right .btn.atom:active {
          bottom: .1rem;
          -webkit-box-shadow: 0 1rem 1.2rem rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 1rem 1.2rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 1rem 1.2rem rgba(0, 0, 0, 0.3);
          -webkit-transition: all 0.1s;
          -moz-transition: all 0.1s;
          -o-transition: all 0.1s;
          transition: all 0.1s; } }
  .btn--wrapper.atom.button--align-bottom {
    position: absolute;
    bottom: 0; }
  .btn--wrapper.atom.btn--color-primary .btn, .btn--wrapper.atom.btn--color-primary button {
    background-color: #009999;
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-primary a {
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-apnsecondary .btn, .btn--wrapper.atom.btn--color-apnsecondary button {
    background-color: #82CCD0;
    color: #000; }
  .btn--wrapper.atom.btn--color-apnsecondary a {
    color: #000; }
  .btn--wrapper.atom.btn--color-apncta .btn, .btn--wrapper.atom.btn--color-apncta button {
    background-color: #FFB669;
    color: #000; }
  .btn--wrapper.atom.btn--color-apncta a {
    color: #000; }
  .btn--wrapper.atom.btn--color-secondary .btn, .btn--wrapper.atom.btn--color-secondary button {
    background-color: #009999;
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-secondary a {
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-highlight .btn, .btn--wrapper.atom.btn--color-highlight button {
    background-color: #F4791F;
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-highlight a {
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-action .btn, .btn--wrapper.atom.btn--color-action button {
    background-color: #F4791F;
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-action a {
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-white .btn, .btn--wrapper.atom.btn--color-white button.btn, .btn--wrapper.atom.btn--color-paper .btn, .btn--wrapper.atom.btn--color-paper button.btn {
    background-color: #FFFFFF;
    color: #000;
    border: 0.15rem solid #000 !important; }
  .btn--wrapper.atom.btn--color-white a, .btn--wrapper.atom.btn--color-paper a {
    color: #000; }
  .btn--wrapper.atom.btn--color-ink .btn, .btn--wrapper.atom.btn--color-ink button, .btn--wrapper.atom .btn--color-black .btn, .btn--wrapper.atom .btn--color-black button {
    background-color: #000;
    color: #FFFFFF; }
  .btn--wrapper.atom.btn--color-ink a, .btn--wrapper.atom .btn--color-black a {
    color: #FFFFFF; }
  .btn--wrapper.atom a {
    line-height: 3.5rem;
    display: block; }
    .btn--wrapper.atom a:focus .btn--normal {
      top: -.3rem;
      -webkit-box-shadow: 0 0.3rem 1.3rem 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0.3rem 1.3rem 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0.3rem 1.3rem 0 rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .btn--wrapper.atom button.btn.atom {
    width: 100%;
    border: none; }
    .btn--wrapper.atom button.btn.atom:focus {
      outline: 0; }
  .btn--wrapper.atom.button--position-main {
    position: fixed;
    z-index: 5;
    top: 8.75rem;
    left: 101.5rem;
    opacity: 1;
    visibility: visible; }
  .btn--wrapper.atom.btn--color-transparent .btn, .btn--wrapper.atom.btn--color-transparent button.btn {
    color: #FFFFFF;
    transition: all 0.3s ease-in-out; }

.atom.v1-card .atom.btn--wrapper {
  max-width: 100%; }

#bodyContainer .btn--color-primary .btn, #bodyContainer .btn--color-primary button {
  background-color: #000 !important;
  color: #FFFFFF !important; }

#bodyContainer .btn--color-primary a {
  color: #FFFFFF !important; }

#bodyContainer .btn--color-ink .btn, #bodyContainer .btn--color-ink button, #bodyContainer .btn--color-black .btn, #bodyContainer .btn--color-black button {
  background-color: #000 !important;
  color: #FFFFFF !important; }

#bodyContainer .btn--color-ink a, #bodyContainer .btn--color-black a {
  color: #FFFFFF !important; }

#bodyContainer .btn--color-secondary .btn, #bodyContainer .btn--color-secondary button {
  background: #FFFFFF !important;
  border: 0.15rem solid #000 !important;
  color: #000 !important; }

#bodyContainer .btn--color-secondary a {
  color: #000 !important; }

#bodyContainer .btn--color-highlight .btn, #bodyContainer .btn--color-highlight button {
  background: #F4791F !important;
  color: #FFFFFF !important; }

#bodyContainer .btn--color-highlight a {
  color: #FFFFFF !important; }

#bodyContainer .btn--color-action .btn, #bodyContainer .btn--color-action button {
  background: #F4791F !important;
  color: #FFFFFF !important; }

#bodyContainer .btn--color-action a {
  color: #FFFFFF !important; }

#bodyContainer .btn--color-white .btn, #bodyContainer .btn--color-white button.btn, #bodyContainer .btn--color-paper .btn, #bodyContainer .btn--color-paper button.btn {
  background: #FFFFFF !important;
  color: #000 !important;
  border: 0.15rem solid #000 !important; }

#bodyContainer .btn--color-white a, #bodyContainer .btn--color-paper a {
  color: #000 !important; }

.font--align-right .btn--wrapper.atom {
  float: right; }

.form--button-showPassword {
  position: absolute;
  z-index: 6;
  right: 0;
  color: #9B9B9B;
  top: 3.75rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .form--button-showPassword .pwdShow {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
    position: absolute;
    right: 0; }
  .form--button-showPassword .pwdHide {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s; }
  .form--button-showPassword.shown .pwdHide {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s; }
  .form--button-showPassword.shown .pwdShow {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s; }
  .form--button-showPassword:hover {
    color: #6B6B6B;
    cursor: pointer; }
  .form--button-showPassword.showPwd .pwdShow {
    display: none; }
  .form--button-showPassword.showPwd .pwdHide {
    display: block; }

.focused .form--button-showPassword {
  color: #009999; }

.atom.btn--wrapper:not(.btn--curved):not(.btn--box) .btn--normal {
  vertical-align: middle;
  border-radius: 2.4rem;
  height: 3.5rem; }
  @media only screen and (max-width: 599px) {
    .atom.btn--wrapper:not(.btn--curved):not(.btn--box) .btn--normal {
      height: 5rem; } }

.atom.btn--wrapper:not(.btn--curved):not(.btn--box).btn--roundCorners {
  width: 15rem; }
  .atom.btn--wrapper:not(.btn--curved):not(.btn--box).btn--roundCorners .btn--normal {
    background-size: 13rem;
    height: 5rem;
    border-radius: 1rem; }

.atom.btn {
  position: relative;
  font-family: RobotoRegular;
  font-size: 1.6rem;
  line-height: 2.5rem;
  text-transform: none;
  text-align: center;
  cursor: pointer;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  @media only screen and (max-width: 1199px) {
    .atom.btn {
      font-size: 2rem; } }
  .atom.btn.atom.btn:not(.btn--icon):hover {
    top: -.3rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .atom.btn.atom.btn:not(.btn--icon):active {
    top: .1rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .atom.btn.btn--icon {
    height: 100%;
    display: inline-block;
    font-size: 1.4rem;
    vertical-align: top;
    text-align: center;
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 1199px) {
      .atom.btn.btn--icon {
        font-size: 1.2rem; } }
    @media only screen and (max-width: 899px) {
      .atom.btn.btn--icon {
        min-width: calc((90vw / 6) - ((2.5rem * 5) / 6)); } }
    @media only screen and (max-width: 599px) {
      .atom.btn.btn--icon {
        min-width: calc(((100vw - 6.25rem) / 4) - ((1.875rem * 3) / 4)); } }
    .atom.btn.btn--icon img, .atom.btn.btn--icon .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.btn.btn--icon .icon--img {
      position: relative;
      top: 0;
      width: 6.5rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .atom.btn.btn--icon img[src*=".svg"], .atom.btn.btn--icon .atom.icon--wrapper .icon--outer .icon--inner .icon--img[src*=".svg"], .atom.icon--wrapper .icon--outer .icon--inner .atom.btn.btn--icon .icon--img[src*=".svg"] {
        border: 0.15rem solid rgba(148, 148, 148, 0.3); }
      .atom.btn.btn--icon img[src*="/White/"], .atom.btn.btn--icon .atom.icon--wrapper .icon--outer .icon--inner .icon--img[src*="/White/"], .atom.icon--wrapper .icon--outer .icon--inner .atom.btn.btn--icon .icon--img[src*="/White/"] {
        border: 0; }
    .atom.btn.btn--icon:hover img, .atom.btn.btn--icon:hover .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.btn.btn--icon:hover .icon--img, .atom.btn.btn--icon:focus img, .atom.btn.btn--icon:focus .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.btn.btn--icon:focus .icon--img {
      top: -.3rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .atom.btn.btn--icon:hover .icon--rates-percent, .atom.btn.btn--icon:focus .icon--rates-percent {
      top: 1.25rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .atom.btn.btn--icon:hover .icon--rates-copy, .atom.btn.btn--icon:focus .icon--rates-copy {
      top: 3.25rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .atom.btn.btn--icon:active img, .atom.btn.btn--icon:active .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.btn.btn--icon:active .icon--img {
      top: .1rem;
      -webkit-transition: all 0.1s;
      -moz-transition: all 0.1s;
      -o-transition: all 0.1s;
      transition: all 0.1s; }
    .atom.btn.btn--icon .icon--rates-percent, .atom.btn.btn--icon .icon--rates-copy {
      display: block;
      width: 100%;
      left: 0;
      text-align: center; }
    .atom.btn.btn--icon .icon--rates-percent {
      color: #F4791F;
      position: absolute;
      top: 1.5rem;
      -webkit-text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      -moz-text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .atom.btn.btn--icon .icon--rates-copy {
      color: #FFFFFF;
      position: absolute;
      top: 3.5rem;
      -webkit-text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      -moz-text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .atom.btn.btn--curved-highlight::before, .atom.btn.btn--curved-highlight::after {
    background-color: #F4791F; }
  .atom.btn.btn--curved-transparent {
    background-color: #003333; }
    .atom.btn.btn--curved-transparent::before, .atom.btn.btn--curved-transparent::after {
      background-color: #003333; }
    .atom.btn.btn--curved-transparent:hover::before, .atom.btn.btn--curved-transparent:hover::after {
      background-color: #FF9900; }
    .atom.btn.btn--curved-transparent::before {
      left: -5px;
      transition: all 0.3s ease-in-out; }
    .atom.btn.btn--curved-transparent::after {
      right: -5px;
      z-index: 2;
      transition: all 0.3s ease-in-out; }
  .atom.btn.btn--curved-black::before, .atom.btn.btn--curved-black::after, .atom.btn.btn--curved-ink::before, .atom.btn.btn--curved-ink::after {
    background-color: #000; }
  .atom.btn.btn--curved-paper::before, .atom.btn.btn--curved-paper::after {
    background-color: #FFFFFF; }
  .atom.btn.button-icon, .atom.btn.button-icon-iphone, .atom.btn.button-icon-android, .atom.btn.button-icon-huawei, .atom.btn.button-icon-searchIcon {
    background-image: url("../../../images/generic/skins/00/download/AppleStore-wht.svg");
    background-size: 11.5rem;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 2rem; }
    .atom.btn.button-icon-iphone {
      background-image: url("../../../images/generic/skins/00/download/AppleStore-wht.svg"); }
    .atom.btn.button-icon-android {
      background-image: url("../../../images/generic/skins/00/download/GoogleStore-wht.svg"); }
    .atom.btn.button-icon-huawei {
      background-image: url("../../../images/generic/skins/00/download/huawei.svg"); }
    .atom.btn.button-icon-searchIcon {
      background-color: #003333;
      background-size: 2.5rem;
      background-image: url("../../../images/generic/skins/00/icons/search/icon-search-wht-50.svg"); }
      .atom.btn.button-icon-searchIcon:hover {
        background-color: #FF9900;
        background-image: url("../../../images/generic/skins/00/icons/search/icon-search-wht-50.svg"); }

/*

Button width

*/
.btn--width-1 {
  width: calc((80vw / 12) - ((2.5rem * 11) / 12));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS1 {
    width: calc((90vw / 12) - ((2.5rem * 11) / 12));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP1 {
    width: calc((90vw / 12) - ((2.5rem * 11) / 12));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M1 {
    width: calc(((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12));
    margin-bottom: 2.5rem; } }

.btn--width-2 {
  width: calc((80vw / 6) - ((2.5rem * 5) / 6));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS2 {
    width: calc((90vw / 6) - ((2.5rem * 5) / 6));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP2 {
    width: calc((90vw / 6) - ((2.5rem * 5) / 6));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M2 {
    width: calc(((100vw - 6.25rem) / 6) - ((1.875rem * 5) / 6));
    margin-bottom: 2.5rem; } }

.btn--width-3 {
  width: calc((80vw / 4) - ((2.5rem * 3) / 4));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS3 {
    width: calc((90vw / 4) - ((2.5rem * 3) / 4));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP3 {
    width: calc((90vw / 4) - ((2.5rem * 3) / 4));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M3 {
    width: calc(((100vw - 6.25rem) / 4) - ((1.875rem * 3) / 4));
    margin-bottom: 2.5rem; } }

.btn--width-4 {
  width: calc((80vw / 3) - ((2.5rem * 2) / 3));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS4 {
    width: calc((90vw / 3) - ((2.5rem * 2) / 3));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP4 {
    width: calc((90vw / 3) - ((2.5rem * 2) / 3));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M4 {
    width: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3));
    margin-bottom: 2.5rem; } }

.btn--width-5 {
  width: calc((80vw / 2.4) - ((2.5rem * 1.4) / 2.4));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS5 {
    width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP5 {
    width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M5 {
    width: calc(((100vw - 6.25rem) / 2.4) - ((1.875rem * 1.4) / 2.4));
    margin-bottom: 2.5rem; } }

.btn--width-6 {
  width: calc((80vw / 2) - ((2.5rem * 1) / 2));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS6 {
    width: calc((90vw / 2) - ((2.5rem * 1) / 2));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP6 {
    width: calc((90vw / 2) - ((2.5rem * 1) / 2));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M6 {
    width: calc(((100vw - 6.25rem) / 2) - ((1.875rem * 1) / 2));
    margin-bottom: 2.5rem; } }

.btn--width-7 {
  width: calc((80vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS7 {
    width: calc((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP7 {
    width: calc((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M7 {
    width: calc(((100vw - 6.25rem) / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143));
    margin-bottom: 2.5rem; } }

.btn--width-8 {
  width: calc((80vw / 1.5) - ((2.5rem * 0.5) / 1.5));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS8 {
    width: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP8 {
    width: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M8 {
    width: calc(((100vw - 6.25rem) / 1.5) - ((1.875rem * 0.5) / 1.5));
    margin-bottom: 2.5rem; } }

.btn--width-9 {
  width: calc((80vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS9 {
    width: calc((90vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP9 {
    width: calc((90vw / 1.3333333333) - ((2.5rem * 0.3333333333) / 1.3333333333));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M9 {
    width: calc(((100vw - 6.25rem) / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333));
    margin-bottom: 2.5rem; } }

.btn--width-10 {
  width: calc((80vw / 1.2) - ((2.5rem * 0.2) / 1.2));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS10 {
    width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP10 {
    width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M10 {
    width: calc(((100vw - 6.25rem) / 1.2) - ((1.875rem * 0.2) / 1.2));
    margin-bottom: 2.5rem; } }

.btn--width-11 {
  width: calc((80vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS11 {
    width: calc((90vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP11 {
    width: calc((90vw / 1.0909090909) - ((2.5rem * 0.0909090909) / 1.0909090909));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M11 {
    width: calc(((100vw - 6.25rem) / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909));
    margin-bottom: 2.5rem; } }

.btn--width-12 {
  width: calc((80vw / 1) - ((2.5rem * 0) / 1));
  margin-bottom: 2.5rem; }

@media only screen and (max-width: 1199px) {
  .btn--width-PS12 {
    width: calc((90vw / 1) - ((2.5rem * 0) / 1));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 899px) {
  .btn--width-TP12 {
    width: calc((90vw / 1) - ((2.5rem * 0) / 1));
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .btn--width-M12 {
    width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1));
    margin-bottom: 2.5rem; } }

/* Vertical Align */
.vertical-left {
  position: relative;
  left: 0; }

.vertical-center {
  margin: 0 auto; }

.vertical-right {
  position: relative;
  right: 0; }

form .contain.atom {
  margin-top: 2.5rem;
  float: right; }
  form .contain.atom .btn--wrapper.atom {
    margin-left: 2.5rem; }
    form .contain.atom .btn--wrapper.atom:first-child {
      margin-left: 0; }

/* Button counter */
.btn--counter-style .btn--normal {
  padding: 0 4.5rem 0 2rem; }

.btn--counter-style .btn--counter {
  position: absolute;
  right: 1rem;
  display: inline-block;
  top: 0.5rem;
  color: #FFFFFF;
  background-color: #F4791F;
  height: 2.5rem;
  min-width: 2.5rem;
  padding: 0 1rem 0 1rem;
  -webkit-border-radius: 2.5rem;
  border-radius: 2.5rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

/* Icon button backgrounds */
.btn--icon .atom--img-icon.action {
  background-color: #F4791F; }

/* Chevron hyper links */
.btn--chevron {
  cursor: pointer;
  text-decoration: none;
  position: relative;
  display: inline-block; }
  .btn--chevron span {
    position: relative;
    top: 0.9vh; }
  .btn--chevron.btn--chevron-icon, .btn--chevron .btn--chevron-icon {
    height: 1rem;
    width: 1rem;
    transition: all 0.3s;
    position: relative;
    top: 0.1rem;
    left: 0;
    margin: 0 2rem 0 0; }
  .btn--chevron:hover.btn--chevron-icon, .btn--chevron:hover .btn--chevron-icon {
    transition: all 0.3s;
    margin: 0 1.5rem 0 0; }
  .btn--chevron.chev--pos-right.btn--chevron-icon, .btn--chevron.chev--pos-right .btn--chevron-icon {
    right: 0;
    margin: 0 1rem 0 1rem; }
  .btn--chevron.chev--pos-right:hover.btn--chevron-icon, .btn--chevron.chev--pos-right:hover .btn--chevron-icon {
    transition: all 0.3s;
    margin: 0 1.5rem 0 0.5rem; }

@media only screen and (max-width: 599px) {
  .btn--wrapper.atom {
    height: 5rem; }
  .btn.atom.btn--icon {
    /* 	    	padding-top: ($row-height / 4); */ }
    .btn.atom.btn--icon img, .btn.atom.btn--icon .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .btn.atom.btn--icon .icon--img {
      -webkit-border-radius: 1.50997vw;
      border-radius: 1.50997vw;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      margin-bottom: 1.0416666667rem; }
  .btn.atom.btn--curved {
    height: 5rem;
    border-radius: 2.5rem; }
  .btn.atom.btn--curved-transparent {
    height: 5rem;
    border-radius: 2.5rem;
    background-color: #006666; }
  .btn.atom.btn--curved-black, .btn.atom.btn--curved-ink {
    height: 5rem;
    border-radius: 2.5rem; }
  .btn--wrapper.atom.button--position-main {
    opacity: 0;
    visibility: hidden; }
  .font--align-Mright .btn--wrapper.atom {
    width: 100%; }
    .font--align-Mright .btn--wrapper.atom .btn.atom {
      position: absolute;
      right: 0; } }

.btn.atom.btn--icon img, .btn.atom.btn--icon .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .btn.atom.btn--icon .icon--img {
  -webkit-border-radius: 1rem;
  border-radius: 1rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

.btn.atom.btn--normal {
  min-height: 2.8rem; }

.btn--wrapper.atom.button--position-main {
  position: fixed;
  z-index: 5;
  top: 10rem;
  left: 75.4985vw; }

.btn--counter-style .btn--normal {
  padding: 0 3.6729vw 0 1.6324vw; }

.btn--counter-style .btn--counter {
  right: 0.8162vw;
  top: 0.4081vw;
  padding: 0 0.8162vw 0 0.8162vw;
  min-width: 2.0405vw;
  -webkit-border-radius: 2.0405vw;
  border-radius: 2.0405vw;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

.btn--chevron.btn--chevron-icon, .btn--chevron .btn--chevron-icon {
  height: 0.8rem;
  width: 0.8rem;
  top: 0.08rem;
  margin: 0 1.6rem 0 0; }

.btn--chevron:hover.btn--chevron-icon, .btn--chevron:hover .btn--chevron-icon {
  margin: 0 1.2rem 0 0; }

.btn--chevron.chev--pos-right.btn--chevron-icon, .btn--chevron.chev--pos-right .btn--chevron-icon {
  margin: 0 0.8rem 0 0.8rem; }

.btn--chevron.chev--pos-right:hover.btn--chevron-icon, .btn--chevron.chev--pos-right:hover .btn--chevron-icon {
  margin: 0 1.2rem 0 0.4rem; }

.btn.atom.btn--icon img, .btn.atom.btn--icon .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .btn.atom.btn--icon .icon--img {
  margin-bottom: 1rem; }

.button--position-topRight {
  right: 2.0405vw; }

#bifrostCardGrid .img .atom.btn--wrapper {
  margin-bottom: 0px; }
  #bifrostCardGrid .img .atom.btn--wrapper button {
    max-width: calc((80vw / 4) - ((2.5rem * 3) / 4)); }

.atom.selectButton {
  position: relative;
  background-color: #009999 !important;
  border: none;
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  margin: 0 0.25rem 1rem 0.5rem;
  height: 2.5rem;
  font-family: RobotoRegular;
  text-transform: none;
  line-height: 2.5rem;
  font-size: 1.2rem;
  color: #FFFFFF !important; }
  .atom.selectButton.hasRemove {
    padding-right: 3rem; }
  .atom.selectButton:focus, .atom.selectButton:active {
    outline: none; }
  .atom.selectButton > span {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    background-image: url("../../../images/generic/skins/00/buttons/selectButton-close.svg");
    background-size: 1.5rem; }

.hr--divider-container.atom {
  position: absolute;
  height: 2.5rem;
  left: 0vw;
  right: 0vw;
  z-index: 0; }
  .hr--divider-container.atom:before {
    content: ' ';
    display: block;
    height: 1rem;
    width: 100%;
    /*background: $colour-paper; */
    position: absolute;
    z-index: 1;
    bottom: 1.7rem; }
  .hr--divider-container.atom.sizing {
    left: -50vw;
    right: -50vw; }
  .hr--divider-container.atom .hr--divider {
    position: relative;
    height: 1rem;
    width: 100%;
    border: 0;
    /*border-bottom: 1px solid $colour-ghostdark;*/
    display: inline-block;
    -webkit-box-shadow: 0px 7px 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 7px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 7px 10px -2px rgba(0, 0, 0, 0.3); }

/* PC small */
@media (min-width: 350px) and (max-width: 1464px) {
  .hr--divider-container.atom:before {
    height: 0.8162vw;
    bottom: 1.2243vw; }
  .hr--divider-container.atom.sizing:before {
    height: 1.6324vw;
    bottom: 1.2243vw;
    left: -0.8162vw; }
  .hr--divider-container.atom .hr--divider {
    height: 0.8162vw;
    -webkit-box-shadow: 0px 0.4081vw 0.8162vw -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0.4081vw 0.8162vw -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0.4081vw 0.8162vw -2px rgba(0, 0, 0, 0.3); } }

@keyframes contentFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes contentFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* Overlay */
#atom--backdrop-overlay.atom {
  position: fixed;
  top: 0;
  padding-top: 10rem;
  padding-left: 18rem;
  padding-right: 18rem;
  z-index: 60;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s; }
  #atom--backdrop-overlay.atom:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden; }
  #atom--backdrop-overlay.atom.show {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s; }
    #atom--backdrop-overlay.atom.show:before {
      opacity: 0.85;
      visibility: visible;
      transition: all 0.3s; }

#overlay {
  overflow-y: overlay; }

#overlay.atom {
  position: relative;
  top: 0;
  left: 0;
  max-width: unset;
  min-height: 60vh;
  overflow: auto;
  -webkit-box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2.4rem;
  border-radius: 2.4rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s; }
  #overlay.atom.show {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s; }
  #overlay.atom .overlay--close {
    display: block;
    position: absolute;
    z-index: 1;
    top: 2.5rem;
    right: 2.5rem;
    transition: all 0.3s;
    cursor: pointer; }
    #overlay.atom .overlay--close:hover {
      transform: rotate(90deg);
      transition: all 0.3s; }
  #overlay.atom #overlayContent {
    padding-top: 7.5rem;
    padding-bottom: 2.5rem;
    height: 100%; }
    #overlay.atom #overlayContent .overlay--content-container {
      display: block; }
    #overlay.atom #overlayContent.full {
      padding: 0; }
  #overlay.atom.paper {
    background-color: #FFFFFF; }
  #overlay.atom .atom.slide .slide-content {
    top: 0; }
  #overlay.atom .atom.frame-row.active {
    position: relative;
    top: 0;
    opacity: 1;
    z-index: 1; }
  #overlay.atom .atom.frame-row.inactive {
    position: absolute;
    padding-top: 2.5rem;
    top: 0;
    opacity: 1; }

#overlay.atom .atom.section .section-content {
  position: relative;
  width: 90%;
  top: 0;
  left: 0;
  transform: none;
  margin: 0 auto; }

#loaderGif.atom {
  text-align: center;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  display: none;
  z-index: 10; }
  #loaderGif.atom .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #loaderGif.atom.show {
    display: block; }
  #loaderGif.atom img, #loaderGif.atom .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner #loaderGif.atom .icon--img {
    width: 10rem;
    vertical-align: middle; }

#loaderGifOverlay.atom {
  text-align: center;
  position: absolute;
  top: 27.5rem;
  width: 100%;
  display: none; }
  #loaderGifOverlay.atom.show {
    display: block; }
  #loaderGifOverlay.atom img, #loaderGifOverlay.atom .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner #loaderGifOverlay.atom .icon--img {
    height: 7.5rem; }

.overlay--content-container {
  display: none; }

@media only screen and (max-width: 899px) {
  #atom--backdrop-overlay.atom {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  #overlay .overlay--close {
    right: 2.0405vw; } }

/* Mobile */
@media only screen and (max-width: 599px) {
  /* Overlay */
  #atom--backdrop-overlay.atom {
    background-color: #FFFFFF;
    padding-top: 5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    #atom--backdrop-overlay.atom #overlay.atom {
      box-shadow: none;
      height: 65rem; }
      #atom--backdrop-overlay.atom #overlay.atom #overlayContent {
        padding-top: 1.5rem;
        height: unset; }
        #atom--backdrop-overlay.atom #overlay.atom #overlayContent .frame-col.atom .text--heading.atom {
          font-size: 4rem; }
        #atom--backdrop-overlay.atom #overlay.atom #overlayContent ul.list.list-size-medium li,
        #atom--backdrop-overlay.atom #overlay.atom #overlayContent ul.wvul.list-size-medium li {
          font-size: 2rem;
          line-height: 5rem; }
        #atom--backdrop-overlay.atom #overlay.atom #overlayContent ul li::before {
          height: 5rem; } }

/* PC small */
@media (min-width: 350px) and (max-width: 1464px) {
  #overlay--backdrop-overlay {
    padding-left: 14.6916vw;
    padding-right: 14.6916vw; }
  #overlay .overlay--close {
    right: 2.0405vw; } }

.atom.modal {
  position: fixed;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(9, 9, 9, 0.7);
  z-index: 20;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .atom.modal.active {
    display: block; }
  .atom.modal .modalInner {
    background-color: #FFFFFF;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    height: 100%;
    padding-bottom: calc(3 * 2.5rem); }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .atom.modal .container-overflowing-horizontally-class {
      overflow: hidden;
      padding-bottom: calc(3 * 2.5rem); } }
  .atom.modal .modalInner2 {
    width: 90vw;
    margin: 0 5vw;
    background-color: #FFFFFF;
    opacity: 1;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    height: auto;
    z-index: 6;
    /*  min-height: 100%; */
    min-height: calc(27 * 2.5rem); }
    @media only screen and (max-width: 1199px) {
      .atom.modal .modalInner2 {
        width: 95vw;
        margin: 0 2.5vw; } }
    @media only screen and (max-width: 599px) {
      .atom.modal .modalInner2 {
        width: 100vw;
        margin: 0; } }
  .atom.modal .atom.modal-controls {
    position: relative;
    height: 10rem;
    width: 80vw;
    margin: 0 5vw; }
    @media only screen and (max-width: 1199px) {
      .atom.modal .atom.modal-controls {
        width: 90vw;
        margin: 0 2.5vw; } }
    @media only screen and (max-width: 899px) {
      .atom.modal .atom.modal-controls {
        width: 90vw;
        margin: 0 2.5vw; } }
    @media only screen and (max-width: 599px) {
      .atom.modal .atom.modal-controls {
        width: calc(100vw - 6.25rem);
        margin: 0 3.125rem; } }
    .atom.modal .atom.modal-controls a, .atom.modal .atom.modal-controls h3, .atom.modal .atom.modal-controls p {
      display: inline; }
    .atom.modal .atom.modal-controls .atom.modal-back {
      text-decoration: none;
      font-family: "AtomFNBSansThin", sans-serif;
      font-weight: normal;
      font-size: 2rem;
      line-height: 2rem;
      cursor: pointer; }
      .atom.modal .atom.modal-controls .atom.modal-back::before {
        content: '';
        position: absolute;
        color: #FFFFFF;
        background: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-blk.svg");
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(180deg);
        margin-left: -2rem;
        height: 2rem;
        top: 1.1rem;
        width: 1rem; }
    .atom.modal .atom.modal-controls .atom.modal-close {
      float: right;
      height: 2.5rem;
      width: 3rem;
      background-image: url("../../../images//generic/skins/00/icons/swapout/overlay_close_black.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      cursor: pointer;
      position: relative;
      top: calc(3 * 2.5rem);
      margin: 0;
      transition: all 0.3s; }
      .atom.modal .atom.modal-controls .atom.modal-close:hover {
        transform: rotate(90deg);
        transition: all 0.9s; }
      .atom.modal .atom.modal-controls .atom.modal-close.paper {
        background-image: url("../../../images//generic/skins/00/icons/swapout/overlay_close_white.svg"); }
  .atom.modal .atom.modal-content {
    position: relative;
    min-height: 57.5rem;
    margin: 0 auto;
    height: calc(100vh - (7 * 2.5rem));
    display: table; }
    @media only screen and (max-width: 599px) {
      .atom.modal .atom.modal-content {
        height: auto;
        display: table;
        padding-top: 0;
        top: 0;
        margin: 0 3.125rem;
        width: calc(100vw - 6.25rem); } }

.modal-content-adjust {
  width: 80.11vw;
  margin: 0 5vw; }
  @media only screen and (max-width: 1199px) {
    .modal-content-adjust {
      display: block;
      width: 90.11vw;
      margin: 0 2.5vw; } }
  @media only screen and (max-width: 899px) {
    .modal-content-adjust {
      width: 90.11vw;
      margin: 0 2.5vw; } }
  @media only screen and (max-width: 599px) {
    .modal-content-adjust {
      width: calc(100vw - 6.25rem);
      margin: 0 0; } }

.modalClick {
  position: absolute;
  width: calc(100% - 2.5rem);
  height: 100%;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.modal-content-inner {
  display: table-cell;
  vertical-align: middle; }
  @media only screen and (max-width: 599px) {
    .modal-content-inner {
      vertical-align: top; } }

body.modal-open {
  overflow: hidden; }

#leadOverlay {
  height: auto;
  min-height: 100vh; }
  #leadOverlay .modalInner2 {
    box-sizing: content-box;
    min-height: 100vh;
    width: calc((80vw + 2.5rem) / 1.7142857143);
    margin: 0;
    padding: 0 5vw;
    right: 5vw;
    position: absolute;
    background: #fff; }
  #leadOverlay .modal-controls {
    width: 100%;
    margin: 0;
    height: auto;
    min-height: calc(4 * 2.5rem); }
  #leadOverlay .modal-close {
    position: absolute;
    top: initial;
    bottom: 0;
    right: 0; }
  #leadOverlay .btn--wrapper {
    display: inline-block;
    margin-right: 2.5rem; }
  @media only screen and (max-width: 1199px) {
    #leadOverlay .modalInner2 {
      padding: 0 5vw;
      right: 5vw; } }
  @media only screen and (max-width: 899px) {
    #leadOverlay .modalInner2 {
      width: calc((90vw + 2.5rem) / 2);
      padding: 0 2.5vw;
      right: 2.5vw; } }
  @media only screen and (max-width: 599px) {
    #leadOverlay .modalInner2 {
      padding: 0 2.5vw;
      right: 0;
      width: 95vw; } }

.atom #logo {
  width: 100%;
  max-height: 95%; }

.atom .menu--btn {
  position: relative;
  top: 2.5rem;
  cursor: pointer; }
  .atom .menu--btn img, .atom.icon--wrapper .menu--btn .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .menu--btn .icon--img {
    width: 1.8rem;
    max-height: 95%;
    transition: all 0.3s; }
  .atom .menu--btn span {
    position: relative;
    left: 1rem;
    transition: all 0.3s; }
  .atom .menu--btn:hover span {
    left: 0.5rem;
    transition: all 0.3s; }
  .atom .menu--btn.menu--state-open img, .atom.icon--wrapper .menu--btn.menu--state-open .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .menu--btn.menu--state-open .icon--img {
    transition: all 0.3s;
    transform: rotate(90deg); }

/* Main navigation */
nav#nav--main.atom {
  position: fixed;
  z-index: 15;
  height: 75rem;
  background-color: #FFFFFF;
  padding-left: 18rem;
  width: 51.5rem;
  left: -51.5rem;
  transition: all 0.3s;
  /* Sub navigation */ }
  nav#nav--main.atom.menu--state-open {
    left: 0;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s; }
  nav#nav--main.atom #nav--main-links {
    height: 75rem;
    padding-top: 12.5rem;
    background: #FFFFFF;
    position: relative;
    z-index: 2; }
    nav#nav--main.atom #nav--main-links * {
      box-shadow: none; }
    nav#nav--main.atom #nav--main-links #nav--main-items li {
      list-style: none;
      cursor: pointer;
      margin-bottom: 0.6756756757rem; }
      nav#nav--main.atom #nav--main-links #nav--main-items li a {
        position: relative;
        display: block;
        color: #000;
        transition: color 0.1s; }
        nav#nav--main.atom #nav--main-links #nav--main-items li a span {
          display: inline-block;
          position: relative;
          text-decoration: none; }
      nav#nav--main.atom #nav--main-links #nav--main-items li:hover a {
        padding-left: 3rem;
        transition: all 0.3s; }
      nav#nav--main.atom #nav--main-links #nav--main-items li.subMenu--sub-open a {
        color: #009999;
        transition: all 0.1s; }
        nav#nav--main.atom #nav--main-links #nav--main-items li.subMenu--sub-open a:before {
          content: '';
          border-left: 0.25rem solid #009999;
          position: absolute;
          left: 0;
          height: 3.5rem;
          top: -0.625rem; }
  nav#nav--main.atom #nav--main-close {
    position: absolute;
    z-index: 3;
    top: 2.5rem;
    right: 2.5rem;
    transition: all 0.3s;
    cursor: pointer; }
    nav#nav--main.atom #nav--main-close:hover {
      transform: rotate(90deg);
      transition: all 0.3s; }
  nav#nav--main.atom #nav--sub {
    height: 75rem;
    width: 27rem;
    background-color: #E2EFEF;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transition: all 0.3s;
    padding-top: 12.5rem;
    padding-right: 2.5rem; }
    nav#nav--main.atom #nav--sub .nav--sub-item {
      height: 0;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s; }
      nav#nav--main.atom #nav--sub .nav--sub-item .heading-4.text--heading {
        margin: 0; }
    nav#nav--main.atom #nav--sub.subMenu--open {
      -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
      transition: all 0.3s;
      right: -27rem; }
      nav#nav--main.atom #nav--sub.subMenu--open .nav--sub-item.subMenu--sub-open {
        opacity: 1;
        visibility: visible;
        transition: all 0.3s; }

/* PC small */
@media (min-width: 350px) and (max-width: 1464px) {
  nav#nav--main.atom {
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    padding-left: 0;
    width: 30.6075vw; }
    nav#nav--main.atom #nav--main-close {
      right: 2.0405vw; }
  .atom .menu--btn img, .atom.icon--wrapper .menu--btn .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .menu--btn .icon--img {
    width: 1.46916vw; }
  .atom .menu--btn span {
    left: 0.8162vw; }
  .atom .menu--btn:hover span {
    left: 0.4081vw; } }

/* PC Normal */
/* PC Large */
/* PC Extra Large */
/* Current header */
.atom.header.section {
  height: 3.9rem !important;
  display: block;
  position: fixed;
  width: 100%;
  clear: both;
  border-bottom: 1px solid #dadada;
  background: white;
  z-index: 103;
  top: 0; }
  .atom.header.section .innerSection2 {
    width: 80.01vw;
    margin: 0 10vw; }
  .atom.header.section .menuButtonWrapper {
    display: none; }
  .atom.header.section .homepageLink {
    width: calc((80.01vw - (9 * 2.5rem))/10);
    height: 100%;
    display: block; }
    .atom.header.section .homepageLink img, .atom.header.section .homepageLink .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.header.section .homepageLink .icon--img {
      height: 70%; }
  .atom.header.section .homepageLinkSml {
    display: none;
    text-decoration: none;
    border: none; }
  .atom.header.section .searchButton {
    width: 2rem;
    height: 2rem;
    margin-left: 0.5rem;
    background-image: url(/_assets/images/generic/skins/00/navigation/search-icon/ink.svg);
    background-size: contain;
    background-size: 2rem;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    display: inline-block;
    border-bottom: none !important; }
  .atom.header.section .menuButtonWrapper .menuButton span {
    display: block;
    width: 100%;
    height: 0.25rem;
    margin-bottom: 4px;
    background: #fff; }
  .atom.header.section .loginFields {
    width: auto; }
    .atom.header.section .loginFields .inputButtonHolder {
      float: right;
      padding: 0;
      width: calc(((80vw - (9 * 2.5rem) ) / 10 ) - 2.5rem);
      position: relative;
      top: 0;
      height: 2.5rem;
      margin: 0 0 0 0.5rem;
      overflow: hidden; }
    .atom.header.section .loginFields .textinput {
      margin: 0;
      padding: 0;
      width: calc((((80.01vw - (9 * 2.5rem))/10) + (((80.01vw - (9 * 2.5rem))/10) / 2)) - 1rem);
      float: left;
      height: 2.5rem; }
    .atom.header.section .loginFields .validationWrapper.noLabel {
      float: left;
      width: auto; }
    .atom.header.section .loginFields .validationWrapper.noLabel:nth-child(2) {
      margin: 0 0.5rem 0 0; }
  .atom.header.section input[type=submit], .atom.header.section input[type=button] {
    outline: 0;
    outline-style: none;
    outline-width: 0;
    border-radius: 0;
    box-shadow: none !important;
    background: none;
    border: 1px solid #009999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    height: 100%;
    line-height: 13px;
    padding: 0px;
    margin: 0;
    background: #009999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-appearance: inherit;
    width: 100%;
    font-family: 'FNBSansRegular';
    font-size: 13px;
    line-height: 13px;
    letter-spacing: -0.5px; }
  .atom.header.section .usernametext, .atom.header.section .passwordtext {
    position: absolute;
    width: 80px;
    background: #ffffff;
    color: #aaaaaa;
    padding: 0;
    height: 16px;
    padding-left: 5px;
    margin-top: 2px;
    margin-left: 4px;
    display: none;
    font-size: 13px; }
  .atom.header.section input[type=text], .atom.header.section input[type=password] {
    width: 100%;
    height: 100%;
    padding: 0 0 0 10px;
    margin: 0;
    border: none;
    background: #efefef;
    color: #767676;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    box-shadow: none !important;
    font-family: 'FNBSansRegular';
    font-size: 13px;
    line-height: 13px;
    letter-spacing: -0.5px; }
  .atom.header.section a.fontWhite, .atom.header.section p.fontWhite a {
    border-bottom: 1px solid black; }
  .atom.header.section .fontWhite {
    color: black; }
  .atom.header.section .atom.headerLinks {
    margin-right: 1rem; }
    .atom.header.section .atom.headerLinks a {
      padding: 0;
      font-family: 'FNBSansRegular';
      font-size: 13px;
      line-height: 13px;
      letter-spacing: -0.5px;
      text-decoration: none; }
  .atom.header.section .cookieTrail {
    margin-left: 1rem;
    height: 100%;
    width: auto; }
    .atom.header.section .cookieTrail .fontWhite.arrowButtonBack {
      background: url("/_assets/images/generic/skins/00/navigation/icon-back/ink.svg") 0 center no-repeat;
      background-size: 6px;
      padding: 0 0 0 1.5rem;
      font-family: 'FNBSansRegular';
      font-size: 13px;
      line-height: 13px;
      letter-spacing: -0.5px; }

.atom .innerSection {
  height: 100%;
  margin: 0 auto;
  position: relative; }

.atom .innerSection2 {
  height: 100%; }

.atom .hAlignCenter {
  text-align: center; }

.atom .sectionColFull {
  width: 100%; }

.atom .sectionColInner {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.atom .sectionColFull .sectionColInner {
  margin: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.atom .column {
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%; }

.atom .wrapperHeight100 {
  height: 100%; }

.atom .wrapperFloatLeft {
  float: left; }

.atom .wrapperFloatRight {
  float: right; }

.atom .vAlignMiddle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.atom.headerTabs.section.height2 {
  height: 3.5rem !important;
  top: 3.9rem;
  position: fixed; }

.atom.headerTabs {
  background: white;
  border-bottom: 0;
  box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1); }
  .atom.headerTabs a {
    text-decoration: none;
    font-family: f_regular;
    font-size: 13px;
    line-height: 16px; }
  .atom.headerTabs .innerSection2 {
    width: 80.01vw;
    margin: 0 10vw; }
  .atom.headerTabs .CHAM_tabButton {
    border: none;
    width: 100%;
    display: block;
    height: 37px;
    padding-right: 4px;
    padding: 0;
    line-height: 14px;
    top: 0%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
    .atom.headerTabs .CHAM_tabButton span {
      position: relative;
      top: 50%;
      color: black;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      font-family: 'FNBSansRegular';
      font-size: 13px;
      line-height: 13px;
      letter-spacing: -0.5px; }
  .atom.headerTabs .sectionColTenths {
    width: calc((((100% - (9 * 2.5rem))/10)));
    margin-right: 2.5rem;
    position: relative; }
  .atom.headerTabs .sectionColTenths:last-child {
    margin-right: 0; }
  .atom.headerTabs .sectionColTenths.borderRightWhite {
    border: none; }
  .atom.headerTabs .sectionColTenths .sectionColInner {
    margin: 0 !important; }
  .atom.headerTabs .sectionColTenths:not(:last-of-type)::AFTER {
    content: "";
    width: 1px;
    height: 2rem;
    position: absolute;
    display: block;
    top: 0.9rem;
    right: -1.15rem;
    border-right: 1px solid #9b9b9b; }

/* sections */
#zaSkin .atom.section .section-content {
  width: 80.01vw;
  margin: 0 10vw; }

.smartPhone .atom.header .homepageLinkSml {
  display: block;
  height: 100%;
  margin-right: 1.25rem; }

.smartPhone .atom.header .menuButtonWrapper {
  display: block;
  height: 100%; }

.smartPhone .atom.header .menuButtonWrapper .menuButton {
  height: auto;
  width: 2.25rem;
  padding: 0;
  background: none; }

.smartPhone .atom.header .searchButton {
  width: 2rem;
  height: 2rem;
  background-size: 2rem;
  margin-left: 0.5rem; }

@media only screen and (max-width: 1199px) {
  /* sections */
  #zaSkin .atom.section .section-content {
    width: 90.01vw;
    margin: 0 5vw; }
  .atom.header.section {
    height: 3.625rem !important; }
    .atom.header.section .menuButtonWrapper {
      display: none; }
    .atom.header.section .innerSection2 {
      width: 90.01vw;
      margin: 0 5vw; }
    .atom.header.section .homepageLink {
      width: calc((90.01vw - (9 * 2.5rem))/10);
      height: 100%;
      display: block; }
      .atom.header.section .homepageLink img, .atom.header.section .homepageLink .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.header.section .homepageLink .icon--img {
        height: 70%; }
    .atom.header.section .homepageLinkSml {
      display: none;
      text-decoration: none;
      border: none; }
    .atom.header.section .searchButton {
      width: 1.875rem;
      height: 1.875rem;
      margin-left: 0.625rem;
      background-size: 1.875rem;
      background-image: url(/_assets/images/generic/skins/00/navigation/search-icon/ink.svg);
      padding: 0;
      background-position: center center;
      background-repeat: no-repeat; }
    .atom.header.section .loginFields .inputButtonHolder {
      float: right;
      padding: 0;
      width: calc(((90.01vw - (9 * 2.5rem) ) / 10 ) - 2.5rem);
      position: relative;
      top: 0;
      height: 2.375rem;
      margin: 0 0 0 0.625rem;
      min-width: 45px; }
    .atom.header.section .loginFields .textinput {
      margin: 0;
      padding: 0;
      width: calc((((90.01vw - (9 * 2.5rem))/10) + (((90.01vw - (9 * 2.5rem))/10) / 2)) - 1rem);
      float: left;
      height: 2.375rem; }
    .atom.header.section .loginFields .validationWrapper.noLabel:nth-child(2) {
      margin: 0 0.625rem 0 0; }
    .atom.header.section .atom.headerLinks {
      margin-right: 1.25rem; }
    .atom.header.section .cookieTrail {
      margin-left: 1.25rem; }
      .atom.header.section .cookieTrail .fontWhite.arrowButtonBack {
        padding: 0 0 0 1.875rem; }
  .atom.headerTabs.section.height2 {
    height: 3.75rem !important;
    top: 3.625rem;
    position: fixed; }
  .atom.headerTabs .innerSection2 {
    width: 90.01vw;
    margin: 0 5vw; }
  .atom.headerTabs .sectionColTenths {
    width: calc((((90.01vw - (9 * 2.5rem))/10)));
    margin-right: 2.5rem;
    position: relative; }
  .atom.headerTabs .sectionColTenths:last-child {
    margin-right: 0; }
  .atom.headerTabs .sectionColTenths .sectionColInner {
    margin: 0 !important; }
  .atom.headerTabs .sectionColTenths:not(:last-of-type)::AFTER {
    content: "";
    width: 1px;
    height: 2.25rem;
    position: absolute;
    display: block;
    top: 1.1rem;
    right: -1.1875rem;
    border-right: 1px solid #9b9b9b; } }

@media only screen and (max-width: 1199px) and (orientation: landscape) {
  /* sections */
  #zaSkin .atom.section .section-content {
    width: 90.01vw;
    margin: 0 5vw; }
  .atom.header.section {
    height: 3.625rem !important; }
    .atom.header.section .menuButtonWrapper {
      display: none; }
    .atom.header.section .innerSection2 {
      width: 90.01vw;
      margin: 0 5vw; }
    .atom.header.section .searchButton {
      width: 1.875rem;
      height: 1.875rem;
      margin-left: 0.625rem; }
    .atom.header.section .loginFields .inputButtonHolder {
      height: 2.375rem; }
    .atom.header.section .atom.headerLinks {
      margin-right: 0.625rem; } }

@media only screen and (max-width: 899px) and (orientation: portrait) {
  /* sections */
  #zaSkin .atom.section .section-content {
    width: 90.01vw;
    margin: 0 5vw; }
  .atom.header.section {
    height: 7.5rem !important; }
    .atom.header.section .menuButtonWrapper {
      display: block;
      height: 100%; }
      .atom.header.section .menuButtonWrapper .menuButton {
        display: block;
        height: auto;
        width: 2.25rem;
        padding: 0;
        background: none; }
      .atom.header.section .menuButtonWrapper .menuButton span {
        display: block;
        width: 100%;
        height: 0.25rem;
        margin-bottom: 4px;
        background: #000; }
      .atom.header.section .menuButtonWrapper .menuButton .menuButton:hover {
        background: none; }
    .atom.header.section .innerSection2 {
      width: 90.01vw;
      margin: 0 5vw; }
    .atom.header.section .homepageLink {
      display: none; }
    .atom.header.section .homepageLinkSml {
      width: 5rem;
      height: 100%;
      display: block;
      margin-right: 1.25rem; }
    .atom.header.section .searchButton {
      width: 1.875rem;
      height: 1.875rem;
      margin-left: 0.625rem; }
    .atom.header.section input[type=text], .atom.header.section input[type=password] {
      padding: 0 0 0 3px; }
    .atom.header.section .loginFields .textinput {
      width: calc((((90.01vw - (9 * 2.5rem))/10) + (((90.01vw - (9 * 2.5rem))/10) / 2)) - 1rem);
      min-width: 60px; }
    .atom.header.section .loginFields .validationWrapper.noLabel:nth-child(2) {
      margin: 0 0.625rem 0 0; }
    .atom.header.section .cookieTrail {
      margin-left: 1.25rem; }
      .atom.header.section .cookieTrail .fontWhite.arrowButtonBack {
        padding: 0 0 0 1.875rem; }
  .atom.headerTabs.section.height2 {
    display: none; } }

@media only screen and (max-width: 899px) and (max-height: 898px) {
  /* sections */
  #zaSkin .atom.section .section-content {
    width: 90.01vw;
    margin: 0 5vw; }
  .atom.header.section {
    height: 7.5rem !important;
    border-bottom: 0;
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1); }
    .atom.header.section .menuButtonWrapper {
      display: block;
      height: 100%; }
      .atom.header.section .menuButtonWrapper .menuButton {
        display: block;
        height: auto;
        width: 2.25rem;
        padding: 0;
        background: none; }
      .atom.header.section .menuButtonWrapper .menuButton span {
        display: block;
        width: 100%;
        height: 0.25rem;
        margin-bottom: 4px;
        background: #000; }
      .atom.header.section .menuButtonWrapper .menuButton .menuButton:hover {
        background: none; }
    .atom.header.section .innerSection2 {
      width: 90.01vw;
      margin: 0 5vw; }
    .atom.header.section .homepageLink {
      display: none; }
    .atom.header.section .homepageLinkSml {
      width: 5rem;
      height: 100%;
      display: block;
      margin-right: 1.25rem; }
    .atom.header.section .searchButton {
      width: 1.875rem;
      height: 1.875rem;
      margin-left: 0.625rem; }
    .atom.header.section input[type=text], .atom.header.section input[type=password] {
      padding: 0 0 0 3px; }
    .atom.header.section .loginFields .textinput {
      width: calc((((90.01vw - (9 * 2.5rem))/10) + (((90.01vw - (9 * 2.5rem))/10) / 2)) - 1rem);
      min-width: 60px; }
    .atom.header.section .loginFields .validationWrapper.noLabel:nth-child(2) {
      margin: 0 0.625rem 0 0; }
    .atom.header.section .cookieTrail {
      margin-left: 1.25rem; }
      .atom.header.section .cookieTrail .fontWhite.arrowButtonBack {
        padding: 0 0 0 1.875rem; }
  .atom.headerTabs.section.height2 {
    display: none; } }

@media only screen and (max-width: 599px) {
  /* sections */
  #zaSkin .atom.section .section-content {
    width: calc(100vw - 6.25rem);
    margin: 0 3.125rem; }
  .atom.header.section {
    height: 7.5rem !important;
    position: sticky;
    border-bottom: 0;
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1); }
    .atom.header.section .menuButtonWrapper {
      display: block;
      padding: 0; }
    .atom.header.section .innerSection2 {
      width: calc(100vw - 6.25rem);
      margin: 0 3.125rem; }
    .atom.header.section .homepageLink {
      display: none; }
    .atom.header.section .homepageLinkSml {
      width: 5rem;
      height: 100%;
      display: block;
      margin-right: 1.25rem; }
      .atom.header.section .homepageLinkSml img, .atom.header.section .homepageLinkSml .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.header.section .homepageLinkSml .icon--img {
        left: 0px !important;
        width: 40px; }
    .atom.header.section .searchButton {
      width: 2.5rem;
      height: 2.5rem;
      margin-left: 0;
      background-size: 2.5rem; }
    .atom.header.section .atom.headerLinks {
      display: none; }
    .atom.header.section .loginFields .textinput {
      width: calc((((90.01vw - (9 * 2.5rem))/10) + (((90.01vw - (9 * 2.5rem))/10) / 2)) - 1rem);
      min-width: 60px; }
    .atom.header.section .loginFields .validationWrapper.noLabel {
      display: none; }
    .atom.header.section .loginFields .validationWrapper.noLabel:nth-child(2) {
      margin: 0 0.625rem 0 0; }
    .atom.header.section .loginFields .inputButtonHolder {
      display: none; }
    .atom.header.section .sectionColInner > .cookieTrail {
      display: block; }
    .atom.header.section .sectionColInner > .cookieTrail ~ .cookieTrail {
      display: none; } }

/* Old framework adjustment */
.noSizerSpacer {
  height: 7.5rem; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#megaMenu {
  position: fixed;
  width: 100%;
  z-index: 10;
  clear: both; }

.atom.menu-nav .header {
  float: left;
  margin-top: 0.6rem; }

.atom.menu-nav .atom.menu-button {
  transition-delay: 1s;
  cursor: pointer; }
  .atom.menu-nav .atom.menu-button > span {
    height: .5rem;
    border-radius: 5rem;
    display: block;
    transition: all .5s; }
    .atom.menu-nav .atom.menu-button > span:nth-child(1) {
      width: 3rem; }
    .atom.menu-nav .atom.menu-button > span:nth-child(2) {
      width: 3rem;
      margin-top: .6rem;
      margin-bottom: .6rem; }
    .atom.menu-nav .atom.menu-button > span:nth-child(3) {
      width: 1.7rem;
      margin-bottom: 1.3rem; }
  .atom.menu-nav .atom.menu-button:hover :nth-child(1) {
    width: 1.7rem;
    transition: all .5s; }
  .atom.menu-nav .atom.menu-button:hover :nth-child(3) {
    width: 3rem;
    transition: all .5s; }
  @media only screen and (max-width: 599px) {
    .atom.menu-nav .atom.menu-button {
      width: 3rem;
      height: 2.5rem; } }

.atom.menu-nav .atom.secondary-logo-wrapper {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }
  .atom.menu-nav .atom.secondary-logo-wrapper .atom.secondary-logo {
    padding: 0;
    height: 2.7rem;
    width: 5.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    .atom.menu-nav .atom.secondary-logo-wrapper .atom.secondary-logo.ink {
      background-image: url("../../../images//generic/skins/00/navigation/secondary-logo/ink.svg"); }
    .atom.menu-nav .atom.secondary-logo-wrapper .atom.secondary-logo.paper {
      background-image: url("../../../images//generic/skins/00/navigation/secondary-logo/paper.svg"); }

.atom.menu-nav .atom.bread-crumb {
  width: auto;
  margin-left: 2.5rem; }
  .atom.menu-nav .atom.bread-crumb a {
    font-size: 2rem;
    text-decoration: none;
    font-family: inherit;
    line-height: inherit;
    border: none; }
  .atom.menu-nav .atom.bread-crumb .bread-crumb-paper {
    color: #FFFFFF; }
  .atom.menu-nav .atom.bread-crumb .bread-crumb-paper::before {
    content: '';
    position: absolute;
    color: #FFFFFF;
    background: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-wht.svg");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    margin-top: 0.2rem;
    margin-left: -3rem;
    height: 2rem;
    width: 2rem; }
  .atom.menu-nav .atom.bread-crumb .bread-crumb-ink {
    color: #000; }
  .atom.menu-nav .atom.bread-crumb .bread-crumb-ink::before {
    content: '';
    position: absolute;
    color: #000;
    background: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-blk.svg");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    margin-top: 0.2rem;
    margin-left: -3rem;
    height: 2rem;
    width: 2rem; }
  .atom.menu-nav .atom.bread-crumb .bread-crumb-ink span.bread-crumb-mobile,
  .atom.menu-nav .atom.bread-crumb .bread-crumb-paper span.bread-crumb-mobile {
    display: none; }
  @media only screen and (max-width: 599px) {
    .atom.menu-nav .atom.bread-crumb {
      padding-left: 2.5rem; } }

.atom.menu-nav .atom.nav-right {
  position: absolute;
  right: 0; }
  .atom.menu-nav .atom.nav-right .atom.logo-wrapper {
    float: left;
    margin-top: calc(-10rem + 8.25rem);
    transition: .5s; }
    .atom.menu-nav .atom.nav-right .atom.logo-wrapper img, .atom.menu-nav .atom.nav-right .atom.logo-wrapper .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.menu-nav .atom.nav-right .atom.logo-wrapper .icon--img {
      height: 10rem;
      width: 10rem; }
  .atom.menu-nav .atom.nav-right .atom.search {
    position: relative;
    float: left;
    height: 3.2rem;
    width: 3.2rem; }
    .atom.menu-nav .atom.nav-right .atom.search .search-link {
      display: none;
      width: 3.2rem;
      height: 3.2rem;
      margin-top: 0.6rem; }
      .atom.menu-nav .atom.nav-right .atom.search .search-link.ink {
        background-image: url("../../../images//generic/skins/00/navigation/search-icon/ink.svg");
        background-size: cover; }
      .atom.menu-nav .atom.nav-right .atom.search .search-link.paper {
        background-image: url("../../../images//generic/skins/00/navigation/search-icon/paper.svg");
        background-size: cover; }
    .atom.menu-nav .atom.nav-right .atom.search .searchicon {
      float: right;
      width: 3.8rem;
      height: 3.8rem;
      margin-top: 0.6rem;
      margin-right: 2.5rem;
      background-size: contain;
      background-repeat: no-repeat; }
      .atom.menu-nav .atom.nav-right .atom.search .searchicon.ink {
        background-image: url("../../../images//generic/skins/00/navigation/search-icon/ink.svg"); }
      .atom.menu-nav .atom.nav-right .atom.search .searchicon.paper {
        background-image: url("../../../images//generic/skins/00/navigation/search-icon/paper.svg"); }
      .atom.menu-nav .atom.nav-right .atom.search .searchicon:hover {
        background-image: none; }
    .atom.menu-nav .atom.nav-right .atom.search .search-bar {
      position: absolute;
      width: 0;
      opacity: 0;
      transition: .5s;
      right: 4rem;
      margin: 0;
      padding: 0.35rem 0.5rem 0.35rem 1rem;
      height: 5rem;
      border: 0;
      border-radius: 10px/30px;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 1; }
      .atom.menu-nav .atom.nav-right .atom.search .search-bar .search-input {
        float: left;
        font-size: 1.6rem;
        border: 0;
        border-left: 1px solid #fff;
        padding-left: 1rem;
        height: 2.5rem;
        width: 85%;
        margin-top: 1rem; }
      .atom.menu-nav .atom.nav-right .atom.search .search-bar .search-btn {
        padding: 0;
        margin: 0;
        margin-top: 0.2rem;
        float: left;
        width: 15%;
        height: 3.8rem;
        text-decoration: none;
        background-color: #FF9900;
        border: 0;
        border-radius: 10px/30px;
        background-repeat: no-repeat;
        background-size: 100% 85%;
        background-position: center;
        z-index: 1; }
        .atom.menu-nav .atom.nav-right .atom.search .search-bar .search-btn.ink {
          background-image: url("../../../images//generic/skins/00/navigation/search-icon/ink.svg"); }
        .atom.menu-nav .atom.nav-right .atom.search .search-bar .search-btn.paper {
          background-image: url("../../../images//generic/skins/00/navigation/search-icon/paper.svg"); }
      .atom.menu-nav .atom.nav-right .atom.search .search-bar.clicked {
        opacity: 1;
        width: calc((80vw / 2) - ((2.5rem * 1) / 2));
        transform: translateX(22%); }
        .atom.menu-nav .atom.nav-right .atom.search .search-bar.clicked .search-btn {
          opacity: 1; }
    .atom.menu-nav .atom.nav-right .atom.search:hover > .searchicon {
      background-image: none; }
    .atom.menu-nav .atom.nav-right .atom.search:hover > .search-bar,
    .atom.menu-nav .atom.nav-right .atom.search:hover > .search-btn {
      opacity: 1; }
    .atom.menu-nav .atom.nav-right .atom.search:hover > .search-bar {
      width: calc((80vw / 2) - ((2.5rem * 1) / 2));
      transform: translateX(22%); }
  .atom.menu-nav .atom.nav-right.login-nav {
    float: left; }
    .atom.menu-nav .atom.nav-right.login-nav .atom.search {
      float: left; }
      .atom.menu-nav .atom.nav-right.login-nav .atom.search:hover > .search-bar {
        transform: translateX(55%); }
      .atom.menu-nav .atom.nav-right.login-nav .atom.search .search-bar.clicked {
        transform: translateX(55%); }
  .atom.menu-nav .atom.nav-right .atom.btn--wrapper {
    height: 3.8rem;
    right: 0;
    margin-top: 0.6rem;
    margin-bottom: 0; }
    .atom.menu-nav .atom.nav-right .atom.btn--wrapper .atom.btn.btn--normal {
      height: 3.8rem;
      border-radius: 10px/30px;
      transition: none; }
      .atom.menu-nav .atom.nav-right .atom.btn--wrapper .atom.btn.btn--normal:hover {
        top: 0; }
      .atom.menu-nav .atom.nav-right .atom.btn--wrapper .atom.btn.btn--normal::before, .atom.menu-nav .atom.nav-right .atom.btn--wrapper .atom.btn.btn--normal::after {
        display: none; }
  .atom.menu-nav .atom.nav-right .atom.menu-nav .atom.nav-right .atom.search .search-bar:hover + .atom.logo-wrapper {
    display: none; }
  .atom.menu-nav .atom.nav-right .on-scroll {
    display: none; }
  .atom.menu-nav .atom.nav-right-custom {
    float: left; }

.atom.menu-nav .atom.menu-copyright {
  float: left;
  margin-top: 0.7rem;
  margin-left: -2.8rem; }
  .atom.menu-nav .atom.menu-copyright a {
    text-decoration: none; }
  @media only screen and (max-width: 599px) {
    .atom.menu-nav .atom.menu-copyright {
      margin-left: -1.5rem; } }

.atom-small-nav .atom.menu-nav .frame-row-1 {
  min-height: 1.25rem; }

.atom-small-nav .atom.menu-nav .atom.nav-right .atom.search {
  margin-left: calc((80vw / 4) - ((2.5rem * 3) / 4) + 2.5rem);
  width: calc((80vw + 2.5rem) / 12); }
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search:hover > .searchicon {
    opacity: 0; }
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search:hover > .search-bar {
    transform: translateX(55%); }
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search .search-bar.clicked {
    transform: translateX(55%); }

.atom-small-nav .atom.menu-nav .atom.nav-right .atom.logo-wrapper {
  display: none; }

.atom-small-nav .atom.menu-nav .atom.nav-right .has-cta {
  margin-top: 1rem;
  float: left; }
  .atom-small-nav .atom.menu-nav .atom.nav-right .has-cta .atom.btn--wrapper:hover {
    top: none; }

.atom-small-nav .atom.menu-nav .atom.nav-right .atom.header-cta {
  float: left;
  transition: .5s; }

@media only screen and (max-width: 1199px) {
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search {
    margin-left: calc((90vw / 4) - ((2.5rem * 3) / 4)); } }

@media only screen and (max-width: 599px) {
  .atom-small-nav .atom.menu-nav .atom.bread-crumb a::before {
    background-image: none; }
  .atom-small-nav .atom.menu-nav .atom.nav-right.has-cta .atom.btn--wrapper {
    display: none; }
  .atom-small-nav .atom.menu-nav .atom.logo-wrapper {
    margin-left: -1.875rem; }
    .atom-small-nav .atom.menu-nav .atom.logo-wrapper img, .atom-small-nav .atom.menu-nav .atom.logo-wrapper .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom-small-nav .atom.menu-nav .atom.logo-wrapper .icon--img {
      width: 6.4rem;
      height: 6.4rem; } }

.atom-small-nav.background-legacy {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  height: 7.5rem; }

.atom-small-nav.background-dark {
  background-color: rgba(0, 0, 0, 0.6);
  height: 7.5rem;
  transition: .5s; }
  .atom-small-nav.background-dark .atom.menu-nav .header.atom.secondary-logo-wrapper .secondary-logo.ink {
    background-image: url("../../../images//generic/skins/00/navigation/secondary-logo/paper.svg"); }
  .atom-small-nav.background-dark .atom.menu-nav .atom.nav-right .atom.search .searchicon {
    background-image: url("../../../images//generic/skins/00/navigation/search-icon/paper.svg"); }

.atom-small-nav.background-light {
  background-color: rgba(255, 255, 255, 0.6);
  height: 7.5rem;
  transition: .5s; }
  .atom-small-nav.background-light .atom.menu-nav .header.atom.secondary-logo-wrapper .secondary-logo.paper {
    background-image: url("../../../images//generic/skins/00/navigation/secondary-logo/ink.svg"); }
  .atom-small-nav.background-light .atom.menu-nav .atom.nav-right .atom.search .searchicon {
    background-image: url("../../../images//generic/skins/00/navigation/search-icon/ink.svg"); }

@media only screen and (max-width: 1199px) {
  .atom.menu-nav .atom.nav-right .atom.search .searchicon:hover ~ .search-bar, .atom.menu-nav .atom.nav-right .atom.search .search-bar:hover, .atom.menu-nav .atom.nav-right .atom.search .search-bar:focus {
    opacity: 1;
    width: calc((90vw / 2) - ((2.5rem * 1) / 2));
    transform: translateX(31%); }
  .atom.menu-nav .atom.nav-right.login-nav .atom.search .searchicon:hover ~ .search-bar, .atom.menu-nav .atom.nav-right.login-nav .atom.search .search-bar:hover, .atom.menu-nav .atom.nav-right.login-nav .atom.search .search-bar:focus,
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search .searchicon:hover ~ .search-bar,
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search .search-bar:hover,
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search .search-bar:focus {
    opacity: 1;
    width: calc((90vw / 2) - ((2.5rem * 1) / 2));
    transform: translateX(55%); } }

@media only screen and (max-width: 899px) {
  .atom.menu-nav .atom.nav-right.login-nav .atom.search .searchicon:hover ~ .search-bar, .atom.menu-nav .atom.nav-right.login-nav .atom.search .search-bar:hover, .atom.menu-nav .atom.nav-right.login-nav .atom.search .search-bar:focus,
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search .searchicon:hover ~ .search-bar,
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search .search-bar:hover,
  .atom-small-nav .atom.menu-nav .atom.nav-right .atom.search .search-bar:focus {
    opacity: 1;
    width: calc((90vw / 2) - ((2.5rem * 1) / 2));
    transform: translateX(39%); } }

@media only screen and (max-width: 599px) {
  .secondary-logo-wrapper {
    display: none; }
  .atom.menu-nav .atom.bread-crumb {
    padding-left: 0; }
    .atom.menu-nav .atom.bread-crumb .bread-crumb-ink span.bread-crumb-mobile,
    .atom.menu-nav .atom.bread-crumb .bread-crumb-paper span.bread-crumb-mobile {
      display: block; }
    .atom.menu-nav .atom.bread-crumb .bread-crumb-ink span.bread-crumb-desktop,
    .atom.menu-nav .atom.bread-crumb .bread-crumb-paper span.bread-crumb-desktop {
      display: none; }
    .atom.menu-nav .atom.bread-crumb .bread-crumb-ink:before,
    .atom.menu-nav .atom.bread-crumb .bread-crumb-paper:before {
      background-image: none; }
  .atom.menu-nav .atom.nav-right .atom.search {
    margin-left: calc(100% - 13rem); }
  .atom.menu-nav .atom.nav-right .atom.search .searchicon,
  .atom.menu-nav .atom.nav-right .atom.search .search-bar {
    display: none; }
  .atom.menu-nav .atom.nav-right .atom.search .search-link {
    display: block; }
  .atom.menu-nav .atom.nav-right .atom.logo-wrapper {
    position: absolute;
    right: 0;
    margin-left: -1.875rem; }
    .atom.menu-nav .atom.nav-right .atom.logo-wrapper img, .atom.menu-nav .atom.nav-right .atom.logo-wrapper .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.menu-nav .atom.nav-right .atom.logo-wrapper .icon--img {
      width: 8rem;
      height: 8rem; }
  .atom.menu-nav .atom.nav-right.login-nav {
    width: 50%; }
    .atom.menu-nav .atom.nav-right.login-nav .atom.login-mobi {
      float: left;
      width: 70%; }
    .atom.menu-nav .atom.nav-right.login-nav .atom.search {
      width: 20%;
      margin: 0;
      margin-right: 1.7rem; } }

.atom-small-nav.background-light .atom.menu-nav.paper {
  color: #000; }
  .atom-small-nav.background-light .atom.menu-nav.paper .atom.menu-button span {
    background-color: #000; }
  .atom-small-nav.background-light .atom.menu-nav.paper .atom.text--heading, .atom-small-nav.background-light .atom.menu-nav.paper .bread-crumb-paper {
    color: #000; }
  .atom-small-nav.background-light .atom.menu-nav.paper .bread-crumb-paper::before {
    color: #000;
    background-image: url("/_assets/images/generic/skins/00/chev-icons/icon-shevron-left-blk.svg"); }

.atom-small-nav.background-dark .atom.menu-nav.ink {
  color: #FFFFFF; }
  .atom-small-nav.background-dark .atom.menu-nav.ink .atom.menu-button span {
    background-color: #FFFFFF; }
  .atom-small-nav.background-dark .atom.menu-nav.ink .atom.text--heading, .atom-small-nav.background-dark .atom.menu-nav.ink .bread-crumb-ink {
    color: #FFFFFF; }
  .atom-small-nav.background-dark .atom.menu-nav.ink .bread-crumb-ink::before {
    color: #FFFFFF;
    background-image: url("/_assets/images/generic/skins/00/chev-icons/icon-shevron-left-wht.svg"); }

/*
* Menu content section
*/
.atom.menu-nav,
.atom.menu-content {
  position: relative;
  width: 80vw;
  margin: 0 10vw; }
  @media only screen and (max-width: 1199px) {
    .atom.menu-nav,
    .atom.menu-content {
      width: 90vw;
      margin: 0 5vw; } }
  @media only screen and (max-width: 899px) {
    .atom.menu-nav,
    .atom.menu-content {
      width: 90vw;
      margin: 0 5vw; } }
  @media only screen and (max-width: 599px) {
    .atom.menu-nav,
    .atom.menu-content {
      width: calc(100vw - 6.25rem);
      margin: 0 3.125rem; } }

.atom.menu-open {
  position: fixed;
  background-color: #FFFFFF;
  min-height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  clear: both; }
  .atom.menu-open .menu-bg {
    position: absolute;
    height: 100vw;
    width: 28.4vw;
    background-image: linear-gradient(to bottom, #116a6b, #01AAAD); }
  .atom.menu-open .menu-close {
    position: relative;
    float: left;
    top: 1.4rem;
    transition: all 0.3s;
    cursor: pointer; }
    .atom.menu-open .menu-close:hover {
      transform: rotate(90deg);
      transition: all 0.9s; }
    .atom.menu-open .menu-close div.atom.image .img.atom.img {
      width: 2.5rem; }
  .atom.menu-open .menu-title {
    position: relative;
    font-family: "AtomFNBSansRegular", sans-serif;
    font-size: 2rem;
    color: #fff;
    width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
    top: 1.3rem;
    left: 2.5rem;
    cursor: pointer; }
  .atom.menu-open .mega-nav {
    position: relative;
    width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
    padding-top: 5rem;
    margin-bottom: 5rem; }
    .atom.menu-open .mega-nav .nav-item {
      position: relative;
      font-family: "AtomFNBSansRegular", sans-serif;
      font-size: 2rem;
      line-height: 5rem;
      color: #fff;
      text-align: left;
      width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
      top: 2.5rem;
      transition: all .4s;
      cursor: pointer; }
      .atom.menu-open .mega-nav .nav-item.active {
        position: absolute;
        font-family: "AtomFNBSansRegular", sans-serif;
        font-weight: bold;
        top: -1rem;
        padding-bottom: 1rem;
        border-bottom: 2px solid #fff;
        animation: 1s fadeIn ease-in-out; }
  .atom.menu-open .mega-links {
    position: relative;
    width: calc(100% - 5rem); }
    .atom.menu-open .mega-links .quick-links {
      list-style-type: none;
      list-style-image: none;
      line-height: 3.5rem;
      color: rgba(255, 255, 255, 0.8); }
      .atom.menu-open .mega-links .quick-links .links-item {
        position: relative;
        font-family: "AtomFNBSansRegular", sans-serif;
        font-size: 2rem;
        line-height: 3.5rem;
        color: rgba(255, 255, 255, 0.8);
        text-align: left;
        width: 100%;
        padding-left: 2rem;
        cursor: pointer; }
        .atom.menu-open .mega-links .quick-links .links-item::before {
          content: " ";
          background-image: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-wht.svg");
          position: absolute;
          left: 0;
          height: 3.5rem;
          width: 2rem;
          background-repeat: no-repeat;
          background-position: center left;
          transition: all 0.6s; }
        .atom.menu-open .mega-links .quick-links .links-item:hover::before {
          background-position: center right; }
        .atom.menu-open .mega-links .quick-links .links-item a {
          color: #FFFFFF;
          opacity: 0.8;
          font-family: inherit;
          font-size: inherit; }
  .atom.menu-open .mega-flag {
    position: relative;
    top: -2.5rem;
    padding-right: 1rem;
    float: right; }
  .atom.menu-open .mega-content {
    position: absolute;
    opacity: 0;
    top: 100vh;
    left: calc(( (80vw - ( (2.5rem) * 6 ) ) / 6) + 2.5rem); }
    .atom.menu-open .mega-content.active {
      opacity: 1;
      top: 0;
      transition: all .4s; }
    .atom.menu-open .mega-content .menu-slide {
      position: absolute;
      opacity: 0;
      left: calc(( (80vw - ( (2.5rem) * 2.4 ) ) / 2.4) + 2.5rem); }
      .atom.menu-open .mega-content .menu-slide.active {
        opacity: 1; }
      .atom.menu-open .mega-content .menu-slide .slick-list.draggable {
        padding-left: 0;
        padding-right: 20rem; }
  .atom.menu-open .sub-nav {
    list-style-type: none;
    list-style-image: none; }
    .atom.menu-open .sub-nav .sub-nav-heading {
      font-family: "AtomFNBSansRegular", sans-serif;
      font-size: 5rem;
      position: absolute;
      top: 20.5rem;
      left: -3.5rem;
      width: 50rem;
      height: calc( (80vw - ( (2.5rem) * 12 ) ) / 12);
      transform: rotate(90deg);
      list-style-image: none; }
    .atom.menu-open .sub-nav .sub-nav-item {
      position: relative;
      font-family: "AtomFNBSansRegular", sans-serif;
      font-size: 2rem;
      line-height: 4rem;
      padding-left: 2rem; }
      .atom.menu-open .sub-nav .sub-nav-item::before {
        content: " ";
        background-image: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-blk.svg");
        position: absolute;
        left: 0;
        height: 3.5rem;
        width: 2rem;
        background-repeat: no-repeat;
        background-position: center left;
        transition: all 0.6s; }
      .atom.menu-open .sub-nav .sub-nav-item:hover::before {
        background-position: center right; }
      .atom.menu-open .sub-nav .sub-nav-item a {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit; }
  .atom.menu-open .mobi-sub-nav {
    list-style-type: none;
    list-style-image: url("../../../images//generic/skins/00/chev-icons/icon-shevron-left-blk.svg");
    padding-left: 1.5rem; }
    .atom.menu-open .mobi-sub-nav .sub-nav-heading {
      font-family: "AtomFNBSansRegular", sans-serif;
      font-size: 5rem;
      position: relative;
      top: 25rem;
      left: -20rem;
      width: 50rem;
      height: calc( (80vw - ( (2.5rem) * 12 ) ) / 12);
      transform: rotate(90deg);
      list-style-image: none; }
    .atom.menu-open .mobi-sub-nav .sub-nav-item {
      position: relative;
      font-family: "AtomFNBSansRegular", sans-serif;
      font-size: 2rem;
      left: 10rem;
      line-height: 3.5rem; }
  .atom.menu-open .mobi-ads {
    position: relative;
    top: -5rem; }
  @media only screen and (max-width: 899px) {
    .atom.menu-open .menu-bg {
      width: 33.8vw; }
    .atom.menu-open .menu-content {
      width: 90%;
      transform: none;
      margin: 0 auto;
      top: 0;
      left: 0; }
    .atom.menu-open .sub-nav .sub-nav-heading {
      left: -9.5rem; }
    .atom.menu-open .mega-content .menu-slide {
      top: 38rem;
      left: calc(( (90% - ( (1.5rem) * 12 ) ) / 12) + 1.5rem); }
      .atom.menu-open .mega-content .menu-slide .slick-list.draggable {
        padding-left: 0;
        padding-right: 15rem; } }
  @media only screen and (max-width: 599px) {
    .atom.menu-open {
      background-color: #009999;
      min-height: 60rem;
      /* Slick styling*/ }
      .atom.menu-open .menu-close {
        top: 1rem;
        left: 1rem; }
      .atom.menu-open .menu-title {
        top: 1rem;
        left: 5rem;
        width: auto; }
      .atom.menu-open .sub-nav {
        padding-left: 8.5rem; }
        .atom.menu-open .sub-nav .sub-nav-heading {
          top: 27rem;
          left: -18.5rem; }
      .atom.menu-open .carousel {
        top: 2rem; }
      .atom.menu-open .slick-dots {
        height: 2rem;
        left: 15rem;
        top: -3.7rem;
        bottom: 0; }
        .atom.menu-open .slick-dots li button:before {
          font-size: 5rem;
          color: #000;
          opacity: .9; }
        .atom.menu-open .slick-dots li.slick-active button:before {
          opacity: .9;
          color: #FFFFFF; } }

.btn--icon .atom.image {
  width: 100%; }

.atom.image {
  position: relative;
  display: inline-block; }
  .atom.image.hasBadge.productCard {
    height: 12.5rem; }
  .atom.image.hasBadge.productCard .img {
    margin-top: 5rem; }
  .atom.image.hasBadge .img.form--img-illustration {
    margin-top: 2.5rem; }
  .font--align-right .atom.image.hasBadge {
    right: -3.5rem; }
  .font--align-left .atom.image.hasBadge {
    left: -3.5rem; }
  .atom.image.productCard > .img, .atom.image.hasBadge .img {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  .atom.image.productCard {
    height: 7.5rem;
    overflow: hidden;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 2.5rem; }
    .atom.image.productCard .img {
      width: 22.5rem;
      margin-top: 0;
      -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
      border-top-left-radius: 1.4rem;
      border-top-right-radius: 1.4rem; }
    .font--align-right .atom.image.productCard {
      right: -1.5rem; }
    .font--align-left .atom.image.productCard {
      left: -1.5rem; }
  .atom.image.img-illustration {
    width: 18rem; }
  .atom.image .form--img-illustration {
    width: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5); }
  .atom.image .badge {
    position: absolute;
    top: 0.6756756757rem;
    width: 9.5rem;
    height: 9.5rem;
    border-radius: 100%;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    display: inline-block;
    text-align: center; }
    .atom.image .badge.textBadge {
      background-color: #F4791F; }
    .atom.image .badge.align--left {
      left: 0.5rem; }
    .atom.image .badge.align--right {
      right: 0.5rem; }
    .atom.image .badge.vAlign > .text--paragraph {
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .atom.image .badge.vAlign01 > .text--paragraph {
      top: 50%;
      -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      transform: translate(0, -100%); }
    .atom.image .badge.vAlign02 > .text--paragraph {
      top: 40%;
      -webkit-transform: translate(0, -60%);
      -ms-transform: translate(0, -60%);
      transform: translate(0, -60%); }
    .atom.image .badge.vAlign03 > .text--paragraph {
      top: 40%;
      -webkit-transform: translate(0, -80%);
      -ms-transform: translate(0, -80%);
      transform: translate(0, -80%); }
    .atom.image .badge .text--paragraph {
      font-size: 1.8rem;
      line-height: 2.1rem;
      letter-spacing: 0;
      color: #FFFFFF;
      white-space: nowrap;
      overflow: hidden;
      max-width: 100%;
      margin: 0; }
    .atom.image .badge .priceText.text--paragraph {
      font-weight: bold; }
  .atom.image-float {
    position: absolute; }
    .atom.image-float--width-1 {
      width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-1 {
          width: calc(1 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    .atom.image-float--width-2 {
      width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-2 {
          width: calc(2 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    .atom.image-float--width-3 {
      width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-3 {
          width: calc(3 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    .atom.image-float--width-4 {
      width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-4 {
          width: calc(4 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    .atom.image-float--width-5 {
      width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-5 {
          width: calc(5 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    .atom.image-float--width-6 {
      width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-6 {
          width: calc(6 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    .atom.image-float--width-7 {
      width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-7 {
          width: calc(7 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    .atom.image-float--width-8 {
      width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-8 {
          width: calc(8 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    .atom.image-float--width-9 {
      width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-9 {
          width: calc(9 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    .atom.image-float--width-10 {
      width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-10 {
          width: calc(10 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    .atom.image-float--width-11 {
      width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-11 {
          width: calc(11 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    .atom.image-float--width-12 {
      width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.image-float--width-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.image-float--width-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.image-float--width-12 {
          width: calc(12 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    .atom.image-float--width-0 {
      width: 0; }
    .atom.image-float--height-1 {
      min-height: calc(2.5rem * 1); }
    .atom.image-float--height-2 {
      min-height: calc(2.5rem * 2); }
    .atom.image-float--height-3 {
      min-height: calc(2.5rem * 3); }
    .atom.image-float--height-4 {
      min-height: calc(2.5rem * 4); }
    .atom.image-float--height-5 {
      min-height: calc(2.5rem * 5); }
    .atom.image-float--height-6 {
      min-height: calc(2.5rem * 6); }
    .atom.image-float--height-7 {
      min-height: calc(2.5rem * 7); }
    .atom.image-float--height-8 {
      min-height: calc(2.5rem * 8); }
    .atom.image-float--height-9 {
      min-height: calc(2.5rem * 9); }
    .atom.image-float--height-10 {
      min-height: calc(2.5rem * 10); }
    .atom.image-float--height-11 {
      min-height: calc(2.5rem * 11); }
    .atom.image-float--height-12 {
      min-height: calc(2.5rem * 12); }
    .atom.image-float--height-13 {
      min-height: calc(2.5rem * 13); }
    .atom.image-float--height-14 {
      min-height: calc(2.5rem * 14); }
    .atom.image-float--height-15 {
      min-height: calc(2.5rem * 15); }
    .atom.image-float--height-16 {
      min-height: calc(2.5rem * 16); }
    .atom.image-float--height-17 {
      min-height: calc(2.5rem * 17); }
    .atom.image-float--height-18 {
      min-height: calc(2.5rem * 18); }
    .atom.image-float--height-19 {
      min-height: calc(2.5rem * 19); }
    .atom.image-float--height-20 {
      min-height: calc(2.5rem * 20); }
    .atom.image-float--height-21 {
      min-height: calc(2.5rem * 21); }
    .atom.image-float--height-22 {
      min-height: calc(2.5rem * 22); }
    .atom.image-float--height-23 {
      min-height: calc(2.5rem * 23); }
    .atom.image-float--height-24 {
      min-height: calc(2.5rem * 24); }
    .atom.image-float--height-25 {
      min-height: calc(2.5rem * 25); }
    .atom.image-float--height-26 {
      min-height: calc(2.5rem * 26); }
    .atom.image-float--height-27 {
      min-height: calc(2.5rem * 27); }
    .atom.image-float--height-28 {
      min-height: calc(2.5rem * 28); }
    .atom.image-float--height-29 {
      min-height: calc(2.5rem * 29); }
    .atom.image-float--height-30 {
      min-height: calc(2.5rem * 30); }
    .atom.image-float--height-0 {
      height: 0; }
    .atom.image-float--height-full {
      height: 100vh; }
    .atom.image-float--top-1 {
      top: calc(2.5rem * 1); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-2 {
      top: calc(2.5rem * 2); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-3 {
      top: calc(2.5rem * 3); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-4 {
      top: calc(2.5rem * 4); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-5 {
      top: calc(2.5rem * 5); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-6 {
      top: calc(2.5rem * 6); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-7 {
      top: calc(2.5rem * 7); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-8 {
      top: calc(2.5rem * 8); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-9 {
      top: calc(2.5rem * 9); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-10 {
      top: calc(2.5rem * 10); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-11 {
      top: calc(2.5rem * 11); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-12 {
      top: calc(2.5rem * 12); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-13 {
      top: calc(2.5rem * 13); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-14 {
      top: calc(2.5rem * 14); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-15 {
      top: calc(2.5rem * 15); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-16 {
      top: calc(2.5rem * 16); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-17 {
      top: calc(2.5rem * 17); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-18 {
      top: calc(2.5rem * 18); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-19 {
      top: calc(2.5rem * 19); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-20 {
      top: calc(2.5rem * 20); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-21 {
      top: calc(2.5rem * 21); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-22 {
      top: calc(2.5rem * 22); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-23 {
      top: calc(2.5rem * 23); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-24 {
      top: calc(2.5rem * 24); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-25 {
      top: calc(2.5rem * 25); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-26 {
      top: calc(2.5rem * 26); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-27 {
      top: calc(2.5rem * 27); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-28 {
      top: calc(2.5rem * 28); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-29 {
      top: calc(2.5rem * 29); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--top-30 {
      top: calc(2.5rem * 30); }
    .atom.image-float--top-0 {
      top: 0; }
    .atom.image-float--align-left {
      left: 0; }
      .atom.image-float--align-left-1 {
        left: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-1 {
            left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-1 {
            left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-1 {
            left: calc(1 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 1)); } }
      .atom.image-float--align-left-2 {
        left: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-2 {
            left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-2 {
            left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-2 {
            left: calc(2 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 2)); } }
      .atom.image-float--align-left-3 {
        left: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-3 {
            left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-3 {
            left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-3 {
            left: calc(3 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 3)); } }
      .atom.image-float--align-left-4 {
        left: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-4 {
            left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-4 {
            left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-4 {
            left: calc(4 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 4)); } }
      .atom.image-float--align-left-5 {
        left: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-5 {
            left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-5 {
            left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-5 {
            left: calc(5 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 5)); } }
      .atom.image-float--align-left-6 {
        left: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-6 {
            left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-6 {
            left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-6 {
            left: calc(6 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 6)); } }
      .atom.image-float--align-left-7 {
        left: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-7 {
            left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-7 {
            left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-7 {
            left: calc(7 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 7)); } }
      .atom.image-float--align-left-8 {
        left: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-8 {
            left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-8 {
            left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-8 {
            left: calc(8 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 8)); } }
      .atom.image-float--align-left-9 {
        left: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-9 {
            left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-9 {
            left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-9 {
            left: calc(9 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 9)); } }
      .atom.image-float--align-left-10 {
        left: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-10 {
            left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-10 {
            left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-10 {
            left: calc(10 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 10)); } }
      .atom.image-float--align-left-11 {
        left: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-11 {
            left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-11 {
            left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-11 {
            left: calc(11 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 11)); } }
      .atom.image-float--align-left-12 {
        left: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-left-12 {
            left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-left-12 {
            left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-left-12 {
            left: calc(12 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 12)); } }
    .atom.image-float--align-right {
      right: 0; }
      .atom.image-float--align-right-1 {
        right: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-1 {
            right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-1 {
            right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-1 {
            right: calc(1 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 1)); } }
      .atom.image-float--align-right-2 {
        right: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-2 {
            right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-2 {
            right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-2 {
            right: calc(2 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 2)); } }
      .atom.image-float--align-right-3 {
        right: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-3 {
            right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-3 {
            right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-3 {
            right: calc(3 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 3)); } }
      .atom.image-float--align-right-4 {
        right: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-4 {
            right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-4 {
            right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-4 {
            right: calc(4 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 4)); } }
      .atom.image-float--align-right-5 {
        right: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-5 {
            right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-5 {
            right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-5 {
            right: calc(5 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 5)); } }
      .atom.image-float--align-right-6 {
        right: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-6 {
            right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-6 {
            right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-6 {
            right: calc(6 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 6)); } }
      .atom.image-float--align-right-7 {
        right: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-7 {
            right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-7 {
            right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-7 {
            right: calc(7 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 7)); } }
      .atom.image-float--align-right-8 {
        right: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-8 {
            right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-8 {
            right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-8 {
            right: calc(8 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 8)); } }
      .atom.image-float--align-right-9 {
        right: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-9 {
            right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-9 {
            right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-9 {
            right: calc(9 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 9)); } }
      .atom.image-float--align-right-10 {
        right: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-10 {
            right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-10 {
            right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-10 {
            right: calc(10 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 10)); } }
      .atom.image-float--align-right-11 {
        right: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-11 {
            right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-11 {
            right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-11 {
            right: calc(11 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 11)); } }
      .atom.image-float--align-right-12 {
        right: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
        @media only screen and (max-width: 1199px) {
          .atom.image-float--align-right-12 {
            right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
        @media only screen and (max-width: 899px) {
          .atom.image-float--align-right-12 {
            right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
        @media only screen and (max-width: 599px) {
          .atom.image-float--align-right-12 {
            right: calc(12 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 12)); } }
    .atom.image-float--align-center {
      transform: translateX(-50%);
      left: 50%; }
    .atom.image-float--align-middle {
      transform: translateY(-50%);
      top: 50%; }
    @media only screen and (max-width: 1199px) {
      .atom.image-float--widthPS-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.image-float--widthPS-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.image-float--widthPS-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.image-float--widthPS-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.image-float--widthPS-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.image-float--widthPS-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.image-float--widthPS-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.image-float--widthPS-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.image-float--widthPS-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.image-float--widthPS-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.image-float--widthPS-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.image-float--widthPS-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.image-float--widthPS-0 {
        width: 0; }
      .atom.image-float--heightPS-1 {
        min-height: calc(2.5rem * 1); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-2 {
        min-height: calc(2.5rem * 2); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-3 {
        min-height: calc(2.5rem * 3); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-4 {
        min-height: calc(2.5rem * 4); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-5 {
        min-height: calc(2.5rem * 5); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-6 {
        min-height: calc(2.5rem * 6); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-7 {
        min-height: calc(2.5rem * 7); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-8 {
        min-height: calc(2.5rem * 8); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-9 {
        min-height: calc(2.5rem * 9); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-10 {
        min-height: calc(2.5rem * 10); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-11 {
        min-height: calc(2.5rem * 11); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-12 {
        min-height: calc(2.5rem * 12); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-13 {
        min-height: calc(2.5rem * 13); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-14 {
        min-height: calc(2.5rem * 14); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-15 {
        min-height: calc(2.5rem * 15); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-16 {
        min-height: calc(2.5rem * 16); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-17 {
        min-height: calc(2.5rem * 17); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-18 {
        min-height: calc(2.5rem * 18); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-19 {
        min-height: calc(2.5rem * 19); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-20 {
        min-height: calc(2.5rem * 20); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-21 {
        min-height: calc(2.5rem * 21); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-22 {
        min-height: calc(2.5rem * 22); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-23 {
        min-height: calc(2.5rem * 23); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-24 {
        min-height: calc(2.5rem * 24); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-25 {
        min-height: calc(2.5rem * 25); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-26 {
        min-height: calc(2.5rem * 26); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-27 {
        min-height: calc(2.5rem * 27); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-28 {
        min-height: calc(2.5rem * 28); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-29 {
        min-height: calc(2.5rem * 29); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--heightPS-30 {
        min-height: calc(2.5rem * 30); }
      .atom.image-float--heightPS-0 {
        height: 0; }
      .atom.image-float--heightPS-full {
        height: 100vh; }
      .atom.image-float--topPS-1 {
        top: calc(2.5rem * 1); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-2 {
        top: calc(2.5rem * 2); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-3 {
        top: calc(2.5rem * 3); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-4 {
        top: calc(2.5rem * 4); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-5 {
        top: calc(2.5rem * 5); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-6 {
        top: calc(2.5rem * 6); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-7 {
        top: calc(2.5rem * 7); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-8 {
        top: calc(2.5rem * 8); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-9 {
        top: calc(2.5rem * 9); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-10 {
        top: calc(2.5rem * 10); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-11 {
        top: calc(2.5rem * 11); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-12 {
        top: calc(2.5rem * 12); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-13 {
        top: calc(2.5rem * 13); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-14 {
        top: calc(2.5rem * 14); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-15 {
        top: calc(2.5rem * 15); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-16 {
        top: calc(2.5rem * 16); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-17 {
        top: calc(2.5rem * 17); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-18 {
        top: calc(2.5rem * 18); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-19 {
        top: calc(2.5rem * 19); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-20 {
        top: calc(2.5rem * 20); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-21 {
        top: calc(2.5rem * 21); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-22 {
        top: calc(2.5rem * 22); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-23 {
        top: calc(2.5rem * 23); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-24 {
        top: calc(2.5rem * 24); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-25 {
        top: calc(2.5rem * 25); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-26 {
        top: calc(2.5rem * 26); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-27 {
        top: calc(2.5rem * 27); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-28 {
        top: calc(2.5rem * 28); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-29 {
        top: calc(2.5rem * 29); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--topPS-30 {
        top: calc(2.5rem * 30); }
      .atom.image-float--topPS-0 {
        top: 0; }
      .atom.image-float--alignPS-left {
        left: 0; }
        .atom.image-float--alignPS-left-1 {
          left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
        .atom.image-float--alignPS-left-2 {
          left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
        .atom.image-float--alignPS-left-3 {
          left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
        .atom.image-float--alignPS-left-4 {
          left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
        .atom.image-float--alignPS-left-5 {
          left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
        .atom.image-float--alignPS-left-6 {
          left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
        .atom.image-float--alignPS-left-7 {
          left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
        .atom.image-float--alignPS-left-8 {
          left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
        .atom.image-float--alignPS-left-9 {
          left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
        .atom.image-float--alignPS-left-10 {
          left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
        .atom.image-float--alignPS-left-11 {
          left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        .atom.image-float--alignPS-left-12 {
          left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.image-float--alignPS-right {
        right: 0; }
        .atom.image-float--alignPS-right-1 {
          right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
        .atom.image-float--alignPS-right-2 {
          right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
        .atom.image-float--alignPS-right-3 {
          right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
        .atom.image-float--alignPS-right-4 {
          right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
        .atom.image-float--alignPS-right-5 {
          right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
        .atom.image-float--alignPS-right-6 {
          right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
        .atom.image-float--alignPS-right-7 {
          right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
        .atom.image-float--alignPS-right-8 {
          right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
        .atom.image-float--alignPS-right-9 {
          right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
        .atom.image-float--alignPS-right-10 {
          right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
        .atom.image-float--alignPS-right-11 {
          right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        .atom.image-float--alignPS-right-12 {
          right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.image-float--alignPS-center {
        transform: translateX(-50%);
        left: 50%; }
      .atom.image-float--alignPS-middle {
        transform: translateY(-50%);
        top: 50%; } }
    @media only screen and (max-width: 899px) {
      .atom.image-float--widthTP-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.image-float--widthTP-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.image-float--widthTP-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.image-float--widthTP-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.image-float--widthTP-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.image-float--widthTP-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.image-float--widthTP-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.image-float--widthTP-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.image-float--widthTP-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.image-float--widthTP-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.image-float--widthTP-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.image-float--widthTP-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.image-float--widthTP-0 {
        width: 0; }
      .atom.image-float--heightTP-1 {
        min-height: calc(2.5rem * 1); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-2 {
        min-height: calc(2.5rem * 2); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-3 {
        min-height: calc(2.5rem * 3); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-4 {
        min-height: calc(2.5rem * 4); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-5 {
        min-height: calc(2.5rem * 5); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-6 {
        min-height: calc(2.5rem * 6); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-7 {
        min-height: calc(2.5rem * 7); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-8 {
        min-height: calc(2.5rem * 8); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-9 {
        min-height: calc(2.5rem * 9); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-10 {
        min-height: calc(2.5rem * 10); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-11 {
        min-height: calc(2.5rem * 11); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-12 {
        min-height: calc(2.5rem * 12); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-13 {
        min-height: calc(2.5rem * 13); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-14 {
        min-height: calc(2.5rem * 14); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-15 {
        min-height: calc(2.5rem * 15); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-16 {
        min-height: calc(2.5rem * 16); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-17 {
        min-height: calc(2.5rem * 17); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-18 {
        min-height: calc(2.5rem * 18); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-19 {
        min-height: calc(2.5rem * 19); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-20 {
        min-height: calc(2.5rem * 20); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-21 {
        min-height: calc(2.5rem * 21); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-22 {
        min-height: calc(2.5rem * 22); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-23 {
        min-height: calc(2.5rem * 23); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-24 {
        min-height: calc(2.5rem * 24); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-25 {
        min-height: calc(2.5rem * 25); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-26 {
        min-height: calc(2.5rem * 26); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-27 {
        min-height: calc(2.5rem * 27); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-28 {
        min-height: calc(2.5rem * 28); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-29 {
        min-height: calc(2.5rem * 29); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--heightTP-30 {
        min-height: calc(2.5rem * 30); }
      .atom.image-float--heightTP-0 {
        height: 0; }
      .atom.image-float--heightTP-full {
        height: 100vh; }
      .atom.image-float--topTP-1 {
        top: calc(2.5rem * 1); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-2 {
        top: calc(2.5rem * 2); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-3 {
        top: calc(2.5rem * 3); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-4 {
        top: calc(2.5rem * 4); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-5 {
        top: calc(2.5rem * 5); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-6 {
        top: calc(2.5rem * 6); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-7 {
        top: calc(2.5rem * 7); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-8 {
        top: calc(2.5rem * 8); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-9 {
        top: calc(2.5rem * 9); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-10 {
        top: calc(2.5rem * 10); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-11 {
        top: calc(2.5rem * 11); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-12 {
        top: calc(2.5rem * 12); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-13 {
        top: calc(2.5rem * 13); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-14 {
        top: calc(2.5rem * 14); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-15 {
        top: calc(2.5rem * 15); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-16 {
        top: calc(2.5rem * 16); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-17 {
        top: calc(2.5rem * 17); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-18 {
        top: calc(2.5rem * 18); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-19 {
        top: calc(2.5rem * 19); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-20 {
        top: calc(2.5rem * 20); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-21 {
        top: calc(2.5rem * 21); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-22 {
        top: calc(2.5rem * 22); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-23 {
        top: calc(2.5rem * 23); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-24 {
        top: calc(2.5rem * 24); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-25 {
        top: calc(2.5rem * 25); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-26 {
        top: calc(2.5rem * 26); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-27 {
        top: calc(2.5rem * 27); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-28 {
        top: calc(2.5rem * 28); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-29 {
        top: calc(2.5rem * 29); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--topTP-30 {
        top: calc(2.5rem * 30); }
      .atom.image-float--topTP-0 {
        top: 0; }
      .atom.image-float--alignTP-left {
        left: 0; }
        .atom.image-float--alignTP-left-1 {
          left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
        .atom.image-float--alignTP-left-2 {
          left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
        .atom.image-float--alignTP-left-3 {
          left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
        .atom.image-float--alignTP-left-4 {
          left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
        .atom.image-float--alignTP-left-5 {
          left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
        .atom.image-float--alignTP-left-6 {
          left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
        .atom.image-float--alignTP-left-7 {
          left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
        .atom.image-float--alignTP-left-8 {
          left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
        .atom.image-float--alignTP-left-9 {
          left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
        .atom.image-float--alignTP-left-10 {
          left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
        .atom.image-float--alignTP-left-11 {
          left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        .atom.image-float--alignTP-left-12 {
          left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.image-float--alignTP-right {
        right: 0; }
        .atom.image-float--alignTP-right-1 {
          right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
        .atom.image-float--alignTP-right-2 {
          right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
        .atom.image-float--alignTP-right-3 {
          right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
        .atom.image-float--alignTP-right-4 {
          right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
        .atom.image-float--alignTP-right-5 {
          right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
        .atom.image-float--alignTP-right-6 {
          right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
        .atom.image-float--alignTP-right-7 {
          right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
        .atom.image-float--alignTP-right-8 {
          right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
        .atom.image-float--alignTP-right-9 {
          right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
        .atom.image-float--alignTP-right-10 {
          right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
        .atom.image-float--alignTP-right-11 {
          right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        .atom.image-float--alignTP-right-12 {
          right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.image-float--alignTP-center {
        transform: translateX(-50%);
        left: 50%; }
      .atom.image-float--alignTP-middle {
        transform: translateY(-50%);
        top: 50%; } }
    @media only screen and (max-width: 599px) {
      .atom.image-float--widthM-1 {
        width: calc(1 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); }
      .atom.image-float--widthM-2 {
        width: calc(2 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); }
      .atom.image-float--widthM-3 {
        width: calc(3 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); }
      .atom.image-float--widthM-4 {
        width: calc(4 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); }
      .atom.image-float--widthM-5 {
        width: calc(5 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); }
      .atom.image-float--widthM-6 {
        width: calc(6 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); }
      .atom.image-float--widthM-7 {
        width: calc(7 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); }
      .atom.image-float--widthM-8 {
        width: calc(8 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); }
      .atom.image-float--widthM-9 {
        width: calc(9 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); }
      .atom.image-float--widthM-10 {
        width: calc(10 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); }
      .atom.image-float--widthM-11 {
        width: calc(11 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); }
      .atom.image-float--widthM-12 {
        width: calc(12 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); }
      .atom.image-float--widthM-0 {
        width: 0; }
      .atom.image-float--heightM-1 {
        min-height: calc(2.5rem * 1); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-2 {
        min-height: calc(2.5rem * 2); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-3 {
        min-height: calc(2.5rem * 3); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-4 {
        min-height: calc(2.5rem * 4); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-5 {
        min-height: calc(2.5rem * 5); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-6 {
        min-height: calc(2.5rem * 6); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-7 {
        min-height: calc(2.5rem * 7); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-8 {
        min-height: calc(2.5rem * 8); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-9 {
        min-height: calc(2.5rem * 9); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-10 {
        min-height: calc(2.5rem * 10); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-11 {
        min-height: calc(2.5rem * 11); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-12 {
        min-height: calc(2.5rem * 12); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-13 {
        min-height: calc(2.5rem * 13); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-14 {
        min-height: calc(2.5rem * 14); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-15 {
        min-height: calc(2.5rem * 15); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-16 {
        min-height: calc(2.5rem * 16); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-17 {
        min-height: calc(2.5rem * 17); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-18 {
        min-height: calc(2.5rem * 18); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-19 {
        min-height: calc(2.5rem * 19); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-20 {
        min-height: calc(2.5rem * 20); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-21 {
        min-height: calc(2.5rem * 21); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-22 {
        min-height: calc(2.5rem * 22); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-23 {
        min-height: calc(2.5rem * 23); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-24 {
        min-height: calc(2.5rem * 24); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-25 {
        min-height: calc(2.5rem * 25); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-26 {
        min-height: calc(2.5rem * 26); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-27 {
        min-height: calc(2.5rem * 27); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-28 {
        min-height: calc(2.5rem * 28); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-29 {
        min-height: calc(2.5rem * 29); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--heightM-30 {
        min-height: calc(2.5rem * 30); }
      .atom.image-float--heightM-0 {
        height: 0; }
      .atom.image-float--heightM-full {
        height: 100vh; }
      .atom.image-float--topM-1 {
        top: calc(2.5rem * 1); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-2 {
        top: calc(2.5rem * 2); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-3 {
        top: calc(2.5rem * 3); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-4 {
        top: calc(2.5rem * 4); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-5 {
        top: calc(2.5rem * 5); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-6 {
        top: calc(2.5rem * 6); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-7 {
        top: calc(2.5rem * 7); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-8 {
        top: calc(2.5rem * 8); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-9 {
        top: calc(2.5rem * 9); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-10 {
        top: calc(2.5rem * 10); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-11 {
        top: calc(2.5rem * 11); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-12 {
        top: calc(2.5rem * 12); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-13 {
        top: calc(2.5rem * 13); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-14 {
        top: calc(2.5rem * 14); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-15 {
        top: calc(2.5rem * 15); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-16 {
        top: calc(2.5rem * 16); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-17 {
        top: calc(2.5rem * 17); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-18 {
        top: calc(2.5rem * 18); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-19 {
        top: calc(2.5rem * 19); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-20 {
        top: calc(2.5rem * 20); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-21 {
        top: calc(2.5rem * 21); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-22 {
        top: calc(2.5rem * 22); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-23 {
        top: calc(2.5rem * 23); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-24 {
        top: calc(2.5rem * 24); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-25 {
        top: calc(2.5rem * 25); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-26 {
        top: calc(2.5rem * 26); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-27 {
        top: calc(2.5rem * 27); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-28 {
        top: calc(2.5rem * 28); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-29 {
        top: calc(2.5rem * 29); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--topM-30 {
        top: calc(2.5rem * 30); }
      .atom.image-float--topM-0 {
        top: 0; }
      .atom.image-float--alignM-left {
        left: 0; }
        .atom.image-float--alignM-left-1 {
          left: calc(1 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 1)); }
        .atom.image-float--alignM-left-2 {
          left: calc(2 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 2)); }
        .atom.image-float--alignM-left-3 {
          left: calc(3 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 3)); }
        .atom.image-float--alignM-left-4 {
          left: calc(4 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 4)); }
        .atom.image-float--alignM-left-5 {
          left: calc(5 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 5)); }
        .atom.image-float--alignM-left-6 {
          left: calc(6 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 6)); }
        .atom.image-float--alignM-left-7 {
          left: calc(7 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 7)); }
        .atom.image-float--alignM-left-8 {
          left: calc(8 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 8)); }
        .atom.image-float--alignM-left-9 {
          left: calc(9 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 9)); }
        .atom.image-float--alignM-left-10 {
          left: calc(10 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 10)); }
        .atom.image-float--alignM-left-11 {
          left: calc(11 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 11)); }
        .atom.image-float--alignM-left-12 {
          left: calc(12 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 12)); }
      .atom.image-float--alignM-right {
        right: 0; }
        .atom.image-float--alignM-right-1 {
          right: calc(1 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 1)); }
        .atom.image-float--alignM-right-2 {
          right: calc(2 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 2)); }
        .atom.image-float--alignM-right-3 {
          right: calc(3 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 3)); }
        .atom.image-float--alignM-right-4 {
          right: calc(4 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 4)); }
        .atom.image-float--alignM-right-5 {
          right: calc(5 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 5)); }
        .atom.image-float--alignM-right-6 {
          right: calc(6 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 6)); }
        .atom.image-float--alignM-right-7 {
          right: calc(7 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 7)); }
        .atom.image-float--alignM-right-8 {
          right: calc(8 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 8)); }
        .atom.image-float--alignM-right-9 {
          right: calc(9 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 9)); }
        .atom.image-float--alignM-right-10 {
          right: calc(10 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 10)); }
        .atom.image-float--alignM-right-11 {
          right: calc(11 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 11)); }
        .atom.image-float--alignM-right-12 {
          right: calc(12 * ((100vw - 6.25rem - 11 * 1.875rem) / 12) + (1.875rem * 12)); }
      .atom.image-float--alignM-center {
        transform: translateX(-50%);
        left: 50%; }
      .atom.image-float--alignM-middle {
        transform: translateY(-50%);
        top: 50%; } }

::placeholder {
  color: #9B9B9B; }

.form--textarea-container.atom {
  clear: both;
  min-height: auto;
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: 2vh; }
  .form--textarea-container.atom .form--textarea {
    font-family: RobotoRegular;
    font-size: 1.6rem;
    line-height: 2rem;
    position: relative;
    display: block;
    color: #000;
    width: 100%;
    border: 1px solid #DADADA;
    padding: 2.5rem;
    resize: none; }
  .form--textarea-container.atom .form--textarea-lable {
    display: block;
    position: relative;
    color: #6B6B6B;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
    padding-bottom: 1vh; }
  .form--textarea-container.atom .text--count {
    display: block;
    position: relative;
    width: 100%;
    color: #9B9B9B;
    text-align: right;
    font-family: RobotoRegular;
    padding-top: .5vh; }
  .form--textarea-container.atom .message {
    display: none; }
  .form--textarea-container.atom.focused label {
    color: #009999; }
  .form--textarea-container.atom.focused .form--textarea {
    border: 1px solid #009999; }
  .form--textarea-container.atom.atom--error label, .form--textarea-container.atom.atom--error.focused label {
    color: #F4791F; }
  .form--textarea-container.atom.atom--error .form--textarea, .form--textarea-container.atom.atom--error.focused .form--textarea {
    border: 1px solid #F4791F; }
  .form--textarea-container.atom.atom--error .text--count, .form--textarea-container.atom.atom--error.focused .text--count {
    display: none; }
  .form--textarea-container.atom.atom--error .message, .form--textarea-container.atom.atom--error.focused .message {
    position: relative;
    display: block;
    text-align: left;
    color: #F4791F; }

textarea, input {
  background: transparent; }

textarea:focus, input:focus {
  outline: none; }

form .heading-4 {
  padding-top: 2.5rem; }
  form .heading-4:first-child {
    padding-top: 0; }

form.bottomPadding {
  padding-bottom: 80px; }

label.form--inputLabel-range + legend {
  display: none; }

.form--input.atom .message {
  width: 100%;
  color: #9B9B9B;
  text-align: right;
  font-family: RobotoRegular;
  position: relative; }

.form--input.atom .errorMessage {
  display: none;
  width: 100%;
  color: #F4791F;
  text-align: left;
  font-family: RobotoRegular;
  position: absolute;
  top: 6.25rem; }

.form--input.atom.atom--error .message {
  display: none; }

.form--input.atom.atom--error .errorMessage {
  display: block; }

.form--input-container.atom {
  clear: both;
  position: relative;
  min-height: 7.5rem; }
  .form--input-container.atom.form--input-range {
    height: 12.5rem; }
  .form--input-container.atom .form--button-clear {
    display: none;
    position: absolute;
    right: 0;
    z-index: 5;
    cursor: pointer;
    bottom: 1.9230769231rem;
    transition: all 0.3s;
    /*&:hover {
			transform: rotate(135deg);
			bottom: $row-height / 1.5;
		}*/ }
  .form--input-container.atom .input--text:invalid ~ .form--button-clear {
    display: none; }
  .form--input-container.atom:hover .input--text:valid + .form--button-clear,
  .form--input-container.atom.focused .input--text:valid + .form--button-clear {
    display: block; }
  .form--input-container.atom .form--icon-rightEdge {
    right: 3rem; }
  .form--input-container.atom .form--button-switcher {
    position: absolute;
    right: 0;
    z-index: 3;
    bottom: 2.5rem;
    background: #DADADA;
    width: 4rem;
    height: 1.5rem;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form--input-container.atom .form--button-switcher::before {
      right: 2rem;
      width: 2rem;
      height: 2rem; }
    .form--input-container.atom .form--button-switcher::before {
      position: absolute;
      top: -3px;
      display: table;
      content: '';
      background: #FFFFFF;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .form--input-container.atom.checked .form--button-switcher {
    background: #009999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form--input-container.atom.checked .form--button-switcher::before {
      right: -1px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .form--input-container.atom label {
    display: block;
    width: 100%;
    font-family: RobotoRegular;
    position: relative;
    z-index: 2;
    bottom: -3.625rem;
    color: #6B6B6B;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding-right: 9rem; }
    .form--input-container.atom label.form--inputLabel-switcher {
      position: absolute;
      bottom: 1.6666666667rem; }
  .form--input-container.atom input {
    padding-bottom: 0.6rem;
    font-family: RobotoRegular;
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #DADADA;
    border-radius: 0px;
    position: absolute;
    z-index: 5;
    background: transparent;
    bottom: 1.3rem; }
    .form--input-container.atom input::-ms-clear, .form--input-container.atom input::-ms-reveal {
      display: none; }
    .form--input-container.atom input.rangeValue {
      margin-bottom: 2.6315789474rem;
      width: 33%; }
    .form--input-container.atom input:hover {
      border: none;
      border-bottom: 1px solid #DADADA; }
    .form--input-container.atom input:-ms-input-placeholder, .form--input-container.atom input:-moz-placeholder, .form--input-container.atom input::-moz-placeholder, .form--input-container.atom input::-webkit-input-placeholder {
      color: #9B9B9B; }
    .form--input-container.atom input::placeholder {
      color: #9B9B9B; }
    .form--input-container.atom input[type="hidden"] {
      user-select: none;
      /* standard syntax */
      -webkit-user-select: none;
      /* webkit (safari, chrome) browsers */
      -moz-user-select: none;
      /* mozilla browsers */
      -khtml-user-select: none;
      /* webkit (konqueror) browsers */
      -ms-user-select: none;
      /* IE10+ */ }
  .form--input-container.atom hr {
    border-bottom: 1px solid #DADADA;
    border-top: 0;
    position: absolute;
    z-index: 1;
    bottom: 1.25rem;
    width: 100%; }
  .form--input-container.atom.parentFocused hr {
    border-bottom: 1px solid #009999; }
  .form--input-container.atom.atom--error input, .form--input-container.atom.atom--error hr, .form--input-container.atom.atom--error.focused input, .form--input-container.atom.atom--error.focused hr {
    border-bottom: 1px solid #F4791F; }
  .form--input-container.atom.atom--error label, .form--input-container.atom.atom--error.focused label {
    color: #F4791F; }
  .form--input-container.atom.atom--error .message, .form--input-container.atom.atom--error.focused .message {
    text-align: left;
    color: #F4791F; }
  .form--input-container.atom.focused input, .form--input-container.atom.focused hr {
    border-bottom: 1px solid #009999; }
  .form--input-container.atom.focused label {
    color: #009999; }

/* Upload document input */
.atom.input--file--wrapper .btn--wrapper button {
  top: 3.333vh; }

.atom.input--file--wrapper .btn--wrapper button:hover {
  top: 3.000vh; }

.atom.input--file--wrapper .btn--wrapper.pos-right {
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 6; }
  .atom.input--file--wrapper .btn--wrapper.pos-right button {
    top: 0; }
  .atom.input--file--wrapper .btn--wrapper.pos-right button:hover {
    top: -3px; }

.atom.input--file--wrapper input {
  padding-right: 21vh; }

/*Text input*/
.form--input-text.atom label, .form--input-address.atom label, .form--input-number.atom label, .form--input-currency.atom label, .form--input-datepicker.atom label, .form--input-alphaNumeric.atom label, .form--input-email.atom label, .atom.form--input-search label, .atom.form--input-file label {
  cursor: text; }

.form--input-text.atom.focused label, .form--input-text.atom.hasContent label, .form--input-text.atom.hasPlaceholder label, .form--input-address.atom.focused label, .form--input-address.atom.hasContent label, .form--input-address.atom.hasPlaceholder label, .form--input-number.atom.focused label, .form--input-number.atom.hasContent label, .form--input-number.atom.hasPlaceholder label, .form--input-currency.atom.focused label, .form--input-currency.atom.hasContent label, .form--input-currency.atom.hasPlaceholder label, .form--input-datepicker.atom.focused label, .form--input-datepicker.atom.hasContent label, .form--input-datepicker.atom.hasPlaceholder label, .form--input-alphaNumeric.atom.focused label, .form--input-alphaNumeric.atom.hasContent label, .form--input-alphaNumeric.atom.hasPlaceholder label, .form--input-email.atom.focused label, .form--input-email.atom.hasContent label, .form--input-email.atom.hasPlaceholder label, .atom.form--input-search.focused label, .atom.form--input-search.hasContent label, .atom.form--input-search.hasPlaceholder label, .atom.form--input-file.focused label, .atom.form--input-file.hasContent label, .atom.form--input-file.hasPlaceholder label {
  bottom: -1.1363636364rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1; }

/* Range input */
.form--input-range.atom {
  /* range version 2*/ }
  .form--input-range.atom label {
    cursor: text;
    z-index: 1; }
  .form--input-range.atom legend {
    display: inline;
    padding-bottom: 0.6944444444rem;
    font-family: RobotoRegular;
    border-bottom: 1px solid #DADADA;
    position: absolute;
    top: 1.25rem; }
    .form--input-range.atom legend::-ms-clear, .form--input-range.atom legend::-ms-reveal {
      display: none; }
  .form--input-range.atom input[type=range] {
    border: 0;
    -webkit-appearance: none;
    width: 100%;
    margin: 7.6px 0; }
  .form--input-range.atom input[type=range]:focus {
    outline: none; }
  .form--input-range.atom input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    cursor: pointer;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    background: #009999;
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 1, 0); }
  .form--input-range.atom input[type=range]::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    height: 2rem;
    width: 2rem;
    border-radius: 2rem;
    background: #009999;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -0.7rem; }
  .form--input-range.atom input[type=range]:focus::-webkit-slider-runnable-track {
    background: #009999; }
  .form--input-range.atom input[type=range]::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    cursor: pointer;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    background: #009999;
    border-radius: 2rem; }
  .form--input-range.atom input[type=range]::-moz-range-thumb, .form--input-range.atom input[type=range]::-ms-thumb {
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    border: 0px solid rgba(0, 0, 165, 0.69);
    height: 2rem;
    width: 2rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.38);
    cursor: pointer; }
  .form--input-range.atom input[type=range]::-ms-track {
    width: 100%;
    height: 0.5rem;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .form--input-range.atom input[type=range]::-ms-fill-lower, .form--input-range.atom input[type=range]::-ms-fill-upper {
    background: #009999;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); }
  .form--input-range.atom input[type=range]:focus::-ms-fill-lower, .form--input-range.atom input[type=range]:focus::-ms-fill-upper {
    background: #009999; }
  .form--input-range.atom .slider-container {
    width: 100%;
    bottom: 1.3888888889rem;
    position: absolute;
    z-index: 10; }
  .form--input-range.atom .slider-container .back-bar {
    height: 10px;
    position: relative; }
  .form--input-range.atom .slider-container .back-bar .selected-bar {
    position: absolute;
    height: 100%; }
  .form--input-range.atom .slider-container .back-bar .pointer {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #009999;
    cursor: pointer;
    opacity: 1;
    z-index: 2; }
  .form--input-range.atom .slider-container .back-bar .pointer.last-active {
    z-index: 3; }
  .form--input-range.atom .slider-container .back-bar .pointer-label {
    position: absolute;
    top: -17px;
    background: #FFFFFF;
    white-space: nowrap;
    line-height: 1; }
  .form--input-range.atom .slider-container .back-bar .focused {
    z-index: 10; }
  .form--input-range.atom .slider-container .clickable-dummy {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .form--input-range.atom .slider-container .scale {
    top: 2px;
    position: relative; }
  .form--input-range.atom .slider-container .scale span {
    position: absolute;
    height: 5px;
    border-left: 1px solid #F6F6F6;
    font-size: 0; }
  .form--input-range.atom .slider-container .scale ins {
    font-size: 9px;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 5px;
    color: #F6F6F6;
    line-height: 1; }
  .form--input-range.atom .slider-container.slider-readonly .clickable-dummy,
  .form--input-range.atom .slider-container.slider-readonly .pointer {
    cursor: auto; }
  .form--input-range.atom .atom-theme .back-bar {
    height: 0.4rem;
    border-radius: 2px;
    background-color: #6B6B6B; }
  .form--input-range.atom .atom-theme .back-bar .selected-bar {
    border-radius: 2px;
    background-color: #009999; }
  .form--input-range.atom .atom-theme .back-bar .pointer {
    width: 1.5006002401rem;
    height: 1.5006002401rem;
    top: -0.6000960154rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #009999;
    background-color: #009999; }
  .form--input-range.atom .atom-theme .back-bar .pointer-label {
    color: #F6F6F6; }
  .form--input-range.atom .atom-theme .back-bar .focused {
    color: #333; }
  .form--input-range.atom .atom-theme .scale span {
    border-left: 1px solid #DADADA; }
  .form--input-range.atom .atom-theme .scale ins {
    color: #9B9B9B; }

/*Predictive/Autocomplete input*/
.predictable {
  position: relative; }
  .predictable .predictions {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s; }

.predictions {
  background-color: #FFFFFF;
  z-index: 15;
  top: 6.25rem;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
  -webkit-border-bottom-right-radius: 2.4rem;
  border-bottom-right-radius: 2.4rem;
  -webkit-border-bottom-left-radius: 2.4rem;
  border-bottom-left-radius: 2.4rem;
  background-clip: padding-box;
  padding: 1.25rem 2.5rem 2.5rem 2.5rem;
  transition: all ease;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.2s,opacity 0.2s linear;
  position: absolute;
  font-size: 12px;
  background-color: #fff;
  max-height: 260px;
  overflow-y: auto;
  height: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  text-align: left;
  right: 0; }
  .predictions .input--item-line {
    border-bottom: 1px solid #DADADA;
    height: 1px;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 1rem; }
  .predictions > div {
    cursor: pointer;
    margin: 0px 0;
    padding: 6px 4px 6px 10px;
    position: relative; }
  .predictions .input--select-item {
    position: relative;
    height: 100%;
    transition: all ease; }
    .predictions .input--select-item.focused {
      color: #01AAAD;
      transition: all ease; }
      .predictions .input--select-item.focused .input--item-line {
        border-bottom: 1px solid #01AAAD; }
    .predictions .input--select-item:hover {
      color: #01AAAD;
      transition: all ease; }
      .predictions .input--select-item:hover .input--item-line {
        border-bottom: 1px solid #01AAAD; }

/*Switcher input*/
.form--input-switcher.atom label {
  cursor: pointer; }

.form--input-switcher.atom .input--switcher {
  opacity: 0;
  height: 0;
  width: 0; }

.form--input-switcher.atom.focused label {
  bottom: -3.25rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

/*Select input*/
.form--select.atom {
  height: 7.5rem; }
  .form--select.atom label {
    cursor: pointer; }
  .form--select.atom.focused label, .form--select.atom.hasContent label, .form--select.atom.hasPlaceholder label {
    bottom: 1rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 13;
    text-align: left; }
  .form--select.atom .atom.chevron--group {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 14; }
    .form--select.atom .atom.chevron--group .chevron--icon.icon--info {
      background-image: url(../../../images/generic/skins/00/icons/swapout/info.svg);
      background-repeat: no-repeat; }
    .form--select.atom .atom.chevron--group .atomToolTip .text--paragraph.atom {
      margin-bottom: 0;
      top: auto; }
  .form--select.atom .input--main {
    background: none;
    z-index: 13;
    height: 55%;
    left: 0; }
    .form--select.atom .input--main:hover {
      border-left: none;
      border-right: none;
      border-top: none;
      color: transparent; }
  .form--select.atom input {
    position: absolute;
    cursor: pointer;
    height: 100%;
    z-index: 12;
    color: transparent; }
  .form--select.atom .placeholder, .form--select.atom .selectChoice {
    padding-bottom: 0.6944444444rem;
    position: absolute;
    z-index: 12;
    bottom: 0.9615384615rem;
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 3.5rem; }
    .form--select.atom .placeholder .text--paragraph, .form--select.atom .selectChoice .text--paragraph {
      margin-bottom: 0; }
  .form--select.atom .placeholder {
    color: #767676; }
  .form--select.atom[data-type="dropdown-label"] {
    background-image: url(../../../images/generic/skins/00/dropdown/dropdown.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: 96% 60%;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 899px) {
      .form--select.atom[data-type="dropdown-label"] {
        background-position: 96% 60%; } }
  .form--select.atom[data-type="dropdown-label-multi"] {
    background-image: url(../../../images/generic/skins/00/dropdown/dropdown.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: calc(100% - 2rem) 60%;
    margin-bottom: 3rem;
    height: 10rem; }
    .form--select.atom[data-type="dropdown-label-multi"] .placeholder {
      position: absolute;
      z-index: 12;
      bottom: 2rem;
      padding-top: 1rem;
      display: block;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 3.5rem;
      border-right: 0.5px solid #767676;
      left: 1rem;
      right: 6rem;
      pointer-events: none;
      height: 4rem; }
    .form--select.atom[data-type="dropdown-label-multi"] .selectChoice {
      position: absolute;
      z-index: 12;
      bottom: 2rem;
      display: block;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 3.5rem;
      border-right: 0.5px solid #767676;
      left: 1rem;
      right: 6rem;
      pointer-events: none;
      height: 4rem;
      padding-bottom: 0; }
    .form--select.atom[data-type="dropdown-label-multi"] input[data-element=select] {
      border: 0.5px solid #767676;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .form--select.atom[data-type="dropdown-label-multi"] input[data-element=select].multi-readout {
        top: 3rem;
        border: 0.5px solid #767676;
        border-radius: 3px;
        height: 6rem; }
    .form--select.atom[data-type="dropdown-label-multi"] .dropdown--select-container {
      top: 8.5rem; }
    .form--select.atom[data-type="dropdown-label-multi"] .dropdown-multi-readout {
      display: flex;
      justify-content: space-between; }
      .form--select.atom[data-type="dropdown-label-multi"] .dropdown-multi-readout .left, .form--select.atom[data-type="dropdown-label-multi"] .dropdown-multi-readout .right {
        align-self: center; }
        .form--select.atom[data-type="dropdown-label-multi"] .dropdown-multi-readout .left span, .form--select.atom[data-type="dropdown-label-multi"] .dropdown-multi-readout .right span {
          margin-bottom: 0;
          top: unset; }
      .form--select.atom[data-type="dropdown-label-multi"] .dropdown-multi-readout .left span:last-child {
        display: flex;
        color: #6B6B6B;
        font-size: 1.3rem; }
      .form--select.atom[data-type="dropdown-label-multi"] .dropdown-multi-readout .right span:last-child {
        display: flex;
        color: #6B6B6B;
        font-size: 1.3rem; }
  .form--select.atom.focused[data-type="dropdown-label-multi"] input[data-element=select] {
    border: 0.5px solid #009999; }
    .form--select.atom.focused[data-type="dropdown-label-multi"] input[data-element=select].multi-readout {
      border: 0.5px solid #009999; }
    .form--select.atom.focused[data-type="dropdown-label-multi"] input[data-element=select].placeholder {
      border: 0.5px solid #009999; }
  .form--select.atom .dropdown--select-container {
    opacity: 0;
    visibility: hidden;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 15;
    top: 6rem;
    width: 100%;
    padding: 1.25rem 2.5rem 2.5rem 2.5rem;
    transition: all ease; }
    .form--select.atom .dropdown--select-container:not(.positionTop) {
      -webkit-border-bottom-right-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem;
      -webkit-border-bottom-left-radius: 0.3rem;
      border-bottom-left-radius: 0.3rem;
      background-clip: padding-box;
      border: 0.5px solid #009999; }
    .form--select.atom .dropdown--select-container.positionTop {
      -webkit-border-top-right-radius: 0.3rem;
      border-top-right-radius: 0.3rem;
      -webkit-border-top-left-radius: 0.3rem;
      border-top-left-radius: 0.3rem;
      background-clip: padding-box;
      -webkit-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      background-clip: padding-box;
      border: 0.5px solid #009999; }
    .form--select.atom .dropdown--select-container.show {
      top: 7.5rem;
      position: absolute;
      opacity: 1;
      visibility: visible;
      display: block;
      transition: all ease;
      overflow: auto;
      max-height: 25rem;
      margin-bottom: 15rem; }
  .form--select.atom .dropdown--select-item {
    position: relative;
    height: 100%;
    transition: all ease;
    cursor: pointer; }
    .form--select.atom .dropdown--select-item .dropdown--item-line {
      border-bottom: 1px solid #DADADA;
      height: 1px;
      position: relative;
      display: block;
      z-index: 1;
      width: 100%;
      bottom: 0; }
    .form--select.atom .dropdown--select-item.focused {
      color: #009999;
      transition: all ease; }
      .form--select.atom .dropdown--select-item.focused .dropdown--item-line {
        border-bottom: 1px solid #009999; }
    .form--select.atom .dropdown--select-item:hover {
      color: #009999;
      transition: all ease; }
      .form--select.atom .dropdown--select-item:hover .dropdown--item-line {
        border-bottom: 1px solid #009999; }
      .form--select.atom .dropdown--select-item:hover .dropdown-multi-readout .left span:last-child, .form--select.atom .dropdown--select-item:hover .dropdown-multi-readout .right span:last-child {
        color: #009999; }
  .form--select.atom .select-item-multi {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .form--select.atom .select-item-multi p {
      top: 1.5rem; }
    .form--select.atom .select-item-multi .dropdown-multi-readout {
      display: flex;
      justify-content: space-between;
      height: 5rem; }
      .form--select.atom .select-item-multi .dropdown-multi-readout .left {
        align-self: center;
        display: flex;
        flex-direction: column;
        font-size: 1.6rem; }
        .form--select.atom .select-item-multi .dropdown-multi-readout .left span:first-child {
          margin-bottom: 0; }
        .form--select.atom .select-item-multi .dropdown-multi-readout .left span:last-child {
          font-size: 1.3rem; }
      .form--select.atom .select-item-multi .dropdown-multi-readout .right {
        align-self: center;
        display: flex;
        flex-direction: column;
        font-size: 1.6rem; }
        .form--select.atom .select-item-multi .dropdown-multi-readout .right span:first-child {
          margin-bottom: 0; }
        .form--select.atom .select-item-multi .dropdown-multi-readout .right span:last-child {
          font-size: 1.3rem; }
  .form--select.atom input.input--main--search {
    position: relative;
    height: 100%;
    transition: all ease;
    font-size: 16.25px !important;
    line-height: 25px;
    letter-spacing: -0.5px;
    top: 0vh;
    font-family: RobotoRegular;
    transition: all 0.5s;
    color: inherit; }
  .form--select.atom .dropdown--select-container .input--main--search-icon {
    position: absolute;
    background: url("../../../images//generic/skins/00/icons/swapout/search.svg");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 35px;
    z-index: 20; }
    .form--select.atom .dropdown--select-container .input--main--search-icon:hover {
      right: 20px;
      top: 36px; }

/* RMB banking overrides */
#rmbSkin input.input--main {
  background: none !important;
  color: transparent !important; }
  #rmbSkin input.input--main:hover {
    border-left: none;
    border-right: none;
    border-top: none;
    color: transparent; }

/* Checkbox input */
.checkboxItems.atom {
  position: relative;
  height: 5rem; }
  .checkboxItems.atom input {
    cursor: pointer;
    position: relative;
    bottom: 1.625rem;
    border: 1px solid #9B9B9B;
    width: 2rem;
    height: 2rem;
    opacity: 0; }
  .checkboxItems.atom:last-child {
    height: 5rem; }
  .checkboxItems.atom .form--inputLabel-checkbox-child {
    position: relative;
    top: 1rem;
    cursor: pointer; }
  .checkboxItems.atom .form--inputLabel-simpleCheckbox-child {
    font-family: RobotoRegular;
    font-size: 1.4rem;
    line-height: 1.5rem;
    position: relative;
    top: 1rem;
    cursor: pointer;
    color: #6B6B6B; }
  .checkboxItems.atom .checkbox--custom {
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 0.5rem;
    width: 2rem;
    height: 2rem;
    border: 0.1rem solid #9B9B9B;
    transition: all 0.3s;
    overflow: hidden;
    margin-right: 1rem; }
    .checkboxItems.atom .checkbox--custom label {
      color: #DADADA; }
    .checkboxItems.atom .checkbox--custom .checkHider {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background: #fff;
      z-index: 2; }
    .checkboxItems.atom .checkbox--custom::after {
      content: '';
      display: block;
      position: relative;
      background: #fff url("../../../images//generic/skins/00/chevron/primary_list-tick.svg") no-repeat;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: 100%;
      left: 0; }
  .checkboxItems.atom.checked .checkHider {
    left: 2rem; }
  .checkboxItems.atom.focused {
    /* .checkbox--custom{
			border: 1px solid $colour-primary;
		} */ }
    .checkboxItems.atom.focused .form--inputLabel-checkbox-child {
      color: #009999; }

/* Checkbox input */
.form--input-checkbox.atom {
  /* 	&.parentFocused {
		.form--inputLabel-checkbox {
			color: $colour-primary;
		}
	} */ }
  .form--input-checkbox.atom input {
    position: relative;
    z-index: 5; }
  .form--input-checkbox.atom .checkboxItems.atom {
    position: relative;
    height: 5rem;
    text-align: right; }
    .form--input-checkbox.atom .checkboxItems.atom input {
      cursor: pointer;
      position: relative;
      bottom: 0.75rem;
      border: 1px solid #9B9B9B;
      width: 2rem;
      height: 2rem;
      opacity: 0;
      right: 1rem; }
    .form--input-checkbox.atom .checkboxItems.atom:last-child {
      height: 2rem; }
    .form--input-checkbox.atom .checkboxItems.atom .form--inputLabel-checkbox-child {
      position: relative;
      top: 1rem;
      cursor: pointer; }
    .form--input-checkbox.atom .checkboxItems.atom .checkbox--custom {
      cursor: pointer;
      display: block;
      position: absolute;
      right: 1rem;
      top: 0.75rem;
      width: 2rem;
      height: 2rem;
      border: 0.1rem solid #9B9B9B;
      transition: all 0.3s;
      overflow: hidden;
      margin-right: 0; }
      .form--input-checkbox.atom .checkboxItems.atom .checkbox--custom label {
        color: #DADADA; }
      .form--input-checkbox.atom .checkboxItems.atom .checkbox--custom .checkHider {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: #fff;
        z-index: 2;
        /* transition: all 0.3s; */ }
      .form--input-checkbox.atom .checkboxItems.atom .checkbox--custom::after {
        content: '';
        display: block;
        position: relative;
        background: #fff url("../../../images//generic/skins/00/chevron/primary_list-tick.svg") no-repeat;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: 100%;
        left: 0; }
    .form--input-checkbox.atom .checkboxItems.atom.checked .checkHider {
      left: 2rem;
      /* transition: all 0.3s; */ }
    .form--input-checkbox.atom .checkboxItems.atom.focused {
      /* .checkbox--custom{
				border: 1px solid $colour-primary;
			} */ }
      .form--input-checkbox.atom .checkboxItems.atom.focused .form--inputLabel-checkbox-child {
        color: #009999; }

/* Submit button */
.form--submit {
  position: relative;
  z-index: 3; }

.short .form--input-container.atom {
  height: 5rem;
  min-height: 5rem; }
  .short .form--input-container.atom label {
    bottom: -0.8333333333rem; }
  .short .form--input-container.atom .checkboxItems.atom input {
    bottom: 4rem; }
  .short .form--input-container.atom .checkboxItems.atom .checkbox--custom {
    top: -1.5625rem; }

.form--input-checkbox.atom.ungroup .checkboxItems.atom .checkbox--custom::after {
  content: '';
  display: block;
  position: relative;
  background: #fff url("../../../images//generic/skins/00/chevron/dash.svg") no-repeat;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 60%;
  left: 0;
  z-index: 3; }

.atom-slick-prev:hover, .slick-prev:focus {
  left: 0 !important; }

.atom-slick-next:hover, .slick-next:focus {
  right: 0 !important; }

.slick-list {
  padding: 0.5rem 0.5rem; }

.slick-track {
  padding-bottom: 1rem;
  height: auto; }

.slick-slider {
  height: auto; }

.slick-slide {
  height: inherit; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-arrow {
  display: inline-block;
  height: 2.5rem;
  z-index: 999; }

.slick-next:after {
  content: url("../../../images/generic/skins/00/pager/right.svg"); }

.slick-prev:before {
  content: url("../../../images/generic/skins/00/pager/left.svg"); }

.slide--nav-wrapper {
  position: relative;
  height: 5rem; }
  .slide--nav-wrapper .atom--slider-nav {
    height: 2.5rem;
    position: relative;
    display: table;
    margin: 0 auto; }
  .slide--nav-wrapper .atom--slide--nav-container {
    position: relative;
    bottom: 0; }
  .slide--nav-wrapper .atom--slider-nav .slick-dots {
    top: 0.5rem;
    display: block;
    position: relative;
    width: auto;
    margin: 0 3.2rem; }
    .slide--nav-wrapper .atom--slider-nav .slick-dots li {
      margin: 0;
      width: 1rem; }
      .slide--nav-wrapper .atom--slider-nav .slick-dots li:not(:last-child) {
        margin: 0 .9rem 0 0; }
      .slide--nav-wrapper .atom--slider-nav .slick-dots li button {
        padding: 0.9rem; }
        .slide--nav-wrapper .atom--slider-nav .slick-dots li button:before {
          line-height: none;
          position: none;
          font-size: 3.5rem;
          width: 1rem;
          height: 1rem; }

/* Banking and Bifrost custom styling */
#bifrostCardGrid .btn--width-max button {
  max-width: 230px; }

#bifrostCardGrid .atom.slick-slide {
  min-height: 30rem; }

/* Web undo Atom overriding */
.carousel.section.height10 .section.height10 {
  height: 240px; }

.carousel.section.height5, .carousel.section.height5 .section.height5 {
  height: 120px; }

.carousel .slick-track {
  height: 100%; }

.carousel .slick-list {
  height: 100%; }

.carousel .slick-prev:before, .carousel .slick-next:after {
  line-height: 1;
  height: 90px;
  width: 50px;
  display: block;
  opacity: .75;
  color: white;
  background: transparent; }

.carousel.whatsHotArrows .slick-next {
  right: 10px; }

.carousel.applyEasyArrows .slick-next {
  right: 10px; }

.carousel.applyEasyArrows .slick-next:after {
  content: url("/00Assets/v2.2/images/global/arrow_right_white.png"); }

.v2_2 .slick-track {
  padding-bottom: 0; }

.v2_2 .slick-list {
  padding: 0; }

.v2_2 .carouselLargeWhiteArrows .slick-prev:before {
  content: url(/00Assets/v2.2/images/global/arrow_large_left_white.png); }

.v2_2 .carouselLargeWhiteArrows .slick-next:after {
  content: url(/00Assets/v2.2/images/global/arrow_large_right_white.png); }

.v2_2 #pauseButton {
  font-family: f_regular, helvetica, arial, sans; }

.atom.atomToolTip {
  position: absolute;
  width: 30rem;
  opacity: 0;
  max-height: 40rem;
  padding: 0;
  text-align: left;
  z-index: 60;
  /*Colour*/ }
  .atom.atomToolTip[data-direction="bottomLeft"] {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    border-radius: 2.4rem 0vw 2.4rem 2.4rem;
    top: 1rem;
    right: 125%; }
  .atom.atomToolTip[data-direction="topRight"] {
    -webkit-box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    border-radius: 2.4rem 2.4rem 2.4rem 0vw;
    bottom: 1rem;
    left: 125%; }
  .atom.atomToolTip[data-direction="bottomRight"] {
    -webkit-box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    border-radius: 0vw 2.4rem 2.4rem 2.4rem;
    top: 1rem;
    left: 125%; }
  .atom.atomToolTip[data-direction="topLeft"] {
    -webkit-box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    box-shadow: -4px 0px 23px -4px rgba(0, 0, 0, 0.5);
    border-radius: 2.4rem 2.4rem 0vw 2.4rem;
    bottom: 1rem;
    right: 125%; }
  .atom.atomToolTip[data-direction="bottomRight"]::before, .atom.atomToolTip[data-direction="bottomLeft"]::after, .atom.atomToolTip[data-direction="topRight"]::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    padding: 0vw;
    border: 1.5rem solid transparent;
    border-top: 0;
    margin-top: 0; }
  .atom.atomToolTip[data-direction="bottomLeft"]::after {
    right: 0;
    border-right: 0;
    margin-right: -1rem;
    top: 0; }
  .atom.atomToolTip[data-direction="bottomRight"]::before {
    margin-left: -1rem;
    border-left: 0;
    top: 0;
    left: 0; }
  .atom.atomToolTip[data-direction="topRight"]::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border: 1.5rem solid transparent;
    border-left: 0;
    border-bottom: 0; }
  .atom.atomToolTip[data-direction="topLeft"]::after {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border: 1.5rem solid transparent;
    border-right: 0;
    border-bottom: 0; }
  .atom.atomToolTip[data-direction="topLeft"]::after {
    margin-top: 0px;
    margin-right: -1rem;
    bottom: 0px; }
  .atom.atomToolTip[data-direction="topRight"]::before {
    margin-left: -1rem;
    left: 0; }
  .atom.atomToolTip.hide .tooltip--content {
    display: none;
    opacity: 0; }
  .atom.atomToolTip.show {
    opacity: 1;
    padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    max-height: 37.5rem; }
    .atom.atomToolTip.show .tooltip--content {
      opacity: 1; }
  .atom.atomToolTip .tooltip--content {
    visibility: hidden;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%; }
  .atom.atomToolTip.background--color-paper[data-direction="bottomLeft"]::after, .atom.atomToolTip.background--color-paper[data-direction="topLeft"]::after {
    border-left-color: #FFFFFF; }
  .atom.atomToolTip.background--color-primary[data-direction="bottomLeft"]::after, .atom.atomToolTip.background--color-primary[data-direction="topLeft"]::after {
    border-left-color: #009999; }
  .atom.atomToolTip.background--color-secondary[data-direction="bottomLeft"]::after, .atom.atomToolTip.background--color-secondary[data-direction="topLeft"]::after {
    border-left-color: #009999; }
  .atom.atomToolTip.background--color-highlight[data-direction="bottomLeft"]::after, .atom.atomToolTip.background--color-highlight[data-direction="topLeft"]::after {
    border-left-color: #F4791F; }
  .atom.atomToolTip.background--color-action[data-direction="bottomLeft"]::after, .atom.atomToolTip.background--color-action[data-direction="topLeft"]::after {
    border-left-color: #F4791F; }
  .atom.atomToolTip.background--color-ghostmedium[data-direction="bottomLeft"]::after, .atom.atomToolTip.background--color-ghostmedium[data-direction="topLeft"]::after {
    border-left-color: #9B9B9B; }
  .atom.atomToolTip.background--color-paper[data-direction="bottomRight"]::before, .atom.atomToolTip.background--color-paper[data-direction="topRight"]::before {
    border-right-color: #FFFFFF; }
  .atom.atomToolTip.background--color-primary[data-direction="bottomRight"]::before, .atom.atomToolTip.background--color-primary[data-direction="topRight"]::before {
    border-right-color: #009999; }
  .atom.atomToolTip.background--color-secondary[data-direction="bottomRight"]::before, .atom.atomToolTip.background--color-secondary[data-direction="topRight"]::before {
    border-right-color: #009999; }
  .atom.atomToolTip.background--color-highlight[data-direction="bottomRight"]::before, .atom.atomToolTip.background--color-highlight[data-direction="topRight"]::before {
    border-right-color: #F4791F; }
  .atom.atomToolTip.background--color-action[data-direction="bottomRight"]::before, .atom.atomToolTip.background--color-action[data-direction="topRight"]::before {
    border-right-color: #F4791F; }
  .atom.atomToolTip.background--color-ghostmedium[data-direction="bottomRight"]::before, .atom.atomToolTip.background--color-ghostmedium[data-direction="topRight"]::before {
    border-right-color: #9B9B9B; }

#gmaps.atom {
  height: 100%;
  position: unset;
  display: none; }
  #gmaps.atom.show {
    display: block; }

.atom.form--input-address .form--icon-wrapper .address--input-icon {
  position: absolute;
  width: 2rem;
  height: 2rem;
  display: block;
  right: 0;
  bottom: 2.5rem;
  cursor: pointer;
  z-index: 5; }
  .atom.form--input-address .form--icon-wrapper .address--input-icon img, .atom.form--input-address .form--icon-wrapper .address--input-icon .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.form--input-address .form--icon-wrapper .address--input-icon .icon--img {
    width: 100%;
    height: 100%; }

#overlay .map--controls {
  display: block; }

.map--controls {
  margin: 2.5rem 2.5rem;
  -webkit-border-radius: 1.79564vw;
  border-radius: 1.79564vw;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: #fff;
  width: 33.5rem;
  height: 3.75rem;
  padding: 0 1rem 0 2.5rem;
  border: 0;
  -webkit-box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.3); }
  .map--controls:focus {
    border-color: #4d90fe; }

.pac-container {
  margin-top: 0.1666666667rem; }

.gm-style-iw .atom.atom--map-address {
  max-width: 34.5rem;
  min-width: 24.5rem;
  overflow: hidden; }

.gm-style-iw .atom.btn--wrapper {
  left: 50%; }
  .gm-style-iw .atom.btn--wrapper button.btn.atom {
    left: -50%;
    margin-left: 1vw; }

.gm-style > div > div > div > div > div > div > div {
  border-radius: 8px !important;
  border: none; }

.gm-style > div > div > div > div > div {
  border-radius: 8px;
  border: none; }

.gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) {
  display: none; }

.gm-style-iw-t::before {
  display: none; }

.gm-style .gm-style-iw-t::after {
  display: none; }

.gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) {
  display: none; }

.gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) {
  top: 10px !important; }

.gm-style-iw {
  text-align: center; }

.gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > button {
  display: none !important; }

/* PC small */
@media only screen and (min-width: 350px) and (max-width: 1464px) {
  .atom.form--input-address .location img, .atom.form--input-address .location .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.form--input-address .location .icon--img {
    position: absolute;
    width: 1.6324vw;
    height: 1.6324vw;
    display: block;
    right: 0;
    bottom: 2.5rem; }
  .pac-container {
    margin-top: 0.1360333333vw; } }

.atom.text-readout {
  position: relative;
  margin-bottom: 1.9230769231rem; }
  .atom.text-readout .text--paragraph {
    position: unset;
    margin-bottom: 0; }
    .atom.text-readout .text--paragraph:first-child {
      padding-top: 0.6944444444rem; }

.atom.freeze_table {
  white-space: nowrap;
  border-top-left-radius: 0.7rem;
  overflow: auto;
  max-width: 100%;
  max-height: 20rem; }
  .atom.freeze_table .atom.table {
    min-width: 100%;
    width: auto; }
    .atom.freeze_table .atom.table .fixed.freeze {
      z-index: 14;
      position: relative;
      -webkit-box-shadow: 10px -7px 40px -7px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 10px -7px 40px -7px rgba(0, 0, 0, 0.3);
      box-shadow: 10px -7px 40px -7px rgba(0, 0, 0, 0.3); }
      .atom.freeze_table .atom.table .fixed.freeze + .table--cell {
        padding-left: 1.5rem; }
    .atom.freeze_table .atom.table .fixed.freeze_vertical {
      z-index: 13;
      position: relative; }
    .atom.freeze_table .atom.table .fixed.freeze_horizontal {
      z-index: 13;
      position: relative;
      -webkit-box-shadow: 10px 7px 40px -7px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 10px 7px 40px -7px rgba(0, 0, 0, 0.3);
      box-shadow: 10px 7px 40px -7px rgba(0, 0, 0, 0.3); }
      .atom.freeze_table .atom.table .fixed.freeze_horizontal + .table--cell {
        padding-left: 1.5rem; }

.atom.table {
  table-layout: fixed;
  text-align: left;
  width: 100%;
  border-collapse: collapse;
  clear: both;
  margin: 0; }
  .atom.table thead .table--row-header {
    position: relative;
    height: 5rem;
    /*     	&:first-of-type:not(.groupHeader) .table--cell-header[data-sortable="true"]{ */
    /*     		top: calc(0.5rem + 50%); */
    /*     	} */ }
    .atom.table thead .table--row-header .table--cell-header {
      position: relative;
      height: inherit;
      font-weight: bold;
      color: #000; }
    .atom.table thead .table--row-header:first-of-type .table--cell-header[data-sortable="true"]:after {
      top: 0.5rem; }
    .atom.table thead .table--row-header:not(.groupHeader) .table--cell-header[data-sortable="true"] {
      cursor: pointer; }
      .atom.table thead .table--row-header:not(.groupHeader) .table--cell-header[data-sortable="true"] .text--heading-sub {
        display: inline-block;
        margin-right: 1rem; }
      .atom.table thead .table--row-header:not(.groupHeader) .table--cell-header[data-sortable="true"]:after {
        background-image: url(../../../images/generic/skins/00/icons/swapout/sortingActive.svg); }
      .atom.table thead .table--row-header:not(.groupHeader) .table--cell-header[data-sortable="true"].active[data-sortdirection="desc"]:after {
        background-image: url(../../../images/generic/skins/00/icons/swapout/descending.svg); }
      .atom.table thead .table--row-header:not(.groupHeader) .table--cell-header[data-sortable="true"].active[data-sortdirection="asc"]:after {
        background-image: url(../../../images/generic/skins/00/icons/swapout/ascending.svg); }
      .atom.table thead .table--row-header:not(.groupHeader) .table--cell-header[data-sortable="true"]:after {
        content: '';
        width: 1rem;
        height: 2rem;
        position: absolute;
        display: inline-block;
        vertical-align: initial;
        background-color: transparent;
        background-repeat: no-repeat;
        top: calc(0.5rem + 50%);
        -webkit-transform: translateY(-50%);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(-50%);
        /* IE 9 */
        transform: translateY(-50%);
        background-size: 1rem;
        background-position: center center; }
    .atom.table thead .table--row-header:first-of-type .table--cell-header:last-of-type {
      border-top-right-radius: 0.7rem;
      border-bottom-right-radius: 0.7rem;
      padding-right: 2.5rem; }
    .atom.table thead .table--row-header .table--cell-header:first-of-type {
      border-top-left-radius: 0.7rem;
      border-bottom-left-radius: 0.7rem; }
    .atom.table thead .table--row-header:not(:first-of-type) .table--cell-header .text--heading-sub {
      top: 0rem; }
    .atom.table thead .table--row-header:not(:first-of-type) {
      height: 2.5rem; }
      .atom.table thead .table--row-header:not(:first-of-type) .table--cell-header[data-sortable="true"]:after {
        top: 50%; }
    .atom.table thead .table--row-header:last-child:not(:first-of-type) .table--cell-header:first-of-type {
      border-top-left-radius: 0; }
    .atom.table thead .table--row-header:last-child:not(:first-of-type) .table--cell-header:last-of-type {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0.7rem; }
    .atom.table thead .table--row-header:nth-last-child(2) .table--cell-header:last-of-type {
      border-bottom-right-radius: 0; }
    .atom.table thead .table--row-header:nth-last-child(2) .table--cell-header:first-of-type {
      border-bottom-left-radius: 0; }
  .atom.table thead .table--row-header.groupHeader {
    height: 4rem; }
    .atom.table thead .table--row-header.groupHeader .table--cell-header {
      font-weight: normal;
      text-align: center; }
    .atom.table thead .table--row-header.groupHeader .text--heading-sub {
      top: 0.2rem; }
    .atom.table thead .table--row-header.groupHeader .table--cell-header .text--heading-sub:after {
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      height: 0.5rem;
      bottom: -0.5rem;
      border: 0px;
      border-right: 0.0974857143vw;
      border-left: 0.0974857143vw;
      border-top: 0.0974857143vw;
      border-bottom: 0;
      border-color: #9B9B9B;
      border-style: solid; }
    .atom.table thead .table--row-header.groupHeader .table--cell-header:first-of-type {
      border-bottom-left-radius: 0; }
    .atom.table thead .table--row-header.groupHeader .table--cell-header:last-of-type {
      border-bottom-right-radius: 0; }
    .atom.table thead .table--row-header.groupHeader + .table--row-header .table--cell-header:first-of-type {
      border-top-left-radius: 0; }
    .atom.table thead .table--row-header.groupHeader + .table--row-header .table--cell-header:last-of-type {
      border-top-right-radius: 0; }
  .atom.table tbody .table--row-content.total--row {
    font-weight: bold; }
    .atom.table tbody .table--row-content.total--row:first-child {
      border-bottom: 0.1rem solid #000; }
    .atom.table tbody .table--row-content.total--row:last-child {
      border-top: 0.1rem solid #000; }
    .atom.table tbody .table--row-content.total--row .table--cell {
      background-color: #FFFFFF; }
  .atom.table .table--row .table--cell:first-of-type {
    padding-left: 2.5rem; }
  .atom.table .table--row .table--cell:last-of-type {
    padding-right: 2.5rem; }
  .atom.table .table--row .table--cell {
    font-size: 1.4rem;
    line-height: 2rem; }
    .atom.table .table--row .table--cell .text--heading-sub, .atom.table .table--row .table--cell .text--paragraph, .atom.table .table--row .table--cell .btn--text, .atom.table .table--row .table--cell .link {
      font-size: 1.4rem;
      line-height: 2rem;
      margin-bottom: 0; }
  .atom.table .table--row:not(.groupHeader) .text--heading-sub, .atom.table .table--row:not(.groupHeader) .text--paragraph, .atom.table .table--row:not(.groupHeader) .btn--text {
    top: 0.5rem; }
  .atom.table .table--row .table--cell .text--paragraph:last-of-type {
    margin-bottom: 0.5rem; }
  .atom.table .table--row .table--cell:not(:last-of-type) {
    padding-right: 1.5rem; }
  .atom.table .table--row .table--cell.table--cell-content {
    height: 5rem; }

.atom.table .table--cell .form--input-checkbox.atom {
  display: inline-block;
  min-height: 2rem;
  max-width: 2rem;
  vertical-align: middle; }
  .atom.table .table--cell .form--input-checkbox.atom .checkboxItems.atom {
    height: 2rem; }
  .atom.table .table--cell .form--input-checkbox.atom .checkboxItems.atom .checkbox--custom, .atom.table .table--cell .form--input-checkbox.atom .checkboxItems.atom input {
    top: 0;
    bottom: 0;
    margin-right: 0;
    right: 0; }

.atom.table .table--cell .form--select[data-type="dropdown-label"] {
  background-size: 1rem;
  background-position: calc(100% - 0.6rem) 1rem;
  margin-bottom: 0;
  position: relative; }

.atom.table .table--cell .form--input-container:not(.form--input-checkbox) {
  min-height: 3.0120481928rem;
  height: 2rem; }
  .atom.table .table--cell .form--input-container:not(.form--input-checkbox) input, .atom.table .table--cell .form--input-container:not(.form--input-checkbox) .placeholder, .atom.table .table--cell .form--input-container:not(.form--input-checkbox) .selectChoice {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: 0rem;
    text-align: center;
    bottom: 0.25rem;
    top: -0.25rem; }
  .atom.table .table--cell .form--input-container:not(.form--input-checkbox) .placeholder, .atom.table .table--cell .form--input-container:not(.form--input-checkbox) .selectChoice {
    right: 0;
    left: 0;
    width: calc(100% - 2.5rem);
    text-align: left;
    padding-left: 0.6rem;
    border-right: none;
    top: calc(100% - 2.8rem); }
  .atom.table .table--cell .form--input-container:not(.form--input-checkbox) input {
    height: 100%; }
  .atom.table .table--cell .form--input-container:not(.form--input-checkbox) .form--button-switcher {
    position: relative;
    display: inline-block;
    bottom: -0.5rem; }
  .atom.table .table--cell .form--input-container:not(.form--input-checkbox) .dropdown--select-container {
    top: 2rem; }
  .atom.table .table--cell .form--input-container:not(.form--input-checkbox) .dropdown--select-container.show .text--paragraph {
    top: 0rem;
    margin-bottom: 1.5006002401rem; }

.atom.table .table--cell .form--input-radio {
  display: inline-block; }

.atom.table .table--cell .btn--wrapper.atom {
  display: inline-block;
  height: auto;
  width: auto;
  min-width: auto;
  margin: 0 0.5rem;
  float: none; }
  .atom.table .table--cell .btn--wrapper.atom button.btn.atom {
    width: auto;
    min-width: 10rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 0 2rem;
    white-space: nowrap; }

.atom.table .table--cell label, .atom.table .table--cell hr, .atom.table .table--cell .message {
  display: none; }

.atom.table .table--cell .errorMessage {
  position: relative;
  top: 1.7006802721rem; }

.atom.table thead .table--row-header.background--color-primary .table--cell-header {
  background-color: #009999; }

.atom.table thead .table--row-header.background--color-secondary .table--cell-header {
  background-color: #009999; }

.atom.table thead .table--row-header.background--color-highlight .table--cell-header {
  background-color: #F4791F; }

.atom.table thead .table--row-header.background--color-action .table--cell-header {
  background-color: #F4791F; }

.atom.table thead .table--row-header.background--color-paper .table--cell-header {
  background-color: #FFFFFF; }

.atom.table thead .table--row-header.background--color-ink .table--cell-header {
  background-color: #000; }

.atom.table thead .table--row-header.background--color-ghostdark .table--cell-header {
  background-color: #6B6B6B; }

.atom.table thead .table--row-header.background--color-ghostmedium .table--cell-header {
  background-color: #9B9B9B; }

.atom.table thead .table--row-header.background--color-ghostlight .table--cell-header {
  background-color: #DADADA; }

.atom.table thead .table--row-header.background--color-ghostextralight .table--cell-header {
  background-color: #F6F6F6; }

.atom.table thead .table--row-header.background--color-nonclickable .table--cell-header {
  background-color: #000000; }

.atom.table thead .table--row-header.background--color-blacktrans .table--cell-header {
  background-color: rgba(0, 0, 0, 0.5); }

.atom.table tbody .table--row-content:not(.total--row):nth-child(even) .table--cell-content {
  background-color: #F6F6F6; }

.atom.table tbody .table--row-content:not(.total--row):nth-child(odd) .table--cell-content {
  background-color: #FFF; }

.atom.text--paragraph.type--loss, .atom.text--paragraph.type--gain {
  width: 70%;
  text-align: left;
  margin-left: 30%; }

.atom.text--paragraph.type--loss::BEFORE, .atom.text--paragraph.type--gain::BEFORE {
  content: "";
  position: absolute;
  display: inline;
  width: 1.5625rem;
  height: 100%;
  margin-left: -2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.atom.text--paragraph.type--loss::BEFORE {
  background-image: url(../../../images/generic/skins/00/icons/indicators/indicator_loss.svg);
  position: absolute;
  top: -0.2rem; }

.atom.text--paragraph.type--gain::BEFORE {
  background-image: url(../../../images/generic/skins/00/icons/indicators/indicator_gain.svg);
  top: 0rem; }

.atom.text--paragraph.type--loss {
  color: #FF9900; }

.atom.text--paragraph.type--gain {
  color: #01AAAD; }

.width--percent-1 {
  width: 1%; }

.width--percent-2 {
  width: 2%; }

.width--percent-3 {
  width: 3%; }

.width--percent-4 {
  width: 4%; }

.width--percent-5 {
  width: 5%; }

.width--percent-6 {
  width: 6%; }

.width--percent-7 {
  width: 7%; }

.width--percent-8 {
  width: 8%; }

.width--percent-9 {
  width: 9%; }

.width--percent-10 {
  width: 10%; }

.width--percent-11 {
  width: 11%; }

.width--percent-12 {
  width: 12%; }

.width--percent-13 {
  width: 13%; }

.width--percent-14 {
  width: 14%; }

.width--percent-15 {
  width: 15%; }

.width--percent-16 {
  width: 16%; }

.width--percent-17 {
  width: 17%; }

.width--percent-18 {
  width: 18%; }

.width--percent-19 {
  width: 19%; }

.width--percent-20 {
  width: 20%; }

.width--percent-21 {
  width: 21%; }

.width--percent-22 {
  width: 22%; }

.width--percent-23 {
  width: 23%; }

.width--percent-24 {
  width: 24%; }

.width--percent-25 {
  width: 25%; }

.width--percent-26 {
  width: 26%; }

.width--percent-27 {
  width: 27%; }

.width--percent-28 {
  width: 28%; }

.width--percent-29 {
  width: 29%; }

.width--percent-30 {
  width: 30%; }

.width--percent-31 {
  width: 31%; }

.width--percent-32 {
  width: 32%; }

.width--percent-33 {
  width: 33%; }

.width--percent-34 {
  width: 34%; }

.width--percent-35 {
  width: 35%; }

.width--percent-36 {
  width: 36%; }

.width--percent-37 {
  width: 37%; }

.width--percent-38 {
  width: 38%; }

.width--percent-39 {
  width: 39%; }

.width--percent-40 {
  width: 40%; }

.width--percent-41 {
  width: 41%; }

.width--percent-42 {
  width: 42%; }

.width--percent-43 {
  width: 43%; }

.width--percent-44 {
  width: 44%; }

.width--percent-45 {
  width: 45%; }

.width--percent-46 {
  width: 46%; }

.width--percent-47 {
  width: 47%; }

.width--percent-48 {
  width: 48%; }

.width--percent-49 {
  width: 49%; }

.width--percent-50 {
  width: 50%; }

.width--percent-51 {
  width: 51%; }

.width--percent-52 {
  width: 52%; }

.width--percent-53 {
  width: 53%; }

.width--percent-54 {
  width: 54%; }

.width--percent-55 {
  width: 55%; }

.width--percent-56 {
  width: 56%; }

.width--percent-57 {
  width: 57%; }

.width--percent-58 {
  width: 58%; }

.width--percent-59 {
  width: 59%; }

.width--percent-60 {
  width: 60%; }

.width--percent-61 {
  width: 61%; }

.width--percent-62 {
  width: 62%; }

.width--percent-63 {
  width: 63%; }

.width--percent-64 {
  width: 64%; }

.width--percent-65 {
  width: 65%; }

.width--percent-66 {
  width: 66%; }

.width--percent-67 {
  width: 67%; }

.width--percent-68 {
  width: 68%; }

.width--percent-69 {
  width: 69%; }

.width--percent-70 {
  width: 70%; }

.width--percent-71 {
  width: 71%; }

.width--percent-72 {
  width: 72%; }

.width--percent-73 {
  width: 73%; }

.width--percent-74 {
  width: 74%; }

.width--percent-75 {
  width: 75%; }

.width--percent-76 {
  width: 76%; }

.width--percent-77 {
  width: 77%; }

.width--percent-78 {
  width: 78%; }

.width--percent-79 {
  width: 79%; }

.width--percent-80 {
  width: 80%; }

.width--percent-81 {
  width: 81%; }

.width--percent-82 {
  width: 82%; }

.width--percent-83 {
  width: 83%; }

.width--percent-84 {
  width: 84%; }

.width--percent-85 {
  width: 85%; }

.width--percent-86 {
  width: 86%; }

.width--percent-87 {
  width: 87%; }

.width--percent-88 {
  width: 88%; }

.width--percent-89 {
  width: 89%; }

.width--percent-90 {
  width: 90%; }

.width--percent-91 {
  width: 91%; }

.width--percent-92 {
  width: 92%; }

.width--percent-93 {
  width: 93%; }

.width--percent-94 {
  width: 94%; }

.width--percent-95 {
  width: 95%; }

.width--percent-96 {
  width: 96%; }

.width--percent-97 {
  width: 97%; }

.width--percent-98 {
  width: 98%; }

.width--percent-99 {
  width: 99%; }

#notifications {
  position: absolute;
  top: 90px;
  right: 0;
  width: auto;
  text-align: right; }
  #notifications .notification {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background: #F4791F;
    color: #fff;
    margin: 0 1rem 1rem 0;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    width: calc((80vw / 2.4) - ((2.5rem * 1.4) / 2.4));
    min-height: 7.5rem;
    max-height: 10rem; }
    @media only screen and (max-width: 1199px) {
      #notifications .notification {
        min-width: calc((90vw / 4) - ((2.5rem * 3) / 4)); } }
    @media only screen and (max-width: 899px) {
      #notifications .notification {
        min-width: calc((90vw / 2) - ((2.5rem * 1) / 2)); } }
    @media only screen and (max-width: 599px) {
      #notifications .notification {
        min-width: calc(((100vw - 6.25rem) / 1.2) - ((1.875rem * 0.2) / 1.2)); } }
    #notifications .notification[onclick] {
      cursor: pointer; }
    #notifications .notification.secondary {
      background: #009999; }
  #notifications .notificationMessage {
    float: left;
    padding: 0.5rem;
    width: calc((80vw / 3) - ((2.5rem * 2) / 3)); }
    @media only screen and (max-width: 1199px) {
      #notifications .notificationMessage {
        min-width: calc((90vw / 12) - ((2.5rem * 11) / 12)); } }
    @media only screen and (max-width: 899px) {
      #notifications .notificationMessage {
        min-width: calc((90vw / 3) - ((2.5rem * 2) / 3)); } }
    @media only screen and (max-width: 599px) {
      #notifications .notificationMessage {
        min-width: calc(((100vw - 6.25rem) / 1.5) - ((1.875rem * 0.5) / 1.5)); } }
  #notifications .notificationAction {
    display: inline-block;
    padding: 0 0.5rem;
    border-left: 1px solid white;
    min-height: 2.5rem;
    max-height: 5rem;
    text-align: center;
    cursor: pointer;
    width: calc((80vw + 2.5rem) / 12); }
    #notifications .notificationAction * {
      line-height: 3.5rem; }
    @media only screen and (max-width: 1199px) {
      #notifications .notificationAction {
        min-width: calc((90vw + 2.5rem) / 12); } }
    @media only screen and (max-width: 899px) {
      #notifications .notificationAction {
        min-width: calc((90vw + 2.5rem) / 6); } }
    @media only screen and (max-width: 599px) {
      #notifications .notificationAction {
        min-width: calc(((100vw - 6.25rem) / 6) - ((1.875rem * 5) / 6)); } }
    #notifications .notificationAction.btn2 {
      border-top: 1px solid white; }

/* Correct banking overlay with same atom id="notification" */
#notifications.overlayContainer {
  top: 0;
  right: unset;
  width: 100vw;
  text-align: left; }

.flexBox, .msgBox {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch; }

.flexItem, .msgCategories, #msgBoxItems {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1; }

.msgBox {
  min-height: 100%; }

#msgBoxLeftPanel {
  -webkit-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  height: calc(100vh - 72px);
  position: relative;
  margin-right: 0;
  top: -10rem; }
  #msgBoxLeftPanel .msgBoxSwitch {
    margin: 2.5rem 0;
    text-align: left; }
  #msgBoxLeftPanel .msgInbox,
  #msgBoxLeftPanel .msgChat {
    cursor: pointer; }
  #msgBoxLeftPanel .msgInbox {
    width: 15.5rem;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: right;
    padding-right: 20px;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    border: 1px solid #009999;
    border-left: 0;
    background: white;
    color: #009999; }
    #msgBoxLeftPanel .msgInbox.active {
      background: #009999;
      color: white; }
  #msgBoxLeftPanel .msgChat {
    float: right;
    width: 15.5rem;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: left;
    padding-left: 20px;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    border: 1px solid #009999;
    border-right: 0;
    background: white;
    color: #009999; }
    #msgBoxLeftPanel .msgChat.active {
      background: #009999;
      color: white; }

.msgBoxSearch {
  margin: 0 2.5rem; }

.noMsgs {
  text-align: center; }
  .noMsgs img, .noMsgs .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .noMsgs .icon--img {
    max-width: 50%; }

.msgCategories {
  border-right: 0.1rem solid #DADADA;
  height: 52.5rem;
  overflow: auto; }
  .msgCategories::-webkit-scrollbar-track {
    background-color: #FFFFFF; }
  .msgCategories::-webkit-scrollbar {
    width: 8px;
    background-color: #FFFFFF; }
  .msgCategories::-webkit-scrollbar-thumb {
    background-color: #9B9B9B;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
  .msgCategories .msgHeading {
    text-align: center;
    padding: 0.5rem 0;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: bold; }
  .msgCategories .msgs {
    list-style: none;
    padding: 0;
    overflow: auto;
    min-height: 100%; }
    .msgCategories .msgs .msg {
      position: relative;
      min-height: 12rem;
      cursor: pointer;
      border-bottom: 0.1rem solid #DADADA; }
      .msgCategories .msgs .msg .msgCount {
        position: absolute;
        top: 2rem;
        right: 1.5rem;
        color: #FFFFFF;
        background-color: #F4791F;
        border-radius: 2.4rem;
        height: 3rem;
        min-width: 3rem; }
        .msgCategories .msgs .msg .msgCount > div {
          padding: 0 1rem;
          position: relative;
          line-height: 3rem; }
      .msgCategories .msgs .msg .msg .msgSelected {
        border-left: 5px solid #F4791F; }
      .msgCategories .msgs .msg .msgCount.read {
        background-color: white; }
      .msgCategories .msgs .msg .msgWrapper, .msgCategories .msgs .msg .msgH, .msgCategories .msgs .msg .msgP, .msgCategories .msgs .msg .msgD {
        max-width: 32.5rem;
        padding: 0 0 0 1.5rem;
        margin: 0 6rem 0 0; }
      .msgCategories .msgs .msg .msgH {
        font-size: 1.8rem;
        line-height: 2rem;
        text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
        padding-top: 2.5rem; }
      .msgCategories .msgs .msg .msgP {
        min-height: 4.3rem;
        margin-bottom: 0.7rem;
        font-size: 1.6rem;
        line-height: 2rem; }
      .msgCategories .msgs .msg .msgD {
        height: 2.5rem;
        font-size: 1.2rem;
        line-height: 2rem; }
      .msgCategories .msgs .msg:last-child {
        border: none; }

#msgBoxItems {
  position: relative;
  top: -10rem;
  width: 72rem;
  padding: 0;
  margin-left: 0;
  text-align: center;
  max-height: calc(100vh - 72px);
  height: calc(100vh - 72px);
  overflow: hidden;
  -webkit-box-shadow: inset 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 1rem 0px rgba(0, 0, 0, 0.3); }

.msgBoxHeader {
  height: 7.5rem;
  padding-top: 1.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  border-bottom: 1px solid #9B9B9B;
  background-color: transparent;
  display: table;
  width: 100%; }
  .msgBoxHeader .avatar {
    display: table-cell;
    width: 7rem;
    vertical-align: middle;
    text-align: left; }
    .msgBoxHeader .avatar img, .msgBoxHeader .avatar .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .msgBoxHeader .avatar .icon--img {
      height: 5rem;
      width: 5rem;
      border-radius: 50%; }
  .msgBoxHeader .msgBoxCategory {
    display: table-cell; }
    .msgBoxHeader .msgBoxCategory .category {
      font-weight: bold;
      margin-top: 2rem;
      text-align: left; }
    .msgBoxHeader .msgBoxCategory #categoryStatus {
      color: #9B9B9B; }
  .msgBoxHeader .messageTools {
    display: table-cell;
    vertical-align: middle;
    text-align: right; }
    .msgBoxHeader .messageTools img, .msgBoxHeader .messageTools .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .msgBoxHeader .messageTools .icon--img {
      margin-right: 2rem;
      display: inline-block;
      width: 2rem;
      height: 2rem;
      overflow: hidden;
      cursor: pointer; }

.msgItems {
  height: calc(100vh - (2.5rem * 6));
  border-bottom: 20px solid transparent; }

.chatMsgItems {
  height: calc(100vh - (2.5rem * 6) - 72px);
  /*padding-bottom: ($row-height * 3);*/ }
  .chatMsgItems.expanded {
    height: calc(100vh - (3.333vh * 6) - 280px); }

.msgItems,
.chatMsgItems {
  background-color: rgba(200, 200, 200, 0.2);
  overflow: auto; }
  .msgItems::-webkit-scrollbar-track,
  .chatMsgItems::-webkit-scrollbar-track {
    background-color: transparent; }
  .msgItems::-webkit-scrollbar,
  .chatMsgItems::-webkit-scrollbar {
    width: 8px;
    background-color: transparent; }
  .msgItems::-webkit-scrollbar-thumb,
  .chatMsgItems::-webkit-scrollbar-thumb {
    background-color: #9B9B9B;
    border: 2px solid transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }

#msgContainer {
  min-height: calc(100vh - (2.5rem * 11) - 72px); }

.messageOptions {
  padding-left: 8px;
  vertical-align: middle;
  display: none; }

.editable .messageOptions {
  display: inline-block; }

#msgInput {
  -webkit-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  /* height: $row-height * 3;*/
  padding-left: 2.5rem;
  /*border-top: 1px solid $colour-ghostmedium;*/
  background-color: transparent; }
  #msgInput .form--input {
    width: 54rem;
    display: inline-block; }
  #msgInput .btn--wrapper {
    width: 6.75rem;
    min-width: 6.75rem;
    max-width: 6.75rem;
    display: inline-block; }
  #msgInput label {
    display: none; }
  #msgInput input {
    width: 54rem;
    position: relative;
    padding-top: 2.5rem;
    margin: 0;
    bottom: inherit; }
  #msgInput #msgSubmit {
    margin-top: 0.75rem;
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 50%;
    background: #f1f1f1 url("../../../images/mm/fnbGhana/15/pc/secureChat/submit.svg") center center no-repeat !important;
    background-size: contain !important; }

#msgBoxItems #topicTab {
  border-radius: 50% 50% 0 0;
  background-color: white;
  z-index: 0;
  -webkit-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
  width: 30vw;
  margin: auto;
  top: -30px;
  position: relative;
  height: 30px;
  line-height: 30px; }

#msgBoxItems #topics {
  bottom: 7.5rem;
  min-height: 1.875rem;
  background: transparent;
  clear: both;
  text-align: center;
  /*margin-left: $unit * 2.5;*/
  padding-left: 1.25rem;
  width: 69.5rem;
  z-index: 1;
  border-bottom: 1px solid transparent; }
  #msgBoxItems #topics #definedTopics {
    display: inline; }
    #msgBoxItems #topics #definedTopics.hide {
      /*display: none;*/ }
  #msgBoxItems #topics .btn--wrapper {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0.5rem; }
    #msgBoxItems #topics .btn--wrapper .btn {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }

/* Template
	Developer: [Your name]
	Description: [Your description]
	Vars:	[Your vars]			[Vars description]
*/
/*
	@mixin mixin-name(mixin-variable, mixin-variable) {
		[mixin content]
	}
*/
/*
	Developer: Gerhard Luyken
	Description: Cross box-sizing
	Vars:	box model
*/
@keyframes box-sizing() {}/* Template
	Developer: [Your name]
	Description: [Your description]
	Vars:	[Your vars]			[Vars description]
*/
/*
	@mixin mixin-name(mixin-variable, mixin-variable) {
		[mixin content]
	}
*/
/*
	Developer: Gerhard Luyken
	Description: Cross box-sizing
	Vars:	box model
*/
/*
	Developer: Gerhard Luyken
	Description: Setup border radius for all modern browsers, all borders or single
	Vars:	$radius			width/size of the radius
*/
/*
	Developer: Gerhard Luyken
	Description: Simple crossbrowser transitions
	Vars:	$property			what transitions
*/
/*
	Description: Cross browser Box shadow mixin
	Vars:	$boxShadow				this variable will hold the horizontal and vertical offsets
									blur radius, spread radius and color. 
									e.g box-shadow(5px 5px 5px rgba(68,68,68,0.6))
*/
/*
	Developer: Gerhard Luyken
	Description: Cross browser text shadow mixin
	Vars:	$textShadow				this variable will hold the horizontal and vertical offsets
									blur radius, spread radius and color. 
									e.g text-shadow(5px 5px 5px rgba(68,68,68,0.6))
*/
/*
	Description: Show and Hide elements
*/
/*
	Developer: Gerhard Luyken
	Description: Show and Hide elements
*/
/*

Mixin to manage responsive breakpoints

*/
/*
	Description: Used for the sizing and positioning of text/heading elements on the grid
	Vars:	$font-size			Font size
			$line-height		Line height
			$letter-spacing		Letter spacing
			$posDirection		If the position needs to change, which direction? top, right, bottom, left
			$posDist			By how much should the position change? in px, em, vw, vh, pt, %
*/
.messageBreak {
  clear: both;
  margin-top: 2rem;
  color: #9B9B9B; }
  .messageBreak .msgCount {
    display: inline-block;
    color: #FFFFFF;
    background-color: #F4791F;
    border-radius: 2.4rem;
    height: 3rem;
    min-width: 3rem; }
    .messageBreak .msgCount > div {
      padding: 0 1rem;
      position: relative;
      line-height: 3rem; }

.systemMsg {
  position: relative;
  clear: both; }
  .systemMsg .systemMsgBody {
    color: #9B9B9B;
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 2rem auto;
    width: 42.5rem;
    background: transparent;
    padding: 1rem 2rem;
    text-align: center; }

.message {
  position: relative; }
  .message .messageBody {
    font-size: 1.6rem;
    line-height: 2rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 2rem auto;
    width: 42.5rem;
    padding: 2.5rem;
    -webkit-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.3);
    border-radius: 2.5rem 2.5rem 0 2.5rem;
    -moz-border-radius: 2.5rem 2.5rem 0 2.5rem;
    -webkit-border-radius: 2.5rem 2.5rem 0 2.5rem;
    background: #FFFFFF; }
    .message .messageBody .messageBodyInner {
      overflow: hidden; }
  .message .simple {
    text-align: left; }
  .message .messageOptions {
    vertical-align: middle;
    display: none; }
  .message .messageEnvelope {
    position: relative;
    width: 42.5rem;
    margin: -2rem auto 0 auto;
    text-align: left;
    padding: 0.5rem 0;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #9B9B9B; }
  .message .complex .complexHeading {
    min-height: 4.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
    /* @extend .msgWrapper; */ }
    .message .complex .complexHeading > span {
      vertical-align: -2.5rem; }
  .message .complex .formButton,
  .message .complex .complexLink {
    margin: 2rem auto;
    color: #FFFFFF;
    background-color: #F4791F;
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0.25rem 2vw;
    border-radius: 1vw; }
  .message .transactional .messageBodyInner {
    overflow: visible; }
  .message .transactional .btn--wrapper {
    display: inline-block; }
  .message .transactional .transactionAmount {
    background-color: #009999;
    position: relative;
    margin: 0 auto;
    width: auto;
    display: inline-block;
    padding: 0.5vw 1vw;
    border-radius: 1vw;
    top: -3.5rem;
    color: #FFFFFF; }
  .message .transactional .transactionAmount.debit {
    background-color: #F4791F; }
  .message .transactional .transactionDetail {
    display: table;
    width: 100%; }
  .message .transactional .transactionSource,
  .message .transactional .transactionTarget {
    display: table-cell;
    width: 40%;
    text-align: center; }
  .message .transactional .transactionDirection {
    display: table-cell;
    width: 20%;
    text-align: center;
    background: url("/downloads/images/fnb/online/messaging.transact.arrow.xhdpi.png") center center no-repeat; }
  .message .transactional .transactionImg {
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; }
  .message .transactional .transactionHeading {
    font-size: 1.6rem;
    line-height: 3rem; }
  .message .transactional .transactionPanel {
    margin-top: 2rem;
    padding: 1rem 0 0 0;
    border-top: 0.1rem solid #DADADA; }
  .message .transactional .transactionPanelHeading {
    font-size: 1.8rem;
    line-height: 2rem;
    /* @extend .msgWrapper; */ }
    .message .transactional .transactionPanelHeading > span {
      vertical-align: -2.5rem; }

.systemMsg .messageBody {
  color: #9B9B9B;
  background: transparent;
  text-align: center;
  margin: 2rem auto;
  width: 42.5rem; }

.chatMsgBox .message .messageBodyInner {
  overflow: hidden; }

.chatMsgBox .message.received {
  margin-left: 2.5rem;
  float: left; }
  .chatMsgBox .message.received .messageEnvelope {
    text-align: left; }
  .chatMsgBox .message.received .messageBody {
    padding: 2.5rem;
    border-radius: 2.5rem 2.5rem 2.5rem 0;
    -moz-border-radius: 2.5rem 2.5rem 2.5rem 0;
    -webkit-border-radius: 2.5rem 2.5rem 2.5rem 0; }
  .chatMsgBox .message.received .messageBody:AFTER {
    content: " ";
    position: absolute;
    left: -5px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 15px;
    border-color: transparent transparent white transparent; }

.chatMsgBox .message.sent {
  margin-right: 2.5rem;
  float: right; }
  .chatMsgBox .message.sent .messageEnvelope {
    text-align: right; }
  .chatMsgBox .message.sent .messageBody {
    background: #009999 url("../../../images/mm/fnb/15/pc/secureChat/sent.png") 97% 88% no-repeat;
    background-size: 2rem 2rem;
    color: white;
    padding: 2.5rem;
    border-radius: 2.5rem 2.5rem 0 2.5rem;
    -moz-border-radius: 2.5rem 2.5rem 0 2.5rem;
    -webkit-border-radius: 2.5rem 2.5rem 0 2.5rem; }
  .chatMsgBox .message.sent .messageBody:AFTER {
    content: " ";
    position: absolute;
    right: -5px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 15px 5px;
    border-color: transparent transparent #009999 transparent; }

.chatMsgBox .message.sent.read {
  margin-right: 2.5rem;
  float: right; }
  .chatMsgBox .message.sent.read .messageBody {
    background: #009999 url("../../../images/mm/fnb/15/pc/secureChat/read.png") 97% 88% no-repeat;
    background-size: 2rem 2rem; }

.msgAttachment {
  display: table;
  width: 100%; }
  .msgAttachment .attDetail, .msgAttachment [class*="attType"] {
    display: table-cell; }
  .msgAttachment [class*="attType"] {
    width: 5rem;
    height: 5rem;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 4rem auto;
    background-color: transparent; }
  .msgAttachment .fileName, .msgAttachment .fileSize {
    text-align: left;
    line-height: 2rem; }

[class*="attType"] {
  background-image: url("../../../images/mm/fnbGhana/15/pc/secureChat/doc.png"); }

[class*="attType-pdf"] {
  background-image: url("../../../images/mm/fnbGhana/15/pc/secureChat/pdf.png"); }

[class*="attType-xls"] {
  background-image: url("../../../images/mm/fnbGhana/15/pc/secureChat/xls.png"); }

[class*="attType-video"] {
  background-image: url("../../../images/mm/fnbGhana/15/pc/secureChat/video.png"); }

.sent [class*="attType"] {
  background-image: url("../../../images/mm/fnbGhana/15/pc/secureChat/docAlt.png"); }

.sent [class*="attType-pdf"] {
  background-image: url("../../../images/mm/fnbGhana/15/pc/secureChat/pdfAlt.png"); }

.sent [class*="attType-xls"] {
  background-image: url("../../../images/mm/fnbGhana/15/pc/secureChat/xlsAlt.png"); }

.sent [class*="attType-video"] {
  background-image: url("../../../images/mm/fnbGhana/15/pc/secureChat/videoAlt.png"); }

.msgItems.editable .messageOptions {
  display: inline-block;
  padding-left: 8px; }

.socialmedia--icons.atom a {
  display: inline-block;
  font-size: 0;
  line-height: 0; }

.socialmedia--icons.atom .socialmedia--icon {
  margin-right: 0.5rem; }
  .socialmedia--icons.atom .socialmedia--icon img, .socialmedia--icons.atom .socialmedia--icon .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .socialmedia--icons.atom .socialmedia--icon .icon--img {
    width: 2.5rem; }
  .socialmedia--icons.atom .socialmedia--icon:last-child {
    margin-right: 0; }

.socialmedia--icons.atom.position--top {
  position: absolute;
  width: 100%;
  top: 7.5rem; }

.socialmedia--icons.atom.align--right {
  padding-right: 2.5rem; }

/* Mobile */
@media (max-width: 349px) {
  .socialmedia--icons.atom.position--top {
    top: 2.5rem; } }

/* PC small */
@media (min-width: 350px) and (max-width: 1464px) {
  .socialmedia--icons.atom .socialmedia--icon {
    margin-right: 0.4081vw; }
    .socialmedia--icons.atom .socialmedia--icon:last-child {
      margin-right: 0; }
  .socialmedia--icons.atom.align--right {
    padding-right: 2.0405vw; } }

/* PC Normal */
/* PC Large */
/* PC Extra Large */
.atom.status-indicator {
  position: relative;
  display: inline-block;
  height: 2.1rem;
  width: 2.1rem; }
  .atom.status-indicator .image, .atom.status-indicator img, .atom.status-indicator .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.status-indicator .icon--img {
    width: 100%; }

.icon--progress {
  position: relative;
  float: left;
  width: 100%;
  height: 10rem; }
  .icon--progress.ErrorTick {
    min-height: 10rem;
    max-height: max-content;
    height: auto; }
  .icon--progress .icon--copy--wrapper {
    margin-left: 2.5rem;
    float: left; }
    .icon--progress .icon--copy--wrapper .icon--copy .header--primary {
      color: #009999; }
    .icon--progress .icon--copy--wrapper .icon--copy .header--future {
      color: #9B9B9B; }
    .icon--progress .icon--copy--wrapper .icon--copy .header--results {
      color: #F4791F; }

.icon--progress--wrapper {
  position: relative;
  float: left; }

.atom.icon--wrapper {
  position: relative;
  height: 10rem;
  width: 6.5rem;
  background: #FFFFFF;
  margin: 0px auto; }
  .atom.icon--wrapper .icon--circle--wrapper {
    position: relative;
    height: 6.5rem;
    width: 6.5rem;
    background: white;
    z-index: 2;
    -webkit-box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA;
    -moz-box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA;
    box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA;
    -webkit-border-radius: 35rem;
    border-radius: 35rem;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border: solid 1px #DADADA; }
    .atom.icon--wrapper .icon--circle--wrapper.primary {
      visibility: hidden; }
    .atom.icon--wrapper .icon--circle--wrapper.future {
      visibility: hidden; }
  .atom.icon--wrapper .icon--outer {
    position: relative;
    margin: 0px auto;
    padding-top: 0.45rem;
    height: 6.5rem;
    width: 6.5rem;
    z-index: 3;
    border: solid 1px #DADADA;
    -webkit-border-radius: 35rem;
    border-radius: 35rem;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA;
    -moz-box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA;
    box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA; }
    .atom.icon--wrapper .icon--outer.primary, .atom.icon--wrapper .icon--outer.future {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: none; }
    .atom.icon--wrapper .icon--outer.final, .atom.icon--wrapper .icon--outer.active {
      background: #FFFFFF; }
    .atom.icon--wrapper .icon--outer .icon--inner {
      background: #009999;
      height: 5.5rem;
      width: 5.5rem;
      margin: 0px auto;
      -webkit-border-radius: 26rem;
      border-radius: 26rem;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA;
      -moz-box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA;
      box-shadow: 0.01vw 0.01vw 0.9vw 0.01vw #DADADA;
      margin: 0px auto;
      vertical-align: middle; }
      .atom.icon--wrapper .icon--outer .icon--inner img, .atom.icon--wrapper .icon--outer .icon--inner .icon--img {
        height: 5.5rem;
        width: 5.5rem;
        -webkit-border-radius: 26rem;
        border-radius: 26rem;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */ }
      .atom.icon--wrapper .icon--outer .icon--inner .icon--img {
        background-size: contain;
        -webkit-border-radius: 26rem;
        border-radius: 26rem;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */ }
        .atom.icon--wrapper .icon--outer .icon--inner .icon--img.future {
          border: solid 1px #DADADA; }
        .atom.icon--wrapper .icon--outer .icon--inner .icon--img.speech-bubble-dialogue-primary-icon {
          background-image: url(../../../images/mm/fnbGhana/15/pc/icons/Turq/speech.bubble.dialogue.primary.icon.svg); }
          .atom.icon--wrapper .icon--outer .icon--inner .icon--img.speech-bubble-dialogue-primary-icon.future {
            background-image: url(../../../images/mm/fnbGhana/15/pc/icons/White/speech.bubble.dialogue.paper.icon.svg); }
        .atom.icon--wrapper .icon--outer .icon--inner .icon--img.person-primary-icon {
          background-image: url(../../../images/mm/fnbGhana/15/pc/icons/Turq/person.primary.icon.svg); }
          .atom.icon--wrapper .icon--outer .icon--inner .icon--img.person-primary-icon.future {
            background-image: url(../../../images/mm/fnbGhana/15/pc/icons/White/person.paper.icon.svg); }
        .atom.icon--wrapper .icon--outer .icon--inner .icon--img.speech-bubble-exclamation-primary-icon {
          background-image: url(../../../images/mm/fnbGhana/15/pc/icons/Turq/speech.bubble.exclamation.primary.icon.svg); }
          .atom.icon--wrapper .icon--outer .icon--inner .icon--img.speech-bubble-exclamation-primary-icon.future {
            background-image: url(../../../images/mm/fnbGhana/15/pc/icons/White/speech.bubble.exclamation.paper.icon.svg); }
        .atom.icon--wrapper .icon--outer .icon--inner .icon--img.speech-bubble-tick-primary-icon {
          background-image: url(../../../images/mm/fnbGhana/15/pc/icons/Turq/speech.bubble.tick.primary.icon.svg); }
          .atom.icon--wrapper .icon--outer .icon--inner .icon--img.speech-bubble-tick-primary-icon.future {
            background-image: url(../../../images/mm/fnbGhana/15/pc/icons/White/speech.bubble.question.paper.icon.svg); }
        .atom.icon--wrapper .icon--outer .icon--inner .icon--img.warning-icon {
          background-image: url(../../../images/generic/skins/00/icons/indicators/warning.icon.svg); }
      .atom.icon--wrapper .icon--outer .icon--inner.primary .font--align-center {
        color: #FFFFFF; }
      .atom.icon--wrapper .icon--outer .icon--inner.active {
        border: solid 1px #DADADA; }
        .atom.icon--wrapper .icon--outer .icon--inner.active .font--align-center {
          color: #FFFFFF; }
      .atom.icon--wrapper .icon--outer .icon--inner.future {
        background: #FFFFFF;
        border: solid 1px #DADADA; }
        .atom.icon--wrapper .icon--outer .icon--inner.future img, .atom.icon--wrapper .icon--outer .icon--inner.future .icon--img {
          margin-left: -1px;
          margin-top: -1px; }
        .atom.icon--wrapper .icon--outer .icon--inner.future p {
          color: #9B9B9B; }
      .atom.icon--wrapper .icon--outer .icon--inner.final {
        background: none;
        padding-top: 0; }
      .atom.icon--wrapper .icon--outer .icon--inner .bubleText {
        vertical-align: middle;
        padding-top: 0.75rem;
        font-size: 1.4rem;
        line-height: 1.65rem;
        letter-spacing: 0;
        top: 0;
        /* When the copy needs to shift up a grid */ }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-up-1 {
          bottom: 2.5rem;
          top: auto; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-up-2 {
          bottom: 5rem;
          top: auto; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-up-3 {
          bottom: 7.5rem;
          top: auto; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-up-4 {
          bottom: 10rem;
          top: auto; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-down-1 {
          bottom: -2.5rem;
          top: auto; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-down-2 {
          bottom: -5rem;
          top: auto; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-down-3 {
          bottom: -7.5rem;
          top: auto; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-down-4 {
          bottom: -10rem;
          top: auto; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek {
          font-size: 1rem;
          line-height: 0;
          letter-spacing: 0;
          top: 0;
          /* When the copy needs to shift up a grid */ }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-up-1 {
            bottom: 2.5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-up-2 {
            bottom: 5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-up-3 {
            bottom: 7.5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-up-4 {
            bottom: 10rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-down-1 {
            bottom: -2.5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-down-2 {
            bottom: -5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-down-3 {
            bottom: -7.5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-down-4 {
            bottom: -10rem;
            top: auto; }

.icon--liner {
  height: 5rem;
  width: 0.1rem;
  position: relative;
  margin: 0px auto;
  margin-top: -1.05rem;
  z-index: 1;
  border-right: solid 0.1rem #DADADA; }

@media only screen and (max-width: 900px) and (min-width: 350px) {
  .atom.icon--wrapper {
    height: 5.3053vw;
    width: 6.1215vw; }
    .atom.icon--wrapper .icon--outer {
      height: 5.3053vw;
      width: 5.3053vw; }
      .atom.icon--wrapper .icon--outer .icon--inner {
        height: 4.4891vw;
        width: 4.4891vw; }
        .atom.icon--wrapper .icon--outer .icon--inner img, .atom.icon--wrapper .icon--outer .icon--inner .icon--img {
          height: 4.4891vw;
          width: 4.4891vw; }
        .atom.icon--wrapper .icon--outer .icon--inner .bubleText {
          top: 0.61215vw;
          font-size: 1.14268vw;
          line-height: 1.34673vw;
          letter-spacing: 0;
          top: 0;
          /* When the copy needs to shift up a grid */ }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-up-1 {
            bottom: 2.5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-up-2 {
            bottom: 5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-up-3 {
            bottom: 7.5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-up-4 {
            bottom: 10rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-down-1 {
            bottom: -2.5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-down-2 {
            bottom: -5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-down-3 {
            bottom: -7.5rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText.grid-down-4 {
            bottom: -10rem;
            top: auto; }
          .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek {
            font-size: 0.8162vw;
            line-height: 1rem;
            letter-spacing: 0;
            top: 0;
            /* When the copy needs to shift up a grid */ }
            .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-up-1 {
              bottom: 2.5rem;
              top: auto; }
            .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-up-2 {
              bottom: 5rem;
              top: auto; }
            .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-up-3 {
              bottom: 7.5rem;
              top: auto; }
            .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-up-4 {
              bottom: 10rem;
              top: auto; }
            .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-down-1 {
              bottom: -2.5rem;
              top: auto; }
            .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-down-2 {
              bottom: -5rem;
              top: auto; }
            .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-down-3 {
              bottom: -7.5rem;
              top: auto; }
            .atom.icon--wrapper .icon--outer .icon--inner .bubleText .daysoftheweek.grid-down-4 {
              bottom: -10rem;
              top: auto; }
  .icon--copy--wrapper {
    margin-left: 5.7134vw;
    float: left; }
  .icon--liner {
    height: 4.081vw;
    width: 0.12243vw;
    margin-top: -0.85701vw;
    border-right: solid 0.08162vw #DADADA; } }

@media only screen and (max-width: 1200px) and (min-width: 901px) {
  .icon--inner .bubleText {
    top: 0.61215vw;
    font-size: 1.4rem;
    line-height: 1.65rem;
    letter-spacing: 0;
    top: 0;
    /* When the copy needs to shift up a grid */ }
    .icon--inner .bubleText.grid-up-1 {
      bottom: 2.5rem;
      top: auto; }
    .icon--inner .bubleText.grid-up-2 {
      bottom: 5rem;
      top: auto; }
    .icon--inner .bubleText.grid-up-3 {
      bottom: 7.5rem;
      top: auto; }
    .icon--inner .bubleText.grid-up-4 {
      bottom: 10rem;
      top: auto; }
    .icon--inner .bubleText.grid-down-1 {
      bottom: -2.5rem;
      top: auto; }
    .icon--inner .bubleText.grid-down-2 {
      bottom: -5rem;
      top: auto; }
    .icon--inner .bubleText.grid-down-3 {
      bottom: -7.5rem;
      top: auto; }
    .icon--inner .bubleText.grid-down-4 {
      bottom: -10rem;
      top: auto; }
    .icon--inner .bubleText .daysoftheweek {
      font-size: 1rem;
      line-height: 1rem;
      letter-spacing: 0;
      top: 0;
      /* When the copy needs to shift up a grid */ }
      .icon--inner .bubleText .daysoftheweek.grid-up-1 {
        bottom: 2.5rem;
        top: auto; }
      .icon--inner .bubleText .daysoftheweek.grid-up-2 {
        bottom: 5rem;
        top: auto; }
      .icon--inner .bubleText .daysoftheweek.grid-up-3 {
        bottom: 7.5rem;
        top: auto; }
      .icon--inner .bubleText .daysoftheweek.grid-up-4 {
        bottom: 10rem;
        top: auto; }
      .icon--inner .bubleText .daysoftheweek.grid-down-1 {
        bottom: -2.5rem;
        top: auto; }
      .icon--inner .bubleText .daysoftheweek.grid-down-2 {
        bottom: -5rem;
        top: auto; }
      .icon--inner .bubleText .daysoftheweek.grid-down-3 {
        bottom: -7.5rem;
        top: auto; }
      .icon--inner .bubleText .daysoftheweek.grid-down-4 {
        bottom: -10rem;
        top: auto; }
  .icon--copy--wrapper {
    margin-left: 7rem;
    float: left; } }

@media only screen and (max-width: 1466px) and (min-width: 1201px) {
  .icon--copy--wrapper {
    width: 40rem;
    position: relative;
    float: left;
    padding-left: 2.5rem; }
  .icon--inner span.daysoftheweek {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0;
    top: 0;
    /* When the copy needs to shift up a grid */ }
    .icon--inner span.daysoftheweek.grid-up-1 {
      bottom: 2.5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-up-2 {
      bottom: 5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-up-3 {
      bottom: 7.5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-up-4 {
      bottom: 10rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-down-1 {
      bottom: -2.5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-down-2 {
      bottom: -5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-down-3 {
      bottom: -7.5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-down-4 {
      bottom: -10rem;
      top: auto; } }

@media only screen and (max-width: 2000px) and (min-width: 1466px) {
  .icon--inner span.daysoftheweek {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0;
    top: 0;
    /* When the copy needs to shift up a grid */ }
    .icon--inner span.daysoftheweek.grid-up-1 {
      bottom: 2.5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-up-2 {
      bottom: 5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-up-3 {
      bottom: 7.5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-up-4 {
      bottom: 10rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-down-1 {
      bottom: -2.5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-down-2 {
      bottom: -5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-down-3 {
      bottom: -7.5rem;
      top: auto; }
    .icon--inner span.daysoftheweek.grid-down-4 {
      bottom: -10rem;
      top: auto; } }

@media only screen and (max-width: 3000px) and (min-width: 2001px) {
  span.daysoftheweek {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0;
    top: 0;
    /* When the copy needs to shift up a grid */ }
    span.daysoftheweek.grid-up-1 {
      bottom: 2.5rem;
      top: auto; }
    span.daysoftheweek.grid-up-2 {
      bottom: 5rem;
      top: auto; }
    span.daysoftheweek.grid-up-3 {
      bottom: 7.5rem;
      top: auto; }
    span.daysoftheweek.grid-up-4 {
      bottom: 10rem;
      top: auto; }
    span.daysoftheweek.grid-down-1 {
      bottom: -2.5rem;
      top: auto; }
    span.daysoftheweek.grid-down-2 {
      bottom: -5rem;
      top: auto; }
    span.daysoftheweek.grid-down-3 {
      bottom: -7.5rem;
      top: auto; }
    span.daysoftheweek.grid-down-4 {
      bottom: -10rem;
      top: auto; } }

.atomVideoContainer {
  width: 100%; }
  .atomVideoContainer video {
    width: 100%; }

.atom.form--input-datepicker {
  width: calc((80vw / 2) - ((2.5rem * 1) / 2));
  margin-bottom: 2.5rem; }
  .atom.form--input-datepicker .input--datepicker, .atom.form--input-datepicker .input--datepicker:hover {
    cursor: pointer;
    height: 4rem;
    padding: 0rem 0rem 0rem 1rem;
    border: 0.1rem solid #6B6B6B;
    border-radius: .3rem;
    bottom: 0rem; }
  .atom.form--input-datepicker .dpk-icon {
    background-image: url(../../../../_assets/images/generic/skins/00/icons/swapout/grey/calendar.svg);
    width: 6rem;
    height: 4rem;
    position: absolute;
    display: block;
    background-size: 2rem;
    background-size: 2.5rem;
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    top: 3.5rem; }
    .atom.form--input-datepicker .dpk-icon:before {
      content: '';
      border-left: 1px solid black;
      height: 2.5rem;
      position: absolute;
      display: block;
      top: 50%;
      transform: translateY(-50%); }
  .atom.form--input-datepicker[data-monthstoshow='1'] {
    width: calc((80vw / 4) - ((2.5rem * 3) / 4)); }
  .atom.form--input-datepicker .dpk-calendar {
    position: absolute;
    display: block;
    width: 100%;
    height: 22.5rem;
    z-index: 15;
    top: 7.5rem;
    border: 0.1rem solid #009999;
    background-color: #FFFFFF;
    border-radius: .3rem; }
    .atom.form--input-datepicker .dpk-calendar .dpk-prev {
      background-image: url(../../../../_assets/images/generic/skins/00/icons/swapout/black/left.svg); }
    .atom.form--input-datepicker .dpk-calendar .dpk-next {
      background-image: url(../../../../_assets/images/generic/skins/00/icons/swapout/black/right.svg);
      right: 0; }
    .atom.form--input-datepicker .dpk-calendar .dpk-button {
      position: absolute;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 2rem;
      width: 2.5rem;
      height: 2.5rem;
      cursor: pointer;
      outline: none;
      border-radius: .3rem;
      border: 0;
      z-index: 1; }
    .atom.form--input-datepicker .dpk-calendar.dpk-hide {
      display: none; }
  .atom.form--input-datepicker .dpk-calendar .dpk-months {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    outline: none; }
    .atom.form--input-datepicker .dpk-calendar .dpk-months .dpk-month {
      position: relative;
      display: inline-block;
      width: calc((80vw / 4) - ((2.5rem * 3) / 4));
      vertical-align: top;
      height: 100%;
      z-index: 0; }
      .atom.form--input-datepicker .dpk-calendar .dpk-months .dpk-month + .dpk-month {
        margin-left: 2.25rem; }
    .atom.form--input-datepicker .dpk-calendar .dpk-months .dpk-month-header {
      font-family: RobotoRegular;
      font-size: 1.6rem;
      position: relative;
      display: block;
      width: 100%;
      height: 2.5rem;
      text-align: center;
      line-height: 2rem;
      padding-top: 0.7rem; }
  .atom.form--input-datepicker .dpk-calendar-week {
    padding-top: 1.5rem;
    color: #009999;
    height: 2.5rem; }
  .atom.form--input-datepicker .dpk-calendar-week, .atom.form--input-datepicker .dpk-month-body {
    position: relative;
    display: block;
    width: 100%; }
    .atom.form--input-datepicker .dpk-calendar-week li, .atom.form--input-datepicker .dpk-month-body li {
      display: inline-block;
      width: calc(100% / 7);
      text-align: center; }
  .atom.form--input-datepicker .dpk-month-body {
    padding-top: 0.7rem; }
    .atom.form--input-datepicker .dpk-month-body .day {
      height: 2.5rem;
      cursor: pointer; }
  .atom.form--input-datepicker .dpk-month-body .day.selected {
    background-color: #009999;
    color: #FFFFFF;
    border-radius: 1rem; }
  .atom.form--input-datepicker .dpk-month-body .day.holiday {
    color: #9B9B9B; }
  .atom.form--input-datepicker .dpk-month-body .day.inactive {
    color: #9B9B9B; }
  .atom.form--input-datepicker .dpk-month-body .day span {
    position: relative;
    display: block;
    width: 1.5rem;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    transform: translate(-50%, -50%); }
  .atom.form--input-datepicker .dpk-year-selector {
    font-family: RobotoRegular;
    font-size: 1.6rem;
    line-height: 2rem;
    display: block;
    position: absolute;
    width: 7.5rem;
    height: 4rem;
    background-color: #009999;
    border-top-right-radius: .3rem;
    border-top-bottom-radius: .3rem;
    bottom: 0;
    right: 0;
    z-index: 15; }
    .atom.form--input-datepicker .dpk-year-selector .dpk-ys-button {
      display: block;
      position: relative;
      height: 100%;
      width: 100%;
      background: transparent !important;
      border: 0rem;
      padding: 1rem;
      color: #FFFFFF !important;
      cursor: pointer; }
    .atom.form--input-datepicker .dpk-year-selector .dpk-ys-button:before {
      content: '';
      width: 2rem;
      height: 1.5rem;
      position: absolute;
      display: block;
      right: 0;
      background-image: url(../../../../_assets/images/generic/skins/00/icons/swapout/white/yr_select.svg);
      background-repeat: no-repeat;
      top: 50%;
      -webkit-transform: translateY(-50%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateY(-50%);
      /* IE 9 */
      transform: translateY(-50%); }
    .atom.form--input-datepicker .dpk-year-selector .dpk-ys-list {
      position: absolute;
      width: 20rem;
      height: 25rem;
      background-color: #FFFFFF;
      right: 7.5rem;
      box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
      padding: 1.25rem 1rem 0rem 2.5rem;
      border-radius: 1rem;
      top: 2.5rem;
      z-index: 2; }
    .atom.form--input-datepicker .dpk-year-selector .dpk-ys-options {
      overflow-y: scroll;
      padding-right: 1rem;
      height: 95%; }
    .atom.form--input-datepicker .dpk-year-selector li {
      padding-top: 1rem;
      cursor: pointer;
      padding-bottom: 1rem; }
      .atom.form--input-datepicker .dpk-year-selector li:not(:last-child) {
        border-bottom: 0.1rem solid #9B9B9B; }
    .atom.form--input-datepicker .dpk-year-selector .dpk-ys-list:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      padding: 0vw;
      border: 1.5rem solid transparent;
      border-left-color: #FFFFFF;
      right: 0;
      border-right: 0;
      margin-right: -1rem;
      top: 0;
      border-top: 0;
      margin-top: 0; }
    .atom.form--input-datepicker .dpk-year-selector .dpk-ys-list.hide:after {
      display: none; }
  .atom.form--input-datepicker .dpk-hide + .dpk-year-selector {
    display: none; }
  .atom.form--input-datepicker.form--input.atom .message, .atom.form--input-datepicker.form--input.atom .errorMessage {
    top: 7.5rem; }
  .atom.form--input-datepicker.focused .input--datepicker {
    border: 0.1rem solid #009999; }
  .atom.form--input-datepicker ul {
    list-style-type: none; }

.atom.form--input.form--input-radio {
  position: relative;
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .atom.form--input.form--input-radio input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    left: 0;
    top: 0; }
  .atom.form--input.form--input-radio .radiomark {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    border: 0.1rem solid #9B9B9B;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    border-radius: 50%;
    z-index: 0; }
    .atom.form--input.form--input-radio .radiomark .checkmark {
      position: relative;
      display: block;
      height: 100%;
      width: 100%;
      border: 0px solid white;
      background-color: #FFFFFF;
      border: 0.5rem solid #FFFFFF;
      border-radius: 50%;
      -webkit-transition: .28s ease;
      transition: .28s ease; }
  .atom.form--input.form--input-radio input:checked + .radiomark {
    border: 0.1rem solid #009999; }
    .atom.form--input.form--input-radio input:checked + .radiomark .checkmark {
      border: 0.3125rem solid white;
      background-color: #009999; }

/* PC Small */
@media (min-width: 350px) and (max-width: 1464px) {
  .atom.form--input.form--input-radio {
    width: 1.71402vw;
    height: 1.71402vw; }
    .atom.form--input.form--input-radio .radiomark {
      border: 0.08162vw solid #DADADA; }
    .atom.form--input.form--input-radio input:checked + .radiomark {
      border: 0.08162vw solid #009999; }
      .atom.form--input.form--input-radio input:checked + .radiomark .checkmark {
        border: 0.2550625vw solid white; } }

.atom.chevron .chevron--icon.icon--addGrey {
  background-image: url(../../../images/generic/skins/00/icons/swapout/grey/add.svg); }

.atom.chevron .chevron--icon.icon--addBlack {
  background-image: url(../../../images/generic/skins/00/icons/swapout/black/add.svg); }

.atom.chevron .chevron--icon.icon--addPrimary {
  background-image: url(../../../images/generic/skins/00/icons/swapout/primary/add.svg); }

.atom.chevron .chevron--icon.icon--addAction {
  background-image: url(../../../images/generic/skins/00/icons/swapout/action/add.svg);
  transition: all .3s ease-in-out; }
  .atom.chevron .chevron--icon.icon--addAction[data-action="close"] {
    -webkit-transform: rotate(46deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(46deg);
    /* IE 9 */
    transform: rotate(46deg);
    transition: transform .3s ease-in-out; }

.atom.chevron .chevron--icon.icon--downloadGrey {
  background-image: url(../../../images/generic/skins/00/icons/swapout/grey/download.svg); }

.atom.chevron .chevron--icon.icon--downloadBlack {
  background-image: url(../../../images/generic/skins/00/icons/swapout/black/download.svg); }

.atom.chevron .chevron--icon.icon--filterGrey {
  background-image: url(../../../images/generic/skins/00/icons/swapout/grey/filter.svg); }

.atom.chevron .chevron--icon.icon--printGrey {
  background-image: url(../../../images/generic/skins/00/icons/swapout/grey/print.svg); }

.atom.chevron .chevron--icon.icon--printBlack {
  background-image: url(../../../images/generic/skins/00/icons/swapout/black/print.svg); }

.atom.chevron .chevron--icon.icon--searchGrey {
  background-image: url(../../../images/generic/skins/00/icons/swapout/grey/search.svg); }

.atom.chevron .chevron--icon.icon--crumbArrowRight {
  background-image: url(../../../images/generic/skins/00/chevron/crumbArrowRight.svg); }

.atom.chevron .chevron--icon.icon--crumbArrowLeft {
  background-image: url(../../../images/generic/skins/00/chevron/crumbArrowLeft.svg); }

.atom.chevron .chevron--icon.icon--primary-next {
  background-image: url(../../../images/generic/skins/00/icons/swapout/primary/next.svg); }

.atom.chevron .chevron--icon.icon--primary-prev {
  background-image: url(../../../images/generic/skins/00/icons/swapout/primary/previous.svg); }

.atom.chevron .chevron--icon.icon--grey-search {
  background-image: url(../../../images/generic/skins/00/icons/swapout/search.svg); }

.atom.chevron .chevron--icon.icon--fullRight {
  background-image: url(../../../images/generic/skins/00/chevron/fullRight.svg); }

.atom.chevron .chevron--icon.icon--fullLeft {
  background-image: url(../../../images/generic/skins/00/chevron/fullLeft.svg); }

.atom.chevron .chevron--icon.icon--action-arrowRight {
  background-image: url(../../../images/generic/skins/00/icons/swapout/action/arrowRight.svg); }

.atom.chevron .chevron--icon.icon--action-add {
  background-image: url(../../../images/generic/skins/00/icons/swapout/action/add.svg); }
  .atom.chevron .chevron--icon.icon--action-add[data-action="close"] {
    background-image: url(../../../images/generic/skins/00/icons/swapout/action/close.svg); }

.atom.chevron .chevron--icon.icon--action-more {
  background-image: url(../../../images/generic/skins/00/icons/swapout/action/more.svg); }

.atom.social-icons {
  margin-bottom: 0; }
  .atom.social-icons li {
    top: unset;
    display: inline-block; }
    .atom.social-icons li:not(:last-child) {
      margin-right: 1.3rem; }
    .atom.social-icons li a {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      border: none; }
  .atom.social-icons .atom.image {
    background-color: black;
    border-radius: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    -webkit-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
    box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .atom.social-icons .atom.image:hover {
      top: -.3rem;
      -webkit-box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
      box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .atom.social-icons img, .atom.social-icons .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.social-icons .icon--img {
    position: relative;
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto; }

.atom.chevron--group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 2.5rem;
  margin-left: 2rem;
  z-index: 10; }

.atom.chevron {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 2.25rem;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  z-index: 5; }
  .atom.chevron.noText {
    width: 3.25rem; }
    .atom.chevron.noText .chevron--icon {
      margin: 0 0.5rem; }
  .atom.chevron.input--icon {
    position: absolute;
    background-color: #FFFFFF;
    right: -0.1666666667rem;
    z-index: 5;
    cursor: pointer;
    top: 0.7352941176rem; }
  .atom.chevron p + .chevron--icon {
    margin-left: 1rem;
    margin-right: 0; }
  .atom.chevron .chevron--icon + p {
    margin-left: 1rem;
    margin-right: 0; }
  .atom.chevron .chevron--icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    min-width: 2rem;
    width: auto;
    height: 100%;
    z-index: 1;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */ }
    .atom.chevron .chevron--icon.icon--pos-right {
      background-position: 95% center; }
      .atom.chevron .chevron--icon.icon--pos-right:active {
        background-size: 1.95rem 1.95rem; }
    .atom.chevron .chevron--icon.icon--pos-left {
      background-position: 0% center; }
      .atom.chevron .chevron--icon.icon--pos-left:active {
        background-size: 1.95rem 1.95rem; }
    .atom.chevron .chevron--icon.icon--pos-center {
      background-position: center; }
      .atom.chevron .chevron--icon.icon--pos-center:active {
        background-size: 1.95rem 1.95rem; }
    .atom.chevron .chevron--icon.icon--bg-white {
      background-color: #fff;
      border: 1px solid transparent;
      border-radius: 50%; }
  .atom.chevron .chevron--text {
    position: relative;
    display: inline-block; }
  .atom.chevron .chevron--text {
    white-space: nowrap;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
    .atom.chevron .chevron--text.text--pos-right {
      margin-left: 3.2rem;
      margin-right: 0; }
    .atom.chevron .chevron--text.text--pos-left {
      margin-right: 3.2rem;
      margin-left: 0; }

.atom.link.chev-icon-arrow {
  text-decoration: none; }
  .atom.link.chev-icon-arrow::before {
    content: " ";
    position: relative;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    top: 0.3rem;
    padding-right: 0.2rem;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position: center center;
    transition: all 0.8s; }
  .atom.link.chev-icon-arrow:not(.font--color-paper)::before {
    background-image: url("../../../images/generic/skins/00/chev-icons/icon-shevron-left-blk.svg"); }
  .atom.link.chev-icon-arrow:hover::before {
    background-position-x: 90%; }

.atom.link.font--color-paper.chev-icon-arrow::before {
  background-image: url("../../../images/generic/skins/00/chev-icons/icon-shevron-left-wht.svg"); }

.atom.bonding--box {
  position: relative;
  display: block;
  width: 100%;
  height: calc(100% - 5px);
  margin-top: 5px;
  border: 0.2008032129rem dashed #DADADA;
  padding: 1.25rem 0;
  text-align: center;
  margin-bottom: 1.25rem; }

.atom.pagination {
  position: relative;
  text-align: right;
  height: 2.5rem;
  width: 100%;
  margin-bottom: 2.5rem; }
  .atom.pagination .entry--readouts {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    height: 2.5rem; }
    .atom.pagination .entry--readouts .entry--readouts-text {
      float: left; }
    .atom.pagination .entry--readouts .form--select {
      width: 5.2rem;
      min-height: 2.5rem;
      height: 2.5rem;
      margin-right: 1rem;
      clear: none;
      float: left;
      background-image: none; }
    .atom.pagination .entry--readouts .form--select input {
      bottom: 0rem;
      border-top: unset;
      border-left: unset;
      border-right: unset;
      border-bottom-color: #DADADA;
      border-radius: unset; }
    .atom.pagination .entry--readouts .selectChoice.show {
      width: 3rem;
      bottom: -0.5rem;
      text-align: center;
      pointer-events: none;
      border-right: unset;
      font-size: 1.2rem;
      padding-right: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(-50%);
      /* IE 9 */
      transform: translateX(-50%); }
    .atom.pagination .entry--readouts .dropdown--select-container {
      top: auto;
      bottom: 0.5rem;
      margin-bottom: 0; }
    .atom.pagination .entry--readouts .dropdown--select-container.show {
      height: auto;
      max-height: 24.1rem;
      border-radius: 0.5rem;
      padding: 0rem 1rem;
      -webkit-box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.3);
      box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.3);
      text-align: center; }
    .atom.pagination .entry--readouts .dropdown--select-container.show .text--paragraph {
      font-size: 1.4rem;
      line-height: 1.4rem;
      margin-bottom: 1.6025641026rem;
      margin-top: 1.6025641026rem;
      top: 0rem; }
    .atom.pagination .entry--readouts .dropdown--select-container.show .text--paragraph + span.dropdown--item-line {
      bottom: 0rem; }
    .atom.pagination .entry--readouts .dropdown--select-container.show > .dropdown--select-item:last-of-type > .dropdown--item-line {
      border-bottom: none; }
    .atom.pagination .entry--readouts .dropdown--select-container .dropdown--select-item[data-option="-1"] {
      display: none; }
    .atom.pagination .entry--readouts .placeholder, .atom.pagination .entry--readouts .selectChoice {
      bottom: 0rem; }
  .atom.pagination .page--nav-input {
    position: relative;
    display: inline-block;
    min-width: 11.9rem;
    height: 2.5rem;
    vertical-align: top; }
    .atom.pagination .page--nav-input .input--pager {
      padding-bottom: 0.9258333333vh;
      font-family: RobotoRegular;
      width: 3.5rem;
      border-top: 0;
      border-left: 0;
      border-right: 0;
      border-bottom: 1px solid #DADADA;
      border-radius: 0px;
      position: relative;
      text-align: center;
      color: #9B9B9B;
      margin-left: 1rem;
      z-index: 5; }
  .atom.pagination .page--nav-arrows {
    position: relative;
    display: inline-block;
    min-width: 11.9rem;
    width: auto;
    height: 2.5rem;
    vertical-align: top;
    text-align: center; }
    .atom.pagination .page--nav-arrows .chevron {
      width: 2rem;
      height: 2rem; }
      .atom.pagination .page--nav-arrows .chevron .chevron--icon {
        background-size: auto; }
      .atom.pagination .page--nav-arrows .chevron.disable, .atom.pagination .page--nav-arrows .chevron.disable > .chevron--icon {
        opacity: .5;
        cursor: auto; }
      .atom.pagination .page--nav-arrows .chevron.nav--first-page .chevron--icon, .atom.pagination .page--nav-arrows .chevron.page--prev .chevron--icon {
        background-position: left; }
      .atom.pagination .page--nav-arrows .chevron.nav--last-page .chevron--icon, .atom.pagination .page--nav-arrows .chevron.page--next .chevron--icon {
        background-position: center; }
  .atom.pagination .pager, .atom.pagination .entry--readouts-text {
    display: inline-block;
    font-size: 12px;
    line-height: 2.25rem;
    white-space: nowrap; }
    .atom.pagination .pager > span, .atom.pagination .entry--readouts-text > span {
      margin: 0 0px 0 1rem; }
    .atom.pagination .pager > input, .atom.pagination .entry--readouts-text > input {
      font-size: 1.2rem; }

.atom.table--input-container {
  position: relative;
  display: inline-block;
  min-height: 5rem;
  min-width: 33.5rem;
  vertical-align: middle;
  clear: both; }
  .atom.table--input-container input {
    padding-bottom: 0.6944444444rem;
    font-family: RobotoRegular;
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0.1rem solid #DADADA;
    text-align: left;
    border-radius: 0px;
    position: absolute;
    z-index: 5;
    bottom: 1.3888888889rem; }
  .atom.table--input-container .input--main--search-icon {
    top: 1.25rem; }

.atom.advanced--search {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  vertical-align: middle;
  margin: 0 0 1.4rem 0;
  text-decoration: underline; }
  .atom.advanced--search + .form--input {
    margin-left: 2rem; }

.atom.table--input-container, .atom.form--input-container {
  /* clears the 'X' from Chrome */ }
  .atom.table--input-container .input--main--search-icon, .atom.form--input-container .input--main--search-icon {
    position: absolute;
    background: url(../../../images/generic/skins/00/icons/swapout/search.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 2rem;
    height: 2rem;
    right: 0;
    z-index: 20;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%); }
  .atom.table--input-container input[type=search]::-ms-clear, .atom.form--input-container input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0; }
  .atom.table--input-container input[type=search]::-ms-reveal, .atom.form--input-container input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0; }
  .atom.table--input-container input[type="search"]::-webkit-search-decoration,
  .atom.table--input-container input[type="search"]::-webkit-search-cancel-button,
  .atom.table--input-container input[type="search"]::-webkit-search-results-button,
  .atom.table--input-container input[type="search"]::-webkit-search-results-decoration, .atom.form--input-container input[type="search"]::-webkit-search-decoration,
  .atom.form--input-container input[type="search"]::-webkit-search-cancel-button,
  .atom.form--input-container input[type="search"]::-webkit-search-results-button,
  .atom.form--input-container input[type="search"]::-webkit-search-results-decoration {
    display: none; }

/* PC Small */
@media (min-width: 350px) and (max-width: 1464px) {
  .atom.table--input-container .input--main--search-icon, .atom.form--input-container .input--main--search-icon {
    width: 1.6324vw;
    height: 1.6324vw; } }

/* PC Normal */
/* PC Large */
/* PC Extra Large */
.atom.login-pc {
  float: left;
  width: calc((80vw / 4) - ((2.5rem * 3) / 4));
  transition: .5s; }
  .atom.login-pc #LOGIN_FORM {
    visibility: hidden;
    transition: width 2s;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px/30px;
    height: 5rem; }
    .atom.login-pc #LOGIN_FORM .form--input-container.atom {
      float: left;
      margin-top: 1rem;
      width: 50%;
      min-height: 0;
      clear: none; }
      .atom.login-pc #LOGIN_FORM .form--input-container.atom * {
        margin: 0;
        padding: 0; }
      .atom.login-pc #LOGIN_FORM .form--input-container.atom input {
        position: relative;
        font-family: RobotoRegular;
        font-size: 1.6rem;
        padding-left: 1.9rem;
        height: 2.5rem;
        color: #FFFFFF;
        opacity: 50%;
        bottom: 0;
        border-bottom: 0; }
        .atom.login-pc #LOGIN_FORM .form--input-container.atom input:hover, .atom.login-pc #LOGIN_FORM .form--input-container.atom input:active {
          color: #FFFFFF;
          border-bottom: 0;
          padding-bottom: 0; }
        .atom.login-pc #LOGIN_FORM .form--input-container.atom input:active, .atom.login-pc #LOGIN_FORM .form--input-container.atom input:focus {
          text-align: left; }
      .atom.login-pc #LOGIN_FORM .form--input-container.atom input:-webkit-autofill,
      .atom.login-pc #LOGIN_FORM .form--input-container.atom input:-webkit-autofill:hover,
      .atom.login-pc #LOGIN_FORM .form--input-container.atom input:-webkit-autofill:focus,
      .atom.login-pc #LOGIN_FORM .form--input-container.atom input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        -webkit-text-fill-color: #FFFFFF !important; }
      .atom.login-pc #LOGIN_FORM .form--input-container.atom:last-child input {
        border-left: 0.1rem solid rgba(255, 255, 255, 0.5); }
      .atom.login-pc #LOGIN_FORM .form--input-container.atom label {
        display: none; }
    .atom.login-pc #LOGIN_FORM .atom.btn--wrapper #OBSubmit {
      width: 99%;
      height: 3.8rem;
      z-index: 1; }
      .atom.login-pc #LOGIN_FORM .atom.btn--wrapper #OBSubmit:before {
        left: -5px; }
      .atom.login-pc #LOGIN_FORM .atom.btn--wrapper #OBSubmit:after {
        right: -5px; }
  .atom.login-pc .atom.btn--wrapper {
    position: absolute; }
  .atom.login-pc .atom.login-links {
    display: none;
    width: calc((80vw / 2) - ((2.5rem * 1) / 2));
    z-index: 1; }
    .atom.login-pc .atom.login-links p {
      color: rgba(0, 0, 0, 0.6); }
  .atom.login-pc:hover, .atom.login-pc.clicked {
    width: calc((80vw / 2) - ((2.5rem * 1) / 2)); }
    .atom.login-pc:hover .atom.login-trigger, .atom.login-pc.clicked .atom.login-trigger {
      display: none; }
    .atom.login-pc:hover #LOGIN_FORM, .atom.login-pc.clicked #LOGIN_FORM {
      visibility: visible; }
    .atom.login-pc:hover .atom.login-links, .atom.login-pc.clicked .atom.login-links {
      display: block; }
  @media only screen and (max-width: 1199px) {
    .atom.login-pc {
      width: calc((90vw / 4) - ((2.5rem * 3) / 4)); } }
  @media only screen and (max-width: 899px) {
    .atom.login-pc {
      width: calc((90vw / 4) - ((2.5rem * 3) / 4)); } }
  @media only screen and (max-width: 599px) {
    .atom.login-pc {
      width: calc(((100vw - 6.25rem) / 4) - ((1.875rem * 3) / 4)); } }

#loginPanel .atom.login-pc {
  background-color: transparent; }
  #loginPanel .atom.login-pc::before, #loginPanel .atom.login-pc::after {
    background-color: transparent; }
  #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom {
    width: 100%;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #000; }
    #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input {
      text-align: left;
      color: #000; }
      #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input:hover, #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input:active {
        color: #000; }
      #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input:active, #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input:focus {
        text-align: left; }
    #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input:-webkit-autofill,
    #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input:-webkit-autofill:hover,
    #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input:-webkit-autofill:focus,
    #loginPanel .atom.login-pc #LOGIN_FORM .form--input-container.atom input:-webkit-autofill:active {
      transition: none;
      -webkit-text-fill-color: #000 !important; }

.background-tint-arc {
  background-image: url("../../../images//generic/skins/00/general/side-tint-desktop.svg");
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: -4rem top; }
  @media only screen and (max-width: 599px) {
    .background-tint-arc {
      background-image: url("../../../images//generic/skins/00/general/side-tint-phone.svg");
      background-position: center top; } }
  @media only screen and (max-width: 899px) {
    .background-tint-arc {
      background-image: url("../../../images//generic/skins/00/general/side-tint-tab-potrait.svg");
      background-position: center top; } }

.background-tint-color {
  position: absolute;
  width: calc((100vw / 3) - 8rem);
  height: 100%;
  background-color: rgba(0, 137, 151, 0.8); }
  @media only screen and (max-width: 599px) {
    .background-tint-color {
      width: 70%; } }

/* Percentage Widths */
.atom .width1 {
  width: 1%; }

.atom .width2 {
  width: 2%; }

.atom .width3 {
  width: 3%; }

.atom .width4 {
  width: 4%; }

.atom .width5 {
  width: 5%; }

.atom .width6 {
  width: 6%; }

.atom .width7 {
  width: 7%; }

.atom .width8 {
  width: 8%; }

.atom .width9 {
  width: 9%; }

.atom .width10 {
  width: 10%; }

.atom .width11 {
  width: 11%; }

.atom .width12 {
  width: 12%; }

.atom .width13 {
  width: 13%; }

.atom .width14 {
  width: 14%; }

.atom .width15 {
  width: 15%; }

.atom .width16 {
  width: 16%; }

.atom .width17 {
  width: 17%; }

.atom .width18 {
  width: 18%; }

.atom .width19 {
  width: 19%; }

.atom .width20 {
  width: 20%; }

.atom .width21 {
  width: 21%; }

.atom .width22 {
  width: 22%; }

.atom .width23 {
  width: 23%; }

.atom .width24 {
  width: 24%; }

.atom .width25 {
  width: 25%; }

.atom .width26 {
  width: 26%; }

.atom .width27 {
  width: 27%; }

.atom .width28 {
  width: 28%; }

.atom .width29 {
  width: 29%; }

.atom .width30 {
  width: 30%; }

.atom .width31 {
  width: 31%; }

.atom .width32 {
  width: 32%; }

.atom .width33 {
  width: 33%; }

.atom .width34 {
  width: 34%; }

.atom .width35 {
  width: 35%; }

.atom .width36 {
  width: 36%; }

.atom .width37 {
  width: 37%; }

.atom .width38 {
  width: 38%; }

.atom .width39 {
  width: 39%; }

.atom .width40 {
  width: 40%; }

.atom .width41 {
  width: 41%; }

.atom .width42 {
  width: 42%; }

.atom .width43 {
  width: 43%; }

.atom .width44 {
  width: 44%; }

.atom .width45 {
  width: 45%; }

.atom .width46 {
  width: 46%; }

.atom .width47 {
  width: 47%; }

.atom .width48 {
  width: 48%; }

.atom .width49 {
  width: 49%; }

.atom .width50 {
  width: 50%; }

.atom .width51 {
  width: 51%; }

.atom .width52 {
  width: 52%; }

.atom .width53 {
  width: 53%; }

.atom .width54 {
  width: 54%; }

.atom .width55 {
  width: 55%; }

.atom .width56 {
  width: 56%; }

.atom .width57 {
  width: 57%; }

.atom .width58 {
  width: 58%; }

.atom .width59 {
  width: 59%; }

.atom .width60 {
  width: 60%; }

.atom .width61 {
  width: 61%; }

.atom .width62 {
  width: 62%; }

.atom .width63 {
  width: 63%; }

.atom .width64 {
  width: 64%; }

.atom .width65 {
  width: 65%; }

.atom .width66 {
  width: 66%; }

.atom .width67 {
  width: 67%; }

.atom .width68 {
  width: 68%; }

.atom .width69 {
  width: 69%; }

.atom .width70 {
  width: 70%; }

.atom .width71 {
  width: 71%; }

.atom .width72 {
  width: 72%; }

.atom .width73 {
  width: 73%; }

.atom .width74 {
  width: 74%; }

.atom .width75 {
  width: 75%; }

.atom .width76 {
  width: 76%; }

.atom .width77 {
  width: 77%; }

.atom .width78 {
  width: 78%; }

.atom .width79 {
  width: 79%; }

.atom .width80 {
  width: 80%; }

.atom .width81 {
  width: 81%; }

.atom .width82 {
  width: 82%; }

.atom .width83 {
  width: 83%; }

.atom .width84 {
  width: 84%; }

.atom .width85 {
  width: 85%; }

.atom .width86 {
  width: 86%; }

.atom .width87 {
  width: 87%; }

.atom .width88 {
  width: 88%; }

.atom .width89 {
  width: 89%; }

.atom .width90 {
  width: 90%; }

.atom .width91 {
  width: 91%; }

.atom .width92 {
  width: 92%; }

.atom .width93 {
  width: 93%; }

.atom .width94 {
  width: 94%; }

.atom .width95 {
  width: 95%; }

.atom .width96 {
  width: 96%; }

.atom .width97 {
  width: 97%; }

.atom .width98 {
  width: 98%; }

.atom .width99 {
  width: 99%; }

.atom .width100 {
  width: 100%; }

.atom .noMargin {
  margin-bottom: 0; }

.atom.section.footer {
  height: calc(100vh - 7.5rem); }
  .atom.section.footer .frame-col:nth-child(4n) {
    margin-right: 0; }
  .atom.section.footer .frame-col.app-download {
    float: right; }
  .atom.section.footer .section-content {
    padding-top: 12.5rem; }
  @media only screen and (max-width: 899px) {
    .atom.section.footer {
      height: auto; } }

.atom.section.disclaimer {
  min-height: 7.5rem; }
  .atom.section.disclaimer .section-content {
    min-height: 5rem;
    padding-top: 0;
    padding-bottom: 0; }
  .atom.section.disclaimer .atom.text--paragraph.type--disclaimer {
    font-size: 1.4rem;
    line-height: 2.5rem; }
  .atom.section.disclaimer .list.atom.disclaimer-links {
    margin-left: 0; }
    .atom.section.disclaimer .list.atom.disclaimer-links .atom.list-item:not(:first-child) {
      padding-left: 2.5rem; }
      @media only screen and (max-width: 599px) {
        .atom.section.disclaimer .list.atom.disclaimer-links .atom.list-item:not(:first-child) {
          padding-left: 0; } }
    .atom.section.disclaimer .list.atom.disclaimer-links .atom.list-item {
      text-decoration: underline; }
      @media only screen and (max-width: 599px) {
        .atom.section.disclaimer .list.atom.disclaimer-links .atom.list-item {
          display: block;
          padding-left: auto; } }
  .atom.section.disclaimer .backTop {
    cursor: pointer; }
    .atom.section.disclaimer .backTop > .atom.link {
      text-decoration: none; }
    .atom.section.disclaimer .backTop::before {
      content: url(../../../images/generic/skins/00/chev-icons/icon-shevron-up-wht.svg);
      margin-right: 0.5rem; }

#eziPageContent .atom--custom-footer {
  position: fixed;
  top: calc(79px - 54px + 83%);
  width: 80%;
  left: 10%;
  text-align: right;
  padding: 10px 40px; }
  #eziPageContent .atom--custom-footer .btn--wrapper > .btn {
    padding: 0;
    height: 24px;
    line-height: 24px;
    padding-left: 20px;
    padding-right: 20px;
    width: 140px;
    min-height: 24px; }

div.atom--footer {
  position: fixed;
  display: block;
  width: 100%;
  height: 47px;
  background-color: transparent;
  padding-right: 18rem;
  padding-left: 18rem;
  z-index: 56;
  bottom: 0;
  left: 0;
  text-align: right;
  /*.btn--wrapper:last-child{
		margin: 0;
	}*/ }
  div.atom--footer .btn--wrapper {
    display: inline-block;
    min-width: 140px;
    max-height: 23px; }
    div.atom--footer .btn--wrapper.btn--width-2 {
      width: 140px; }
    div.atom--footer .btn--wrapper .btn--normal {
      max-height: inherit; }
  div.atom--footer .font--align-right .btn--wrapper {
    float: none;
    clear: both; }
  div.atom--footer .btn--wrapper {
    margin-right: 11px;
    margin-bottom: 0rem; }
  div.atom--footer .btn--wrapper > .btn {
    padding: 0;
    width: 140px;
    height: 23px;
    min-height: 23px;
    box-shadow: none !important; }
    div.atom--footer .btn--wrapper > .btn:hover {
      top: 0 !important; }
  div.atom--footer .text--paragraph, div.atom--footer .btn--wrapper > .btn {
    font-size: 11px !important;
    line-height: 23px;
    white-space: nowrap; }
  div.atom--footer .text--paragraph {
    top: 0rem; }
  div.atom--footer .frame-row.atom {
    max-height: 23px; }
    div.atom--footer .frame-row.atom:first-child {
      padding-top: 5px; }
  div.atom--footer .text--paragraph {
    white-space: nowrap; }
  div.atom--footer .atom-techref {
    position: fixed;
    bottom: 0; }

form#search.atom.search {
  float: right;
  color: white;
  font-size: 17px;
  border-left: none;
  /* Prevent double borders */
  cursor: pointer; }

.heading--note.atom > p {
  margin-bottom: 2.5rem;
  color: #7C7C7C;
  font-weight: 600; }

.atom-horizontalLineChartContainer {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 20px; }

.atom-horizontalLineFill {
  position: absolute;
  left: 0px;
  height: inherit; }

.atom-horizontalLineRail {
  width: 100%;
  height: 4px;
  background-color: #E0E0E0;
  border-bottom: 1px solid #EDEDED;
  margin-top: 6px; }

.atom-horizontalLine {
  height: 4px;
  border-bottom: 1px solid #C4D1BA;
  position: relative;
  top: -4px; }

.atom-donutHeading {
  width: 100px;
  margin: 0 0 10px 0; }

.atom-donutChartContainer {
  margin-top: 10px;
  margin-bottom: 10px;
  z-index: 3; }

.atom-donutChartContainer:after {
  clear: both;
  content: ' ';
  display: table; }

.atom-chartColumn {
  width: auto;
  float: left;
  z-index: 1; }

.atom-chartColumn.donutColumn {
  min-height: 300px; }

.atom-donutColumn .highcharts-title {
  font-size: 14px !important; }

.atom-donutColumn .highcharts-container {
  position: unset !important; }

.atom-donutChartCustomLegend {
  padding-left: 20px; }

.atom-donutChartLegendItem {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px; }

.atom-donutLegendPercent {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0 0 5px #000;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center; }

.atom-donutLegendTitle {
  position: absolute;
  left: 60px;
  top: 20px; }

.atom-donutLegendValue {
  text-align: right;
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 5px 10px;
  color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #009999;
  white-space: nowrap;
  cursor: pointer; }

.atom-donutLegendTextLink {
  text-align: center;
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 5px 10px;
  color: #FE9900;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 6px;
  border: 1px solid #FE9900;
  cursor: pointer; }

/*Legend table start*/
.atom-legendTableInner {
  padding: 0 10%; }

.atom-legendTableOuter, .legendTableInner {
  width: 100%; }

.atom-legendTableInner td.legCol1 {
  width: 5%;
  text-align: left; }

.atom-legendTableInner td.legCol2 {
  width: 40%;
  text-align: left; }

.atom-legendTableInner td.legCol3 {
  width: 5%;
  text-align: right; }

.atom-legendTableInner td.legCol4 {
  width: 20%;
  text-align: right; }

.atom-legendTableInner td.legCol5 {
  width: 30%;
  text-align: right; }

.atom-legend-arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000; }

.atom-legend-arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000; }

/*Legend table end*/
/*Slick slider start*/
.atom-slickSliderContainer {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 40px;
  box-shadow: 0 0 5px #000;
  margin-top: 20px;
  margin-bottom: 20px; }

.atom-slick-prev:before, .slick-next:before {
  display: none; }

.atom-slick-prev {
  left: -50px;
  background-image: url("../../03images/arrow_large_left_black.png");
  background-repeat: no-repeat;
  width: 52px;
  height: 92px;
  -moz-transition: left 0.5s;
  /* Safari */
  -webkit-transition: left 0.5s;
  /* Safari */
  transition: left 0.5s; }

.atom-slick-next {
  right: -50px;
  background-image: url("../../03images/arrow_large_right_black.png");
  background-repeat: no-repeat;
  width: 52px;
  height: 92px;
  -moz-transition: right 1s;
  /* Safari */
  -webkit-transition: right 1s;
  /* Safari */
  transition: right 1s; }

.atom-slick-prev:hover, .slick-prev:focus {
  left: -60px;
  background-image: url("../../03images/arrow_large_left_black.png"); }

.atom-slick-next:hover, .slick-next:focus {
  right: -60px;
  background-image: url("../../03images/arrow_large_right_black.png"); }

/*Slick slider end*/
/* Updated Donut styling start */
.atom-chart {
  clear: both;
  float: none; }

.atom-donutChartContainer {
  position: relative; }

.atom-donutChartContainer .highcharts-background, .atom-donutChartContainer .highcharts-root, .atom-donutChartContainer .highcharts-container {
  height: 100%;
  width: 100%; }

.atom-donutChartContainer {
  margin: 0; }

.atom-donutChartContainer > div {
  min-height: 7.5rem;
  max-height: 37.5rem; }

.atom-chartMinHeight1 > .atom-donutChartContainer > div, .atom-chartMinHeight1 > .atom-donutChartContainer > .atom-chartColumn.atom-donutColumn {
  min-height: 7.5rem;
  max-height: 7.5rem; }

.atom-chartMinHeight2 > .atom-donutChartContainer > div, .atom-chartMinHeight2 > .atom-donutChartContainer > .atom-chartColumn.atom-donutColumn {
  min-height: 17.5rem;
  max-height: 17.5rem; }

.atom-chartMinHeight3 > .atom-donutChartContainer > div, .atom-chartMinHeight3 > .atom-donutChartContainer > .atom-chartColumn.atom-donutColumn {
  min-height: 27.5rem;
  max-height: 27.5rem; }

.atom-chartMinHeight4 > .atom-donutChartContainer > div, .atom-chartMinHeight4 > .atom-donutChartContainer > .atom-chartColumn.atom-donutColumn {
  min-height: 37.5rem; }

.atom-donutChartLegend {
  z-index: -1; }

.atom-donutChartLegend > div {
  display: table;
  table-layout: auto; }

.atom-donutChartContainer > .atom-chartColumn.atom-donutChartLegend.frame-col {
  min-height: unset;
  max-height: unset; }

.atom-chartFullWidth {
  width: 100% !important;
  margin: 0; }

.atom-DonutRemoveMargin {
  margin: 0; }

/* tooltip */
.atom-donutChartContainer .tooltipTable .atom.text--paragraph {
  font-family: RobotoRegular;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding-left: 2rem;
  left: 2rem; }

.atom .tooltipTable {
  max-width: calc((90vw / 4) - ((2.5rem * 3) / 4));
  width: 100%;
  margin: 0.25rem 1rem; }

.atom .tooltipTable span {
  border-radius: 0.5rem;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
  display: block;
  margin-right: 1.2rem;
  position: relative;
  top: -0.6rem; }

.atom .tooltipTable tr {
  height: 2rem;
  vertical-align: bottom;
  font-size: 1.4rem; }

.atom .tooltipTable tr td {
  text-align: left;
  vertical-align: bottom; }

.highcharts-tooltip-container .tooltip {
  padding: 15px; }

/* legend */
.atom-donutChartLegendItem {
  height: 2.5rem;
  position: relative;
  display: table-row;
  width: 100%;
  table-layout: auto;
  font-size: 2rem;
  line-height: 2.5rem;
  padding: 0;
  font-size: 1.4rem; }

.atom-donutChartLegendItem .atom.text--paragraph {
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: 2.5rem;
  top: 0.6rem;
  display: table-cell;
  position: unset;
  white-space: nowrap; }

.atom-donutChartLegendItem .atom.text--paragraph.atom-donutLegendValue {
  white-space: nowrap;
  text-align: right;
  padding: 0;
  color: #000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: unset;
  white-space: nowrap;
  cursor: pointer; }

.atom-donutChartLegendItem .atom.text--paragraph.atom-donutLegendValue:not(.frame-col) {
  width: 100% !important; }

.atom-donutLegendPercent {
  line-height: 2.5rem;
  font-weight: normal;
  text-align: center;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
  display: table-cell;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 1.2rem; }

.atom-donutLegendPercent > span {
  border-radius: 0.5rem;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
  display: block;
  margin-right: 1.2rem;
  top: 1.4rem;
  cursor: pointer; }

.atom-donutLegendValue {
  width: auto !important;
  margin-left: 0;
  line-height: 2.5rem;
  display: table-cell;
  text-align: right;
  vertical-align: bottom; }

.atom-donutLegendTitle {
  width: auto !important;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  position: unset;
  position: unset;
  left: unset;
  top: unset; }

.atom-chartColumn.atom-donutChartLegend.legendLayout1 .atom-donutChartLegendItem {
  width: 100%;
  float: left; }

.atom-donutChartContainer.legendPositionRIGHT .atom-donutChartLegend {
  position: unset;
  right: 0;
  padding-top: 2.5rem;
  float: none;
  overflow: hidden !important; }

.atom-donutChartContainer.legendPositionLEFT .atom-donutChartLegend {
  padding-top: 2.5rem;
  position: relative;
  left: 0;
  margin-right: 0; }

.atom-donutChartContainer.legendPositionLEFT .atom-chartColumn.atom-donutColumn {
  float: right;
  margin-right: 0; }

.atom-donutChartContainer.legendPositionTOP .atom-donutChartLegend {
  float: none;
  position: relative;
  clear: both;
  right: unset;
  left: 0; }

.atom-donutChartContainer.legendPositionTOP .atom-chartColumn.atom-donutColumn {
  position: absolute;
  top: 100%;
  float: none;
  clear: both;
  width: 100%;
  margin-right: 0;
  margin-top: 2.5rem; }

.atom-donutChartContainer.legendPositionBOTTOM .atom-donutChartLegend {
  position: relative;
  left: 0;
  margin-top: 2.5rem; }

.atom-donutChartContainer.legendPositionBOTTOM .highcharts-title .frame-col, .atom-donutChartContainer.legendPositionTOP .highcharts-title .frame-col {
  width: auto !important;
  margin: 0;
  font-size: 1.4rem; }

.atom-donutChartContainer.legendPositionBOTTOM .highcharts-title .frame-col + .frame-col, .atom-donutChartContainer.legendPositionTOP .highcharts-title .frame-col + .frame-col {
  float: right; }

.atom-donutChartContainer.legendPositionBOTTOM .atom-chartColumn.atom-donutColumn {
  position: relative;
  top: 0;
  float: none;
  clear: both;
  width: 100%;
  margin-right: 0;
  margin-top: 2.5rem; }

.atom-donutChartContainer .disableLegendItem .atom-donutLegendPercent > span {
  background-color: #9B9B9B !important; }

/* 3 item col */
.atom-labelWrapper.frame-col.frame-col-2 {
  min-width: calc((80vw / 6) - ((2.5rem * 5) / 6));
  width: auto;
  height: 2.5rem;
  margin: 0; }
  @media only screen and (max-width: 1199px) {
    .atom-labelWrapper.frame-col.frame-col-2 {
      min-width: calc((90vw / 6) - ((2.5rem * 5) / 6)); } }

p.atom.text--paragraph.frame-col.frame-col-1.atom-donutLegendValue {
  margin: 0;
  min-width: calc((80vw / 12) - ((2.5rem * 11) / 12) + 2.5rem);
  height: 2.5rem;
  width: auto;
  text-align: right;
  float: left; }
  @media only screen and (max-width: 1199px) {
    p.atom.text--paragraph.frame-col.frame-col-1.atom-donutLegendValue {
      min-width: calc((90vw / 12) - ((2.5rem * 11) / 12) + 2.5rem); } }

p.atom.text--paragraph.frame-col.frame-col-2.atom-donutLegendValue {
  margin: 0;
  min-width: calc((80vw / 6) - ((2.5rem * 5) / 6));
  margin-left: 2.5rem;
  float: right; }
  @media only screen and (max-width: 1199px) {
    p.atom.text--paragraph.frame-col.frame-col-2.atom-donutLegendValue {
      min-width: calc((90vw / 6) - ((2.5rem * 5) / 6));
      font-size: 1.4rem; } }

.atom-donutChartLegendHeader .frame-col.frame-col-1 {
  margin-right: 2.5rem;
  min-width: calc((80vw / 12) - ((2.5rem * 11) / 12) + 2.5rem);
  height: 2.5rem;
  width: auto;
  text-align: right;
  font-weight: bold;
  font-size: 1.4rem; }
  @media only screen and (max-width: 1199px) {
    .atom-donutChartLegendHeader .frame-col.frame-col-1 {
      min-width: calc((90vw / 12) - ((2.5rem * 11) / 12) + 2.5rem); } }

.atom-donutChartLegendHeader .frame-col.frame-col-3 {
  height: 2.5rem;
  margin-right: 2.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  min-width: calc((90vw / 4) - ((2.5rem * 3) / 4)); }
  @media only screen and (max-width: 1199px) {
    .atom-donutChartLegendHeader .frame-col.frame-col-3 {
      min-width: calc((90vw / 4) - ((2.5rem * 3) / 4)); } }

.atom-donutChartLegendHeader {
  display: table;
  table-layout: auto;
  width: 100%; }

.atom-donutChartLegendHeader .atom.text--paragraph {
  font-size: 1.4rem;
  font-weight: bold;
  display: table-cell; }

.atom-donutChartLegendHeader .atom.text--paragraph.font--align-right {
  text-align: right;
  margin-left: 2.5rem; }

/* title */
.atom-donutColumn .highcharts-title {
  font-size: 1.4rem !important;
  line-height: 2.5rem; }

.atom-donutColumn .highcharts-title tspan:nth-child(2) {
  font-size: 1.6rem !important; }

/* title - pie styling */
.atom-donutChartContainer .highcharts-title {
  width: 100% !important;
  left: 0 !important;
  top: -2.5rem !important;
  z-index: -1; }

.atom-donutChartContainer > div, .atom-donutChartContainer > div > div, .atom-donutChartContainer > div > div > svg {
  overflow: visible !important; }

.atom-donutChartContainer .highcharts-title .frame-col-50 {
  width: auto !important;
  margin: 0;
  font-size: 1.4rem; }

.atom-donutChartContainer .highcharts-title .frame-col-50 + .frame-col-50 {
  float: right; }

.atom-donutChartContainer .highcharts-subtitle {
  font-family: 'Courier New', monospace;
  font-style: italic;
  fill: #7cb5ec; }

/* title - pie styling */
.atom-donutChartLegendItem .atom.text--paragraph.atom-donutLegendValue.atom-donutLegendTextLink:not(.atom-legendPercentage) {
  -webkit-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
  background: #ff9900 !important;
  color: #FFFFFF !important;
  position: absolute;
  font-family: RobotoRegular;
  font-size: 1.4rem;
  line-height: 2rem;
  height: 2rem;
  text-transform: none;
  text-align: center;
  cursor: pointer;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: auto !important;
  display: block;
  padding: 0 1rem;
  right: 0;
  text-align: center;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  border-radius: 2.4rem;
  border-radius: 2.4rem;
  min-width: calc((80vw / 6) - ((2.5rem * 5) / 6));
  max-width: calc((80vw / 3) - ((2.5rem * 2) / 3));
  text-decoration: none; }

.atom-donutChartLegendItem .atom.text--paragraph.atom-donutLegendValue.atom-donutLegendTextLink:not(.atom-legendPercentage):hover {
  top: -0.3rem;
  -webkit-box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
  box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.atom-donutChartLegendItem > .atom.text--paragraph.atom-donutLegendValue:not(.atom-legendPercentage) {
  font-family: RobotoRegular;
  font-size: 1.4rem;
  line-height: 2.5rem;
  text-decoration: underline; }

.frame-col-right-heading, .frame-col-M-right-heading {
  width: auto;
  float: right; }

.frame-col-left-heading, .frame-col-M-left-heading {
  width: auto;
  float: left; }

.legendLayout2 > .frame-col-full {
  width: calc(50% - 2.5rem);
  float: left; }

@media only screen and (max-width: 599px) {
  .atom-pieHeaderMobileMargin {
    margin-top: 7.5rem !important; }
  /* 3 item col */
  .atom-labelWrapper.frame-col.frame-col-M4 {
    min-width: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3));
    width: auto;
    height: 2.5rem;
    margin: 0;
    margin-right: 1.875rem; }
  p.atom.text--paragraph.frame-col.frame-col-M4.atom-donutLegendValue {
    margin: 0;
    min-width: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3));
    height: 2.5rem;
    width: auto;
    text-align: right;
    margin-right: 1.875rem; }
  p.atom.text--paragraph.frame-col.frame-col-M4.atom-donutLegendValue {
    min-width: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3));
    margin-right: 1.875rem;
    text-align: right; }
  .atom-donutChartLegendHeader .frame-col.frame-col-M4 {
    min-width: calc(((100vw - 6.25rem) / 3) - ((1.875rem * 2) / 3));
    width: auto;
    height: 2.5rem;
    margin-right: 1.875rem;
    float: right; }
  p.atom.text--paragraph.frame-col.frame-col-M4.atom-donutLegendValue:last-child {
    margin: 0;
    text-align: right; }
  .atom-donutChartLegendHeader .frame-col.frame-col-M4:last-child {
    margin: 0; }
  .atom-donutChartLegendHeader .frame-col.frame-col-1 {
    margin: 0;
    min-width: calc((90vw / 12) - ((2.5rem * 11) / 12) + 2.5rem);
    height: 2.5rem;
    width: auto;
    text-align: right;
    margin-right: 1.875rem; }
  .atom-donutChartLegendHeader .frame-col.frame-col-M4.font--align-right {
    text-align: right;
    margin: 0;
    text-align: right; }
  .atom-chartColumn.atom-donutColumn {
    width: 100%;
    float: none;
    clear: both; }
  .atom-donutChartLegend {
    position: relative;
    top: 0;
    clear: both;
    margin-top: 2.5rem;
    float: none; }
  .atom-donutChartContainer.legendPositionRIGHT .atom-donutChartLegend, .atom-donutChartContainer.legendPositionLEFT .atom-donutChartLegend {
    position: relative;
    left: 0; }
  .legendLayout1 .frame-col-M10, .legendLayout1 .frame-col-M8, .legendLayout1 .frame-col-M6, .legendLayout1 .frame-col-M4 {
    width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1)); }
  .legendLayout2 .frame-col-M10, .legendLayout2 .frame-col-M8, .legendLayout2 .frame-col-M6 {
    width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1)); }
  .legendLayout3 .frame-col-M10, .legendLayout3 .frame-col-M8, .legendLayout3 .frame-col-M6 {
    width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1)); }
  .atom-donutChartLegend > .frame-col + .frame-col > .atom-donutChartLegendHeader {
    display: none; } }

/* Updated Donut styling end*/
.atom-itemCount {
  font-family: RobotoRegular;
  font-size: 1.6rem;
  width: 100%;
  display: table;
  margin-bottom: 2.5rem; }
  .atom-itemCount .label, .atom-itemCount .count {
    display: table-cell;
    position: relative;
    min-height: 5rem;
    height: 100%;
    vertical-align: middle;
    line-height: 2rem; }
  .atom-itemCount .label {
    width: 70%;
    padding-right: 0.5rem;
    text-align: right; }
  .atom-itemCount .line {
    display: inline-block;
    background-color: #F4791F;
    border-top: 0.5rem solid #F4791F;
    border-bottom: 0.5rem solid #F4791F;
    border-radius: 0.25rem;
    width: 0.25rem;
    height: 5rem;
    vertical-align: middle;
    left: -0.125rem; }
  .atom-itemCount .count {
    font-size: 3.6rem;
    padding-left: 0.5rem;
    width: 30%;
    color: teal; }

/* Mobile */
/* PC small */
/* PC Normal */
/* PC Large */
/* PC Extra Large */
.atom-imgContentWrapper {
  font-family: RobotoRegular;
  font-size: 1.6rem;
  width: 100%;
  display: table;
  margin-bottom: 2.5rem; }
  .atom-imgContentWrapper .imgWrapper, .atom-imgContentWrapper .contentWrapper {
    display: table-cell;
    position: relative;
    min-height: 5rem;
    height: 100%;
    vertical-align: top;
    line-height: 2rem; }
  .atom-imgContentWrapper .imgWrapper {
    width: 0;
    padding-right: 0.5rem; }
  .atom-imgContentWrapper .contentWrapper {
    width: auto;
    padding-left: 0.5rem; }

/* Mobile */
/* PC small */
/* PC Normal */
/* PC Large */
/* PC Extra Large */
#marketingFrame {
  min-height: 650px;
  /* TODO: min-height: 100vh - ($headerHeight + $footerHeight) */
  overflow: hidden; }

.atom--viewBtn {
  bottom: auto;
  position: relative;
  padding: inherit;
  display: block;
  width: 100%;
  height: 47px;
  background-color: transparent;
  z-index: 5;
  left: 0; }
  .atom--viewBtn .btn--wrapper {
    display: inline-block;
    height: 23px; }
  .atom--viewBtn .font--align-right .btn--wrapper {
    float: none;
    clear: both; }
  .atom--viewBtn .btn--wrapper {
    margin-right: 11px;
    margin-bottom: 0rem; }
  .atom--viewBtn .btn--wrapper > .btn {
    padding: 0;
    width: 140px;
    min-height: 23px;
    max-height: 23px; }
  .atom--viewBtn .btn--wrapper > .btn {
    font-size: 11px !important;
    line-height: 23px;
    white-space: nowrap; }
  .atom--viewBtn .frame-row.atom {
    max-height: 2.3rem; }
  .atom--viewBtn .btn--wrapper {
    min-width: calc((80vw / 12) - ((2.5rem * 11) / 12));
    max-width: 19rem;
    margin-right: 5px; }
    .atom--viewBtn .btn--wrapper.btn--view .btn {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .atom--viewBtn .btn--wrapper.btn--view.btn-viewbtn-width button {
      box-shadow: none !important;
      padding-left: 1.75rem;
      padding-right: 1.75rem; }
      .atom--viewBtn .btn--wrapper.btn--view.btn-viewbtn-width button:hover {
        top: 0 !important; }
    .atom--viewBtn .btn--wrapper.btn--view.view-btn-active button {
      background-color: #009999 !important;
      color: #FFFFFF !important;
      border: none !important; }
    .atom--viewBtn .btn--wrapper.btn--view.view-btn-inactive button {
      border: 1px solid #009999 !important;
      color: #009999 !important;
      background: none !important; }
    .atom--viewBtn .btn--wrapper.btn--view.viewbtn-notification-padding button {
      padding-right: 2.25rem; }
    .atom--viewBtn .btn--wrapper.btn--view .notification {
      position: absolute;
      min-width: 1.5rem;
      height: 1.5rem;
      background-color: #F4791F;
      right: 0.75rem;
      padding: 0vw 0.125rem;
      color: #FFFFFF;
      border-radius: 2rem;
      text-align: center;
      overflow: hidden;
      top: -45%;
      z-index: 1; }
      .atom--viewBtn .btn--wrapper.btn--view .notification .text--paragraph {
        line-height: 1.5rem;
        font-size: 1.1rem;
        padding: inherit;
        margin-bottom: 0;
        top: 0; }

div:not(.container-content) > .atom.table-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 2.5rem;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 2.5rem;
  min-height: inherit; }

.atom.column--container {
  position: relative;
  display: block;
  margin-bottom: 2.5rem;
  min-height: inherit;
  opacity: 1; }
  .atom.column--container:not(.frame-col) {
    width: 100%; }
  .atom.column--container.box--container {
    border-radius: 1rem;
    -webkit-box-shadow: 0px 0px 0.8rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0.8rem rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0.8rem rgba(0, 0, 0, 0.2); }
  .atom.column--container .container-content {
    position: relative;
    display: block;
    width: 100%;
    min-height: inherit; }
  .atom.column--container.frame-width-full {
    width: 100%; }
  .atom.column--container .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: inherit; }
  .atom.column--container .atom.card-background-PS {
    visibility: hidden; }
    @media only screen and (max-width: 1199px) {
      .atom.column--container .atom.card-background-PS {
        visibility: visible; }
        .atom.column--container .atom.card-background-PS + .card-background {
          visibility: hidden; } }
  .atom.column--container .atom.card-background-TB {
    visibility: hidden; }
    @media only screen and (max-width: 899px) {
      .atom.column--container .atom.card-background-TB {
        visibility: visible; }
        .atom.column--container .atom.card-background-TB + .card-background, .atom.column--container .atom.card-background-TB + .card-background-PS {
          visibility: hidden; } }
  .atom.column--container .atom.card-background-MB {
    visibility: hidden; }
    @media only screen and (max-width: 599px) {
      .atom.column--container .atom.card-background-MB {
        visibility: visible; }
        .atom.column--container .atom.card-background-MB + .card-background, .atom.column--container .atom.card-background-MB + .card-background-PS, .atom.column--container .atom.card-background-MB + .atom.card-background-TB {
          visibility: hidden; } }
  .atom.column--container.card, .atom.column--container.card-video, .atom.column--container.card-audio {
    border-radius: 1rem;
    -webkit-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
    box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
    max-height: 50rem;
    transition: all 0.3s; }
    .atom.column--container.card .bg-image, .atom.column--container.card-video .bg-image, .atom.column--container.card-audio .bg-image {
      border-radius: 1rem; }
    @media only screen and (max-width: 1199px) {
      .atom.column--container.card, .atom.column--container.card-video, .atom.column--container.card-audio {
        -webkit-box-shadow: 0.625rem 0.625rem 2.5rem rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0.625rem 0.625rem 2.5rem rgba(0, 0, 0, 0.2);
        box-shadow: 0.625rem 0.625rem 2.5rem rgba(0, 0, 0, 0.2);
        border-radius: 1.25rem;
        transition: all 0.3s; } }
    .atom.column--container.card:hover, .atom.column--container.card-video:hover, .atom.column--container.card-audio:hover {
      -webkit-box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
      box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.3);
      transition: all 0.3s; }
      @media only screen and (max-width: 1199px) {
        .atom.column--container.card:hover, .atom.column--container.card-video:hover, .atom.column--container.card-audio:hover {
          -webkit-box-shadow: 0rem 1.25rem 2.5rem rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0rem 1.25rem 2.5rem rgba(0, 0, 0, 0.3);
          box-shadow: 0rem 1.25rem 2.5rem rgba(0, 0, 0, 0.3);
          transition: all 0.3s; } }
    .atom.column--container.card:active, .atom.column--container.card-video:active, .atom.column--container.card-audio:active {
      -webkit-box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);
      box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);
      transition: all 0.3s; }
      @media only screen and (max-width: 1199px) {
        .atom.column--container.card:active, .atom.column--container.card-video:active, .atom.column--container.card-audio:active {
          -webkit-box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.2);
          box-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.2);
          transition: all 0.3s; } }
  .atom.column--container.card-video, .atom.column--container.card-audio {
    padding: 0;
    cursor: pointer; }
    .atom.column--container.card-video .bg-image, .atom.column--container.card-audio .bg-image {
      opacity: 0.6; }
  .atom.column--container.card-video span.button, .atom.column--container.card-audio span.button {
    position: absolute;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 6.5rem;
    width: 12.5rem;
    opacity: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    transform: translate(-50%, -50%);
    z-index: 1; }
  .atom.column--container.card-audio span.button {
    background-image: url(../../../images/generic/skins/00/buttons/audio_btn.png); }
  .atom.column--container.card-video span.button {
    background-image: url(../../../images/generic/skins/00/buttons/play_btn.png); }
  .atom.column--container.align-center {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translate(-50%, 0);
    /* IE 9 */
    transform: translate(-50%, 0); }
  .atom.column--container.container-offset-left {
    width: calc(100% + 10vw);
    left: -10vw; }
    .atom.column--container.container-offset-left .container-content {
      padding-left: calc(10vw + 2.5rem); }
    @media only screen and (max-width: 1199px) {
      .atom.column--container.container-offset-left {
        width: calc(100% + 5vw);
        left: -5vw; }
        .atom.column--container.container-offset-left .container-content {
          padding-left: calc(5vw + 2.5rem); } }
  .atom.column--container.container-offset-right {
    width: calc(100% + 10vw); }
    .atom.column--container.container-offset-right .container-content {
      padding-right: calc(10vw + 2.5rem); }
    @media only screen and (max-width: 1199px) {
      .atom.column--container.container-offset-right {
        width: calc(100% + 5vw); }
        .atom.column--container.container-offset-right .container-content {
          padding-right: calc(5vw + 2.5rem); } }
  @media only screen and (max-width: 899px) {
    .atom.column--container.container-offset-TB-left {
      width: calc(100% + 5vw);
      left: -5vw; }
      .atom.column--container.container-offset-TB-left .container-content {
        padding-left: calc(5vw + 2.5rem); }
    .atom.column--container.container-offset-TB-right {
      width: calc(100% + 5vw); }
      .atom.column--container.container-offset-TB-right .container-content {
        padding-right: calc(5vw + 2.5rem); } }
  @media only screen and (max-width: 599px) {
    .atom.column--container.container-offset-M-left {
      width: calc(100% + 3.125rem);
      left: -3.125rem; }
      .atom.column--container.container-offset-M-left .container-content {
        padding-left: 5.625rem; }
    .atom.column--container.container-offset-M-right {
      width: calc(100% + 3.125rem); }
      .atom.column--container.container-offset-M-right .container-content {
        padding-right: 5.625rem; } }

.atom.atom-padding {
  padding: 2.5rem 2.5rem 0.1rem 2.5rem; }

.atom.position-topLeft {
  background-position: top left; }

.atom.position-topRight {
  background-position: top right; }

.atom.position-topCenter {
  background-position: top center; }

.atom.position-bottomLeft {
  background-position: bottom left; }

.atom.position-bottomRight {
  background-position: bottom right; }

.atom.position-bottomCenter {
  background-position: bottom center; }

.ispclarge {
  display: block; }

.ispcsmall {
  display: none; }

.istablet {
  display: none; }

.ismobile {
  display: none; }

@media only screen and (max-width: 1199px) {
  .ispclarge {
    display: none; }
  .ispcsmall {
    display: block; }
  .istablet {
    display: none; }
  .ismobile {
    display: none; } }

@media only screen and (max-width: 899px) {
  .ispclarge {
    display: none; }
  .ispcsmall {
    display: none; }
  .istablet {
    display: block; }
  .ismobile {
    display: none; } }

@media only screen and (max-width: 599px) {
  .ispclarge {
    display: none; }
  .ispcsmall {
    display: none; }
  .istablet {
    display: none; }
  .ismobile {
    display: block; } }

/* BEGIN Backgrounds */
.atom-background {
  position: absolute;
  /* BEGIN Backgrounds and Highlights  for medium and large screen*/
  /* Background height */
  /* Background width */
  /* Background position */
  /* Highlight Block */
  /* Highlight height 30 rows and full slide*/
  /* Highlight width - normal, double padding, single margin and double margin*/
  /* Highlight position */
  /* Position - Left (without and with margin) and top*/
  /* top  position */
  /* END Backgrounds and Highlights  for medium and large screen*/
  /* BEGIN Backgrounds and Highlights for small pc screen*/
  /* END Backgrounds and Highlights for small pc screen*/
  /* BEGIN Backgrounds and Highlights for tablet portrait*/
  /* END Backgrounds and Highlights for tablet portrait*/
  /* BEGIN Backgrounds and Highlights for phone*/
  /* END Backgrounds and Highlights for phone*/ }
  .atom-background.bg-ht-1 {
    height: calc( 100vh / 1);
    min-height: calc( 100% / 1); }
  .atom-background.bg-ht-2 {
    height: calc( 100vh / 2);
    min-height: calc( 100% / 2); }
  .atom-background.bg-ht-3 {
    height: calc( 100vh / 3);
    min-height: calc( 100% / 3); }
  .atom-background.bg-ht-4 {
    height: calc( 100vh / 4);
    min-height: calc( 100% / 4); }
  .atom-background.bg-ht-5 {
    height: calc( 100vh / 5);
    min-height: calc( 100% / 5); }
  .atom-background.bg-wd-1 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-2 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-3 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-4 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-5 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-6 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-7 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-8 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-9 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-10 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-11 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-12 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 0vw); }
  .atom-background.bg-wd-sm-1 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-2 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-3 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-4 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-5 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-6 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-7 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-8 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-9 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-10 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-11 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-sm-12 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 5vw); }
  .atom-background.bg-wd-dm-1 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-2 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-3 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-4 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-5 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-6 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-7 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-8 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-9 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-10 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-11 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-wd-dm-12 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 10vw); }
  .atom-background.bg-h-pos-1 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-2 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (2 -  1)) + (2 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-3 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (3 -  1)) + (3 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-4 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (4 -  1)) + (4 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-5 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (5 -  1)) + (5 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-6 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (6 -  1)) + (6 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-7 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (7 -  1)) + (7 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-8 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (8 -  1)) + (8 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-9 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (9 -  1)) + (9 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-10 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (10 -  1)) + (10 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-11 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (11 -  1)) + (11 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-12 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (12 -  1)) + (12 - 1) * 2.5rem) - 0vw); }
  .atom-background.bg-h-pos-0 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 5vw); }
  .atom-background.hglt-ht-1 {
    height: calc(2.5rem * 1);
    min-height: auto; }
  .atom-background.hglt-ht-2 {
    height: calc(2.5rem * 2);
    min-height: auto; }
  .atom-background.hglt-ht-3 {
    height: calc(2.5rem * 3);
    min-height: auto; }
  .atom-background.hglt-ht-4 {
    height: calc(2.5rem * 4);
    min-height: auto; }
  .atom-background.hglt-ht-5 {
    height: calc(2.5rem * 5);
    min-height: auto; }
  .atom-background.hglt-ht-6 {
    height: calc(2.5rem * 6);
    min-height: auto; }
  .atom-background.hglt-ht-7 {
    height: calc(2.5rem * 7);
    min-height: auto; }
  .atom-background.hglt-ht-8 {
    height: calc(2.5rem * 8);
    min-height: auto; }
  .atom-background.hglt-ht-9 {
    height: calc(2.5rem * 9);
    min-height: auto; }
  .atom-background.hglt-ht-10 {
    height: calc(2.5rem * 10);
    min-height: auto; }
  .atom-background.hglt-ht-11 {
    height: calc(2.5rem * 11);
    min-height: auto; }
  .atom-background.hglt-ht-12 {
    height: calc(2.5rem * 12);
    min-height: auto; }
  .atom-background.hglt-ht-13 {
    height: calc(2.5rem * 13);
    min-height: auto; }
  .atom-background.hglt-ht-14 {
    height: calc(2.5rem * 14);
    min-height: auto; }
  .atom-background.hglt-ht-15 {
    height: calc(2.5rem * 15);
    min-height: auto; }
  .atom-background.hglt-ht-16 {
    height: calc(2.5rem * 16);
    min-height: auto; }
  .atom-background.hglt-ht-17 {
    height: calc(2.5rem * 17);
    min-height: auto; }
  .atom-background.hglt-ht-18 {
    height: calc(2.5rem * 18);
    min-height: auto; }
  .atom-background.hglt-ht-19 {
    height: calc(2.5rem * 19);
    min-height: auto; }
  .atom-background.hglt-ht-20 {
    height: calc(2.5rem * 20);
    min-height: auto; }
  .atom-background.hglt-ht-21 {
    height: calc(2.5rem * 21);
    min-height: auto; }
  .atom-background.hglt-ht-22 {
    height: calc(2.5rem * 22);
    min-height: auto; }
  .atom-background.hglt-ht-23 {
    height: calc(2.5rem * 23);
    min-height: auto; }
  .atom-background.hglt-ht-24 {
    height: calc(2.5rem * 24);
    min-height: auto; }
  .atom-background.hglt-ht-25 {
    height: calc(2.5rem * 25);
    min-height: auto; }
  .atom-background.hglt-ht-26 {
    height: calc(2.5rem * 26);
    min-height: auto; }
  .atom-background.hglt-ht-27 {
    height: calc(2.5rem * 27);
    min-height: auto; }
  .atom-background.hglt-ht-28 {
    height: calc(2.5rem * 28);
    min-height: auto; }
  .atom-background.hglt-ht-29 {
    height: calc(2.5rem * 29);
    min-height: auto; }
  .atom-background.hglt-ht-30 {
    height: calc(2.5rem * 30);
    min-height: auto; }
  .atom-background.hglt-ht-full {
    height: 100vh;
    min-height: auto; }
  .atom-background.hglt-ht-fullPercentage {
    height: 100%;
    min-height: auto; }
  .atom-background.hglt-wd-1 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-2 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-3 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-4 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-5 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-6 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-7 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-8 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-9 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-10 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-11 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-12 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-13 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-14 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-15 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-16 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-17 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-18 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-19 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-20 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-21 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-22 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-23 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem))); }
  .atom-background.hglt-wd-dpad-1 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-2 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-3 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-4 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-5 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-6 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-7 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-8 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-9 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-dpad-10 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 + 1) * 2.5rem) + 0vw); }
  .atom-background.hglt-wd-sm-1 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-2 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-3 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-4 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-5 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-6 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-7 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-8 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-9 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-10 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-11 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-12 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-13 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-14 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-15 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-16 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-17 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-18 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-19 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-20 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-21 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-22 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-sm-23 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem) + 10vw )); }
  .atom-background.hglt-wd-dm-1 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-2 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-3 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-4 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-5 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-6 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-7 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-8 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-9 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-10 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-11 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-12 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-13 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-14 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-15 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-16 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-17 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-18 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-19 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-20 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-21 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-22 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-wd-dm-23 {
    width: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem) + 20vw )); }
  .atom-background.hglt-left-pos-1 {
    left: 0;
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-2 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-3 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-4 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-5 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-6 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-7 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-8 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-9 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-10 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-11 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-12 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-13 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-14 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-15 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-16 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-17 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-18 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-19 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-20 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-21 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-22 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-23 {
    left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem)));
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-left-pos-0 {
    left: -10vw;
    transition: left 0.5s, width 0.5s , height 0.5s; }
  .atom-background.hglt-top-pos-0 {
    top: calc(2.5rem * 0); }
  .atom-background.hglt-top-pos-1 {
    top: calc(2.5rem * 1); }
  .atom-background.hglt-top-pos-2 {
    top: calc(2.5rem * 2); }
  .atom-background.hglt-top-pos-3 {
    top: calc(2.5rem * 3); }
  .atom-background.hglt-top-pos-4 {
    top: calc(2.5rem * 4); }
  .atom-background.hglt-top-pos-5 {
    top: calc(2.5rem * 5); }
  .atom-background.hglt-top-pos-6 {
    top: calc(2.5rem * 6); }
  .atom-background.hglt-top-pos-7 {
    top: calc(2.5rem * 7); }
  .atom-background.hglt-top-pos-8 {
    top: calc(2.5rem * 8); }
  .atom-background.hglt-top-pos-9 {
    top: calc(2.5rem * 9); }
  .atom-background.hglt-top-pos-10 {
    top: calc(2.5rem * 10); }
  .atom-background.hglt-top-pos-11 {
    top: calc(2.5rem * 11); }
  .atom-background.hglt-top-pos-12 {
    top: calc(2.5rem * 12); }
  .atom-background.hglt-top-pos-13 {
    top: calc(2.5rem * 13); }
  .atom-background.hglt-top-pos-14 {
    top: calc(2.5rem * 14); }
  .atom-background.hglt-top-pos-15 {
    top: calc(2.5rem * 15); }
  .atom-background.hglt-top-pos-16 {
    top: calc(2.5rem * 16); }
  .atom-background.hglt-top-pos-17 {
    top: calc(2.5rem * 17); }
  .atom-background.hglt-top-pos-18 {
    top: calc(2.5rem * 18); }
  .atom-background.hglt-top-pos-19 {
    top: calc(2.5rem * 19); }
  .atom-background.hglt-top-pos-20 {
    top: calc(2.5rem * 20); }
  .atom-background.hglt-top-pos-21 {
    top: calc(2.5rem * 21); }
  .atom-background.hglt-top-pos-22 {
    top: calc(2.5rem * 22); }
  .atom-background.hglt-top-pos-23 {
    top: calc(2.5rem * 23); }
  .atom-background.hglt-top-pos-24 {
    top: calc(2.5rem * 24); }
  .atom-background.hglt-top-pos-25 {
    top: calc(2.5rem * 25); }
  .atom-background.hglt-top-pos-26 {
    top: calc(2.5rem * 26); }
  .atom-background.hglt-top-pos-27 {
    top: calc(2.5rem * 27); }
  .atom-background.hglt-top-pos-28 {
    top: calc(2.5rem * 28); }
  .atom-background.hglt-top-pos-29 {
    top: calc(2.5rem * 29); }
  .atom-background.hglt-top-pos-30 {
    top: calc(2.5rem * 30); }
  .atom-background.hglt-pclrg {
    display: block; }
  @media only screen and (max-width: 1199px) {
    .atom-background {
      /* Highlight Block */
      /* Highlight height 30 rows and full slide*/
      /* Highlight width - normal, double padding, single margin and double margin*/
      /* Highlight position */
      /* Position - Left (without and with margin) and top*/
      /* top  position */ }
      .atom-background.bg-wd-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 0vw); }
      .atom-background.bg-wd-sm-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-sm-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.bg-wd-dm-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-wd-dm-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 5vw); }
      .atom-background.bg-h-pos-1 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-2 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (2 -  1)) + (2 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-3 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (3 -  1)) + (3 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-4 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (4 -  1)) + (4 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-5 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (5 -  1)) + (5 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-6 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (6 -  1)) + (6 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-7 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (7 -  1)) + (7 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-8 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (8 -  1)) + (8 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-9 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (9 -  1)) + (9 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-10 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (10 -  1)) + (10 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-11 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (11 -  1)) + (11 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-12 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (12 -  1)) + (12 - 1) * 2.5rem) - 0vw); }
      .atom-background.bg-h-pos-0 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 2.5vw); }
      .atom-background.pcs-hglt-ht-1 {
        height: calc(2.5rem * 1);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-2 {
        height: calc(2.5rem * 2);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-3 {
        height: calc(2.5rem * 3);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-4 {
        height: calc(2.5rem * 4);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-5 {
        height: calc(2.5rem * 5);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-6 {
        height: calc(2.5rem * 6);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-7 {
        height: calc(2.5rem * 7);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-8 {
        height: calc(2.5rem * 8);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-9 {
        height: calc(2.5rem * 9);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-10 {
        height: calc(2.5rem * 10);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-11 {
        height: calc(2.5rem * 11);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-12 {
        height: calc(2.5rem * 12);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-13 {
        height: calc(2.5rem * 13);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-14 {
        height: calc(2.5rem * 14);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-15 {
        height: calc(2.5rem * 15);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-16 {
        height: calc(2.5rem * 16);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-17 {
        height: calc(2.5rem * 17);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-18 {
        height: calc(2.5rem * 18);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-19 {
        height: calc(2.5rem * 19);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-20 {
        height: calc(2.5rem * 20);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-21 {
        height: calc(2.5rem * 21);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-22 {
        height: calc(2.5rem * 22);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-23 {
        height: calc(2.5rem * 23);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-24 {
        height: calc(2.5rem * 24);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-25 {
        height: calc(2.5rem * 25);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-26 {
        height: calc(2.5rem * 26);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-27 {
        height: calc(2.5rem * 27);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-28 {
        height: calc(2.5rem * 28);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-29 {
        height: calc(2.5rem * 29);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-30 {
        height: calc(2.5rem * 30);
        min-height: auto; }
      .atom-background.pcs-hglt-ht-full {
        height: 100vh;
        min-height: auto; }
      .atom-background.pcs-hglt-ht-fullPercentage {
        height: 100%;
        min-height: auto; }
      .atom-background.pcs-hglt-wd-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-13 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-14 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-15 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-16 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-17 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-18 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-19 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-20 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-21 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-22 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-23 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.pcs-hglt-wd-dpad-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-dpad-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 + 1) * 2.5rem) + 0vw); }
      .atom-background.pcs-hglt-wd-sm-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-13 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-14 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-15 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-16 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-17 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-18 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-19 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-20 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-21 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-22 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-sm-23 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.pcs-hglt-wd-dm-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-13 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-14 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-15 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-16 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-17 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-18 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-19 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-20 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-21 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-22 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-wd-dm-23 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.pcs-hglt-left-pos-1 {
        left: 0;
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-2 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-3 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-4 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-5 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-6 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-7 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-8 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-9 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-10 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-11 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-12 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-13 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-14 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-15 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-16 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-17 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-18 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-19 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-20 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-21 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-22 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-23 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-left-pos-0 {
        left: -5vw;
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.pcs-hglt-top-pos-0 {
        top: calc(2.5rem * 0); }
      .atom-background.pcs-hglt-top-pos-1 {
        top: calc(2.5rem * 1); }
      .atom-background.pcs-hglt-top-pos-2 {
        top: calc(2.5rem * 2); }
      .atom-background.pcs-hglt-top-pos-3 {
        top: calc(2.5rem * 3); }
      .atom-background.pcs-hglt-top-pos-4 {
        top: calc(2.5rem * 4); }
      .atom-background.pcs-hglt-top-pos-5 {
        top: calc(2.5rem * 5); }
      .atom-background.pcs-hglt-top-pos-6 {
        top: calc(2.5rem * 6); }
      .atom-background.pcs-hglt-top-pos-7 {
        top: calc(2.5rem * 7); }
      .atom-background.pcs-hglt-top-pos-8 {
        top: calc(2.5rem * 8); }
      .atom-background.pcs-hglt-top-pos-9 {
        top: calc(2.5rem * 9); }
      .atom-background.pcs-hglt-top-pos-10 {
        top: calc(2.5rem * 10); }
      .atom-background.pcs-hglt-top-pos-11 {
        top: calc(2.5rem * 11); }
      .atom-background.pcs-hglt-top-pos-12 {
        top: calc(2.5rem * 12); }
      .atom-background.pcs-hglt-top-pos-13 {
        top: calc(2.5rem * 13); }
      .atom-background.pcs-hglt-top-pos-14 {
        top: calc(2.5rem * 14); }
      .atom-background.pcs-hglt-top-pos-15 {
        top: calc(2.5rem * 15); }
      .atom-background.pcs-hglt-top-pos-16 {
        top: calc(2.5rem * 16); }
      .atom-background.pcs-hglt-top-pos-17 {
        top: calc(2.5rem * 17); }
      .atom-background.pcs-hglt-top-pos-18 {
        top: calc(2.5rem * 18); }
      .atom-background.pcs-hglt-top-pos-19 {
        top: calc(2.5rem * 19); }
      .atom-background.pcs-hglt-top-pos-20 {
        top: calc(2.5rem * 20); }
      .atom-background.pcs-hglt-top-pos-21 {
        top: calc(2.5rem * 21); }
      .atom-background.pcs-hglt-top-pos-22 {
        top: calc(2.5rem * 22); }
      .atom-background.pcs-hglt-top-pos-23 {
        top: calc(2.5rem * 23); }
      .atom-background.pcs-hglt-top-pos-24 {
        top: calc(2.5rem * 24); }
      .atom-background.pcs-hglt-top-pos-25 {
        top: calc(2.5rem * 25); }
      .atom-background.pcs-hglt-top-pos-26 {
        top: calc(2.5rem * 26); }
      .atom-background.pcs-hglt-top-pos-27 {
        top: calc(2.5rem * 27); }
      .atom-background.pcs-hglt-top-pos-28 {
        top: calc(2.5rem * 28); }
      .atom-background.pcs-hglt-top-pos-29 {
        top: calc(2.5rem * 29); }
      .atom-background.pcs-hglt-top-pos-30 {
        top: calc(2.5rem * 30); }
      .atom-background.hglt-pclrg {
        display: none; }
      .atom-background.hglt-pcsml {
        display: block; } }
  @media only screen and (max-width: 899px) {
    .atom-background {
      /* Highlight Block */
      /* Highlight height 30 rows and full slide*/
      /* Highlight width - normal, double padding, single margin and double margin*/
      /* Highlight position */
      /* Position - Left (without and with margin) and top*/
      /* top  position */ }
      .atom-background.tab-bg-ht-1 {
        height: calc( 100vh / 1);
        min-height: calc( 100% / 1); }
      .atom-background.tab-bg-ht-2 {
        height: calc( 100vh / 2);
        min-height: calc( 100% / 2); }
      .atom-background.tab-bg-ht-3 {
        height: calc( 100vh / 3);
        min-height: calc( 100% / 3); }
      .atom-background.tab-bg-ht-4 {
        height: calc( 100vh / 4);
        min-height: calc( 100% / 4); }
      .atom-background.tab-bg-ht-5 {
        height: calc( 100vh / 5);
        min-height: calc( 100% / 5); }
      .atom-background.tab-bg-wd-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 0vw); }
      .atom-background.tab-bg-wd-sm-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-sm-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 2.5vw); }
      .atom-background.tab-bg-wd-dm-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 11) + (11 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-wd-dm-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 5vw); }
      .atom-background.tab-bg-h-pos-1 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-2 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (2 -  1)) + (2 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-3 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (3 -  1)) + (3 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-4 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (4 -  1)) + (4 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-5 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (5 -  1)) + (5 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-6 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (6 -  1)) + (6 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-7 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (7 -  1)) + (7 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-8 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (8 -  1)) + (8 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-9 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (9 -  1)) + (9 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-10 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (10 -  1)) + (10 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-11 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (11 -  1)) + (11 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-12 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (12 -  1)) + (12 - 1) * 2.5rem) - 0vw); }
      .atom-background.tab-bg-h-pos-0 {
        left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 2.5vw); }
      .atom-background.tab-hglt-ht-1 {
        height: calc(2.5rem * 1);
        min-height: auto; }
      .atom-background.tab-hglt-ht-2 {
        height: calc(2.5rem * 2);
        min-height: auto; }
      .atom-background.tab-hglt-ht-3 {
        height: calc(2.5rem * 3);
        min-height: auto; }
      .atom-background.tab-hglt-ht-4 {
        height: calc(2.5rem * 4);
        min-height: auto; }
      .atom-background.tab-hglt-ht-5 {
        height: calc(2.5rem * 5);
        min-height: auto; }
      .atom-background.tab-hglt-ht-6 {
        height: calc(2.5rem * 6);
        min-height: auto; }
      .atom-background.tab-hglt-ht-7 {
        height: calc(2.5rem * 7);
        min-height: auto; }
      .atom-background.tab-hglt-ht-8 {
        height: calc(2.5rem * 8);
        min-height: auto; }
      .atom-background.tab-hglt-ht-9 {
        height: calc(2.5rem * 9);
        min-height: auto; }
      .atom-background.tab-hglt-ht-10 {
        height: calc(2.5rem * 10);
        min-height: auto; }
      .atom-background.tab-hglt-ht-11 {
        height: calc(2.5rem * 11);
        min-height: auto; }
      .atom-background.tab-hglt-ht-12 {
        height: calc(2.5rem * 12);
        min-height: auto; }
      .atom-background.tab-hglt-ht-13 {
        height: calc(2.5rem * 13);
        min-height: auto; }
      .atom-background.tab-hglt-ht-14 {
        height: calc(2.5rem * 14);
        min-height: auto; }
      .atom-background.tab-hglt-ht-15 {
        height: calc(2.5rem * 15);
        min-height: auto; }
      .atom-background.tab-hglt-ht-16 {
        height: calc(2.5rem * 16);
        min-height: auto; }
      .atom-background.tab-hglt-ht-17 {
        height: calc(2.5rem * 17);
        min-height: auto; }
      .atom-background.tab-hglt-ht-18 {
        height: calc(2.5rem * 18);
        min-height: auto; }
      .atom-background.tab-hglt-ht-19 {
        height: calc(2.5rem * 19);
        min-height: auto; }
      .atom-background.tab-hglt-ht-20 {
        height: calc(2.5rem * 20);
        min-height: auto; }
      .atom-background.tab-hglt-ht-21 {
        height: calc(2.5rem * 21);
        min-height: auto; }
      .atom-background.tab-hglt-ht-22 {
        height: calc(2.5rem * 22);
        min-height: auto; }
      .atom-background.tab-hglt-ht-23 {
        height: calc(2.5rem * 23);
        min-height: auto; }
      .atom-background.tab-hglt-ht-24 {
        height: calc(2.5rem * 24);
        min-height: auto; }
      .atom-background.tab-hglt-ht-25 {
        height: calc(2.5rem * 25);
        min-height: auto; }
      .atom-background.tab-hglt-ht-26 {
        height: calc(2.5rem * 26);
        min-height: auto; }
      .atom-background.tab-hglt-ht-27 {
        height: calc(2.5rem * 27);
        min-height: auto; }
      .atom-background.tab-hglt-ht-28 {
        height: calc(2.5rem * 28);
        min-height: auto; }
      .atom-background.tab-hglt-ht-29 {
        height: calc(2.5rem * 29);
        min-height: auto; }
      .atom-background.tab-hglt-ht-30 {
        height: calc(2.5rem * 30);
        min-height: auto; }
      .atom-background.tab-hglt-ht-full {
        height: 100vh;
        min-height: auto; }
      .atom-background.tab-hglt-ht-fullPercentage {
        height: 100%;
        min-height: auto; }
      .atom-background.tab-hglt-wd-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-13 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-14 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-15 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-16 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-17 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-18 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-19 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-20 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-21 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-22 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-23 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem))); }
      .atom-background.tab-hglt-wd-dpad-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 1) + (1 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 2) + (2 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 4) + (4 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 5) + (5 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 6) + (6 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 7) + (7 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 8) + (8 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 9) + (9 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-dpad-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 10) + (10 + 1) * 2.5rem) + 0vw); }
      .atom-background.tab-hglt-wd-sm-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-13 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-14 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-15 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-16 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-17 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-18 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-19 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-20 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-21 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-22 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-sm-23 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem) + 5vw )); }
      .atom-background.tab-hglt-wd-dm-1 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-2 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-3 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-4 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-5 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-6 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-7 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-8 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-9 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-10 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-11 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-12 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-13 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-14 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-15 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-16 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-17 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-18 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-19 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-20 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-21 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-22 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-wd-dm-23 {
        width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 2.5rem) + 10vw )); }
      .atom-background.tab-hglt-left-pos-1 {
        left: 0;
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-2 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-3 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-4 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-5 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-6 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-7 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-8 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-9 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-10 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-11 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-12 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-13 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-14 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-15 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-16 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-17 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-18 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-19 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-20 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-21 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-22 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-23 {
        left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 2.5rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-left-pos-0 {
        left: -5vw;
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.tab-hglt-top-pos-0 {
        top: calc(2.5rem * 0); }
      .atom-background.tab-hglt-top-pos-1 {
        top: calc(2.5rem * 1); }
      .atom-background.tab-hglt-top-pos-2 {
        top: calc(2.5rem * 2); }
      .atom-background.tab-hglt-top-pos-3 {
        top: calc(2.5rem * 3); }
      .atom-background.tab-hglt-top-pos-4 {
        top: calc(2.5rem * 4); }
      .atom-background.tab-hglt-top-pos-5 {
        top: calc(2.5rem * 5); }
      .atom-background.tab-hglt-top-pos-6 {
        top: calc(2.5rem * 6); }
      .atom-background.tab-hglt-top-pos-7 {
        top: calc(2.5rem * 7); }
      .atom-background.tab-hglt-top-pos-8 {
        top: calc(2.5rem * 8); }
      .atom-background.tab-hglt-top-pos-9 {
        top: calc(2.5rem * 9); }
      .atom-background.tab-hglt-top-pos-10 {
        top: calc(2.5rem * 10); }
      .atom-background.tab-hglt-top-pos-11 {
        top: calc(2.5rem * 11); }
      .atom-background.tab-hglt-top-pos-12 {
        top: calc(2.5rem * 12); }
      .atom-background.tab-hglt-top-pos-13 {
        top: calc(2.5rem * 13); }
      .atom-background.tab-hglt-top-pos-14 {
        top: calc(2.5rem * 14); }
      .atom-background.tab-hglt-top-pos-15 {
        top: calc(2.5rem * 15); }
      .atom-background.tab-hglt-top-pos-16 {
        top: calc(2.5rem * 16); }
      .atom-background.tab-hglt-top-pos-17 {
        top: calc(2.5rem * 17); }
      .atom-background.tab-hglt-top-pos-18 {
        top: calc(2.5rem * 18); }
      .atom-background.tab-hglt-top-pos-19 {
        top: calc(2.5rem * 19); }
      .atom-background.tab-hglt-top-pos-20 {
        top: calc(2.5rem * 20); }
      .atom-background.tab-hglt-top-pos-21 {
        top: calc(2.5rem * 21); }
      .atom-background.tab-hglt-top-pos-22 {
        top: calc(2.5rem * 22); }
      .atom-background.tab-hglt-top-pos-23 {
        top: calc(2.5rem * 23); }
      .atom-background.tab-hglt-top-pos-24 {
        top: calc(2.5rem * 24); }
      .atom-background.tab-hglt-top-pos-25 {
        top: calc(2.5rem * 25); }
      .atom-background.tab-hglt-top-pos-26 {
        top: calc(2.5rem * 26); }
      .atom-background.tab-hglt-top-pos-27 {
        top: calc(2.5rem * 27); }
      .atom-background.tab-hglt-top-pos-28 {
        top: calc(2.5rem * 28); }
      .atom-background.tab-hglt-top-pos-29 {
        top: calc(2.5rem * 29); }
      .atom-background.tab-hglt-top-pos-30 {
        top: calc(2.5rem * 30); }
      .atom-background.hglt-pclrg {
        display: none; }
      .atom-background.hglt-pcsml {
        display: none; }
      .atom-background.hglt-pctab {
        display: block; } }
  @media only screen and (max-width: 599px) {
    .atom-background {
      /* Highlight Block */
      /* Highlight height 30 rows and full slide*/
      /* Highlight width - normal, double padding, single margin and double margin*/
      /* Highlight position */
      /* Position - Left (without and with margin) and top*/
      /* top  position */ }
      .atom-background.ph-bg-ht-1 {
        height: calc( 100vh / 1);
        min-height: calc( 100% / 1); }
      .atom-background.ph-bg-ht-2 {
        height: calc( 100vh / 2);
        min-height: calc( 100% / 2); }
      .atom-background.ph-bg-ht-3 {
        height: calc( 100vh / 3);
        min-height: calc( 100% / 3); }
      .atom-background.ph-bg-ht-4 {
        height: calc( 100vh / 4);
        min-height: calc( 100% / 4); }
      .atom-background.ph-bg-ht-5 {
        height: calc( 100vh / 5);
        min-height: calc( 100% / 5); }
      .atom-background.ph-bg-wd-1 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 1 + ((1.875rem * (1 - 1)))); }
      .atom-background.ph-bg-wd-2 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 2 + ((1.875rem * (2 - 1)))); }
      .atom-background.ph-bg-wd-3 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 3 + ((1.875rem * (3 - 1)))); }
      .atom-background.ph-bg-wd-4 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 4 + ((1.875rem * (4 - 1)))); }
      .atom-background.ph-bg-wd-5 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 5 + ((1.875rem * (5 - 1)))); }
      .atom-background.ph-bg-wd-6 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 6 + ((1.875rem * (6 - 1)))); }
      .atom-background.ph-bg-wd-7 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 7 + ((1.875rem * (7 - 1)))); }
      .atom-background.ph-bg-wd-8 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 8 + ((1.875rem * (8 - 1)))); }
      .atom-background.ph-bg-wd-9 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 9 + ((1.875rem * (9 - 1)))); }
      .atom-background.ph-bg-wd-10 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 10 + ((1.875rem * (10 - 1)))); }
      .atom-background.ph-bg-wd-11 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 11 + ((1.875rem * (11 - 1)))); }
      .atom-background.ph-bg-wd-12 {
        width: calc((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 12 + ((1.875rem * (12 - 1)))); }
      .atom-background.ph-bg-wd-sm-1 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 1  + ((1.875rem * (1 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-2 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 2  + ((1.875rem * (2 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-3 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 3  + ((1.875rem * (3 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-4 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 4  + ((1.875rem * (4 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-5 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 5  + ((1.875rem * (5 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-6 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 6  + ((1.875rem * (6 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-7 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 7  + ((1.875rem * (7 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-8 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 8  + ((1.875rem * (8 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-9 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 9  + ((1.875rem * (9 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-10 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 10  + ((1.875rem * (10 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-11 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 11  + ((1.875rem * (11 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-sm-12 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 12  + ((1.875rem * (12 - 1)))) + 3.125rem); }
      .atom-background.ph-bg-wd-dm-1 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 1 + ((1.875rem * (1 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-2 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 2 + ((1.875rem * (2 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-3 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 3 + ((1.875rem * (3 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-4 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 4 + ((1.875rem * (4 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-5 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 5 + ((1.875rem * (5 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-6 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 6 + ((1.875rem * (6 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-7 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 7 + ((1.875rem * (7 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-8 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 8 + ((1.875rem * (8 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-9 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 9 + ((1.875rem * (9 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-10 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 10 + ((1.875rem * (10 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-11 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 11 + ((1.875rem * (11 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-wd-dm-12 {
        width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 12 + ((1.875rem * (12 - 1)))) + 6.25rem); }
      .atom-background.ph-bg-h-pos-1 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-2 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (2 -  1)) + (2 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-3 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (3 -  1)) + (3 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-4 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (4 -  1)) + (4 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-5 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (5 -  1)) + (5 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-6 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (6 -  1)) + (6 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-7 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (7 -  1)) + (7 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-8 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (8 -  1)) + (8 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-9 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (9 -  1)) + (9 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-10 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (10 -  1)) + (10 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-11 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (11 -  1)) + (11 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-12 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * (12 -  1)) + (12 - 1) * 1.875rem) + 3.125rem); }
      .atom-background.ph-bg-h-pos-0 {
        left: 0; }
      .atom-background.ph-hglt-ht-1 {
        height: calc(2.5rem * 1);
        min-height: auto; }
      .atom-background.ph-hglt-ht-2 {
        height: calc(2.5rem * 2);
        min-height: auto; }
      .atom-background.ph-hglt-ht-3 {
        height: calc(2.5rem * 3);
        min-height: auto; }
      .atom-background.ph-hglt-ht-4 {
        height: calc(2.5rem * 4);
        min-height: auto; }
      .atom-background.ph-hglt-ht-5 {
        height: calc(2.5rem * 5);
        min-height: auto; }
      .atom-background.ph-hglt-ht-6 {
        height: calc(2.5rem * 6);
        min-height: auto; }
      .atom-background.ph-hglt-ht-7 {
        height: calc(2.5rem * 7);
        min-height: auto; }
      .atom-background.ph-hglt-ht-8 {
        height: calc(2.5rem * 8);
        min-height: auto; }
      .atom-background.ph-hglt-ht-9 {
        height: calc(2.5rem * 9);
        min-height: auto; }
      .atom-background.ph-hglt-ht-10 {
        height: calc(2.5rem * 10);
        min-height: auto; }
      .atom-background.ph-hglt-ht-11 {
        height: calc(2.5rem * 11);
        min-height: auto; }
      .atom-background.ph-hglt-ht-12 {
        height: calc(2.5rem * 12);
        min-height: auto; }
      .atom-background.ph-hglt-ht-13 {
        height: calc(2.5rem * 13);
        min-height: auto; }
      .atom-background.ph-hglt-ht-14 {
        height: calc(2.5rem * 14);
        min-height: auto; }
      .atom-background.ph-hglt-ht-15 {
        height: calc(2.5rem * 15);
        min-height: auto; }
      .atom-background.ph-hglt-ht-16 {
        height: calc(2.5rem * 16);
        min-height: auto; }
      .atom-background.ph-hglt-ht-17 {
        height: calc(2.5rem * 17);
        min-height: auto; }
      .atom-background.ph-hglt-ht-18 {
        height: calc(2.5rem * 18);
        min-height: auto; }
      .atom-background.ph-hglt-ht-19 {
        height: calc(2.5rem * 19);
        min-height: auto; }
      .atom-background.ph-hglt-ht-20 {
        height: calc(2.5rem * 20);
        min-height: auto; }
      .atom-background.ph-hglt-ht-21 {
        height: calc(2.5rem * 21);
        min-height: auto; }
      .atom-background.ph-hglt-ht-22 {
        height: calc(2.5rem * 22);
        min-height: auto; }
      .atom-background.ph-hglt-ht-23 {
        height: calc(2.5rem * 23);
        min-height: auto; }
      .atom-background.ph-hglt-ht-24 {
        height: calc(2.5rem * 24);
        min-height: auto; }
      .atom-background.ph-hglt-ht-25 {
        height: calc(2.5rem * 25);
        min-height: auto; }
      .atom-background.ph-hglt-ht-26 {
        height: calc(2.5rem * 26);
        min-height: auto; }
      .atom-background.ph-hglt-ht-27 {
        height: calc(2.5rem * 27);
        min-height: auto; }
      .atom-background.ph-hglt-ht-28 {
        height: calc(2.5rem * 28);
        min-height: auto; }
      .atom-background.ph-hglt-ht-29 {
        height: calc(2.5rem * 29);
        min-height: auto; }
      .atom-background.ph-hglt-ht-30 {
        height: calc(2.5rem * 30);
        min-height: auto; }
      .atom-background.ph-hglt-ht-full {
        height: 100%;
        min-height: auto; }
      .atom-background.ph-hglt-ht-fullVH {
        height: 100vh;
        min-height: auto; }
      .atom-background.ph-hglt-wd-1 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-2 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-3 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-4 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-5 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-6 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-7 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-8 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-9 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-10 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-11 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-12 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-13 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-14 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-15 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-16 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-17 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-18 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-19 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-20 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-21 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-22 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-23 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 1.875rem))); }
      .atom-background.ph-hglt-wd-dpad-1 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 1) + (1 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-2 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 2) + (2 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-3 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 3) + (3 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-4 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 4) + (4 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-5 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 5) + (5 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-6 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 6) + (6 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-7 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 7) + (7 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-8 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 8) + (8 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-9 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 9) + (9 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-dpad-10 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 10) + (10 + 1) * 1.875rem)); }
      .atom-background.ph-hglt-wd-sm-1 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-2 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-3 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-4 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-5 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-6 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-7 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-8 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-9 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-10 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-11 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-12 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-13 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-14 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-15 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-16 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-17 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-18 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-19 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-20 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-21 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-22 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-sm-23 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 1.875rem) + 3.125rem )); }
      .atom-background.ph-hglt-wd-dm-1 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-2 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-3 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-4 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-5 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-6 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-7 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-8 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-9 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-10 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-11 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-12 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-13 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-14 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-15 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-16 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-17 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-18 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-19 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-20 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-21 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-22 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-wd-dm-23 {
        width: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((23 + 1 ) / 2) + (23 - ((23 + 1 ) / 2)) * 1.875rem) + 6.25rem )); }
      .atom-background.ph-hglt-left-pos-1 {
        left: 0;
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-2 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((1 + 1 ) / 2) + (1 - ((1 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-3 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((2 + 0 ) / 2) + (2 - ((2 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-4 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((3 + 1 ) / 2) + (3 - ((3 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-5 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((4 + 0 ) / 2) + (4 - ((4 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-6 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((5 + 1 ) / 2) + (5 - ((5 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-7 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((6 + 0 ) / 2) + (6 - ((6 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-8 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((7 + 1 ) / 2) + (7 - ((7 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-9 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((8 + 0 ) / 2) + (8 - ((8 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-10 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((9 + 1 ) / 2) + (9 - ((9 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-11 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((10 + 0 ) / 2) + (10 - ((10 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-12 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((11 + 1 ) / 2) + (11 - ((11 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-13 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((12 + 0 ) / 2) + (12 - ((12 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-14 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((13 + 1 ) / 2) + (13 - ((13 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-15 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((14 + 0 ) / 2) + (14 - ((14 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-16 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((15 + 1 ) / 2) + (15 - ((15 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-17 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((16 + 0 ) / 2) + (16 - ((16 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-18 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((17 + 1 ) / 2) + (17 - ((17 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-19 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((18 + 0 ) / 2) + (18 - ((18 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-20 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((19 + 1 ) / 2) + (19 - ((19 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-21 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((20 + 0 ) / 2) + (20 - ((20 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-22 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((21 + 1 ) / 2) + (21 - ((21 + 1 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-23 {
        left: calc((((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * ((22 + 0 ) / 2) + (22 - ((22 + 0 ) / 2)) * 1.875rem)));
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-left-pos-0 {
        left: -3.125rem;
        transition: left 0.5s, width 0.5s , height 0.5s; }
      .atom-background.ph-hglt-top-pos-0 {
        top: calc(2.5rem * 0); }
      .atom-background.ph-hglt-top-pos-1 {
        top: calc(2.5rem * 1); }
      .atom-background.ph-hglt-top-pos-2 {
        top: calc(2.5rem * 2); }
      .atom-background.ph-hglt-top-pos-3 {
        top: calc(2.5rem * 3); }
      .atom-background.ph-hglt-top-pos-4 {
        top: calc(2.5rem * 4); }
      .atom-background.ph-hglt-top-pos-5 {
        top: calc(2.5rem * 5); }
      .atom-background.ph-hglt-top-pos-6 {
        top: calc(2.5rem * 6); }
      .atom-background.ph-hglt-top-pos-7 {
        top: calc(2.5rem * 7); }
      .atom-background.ph-hglt-top-pos-8 {
        top: calc(2.5rem * 8); }
      .atom-background.ph-hglt-top-pos-9 {
        top: calc(2.5rem * 9); }
      .atom-background.ph-hglt-top-pos-10 {
        top: calc(2.5rem * 10); }
      .atom-background.ph-hglt-top-pos-11 {
        top: calc(2.5rem * 11); }
      .atom-background.ph-hglt-top-pos-12 {
        top: calc(2.5rem * 12); }
      .atom-background.ph-hglt-top-pos-13 {
        top: calc(2.5rem * 13); }
      .atom-background.ph-hglt-top-pos-14 {
        top: calc(2.5rem * 14); }
      .atom-background.ph-hglt-top-pos-15 {
        top: calc(2.5rem * 15); }
      .atom-background.ph-hglt-top-pos-16 {
        top: calc(2.5rem * 16); }
      .atom-background.ph-hglt-top-pos-17 {
        top: calc(2.5rem * 17); }
      .atom-background.ph-hglt-top-pos-18 {
        top: calc(2.5rem * 18); }
      .atom-background.ph-hglt-top-pos-19 {
        top: calc(2.5rem * 19); }
      .atom-background.ph-hglt-top-pos-20 {
        top: calc(2.5rem * 20); }
      .atom-background.ph-hglt-top-pos-21 {
        top: calc(2.5rem * 21); }
      .atom-background.ph-hglt-top-pos-22 {
        top: calc(2.5rem * 22); }
      .atom-background.ph-hglt-top-pos-23 {
        top: calc(2.5rem * 23); }
      .atom-background.ph-hglt-top-pos-24 {
        top: calc(2.5rem * 24); }
      .atom-background.ph-hglt-top-pos-25 {
        top: calc(2.5rem * 25); }
      .atom-background.ph-hglt-top-pos-26 {
        top: calc(2.5rem * 26); }
      .atom-background.ph-hglt-top-pos-27 {
        top: calc(2.5rem * 27); }
      .atom-background.ph-hglt-top-pos-28 {
        top: calc(2.5rem * 28); }
      .atom-background.ph-hglt-top-pos-29 {
        top: calc(2.5rem * 29); }
      .atom-background.ph-hglt-top-pos-30 {
        top: calc(2.5rem * 30); }
      .atom-background.hglt-pclrg {
        display: none; }
      .atom-background.hglt-pcsml {
        display: none; }
      .atom-background.hglt-pctab {
        display: none; }
      .atom-background.hglt-pcphn {
        display: block; } }

/* END Backgrounds */
/* BEGIN - BackgroundContainer width for overlays */
.BackgroundContainer {
  width: 80vw;
  margin: 0 5vw;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0; }
  @media only screen and (max-width: 1199px) {
    .BackgroundContainer {
      width: 90vw;
      margin: 0 2.5vw; } }
  @media only screen and (max-width: 599px) {
    .BackgroundContainer {
      width: 100vw;
      margin: 0; } }

/* END - BackgroundContainer width for overlays */
/* Highlight backgrounds colours*/
.highlight-default {
  background-color: rgba(1, 170, 173, 0.8); }

.highlight-secondary {
  background-color: #efefef; }

.highlight-upweight {
  background-image: linear-gradient(to right, rgba(255, 153, 0, 0.8), rgba(210, 91, 115, 0.8));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#d25b73;',GradientType=0 ); }

.atom.modal-easy-apply .modal-content-inner {
  vertical-align: top; }

.atom.modal-easy-apply .atom-background {
  left: calc(((((80vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 5vw);
  width: calc((((((80vw / 12) - ((2.5rem * 11) / 12)) * 3) + (3 - 1) * 2.5rem) + 5vw) + 2.5rem);
  height: calc( 100vh / 1);
  min-height: calc( 100% / 1); }
  @media only screen and (max-width: 1199px) {
    .atom.modal-easy-apply .atom-background {
      left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 2.5vw);
      width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 5vw);
      height: 25rem;
      min-height: 25rem; } }
  @media only screen and (max-width: 899px) {
    .atom.modal-easy-apply .atom-background {
      left: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * (1 -  1)) + (1 - 1) * 2.5rem) - 2.5vw);
      width: calc(((((90vw / 12) - ((2.5rem * 11) / 12)) * 12) + (12 - 1) * 2.5rem) + 5vw); } }
  @media only screen and (max-width: 599px) {
    .atom.modal-easy-apply .atom-background {
      left: 0;
      width: calc(((((100vw - 6.25rem) / 12) - ((1.875rem * 11) / 12)) * 12 + ((1.875rem * (12 - 1)))) + 6.25rem); } }

@media only screen and (max-width: 1199px) {
  .atom.modal-easy-apply .atom.modal-controls .atom.modal-close {
    background-image: url("../../../images//generic/skins/00/icons/swapout/overlay_close_white.svg"); } }

.atom.whot-slide {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: block; }
  @media only screen and (max-width: 899px) {
    .atom.whot-slide {
      height: auto; } }
  @media only screen and (max-width: 599px) {
    .atom.whot-slide {
      height: auto; } }
  .atom.whot-slide .whot-section {
    display: table;
    width: 100vw;
    vertical-align: middle;
    padding-top: 5rem;
    min-height: inherit;
    height: 100vh; }
    @media only screen and (max-width: 899px) {
      .atom.whot-slide .whot-section {
        width: calc((90vw / 1) - ((2.5rem * 0) / 1));
        margin: 0 auto;
        padding-top: 10rem;
        vertical-align: top; } }
    @media only screen and (max-width: 599px) {
      .atom.whot-slide .whot-section {
        padding-top: 10rem; } }
  .atom.whot-slide .whot-content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10vw;
    width: 95.01vw; }
    @media only screen and (max-width: 1199px) {
      .atom.whot-slide .whot-content {
        padding-left: 5vw;
        width: 100vw; } }
    @media only screen and (max-width: 899px) {
      .atom.whot-slide .whot-content {
        width: calc((90vw / 1) - ((2.5rem * 0) / 1));
        vertical-align: top;
        margin: 0 auto;
        padding-left: 0vw; } }
    @media only screen and (max-width: 599px) {
      .atom.whot-slide .whot-content {
        width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1));
        vertical-align: top; } }
  .atom.whot-slide .whot-heading {
    width: calc((80vw / 2.4) - ((2.5rem * 1.4) / 2.4));
    height: calc(2.5rem * 24);
    padding-right: calc((80vw / 12));
    float: left; }
    .atom.whot-slide .whot-heading .whot-heading-icons {
      opacity: 0;
      visibility: hidden;
      width: 0px;
      height: 0px; }
    .atom.whot-slide .whot-heading .heading-3 {
      margin-bottom: 1.5rem; }
    @media only screen and (max-width: 1199px) {
      .atom.whot-slide .whot-heading {
        width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4));
        padding-right: calc((90vw / 12)); } }
    @media only screen and (max-width: 899px) {
      .atom.whot-slide .whot-heading {
        width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1));
        padding: 0; } }
    @media only screen and (max-width: 899px) {
      .atom.whot-slide .whot-heading {
        width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2));
        height: auto;
        padding-top: 0; } }
  .atom.whot-slide .whot-card-holder {
    position: relative;
    display: block;
    width: calc(((80vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143)) + (10vw + 2.5rem));
    height: calc(2.5rem * 26);
    float: left;
    overflow-x: hidden; }
    .atom.whot-slide .whot-card-holder .carousel {
      position: relative;
      display: block;
      width: calc((80vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143)); }
      @media only screen and (max-width: 1199px) {
        .atom.whot-slide .whot-card-holder .carousel {
          width: calc(((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143)) + (5vw + 2.5rem)); } }
    .atom.whot-slide .whot-card-holder .slick-list.draggable, .atom.whot-slide .whot-card-holder .slick-track {
      padding: 0; }
    @media only screen and (max-width: 1199px) {
      .atom.whot-slide .whot-card-holder {
        width: calc(((90vw / 1.7142857143) - ((2.5rem * 0.7142857143) / 1.7142857143)) + (5vw + 2.5rem)); } }
    .atom.whot-slide .whot-card-holder .whot-card {
      display: block;
      position: relative;
      width: calc(((80vw / 2.4) - ((2.5rem * 1.4) / 2.4) + 2.5rem));
      height: calc(2.5rem * 26);
      outline: none;
      visibility: visible; }
      @media only screen and (max-width: 1199px) {
        .atom.whot-slide .whot-card-holder .whot-card {
          width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4) + 2.5rem); } }
      .atom.whot-slide .whot-card-holder .whot-card.default-height {
        height: calc(2.5rem * 24); }
      .atom.whot-slide .whot-card-holder .whot-card.card-clone .whot-card-content {
        display: none; }
      @media only screen and (max-width: 1199px) {
        .atom.whot-slide .whot-card-holder .whot-card {
          width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4) + 2.5rem); } }
      .atom.whot-slide .whot-card-holder .whot-card .background-image {
        position: absolute;
        width: inherit;
        height: 100%;
        max-height: calc(2.5rem * 24);
        z-index: 0; }
        @media only screen and (max-width: 899px) {
          .atom.whot-slide .whot-card-holder .whot-card .background-image {
            width: calc((90vw / 2) - ((2.5rem * 1) / 2)); } }
      .atom.whot-slide .whot-card-holder .whot-card img, .atom.whot-slide .whot-card-holder .whot-card .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.whot-slide .whot-card-holder .whot-card .icon--img {
        display: block;
        position: absolute;
        opacity: 1;
        z-index: 1;
        transition: all ease 1s; }
      .atom.whot-slide .whot-card-holder .whot-card:not(.double-card)[aria-hidden="true"] img.img-primary, .atom.whot-slide .whot-card-holder .whot-card:not(.double-card)[aria-hidden="true"] .atom.icon--wrapper .icon--outer .icon--inner .img-primary.icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.whot-slide .whot-card-holder .whot-card:not(.double-card)[aria-hidden="true"] .img-primary.icon--img {
        opacity: 0;
        left: 110%;
        transition: all ease 1s; }
      .atom.whot-slide .whot-card-holder .whot-card .img-secondary {
        display: none; }
    .atom.whot-slide .whot-card-holder .whot-card .whot-card-content {
      position: absolute;
      z-index: 2; }
      .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-1 {
        margin-left: calc(((80vw / 12) - ((2.5rem * 11) / 12)) + (2.5rem * 2)); }
        @media only screen and (max-width: 1199px) {
          .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-1 {
            margin-left: calc(((90vw / 12) - ((2.5rem * 11) / 12)) + (2.5rem * 2)); } }
      .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-2 {
        margin-left: calc(((80vw / 6) - ((2.5rem * 5) / 6)) + (2.5rem * 2)); }
        @media only screen and (max-width: 1199px) {
          .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-2 {
            margin-left: calc(((90vw / 6) - ((2.5rem * 5) / 6)) + (2.5rem * 2)); } }
      .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-gutter {
        margin-left: 2.5rem; }
      @media only screen and (max-width: 1199px) {
        .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-PC1 {
          margin-left: calc(((90vw / 12) - ((2.5rem * 11) / 12)) + (2.5rem * 2)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-PC1 {
      margin-left: calc(((90vw / 12) - ((2.5rem * 11) / 12)) + (2.5rem * 2)); } }
      @media only screen and (max-width: 1199px) {
        .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-PC2 {
          margin-left: calc(((80vw / 6) - ((2.5rem * 5) / 6)) + (2.5rem * 2)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-PC2 {
      margin-left: calc(((90vw / 6) - ((2.5rem * 5) / 6)) + (2.5rem * 2)); } }
      @media only screen and (max-width: 1199px) {
        .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-PCGutter {
          margin-left: 2.5rem; } }
      @media only screen and (max-width: 899px) {
        .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-TB1 {
          margin-left: calc(((90vw / 12) - ((2.5rem * 11) / 12)) + (2.5rem * 2)); }
        .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-TB2 {
          margin-left: calc(((90vw / 6) - ((2.5rem * 5) / 6)) + (2.5rem * 2)); }
        .atom.whot-slide .whot-card-holder .whot-card .whot-card-content.margin-left-TBGutter {
          margin-left: 2.5rem; } }
    @media only screen and (max-width: 899px) {
      .atom.whot-slide .whot-card-holder {
        width: calc((90vw / 1) - ((2.5rem * 0) / 1));
        height: auto; }
        .atom.whot-slide .whot-card-holder .slick-track {
          width: 100% !important;
          transform: none !important; }
        .atom.whot-slide .whot-card-holder .whot-button-container {
          opacity: 0;
          visibility: hidden;
          width: 0;
          height: 0;
          transition: all ease .3s; }
        .atom.whot-slide .whot-card-holder .whot-card {
          width: calc((90vw / 2) - ((2.5rem * 1) / 2));
          height: calc(2.5rem * 24);
          margin-bottom: 2.5rem;
          overflow: hidden; }
          .atom.whot-slide .whot-card-holder .whot-card.card-clone {
            display: none; }
          .atom.whot-slide .whot-card-holder .whot-card .img-secondary + .img-primary {
            display: none; }
          .atom.whot-slide .whot-card-holder .whot-card:nth-child(even) {
            margin-left: 2.5rem; }
          .atom.whot-slide .whot-card-holder .whot-card.double-card {
            width: 100%; }
            .atom.whot-slide .whot-card-holder .whot-card.double-card .background-image {
              right: 0; }
            .atom.whot-slide .whot-card-holder .whot-card.double-card .img-primary {
              display: block;
              opacity: 1;
              top: auto;
              left: 50%;
              bottom: 0;
              -webkit-transform: translateX(-50%);
              /* Chrome, Opera 15+, Safari 3.1+ */
              -ms-transform: translateX(-50%);
              /* IE 9 */
              transform: translateX(-50%); }
            .atom.whot-slide .whot-card-holder .whot-card.double-card .img-secondary {
              display: none; }
          .atom.whot-slide .whot-card-holder .whot-card .img-secondary {
            display: block;
            width: 100%; }
        .atom.whot-slide .whot-card-holder .carousel {
          position: relative;
          display: block;
          width: inherit; } }
    @media only screen and (max-width: 599px) {
      .atom.whot-slide .whot-card-holder {
        width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1));
        overflow-x: visible; }
        .atom.whot-slide .whot-card-holder .slick-list {
          overflow: visible; }
        .atom.whot-slide .whot-card-holder .whot-card {
          width: calc(100% + 6.25rem); }
          .atom.whot-slide .whot-card-holder .whot-card:nth-child(even) {
            margin-left: 0; }
          .atom.whot-slide .whot-card-holder .whot-card.double-card {
            width: calc(100% + 6.25rem); }
          .atom.whot-slide .whot-card-holder .whot-card .background-image {
            width: 100%; }
          .atom.whot-slide .whot-card-holder .whot-card.double-card .img-secondary + .img-primary {
            display: none; }
          .atom.whot-slide .whot-card-holder .whot-card.double-card .img-secondary {
            display: block; }
          .atom.whot-slide .whot-card-holder .whot-card .img-secondary {
            display: block;
            right: 2.5rem;
            width: calc(100% - 2.25rem); } }
  .atom.whot-slide .text--heading.atom {
    padding-left: 0; }

.atom.whot-button-container {
  position: absolute;
  display: block;
  width: calc((80vw / 12));
  height: 2.5rem;
  white-space: nowrap;
  text-align: right;
  z-index: 1;
  right: 10vw;
  top: 5rem;
  transition: opacity ease .5s; }
  .atom.whot-button-container .whot-slick-icon, .atom.whot-button-container .whot-slick-expand {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 2.4rem;
    background-position: center center;
    outline: none; }
  .atom.whot-button-container .whot-slick-icon {
    background-size: 1.5rem; }
  .atom.whot-button-container .whot-slick-expand {
    background-image: url("../../../images/generic/skins/00/pager/expand.png");
    margin-left: 1rem; }
  .atom.whot-button-container .whot-slick-collapse {
    background-image: url("../../../images/generic/skins/00/pager/expand.png");
    margin-left: 1rem; }
  .atom.whot-button-container .whot-slick-prev-black {
    background-image: url("../../../images/generic/skins/00/pager/left.svg"); }
  .atom.whot-button-container .whot-slick-next-black {
    background-image: url("../../../images/generic/skins/00/pager/right.svg");
    margin-left: 1rem; }
  .atom.whot-button-container .whot-slick-prev-white {
    background-image: url("../../../images/generic/skins/00/icons/chevrons/icon-shevron-left-wht.svg"); }
  .atom.whot-button-container .whot-slick-next-white {
    background-image: url("../../../images/generic/skins/00/icons/chevrons/icon-shevron-right-wht.svg");
    margin-left: 1rem; }
  .atom.whot-button-container .slick-disabled {
    pointer-events: none;
    opacity: 0.45; }

@media screen and (min-width: 900px) {
  .atom.whot-content.expand-slide {
    width: calc((80vw / 1) - ((2.5rem * 0) / 1));
    height: auto;
    padding-left: 0vw;
    padding-top: 5rem; } }
  @media only screen and (min-width: 900px) and (max-width: 1199px) {
    .atom.whot-content.expand-slide {
      width: calc((90vw / 1) - ((2.5rem * 0) / 1)); } }

@media screen and (min-width: 900px) {
    .atom.whot-content.expand-slide .whot-heading {
      width: calc((80vw / 1.2) - ((2.5rem * 0.2) / 1.2));
      height: auto;
      margin: 0 auto;
      padding: 0;
      float: none;
      clear: both; } }
    @media only screen and (min-width: 900px) and (max-width: 1199px) {
      .atom.whot-content.expand-slide .whot-heading {
        width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2)); } }

@media screen and (min-width: 900px) {
      .atom.whot-content.expand-slide .whot-heading .whot-heading-content {
        width: calc((80vw / 1.5) - ((2.5rem * 0.5) / 1.5));
        float: left; } }
      @media only screen and (min-width: 900px) and (max-width: 1199px) {
        .atom.whot-content.expand-slide .whot-heading .whot-heading-content {
          width: calc((90vw / 1.5) - ((2.5rem * 0.5) / 1.5)); } }

@media screen and (min-width: 900px) {
      .atom.whot-content.expand-slide .whot-heading .whot-heading-icons {
        position: relative;
        display: block;
        visibility: visible;
        width: calc((80vw / 12));
        height: 2.5rem;
        text-align: right;
        float: right;
        opacity: 1;
        z-index: 1; } }
      @media only screen and (min-width: 900px) and (max-width: 1199px) {
        .atom.whot-content.expand-slide .whot-heading .whot-heading-icons {
          width: calc((90vw / 12)); } }

@media screen and (min-width: 900px) {
        .atom.whot-content.expand-slide .whot-heading .whot-heading-icons .whot-slick-collapse {
          width: 12.5rem;
          height: 2.5rem;
          margin: 0;
          border: none;
          cursor: pointer;
          background-repeat: no-repeat;
          background-color: transparent;
          background-size: 2.4rem;
          background-position: center center;
          outline: none; }
        .atom.whot-content.expand-slide .whot-heading .whot-heading-icons .whot-slick-collapse {
          background-image: url("../../../images/generic/skins/00/pager/collapse.png");
          background-size: 5rem;
          margin-left: 1rem; }
    .atom.whot-content.expand-slide .whot-card-holder {
      width: calc((80vw / 1.2) - ((2.5rem * 0.2) / 1.2));
      height: auto;
      float: none;
      margin: 0 auto; } }
    @media only screen and (min-width: 900px) and (max-width: 1199px) {
      .atom.whot-content.expand-slide .whot-card-holder {
        width: calc((90vw / 1.2) - ((2.5rem * 0.2) / 1.2)); } }

@media screen and (min-width: 900px) {
      .atom.whot-content.expand-slide .whot-card-holder .whot-card {
        width: calc((80vw / 2.4) - ((2.5rem * 1.4) / 2.4));
        height: calc(2.5rem * 24);
        margin-bottom: 2.5rem;
        overflow: hidden; } }
      @media only screen and (min-width: 900px) and (max-width: 1199px) {
        .atom.whot-content.expand-slide .whot-card-holder .whot-card {
          width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4)); } }

@media screen and (min-width: 900px) {
        .atom.whot-content.expand-slide .whot-card-holder .whot-card.card-clone {
          display: none; }
        .atom.whot-content.expand-slide .whot-card-holder .whot-card:nth-child(odd) {
          margin-right: 2.5rem; }
        .atom.whot-content.expand-slide .whot-card-holder .whot-card .img-secondary + .img-primary {
          display: none; }
        .atom.whot-content.expand-slide .whot-card-holder .whot-card .img-secondary {
          display: block;
          width: 100%; }
        .atom.whot-content.expand-slide .whot-card-holder .whot-card.double-card {
          width: 100%;
          margin-right: 0; }
          .atom.whot-content.expand-slide .whot-card-holder .whot-card.double-card + .whot-card {
            margin-right: 2.5rem; }
          .atom.whot-content.expand-slide .whot-card-holder .whot-card.double-card + .whot-card + .whot-card {
            margin-right: 0; }
          .atom.whot-content.expand-slide .whot-card-holder .whot-card.double-card .img-secondary + .img-primary {
            display: block; }
          .atom.whot-content.expand-slide .whot-card-holder .whot-card.double-card img.img-primary, .atom.whot-content.expand-slide .whot-card-holder .whot-card.double-card .atom.icon--wrapper .icon--outer .icon--inner .img-primary.icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.whot-content.expand-slide .whot-card-holder .whot-card.double-card .img-primary.icon--img {
            opacity: 1;
            bottom: 0;
            right: auto;
            left: 50%;
            -webkit-transform: translateX(-50%);
            /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-50%);
            /* IE 9 */
            transform: translateX(-50%); }
          .atom.whot-content.expand-slide .whot-card-holder .whot-card.double-card .img-secondary {
            display: none; }
        .atom.whot-content.expand-slide .whot-card-holder .whot-card .background-image {
          width: calc((80vw / 2.4) - ((2.5rem * 1.4) / 2.4));
          right: 0; } }
        @media only screen and (min-width: 900px) and (max-width: 1199px) {
          .atom.whot-content.expand-slide .whot-card-holder .whot-card .background-image {
            width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4)); } }

@media screen and (min-width: 900px) {
    .atom.whot-content.expand-slide .slick-track {
      width: 100% !important;
      transform: none !important; }
    .atom.whot-content.expand-slide .whot-button-container {
      opacity: 0;
      visibility: hidden;
      width: 0px;
      height: 0px;
      transition: opacity ease .3s; }
    .atom.whot-content.expand-slide .carousel {
      position: relative;
      display: block;
      width: inherit; } }

.top-space-0 {
  padding-top: 0rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB0 {
    padding-top: 0rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M0 {
    padding-top: 0rem; } }

.top-space-1 {
  padding-top: 2.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB1 {
    padding-top: 2.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M1 {
    padding-top: 2.5rem; } }

.top-space-2 {
  padding-top: 5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB2 {
    padding-top: 5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M2 {
    padding-top: 5rem; } }

.top-space-3 {
  padding-top: 7.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB3 {
    padding-top: 7.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M3 {
    padding-top: 7.5rem; } }

.top-space-4 {
  padding-top: 10rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB4 {
    padding-top: 10rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M4 {
    padding-top: 10rem; } }

.top-space-5 {
  padding-top: 12.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB5 {
    padding-top: 12.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M5 {
    padding-top: 12.5rem; } }

.top-space-6 {
  padding-top: 15rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB6 {
    padding-top: 15rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M6 {
    padding-top: 15rem; } }

.top-space-7 {
  padding-top: 17.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB7 {
    padding-top: 17.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M7 {
    padding-top: 17.5rem; } }

.top-space-8 {
  padding-top: 20rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB8 {
    padding-top: 20rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M8 {
    padding-top: 20rem; } }

.top-space-9 {
  padding-top: 22.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB9 {
    padding-top: 22.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M9 {
    padding-top: 22.5rem; } }

.top-space-10 {
  padding-top: 25rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB10 {
    padding-top: 25rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M10 {
    padding-top: 25rem; } }

.top-space-11 {
  padding-top: 27.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB11 {
    padding-top: 27.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M11 {
    padding-top: 27.5rem; } }

.top-space-12 {
  padding-top: 30rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB12 {
    padding-top: 30rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M12 {
    padding-top: 30rem; } }

.top-space-13 {
  padding-top: 32.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB13 {
    padding-top: 32.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M13 {
    padding-top: 32.5rem; } }

.top-space-14 {
  padding-top: 35rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB14 {
    padding-top: 35rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M14 {
    padding-top: 35rem; } }

.top-space-15 {
  padding-top: 37.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB15 {
    padding-top: 37.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M15 {
    padding-top: 37.5rem; } }

.top-space-16 {
  padding-top: 40rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB16 {
    padding-top: 40rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M16 {
    padding-top: 40rem; } }

.top-space-17 {
  padding-top: 42.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB17 {
    padding-top: 42.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M17 {
    padding-top: 42.5rem; } }

.top-space-18 {
  padding-top: 45rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB18 {
    padding-top: 45rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M18 {
    padding-top: 45rem; } }

.top-space-19 {
  padding-top: 47.5rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB19 {
    padding-top: 47.5rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M19 {
    padding-top: 47.5rem; } }

.top-space-20 {
  padding-top: 50rem; }

@media only screen and (max-width: 899px) {
  .top-space-TB20 {
    padding-top: 50rem; } }

@media only screen and (max-width: 599px) {
  .top-space-M20 {
    padding-top: 50rem; } }

img.img-left-space-1, .atom.icon--wrapper .icon--outer .icon--inner .img-left-space-1.icon--img {
  left: calc((100% / 5) * 1); }

img.img-left-space-2, .atom.icon--wrapper .icon--outer .icon--inner .img-left-space-2.icon--img {
  left: calc((100% / 5) * 2); }

img.img-left-space-3, .atom.icon--wrapper .icon--outer .icon--inner .img-left-space-3.icon--img {
  left: calc((100% / 5) * 3); }

img.img-left-space-4, .atom.icon--wrapper .icon--outer .icon--inner .img-left-space-4.icon--img {
  left: calc((100% / 5) * 4); }

img.img-left-space-5, .atom.icon--wrapper .icon--outer .icon--inner .img-left-space-5.icon--img {
  left: calc((100% / 5) * 5); }

.vAlign-top {
  top: auto;
  bottom: 0rem; }

.vAlign-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateY(-50%);
  /* IE 9 */
  transform: translateY(-50%); }

.vAlign-bottom {
  top: auto;
  bottom: 0rem; }

.whot-width-2 {
  width: calc((80vw / 6) - ((2.5rem * 5) / 6)); }

.whot-width-3 {
  width: calc((80vw / 4) - ((2.5rem * 3) / 4)); }

.whot-width-4 {
  width: calc((80vw / 3) - ((2.5rem * 2) / 3)); }

.whot-width-5 {
  width: calc((80vw / 2.4) - ((2.5rem * 1.4) / 2.4)); }

@media only screen and (max-width: 1199px) {
  .whot-width-2 {
    width: calc((90vw / 6) - ((2.5rem * 5) / 6)); }
  .whot-width-3 {
    width: calc((90vw / 4) - ((2.5rem * 3) / 4)); }
  .whot-width-4 {
    width: calc((90vw / 3) - ((2.5rem * 2) / 3)); } }

@media only screen and (max-width: 899px) {
  .whot-widthTB-2 {
    width: calc((90vw / 6) - ((2.5rem * 5) / 6)); }
  .whot-widthTB-3 {
    width: calc((90vw / 4) - ((2.5rem * 3) / 4)); }
  .whot-widthTB-4 {
    width: calc((90vw / 3) - ((2.5rem * 2) / 3)); }
  .whot-widthTB-5 {
    width: calc((90vw / 2.4) - ((2.5rem * 1.4) / 2.4)); } }

@media only screen and (max-width: 599px) {
  .whot-widthM-5 {
    width: calc(((100vw - 6.25rem) / 2.4) - ((1.875rem * 1.4) / 2.4)); }
  .whot-widthM-6 {
    width: calc(((100vw - 6.25rem) / 2) - ((1.875rem * 1) / 2)); }
  .whot-widthM-7 {
    width: calc(((100vw - 6.25rem) / 1.7142857143) - ((1.875rem * 0.7142857143) / 1.7142857143)); }
  .whot-widthM-8 {
    width: calc(((100vw - 6.25rem) / 1.5) - ((1.875rem * 0.5) / 1.5)); }
  .whot-widthM-9 {
    width: calc(((100vw - 6.25rem) / 1.3333333333) - ((1.875rem * 0.3333333333) / 1.3333333333)); }
  .whot-widthM-10 {
    width: calc(((100vw - 6.25rem) / 1.2) - ((1.875rem * 0.2) / 1.2)); }
  .whot-widthM-11 {
    width: calc(((100vw - 6.25rem) / 1.0909090909) - ((1.875rem * 0.0909090909) / 1.0909090909)); }
  .whot-widthM-12 {
    width: calc(((100vw - 6.25rem) / 1) - ((1.875rem * 0) / 1)); } }

.atom.defcon {
  position: relative;
  width: 100%;
  min-height: inherit;
  background-color: crimson; }
  .atom.defcon-page-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .atom.defcon-container {
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all ease .5s; }
    .atom.defcon-container--width-1 {
      width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-1 {
          width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1) + 3.125rem); } }
    .atom.defcon-container--width-2 {
      width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-2 {
          width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2) + 3.125rem); } }
    .atom.defcon-container--width-3 {
      width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-3 {
          width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3) + 3.125rem); } }
    .atom.defcon-container--width-4 {
      width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-4 {
          width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4) + 3.125rem); } }
    .atom.defcon-container--width-5 {
      width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-5 {
          width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5) + 3.125rem); } }
    .atom.defcon-container--width-6 {
      width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-6 {
          width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6) + 3.125rem); } }
    .atom.defcon-container--width-7 {
      width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-7 {
          width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7) + 3.125rem); } }
    .atom.defcon-container--width-8 {
      width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-8 {
          width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8) + 3.125rem); } }
    .atom.defcon-container--width-9 {
      width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-9 {
          width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9) + 3.125rem); } }
    .atom.defcon-container--width-10 {
      width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-10 {
          width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10) + 3.125rem); } }
    .atom.defcon-container--width-11 {
      width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-11 {
          width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11) + 3.125rem); } }
    .atom.defcon-container--width-12 {
      width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 10vw); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--width-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--width-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--width-12 {
          width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12) + 3.125rem); } }
    .atom.defcon-container--height-1 {
      min-height: calc(2.5rem * 1); }
    .atom.defcon-container--height-2 {
      min-height: calc(2.5rem * 2); }
    .atom.defcon-container--height-3 {
      min-height: calc(2.5rem * 3); }
    .atom.defcon-container--height-4 {
      min-height: calc(2.5rem * 4); }
    .atom.defcon-container--height-5 {
      min-height: calc(2.5rem * 5); }
    .atom.defcon-container--height-6 {
      min-height: calc(2.5rem * 6); }
    .atom.defcon-container--height-7 {
      min-height: calc(2.5rem * 7); }
    .atom.defcon-container--height-8 {
      min-height: calc(2.5rem * 8); }
    .atom.defcon-container--height-9 {
      min-height: calc(2.5rem * 9); }
    .atom.defcon-container--height-10 {
      min-height: calc(2.5rem * 10); }
    .atom.defcon-container--height-11 {
      min-height: calc(2.5rem * 11); }
    .atom.defcon-container--height-12 {
      min-height: calc(2.5rem * 12); }
    .atom.defcon-container--height-13 {
      min-height: calc(2.5rem * 13); }
    .atom.defcon-container--height-14 {
      min-height: calc(2.5rem * 14); }
    .atom.defcon-container--height-15 {
      min-height: calc(2.5rem * 15); }
    .atom.defcon-container--height-16 {
      min-height: calc(2.5rem * 16); }
    .atom.defcon-container--height-17 {
      min-height: calc(2.5rem * 17); }
    .atom.defcon-container--height-18 {
      min-height: calc(2.5rem * 18); }
    .atom.defcon-container--height-19 {
      min-height: calc(2.5rem * 19); }
    .atom.defcon-container--height-20 {
      min-height: calc(2.5rem * 20); }
    .atom.defcon-container--height-21 {
      min-height: calc(2.5rem * 21); }
    .atom.defcon-container--height-22 {
      min-height: calc(2.5rem * 22); }
    .atom.defcon-container--height-23 {
      min-height: calc(2.5rem * 23); }
    .atom.defcon-container--height-24 {
      min-height: calc(2.5rem * 24); }
    .atom.defcon-container--height-25 {
      min-height: calc(2.5rem * 25); }
    .atom.defcon-container--height-26 {
      min-height: calc(2.5rem * 26); }
    .atom.defcon-container--height-27 {
      min-height: calc(2.5rem * 27); }
    .atom.defcon-container--height-28 {
      min-height: calc(2.5rem * 28); }
    .atom.defcon-container--height-29 {
      min-height: calc(2.5rem * 29); }
    .atom.defcon-container--height-30 {
      min-height: calc(2.5rem * 30); }
    .atom.defcon-container--height-full {
      min-height: 100%; }
    .atom.defcon-container--height-half {
      min-height: 50%; }
    .atom.defcon-container--top-1 {
      top: calc(2.5rem * 1); }
    .atom.defcon-container--top-2 {
      top: calc(2.5rem * 2); }
    .atom.defcon-container--top-3 {
      top: calc(2.5rem * 3); }
    .atom.defcon-container--top-4 {
      top: calc(2.5rem * 4); }
    .atom.defcon-container--top-5 {
      top: calc(2.5rem * 5); }
    .atom.defcon-container--top-6 {
      top: calc(2.5rem * 6); }
    .atom.defcon-container--top-7 {
      top: calc(2.5rem * 7); }
    .atom.defcon-container--top-8 {
      top: calc(2.5rem * 8); }
    .atom.defcon-container--top-9 {
      top: calc(2.5rem * 9); }
    .atom.defcon-container--top-10 {
      top: calc(2.5rem * 10); }
    .atom.defcon-container--top-11 {
      top: calc(2.5rem * 11); }
    .atom.defcon-container--top-12 {
      top: calc(2.5rem * 12); }
    .atom.defcon-container--top-13 {
      top: calc(2.5rem * 13); }
    .atom.defcon-container--top-14 {
      top: calc(2.5rem * 14); }
    .atom.defcon-container--top-15 {
      top: calc(2.5rem * 15); }
    .atom.defcon-container--top-16 {
      top: calc(2.5rem * 16); }
    .atom.defcon-container--top-17 {
      top: calc(2.5rem * 17); }
    .atom.defcon-container--top-18 {
      top: calc(2.5rem * 18); }
    .atom.defcon-container--top-19 {
      top: calc(2.5rem * 19); }
    .atom.defcon-container--top-20 {
      top: calc(2.5rem * 20); }
    .atom.defcon-container--top-21 {
      top: calc(2.5rem * 21); }
    .atom.defcon-container--top-22 {
      top: calc(2.5rem * 22); }
    .atom.defcon-container--top-23 {
      top: calc(2.5rem * 23); }
    .atom.defcon-container--top-24 {
      top: calc(2.5rem * 24); }
    .atom.defcon-container--top-25 {
      top: calc(2.5rem * 25); }
    .atom.defcon-container--top-26 {
      top: calc(2.5rem * 26); }
    .atom.defcon-container--top-27 {
      top: calc(2.5rem * 27); }
    .atom.defcon-container--top-28 {
      top: calc(2.5rem * 28); }
    .atom.defcon-container--top-29 {
      top: calc(2.5rem * 29); }
    .atom.defcon-container--top-30 {
      top: calc(2.5rem * 30); }
    .atom.defcon-container--top-0 {
      top: 0; }
    .atom.defcon-container--offset-1 {
      left: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-1 {
          left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-1 {
          left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-1 {
          left: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    .atom.defcon-container--offset-2 {
      left: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-2 {
          left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-2 {
          left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-2 {
          left: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    .atom.defcon-container--offset-3 {
      left: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-3 {
          left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-3 {
          left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-3 {
          left: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    .atom.defcon-container--offset-4 {
      left: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-4 {
          left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-4 {
          left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-4 {
          left: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    .atom.defcon-container--offset-5 {
      left: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-5 {
          left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-5 {
          left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-5 {
          left: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    .atom.defcon-container--offset-6 {
      left: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-6 {
          left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-6 {
          left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-6 {
          left: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    .atom.defcon-container--offset-7 {
      left: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-7 {
          left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-7 {
          left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-7 {
          left: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    .atom.defcon-container--offset-8 {
      left: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-8 {
          left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-8 {
          left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-8 {
          left: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    .atom.defcon-container--offset-9 {
      left: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-9 {
          left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-9 {
          left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-9 {
          left: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    .atom.defcon-container--offset-10 {
      left: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-10 {
          left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-10 {
          left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-10 {
          left: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    .atom.defcon-container--offset-11 {
      left: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-11 {
          left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-11 {
          left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-11 {
          left: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    .atom.defcon-container--offset-12 {
      left: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--offset-12 {
          left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--offset-12 {
          left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--offset-12 {
          left: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    .atom.defcon-container--offset-0 {
      left: 0; }
    .atom.defcon-container--full {
      width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 10vw);
      left: 0; }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-container--full {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw);
          left: 0; } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-container--full {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw);
          left: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-container--full {
          width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11) + 3.125rem);
          left: 0; } }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-container--widthPS-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); }
      .atom.defcon-container--widthPS-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); }
      .atom.defcon-container--widthPS-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); }
      .atom.defcon-container--widthPS-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); }
      .atom.defcon-container--widthPS-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); }
      .atom.defcon-container--widthPS-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); }
      .atom.defcon-container--widthPS-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); }
      .atom.defcon-container--widthPS-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); }
      .atom.defcon-container--widthPS-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); }
      .atom.defcon-container--widthPS-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); }
      .atom.defcon-container--widthPS-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); }
      .atom.defcon-container--widthPS-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); }
      .atom.defcon-container--heightPS-1 {
        min-height: calc(2.5rem * 1); }
      .atom.defcon-container--heightPS-2 {
        min-height: calc(2.5rem * 2); }
      .atom.defcon-container--heightPS-3 {
        min-height: calc(2.5rem * 3); }
      .atom.defcon-container--heightPS-4 {
        min-height: calc(2.5rem * 4); }
      .atom.defcon-container--heightPS-5 {
        min-height: calc(2.5rem * 5); }
      .atom.defcon-container--heightPS-6 {
        min-height: calc(2.5rem * 6); }
      .atom.defcon-container--heightPS-7 {
        min-height: calc(2.5rem * 7); }
      .atom.defcon-container--heightPS-8 {
        min-height: calc(2.5rem * 8); }
      .atom.defcon-container--heightPS-9 {
        min-height: calc(2.5rem * 9); }
      .atom.defcon-container--heightPS-10 {
        min-height: calc(2.5rem * 10); }
      .atom.defcon-container--heightPS-11 {
        min-height: calc(2.5rem * 11); }
      .atom.defcon-container--heightPS-12 {
        min-height: calc(2.5rem * 12); }
      .atom.defcon-container--heightPS-13 {
        min-height: calc(2.5rem * 13); }
      .atom.defcon-container--heightPS-14 {
        min-height: calc(2.5rem * 14); }
      .atom.defcon-container--heightPS-15 {
        min-height: calc(2.5rem * 15); }
      .atom.defcon-container--heightPS-16 {
        min-height: calc(2.5rem * 16); }
      .atom.defcon-container--heightPS-17 {
        min-height: calc(2.5rem * 17); }
      .atom.defcon-container--heightPS-18 {
        min-height: calc(2.5rem * 18); }
      .atom.defcon-container--heightPS-19 {
        min-height: calc(2.5rem * 19); }
      .atom.defcon-container--heightPS-20 {
        min-height: calc(2.5rem * 20); }
      .atom.defcon-container--heightPS-21 {
        min-height: calc(2.5rem * 21); }
      .atom.defcon-container--heightPS-22 {
        min-height: calc(2.5rem * 22); }
      .atom.defcon-container--heightPS-23 {
        min-height: calc(2.5rem * 23); }
      .atom.defcon-container--heightPS-24 {
        min-height: calc(2.5rem * 24); }
      .atom.defcon-container--heightPS-25 {
        min-height: calc(2.5rem * 25); }
      .atom.defcon-container--heightPS-26 {
        min-height: calc(2.5rem * 26); }
      .atom.defcon-container--heightPS-27 {
        min-height: calc(2.5rem * 27); }
      .atom.defcon-container--heightPS-28 {
        min-height: calc(2.5rem * 28); }
      .atom.defcon-container--heightPS-29 {
        min-height: calc(2.5rem * 29); }
      .atom.defcon-container--heightPS-30 {
        min-height: calc(2.5rem * 30); }
      .atom.defcon-container--heightPS-full {
        min-height: 100%; }
      .atom.defcon-container--heightPS-half {
        min-height: 50%; }
      .atom.defcon-container--topPS-1 {
        top: calc(2.5rem * 1); }
      .atom.defcon-container--topPS-2 {
        top: calc(2.5rem * 2); }
      .atom.defcon-container--topPS-3 {
        top: calc(2.5rem * 3); }
      .atom.defcon-container--topPS-4 {
        top: calc(2.5rem * 4); }
      .atom.defcon-container--topPS-5 {
        top: calc(2.5rem * 5); }
      .atom.defcon-container--topPS-6 {
        top: calc(2.5rem * 6); }
      .atom.defcon-container--topPS-7 {
        top: calc(2.5rem * 7); }
      .atom.defcon-container--topPS-8 {
        top: calc(2.5rem * 8); }
      .atom.defcon-container--topPS-9 {
        top: calc(2.5rem * 9); }
      .atom.defcon-container--topPS-10 {
        top: calc(2.5rem * 10); }
      .atom.defcon-container--topPS-11 {
        top: calc(2.5rem * 11); }
      .atom.defcon-container--topPS-12 {
        top: calc(2.5rem * 12); }
      .atom.defcon-container--topPS-13 {
        top: calc(2.5rem * 13); }
      .atom.defcon-container--topPS-14 {
        top: calc(2.5rem * 14); }
      .atom.defcon-container--topPS-15 {
        top: calc(2.5rem * 15); }
      .atom.defcon-container--topPS-16 {
        top: calc(2.5rem * 16); }
      .atom.defcon-container--topPS-17 {
        top: calc(2.5rem * 17); }
      .atom.defcon-container--topPS-18 {
        top: calc(2.5rem * 18); }
      .atom.defcon-container--topPS-19 {
        top: calc(2.5rem * 19); }
      .atom.defcon-container--topPS-20 {
        top: calc(2.5rem * 20); }
      .atom.defcon-container--topPS-21 {
        top: calc(2.5rem * 21); }
      .atom.defcon-container--topPS-22 {
        top: calc(2.5rem * 22); }
      .atom.defcon-container--topPS-23 {
        top: calc(2.5rem * 23); }
      .atom.defcon-container--topPS-24 {
        top: calc(2.5rem * 24); }
      .atom.defcon-container--topPS-25 {
        top: calc(2.5rem * 25); }
      .atom.defcon-container--topPS-26 {
        top: calc(2.5rem * 26); }
      .atom.defcon-container--topPS-27 {
        top: calc(2.5rem * 27); }
      .atom.defcon-container--topPS-28 {
        top: calc(2.5rem * 28); }
      .atom.defcon-container--topPS-29 {
        top: calc(2.5rem * 29); }
      .atom.defcon-container--topPS-30 {
        top: calc(2.5rem * 30); }
      .atom.defcon-container--topPS-0 {
        top: 0; }
      .atom.defcon-container--offsetPS-1 {
        left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.defcon-container--offsetPS-2 {
        left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.defcon-container--offsetPS-3 {
        left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.defcon-container--offsetPS-4 {
        left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.defcon-container--offsetPS-5 {
        left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.defcon-container--offsetPS-6 {
        left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.defcon-container--offsetPS-7 {
        left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.defcon-container--offsetPS-8 {
        left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.defcon-container--offsetPS-9 {
        left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.defcon-container--offsetPS-10 {
        left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.defcon-container--offsetPS-11 {
        left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.defcon-container--offsetPS-12 {
        left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.defcon-container--offsetPS-0 {
        left: 0; }
      .atom.defcon-container--fullPS {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw);
        left: 0; } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-container--widthTP-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); }
      .atom.defcon-container--widthTP-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); }
      .atom.defcon-container--widthTP-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); }
      .atom.defcon-container--widthTP-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); }
      .atom.defcon-container--widthTP-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); }
      .atom.defcon-container--widthTP-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); }
      .atom.defcon-container--widthTP-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); }
      .atom.defcon-container--widthTP-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); }
      .atom.defcon-container--widthTP-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); }
      .atom.defcon-container--widthTP-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); }
      .atom.defcon-container--widthTP-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); }
      .atom.defcon-container--widthTP-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); }
      .atom.defcon-container--heightTP-1 {
        min-height: calc(2.5rem * 1); }
      .atom.defcon-container--heightTP-2 {
        min-height: calc(2.5rem * 2); }
      .atom.defcon-container--heightTP-3 {
        min-height: calc(2.5rem * 3); }
      .atom.defcon-container--heightTP-4 {
        min-height: calc(2.5rem * 4); }
      .atom.defcon-container--heightTP-5 {
        min-height: calc(2.5rem * 5); }
      .atom.defcon-container--heightTP-6 {
        min-height: calc(2.5rem * 6); }
      .atom.defcon-container--heightTP-7 {
        min-height: calc(2.5rem * 7); }
      .atom.defcon-container--heightTP-8 {
        min-height: calc(2.5rem * 8); }
      .atom.defcon-container--heightTP-9 {
        min-height: calc(2.5rem * 9); }
      .atom.defcon-container--heightTP-10 {
        min-height: calc(2.5rem * 10); }
      .atom.defcon-container--heightTP-11 {
        min-height: calc(2.5rem * 11); }
      .atom.defcon-container--heightTP-12 {
        min-height: calc(2.5rem * 12); }
      .atom.defcon-container--heightTP-13 {
        min-height: calc(2.5rem * 13); }
      .atom.defcon-container--heightTP-14 {
        min-height: calc(2.5rem * 14); }
      .atom.defcon-container--heightTP-15 {
        min-height: calc(2.5rem * 15); }
      .atom.defcon-container--heightTP-16 {
        min-height: calc(2.5rem * 16); }
      .atom.defcon-container--heightTP-17 {
        min-height: calc(2.5rem * 17); }
      .atom.defcon-container--heightTP-18 {
        min-height: calc(2.5rem * 18); }
      .atom.defcon-container--heightTP-19 {
        min-height: calc(2.5rem * 19); }
      .atom.defcon-container--heightTP-20 {
        min-height: calc(2.5rem * 20); }
      .atom.defcon-container--heightTP-21 {
        min-height: calc(2.5rem * 21); }
      .atom.defcon-container--heightTP-22 {
        min-height: calc(2.5rem * 22); }
      .atom.defcon-container--heightTP-23 {
        min-height: calc(2.5rem * 23); }
      .atom.defcon-container--heightTP-24 {
        min-height: calc(2.5rem * 24); }
      .atom.defcon-container--heightTP-25 {
        min-height: calc(2.5rem * 25); }
      .atom.defcon-container--heightTP-26 {
        min-height: calc(2.5rem * 26); }
      .atom.defcon-container--heightTP-27 {
        min-height: calc(2.5rem * 27); }
      .atom.defcon-container--heightTP-28 {
        min-height: calc(2.5rem * 28); }
      .atom.defcon-container--heightTP-29 {
        min-height: calc(2.5rem * 29); }
      .atom.defcon-container--heightTP-30 {
        min-height: calc(2.5rem * 30); }
      .atom.defcon-container--heightTP-full {
        min-height: 100%; }
      .atom.defcon-container--heightTP-half {
        min-height: 50%; }
      .atom.defcon-container--topTP-1 {
        top: calc(2.5rem * 1); }
      .atom.defcon-container--topTP-2 {
        top: calc(2.5rem * 2); }
      .atom.defcon-container--topTP-3 {
        top: calc(2.5rem * 3); }
      .atom.defcon-container--topTP-4 {
        top: calc(2.5rem * 4); }
      .atom.defcon-container--topTP-5 {
        top: calc(2.5rem * 5); }
      .atom.defcon-container--topTP-6 {
        top: calc(2.5rem * 6); }
      .atom.defcon-container--topTP-7 {
        top: calc(2.5rem * 7); }
      .atom.defcon-container--topTP-8 {
        top: calc(2.5rem * 8); }
      .atom.defcon-container--topTP-9 {
        top: calc(2.5rem * 9); }
      .atom.defcon-container--topTP-10 {
        top: calc(2.5rem * 10); }
      .atom.defcon-container--topTP-11 {
        top: calc(2.5rem * 11); }
      .atom.defcon-container--topTP-12 {
        top: calc(2.5rem * 12); }
      .atom.defcon-container--topTP-13 {
        top: calc(2.5rem * 13); }
      .atom.defcon-container--topTP-14 {
        top: calc(2.5rem * 14); }
      .atom.defcon-container--topTP-15 {
        top: calc(2.5rem * 15); }
      .atom.defcon-container--topTP-16 {
        top: calc(2.5rem * 16); }
      .atom.defcon-container--topTP-17 {
        top: calc(2.5rem * 17); }
      .atom.defcon-container--topTP-18 {
        top: calc(2.5rem * 18); }
      .atom.defcon-container--topTP-19 {
        top: calc(2.5rem * 19); }
      .atom.defcon-container--topTP-20 {
        top: calc(2.5rem * 20); }
      .atom.defcon-container--topTP-21 {
        top: calc(2.5rem * 21); }
      .atom.defcon-container--topTP-22 {
        top: calc(2.5rem * 22); }
      .atom.defcon-container--topTP-23 {
        top: calc(2.5rem * 23); }
      .atom.defcon-container--topTP-24 {
        top: calc(2.5rem * 24); }
      .atom.defcon-container--topTP-25 {
        top: calc(2.5rem * 25); }
      .atom.defcon-container--topTP-26 {
        top: calc(2.5rem * 26); }
      .atom.defcon-container--topTP-27 {
        top: calc(2.5rem * 27); }
      .atom.defcon-container--topTP-28 {
        top: calc(2.5rem * 28); }
      .atom.defcon-container--topTP-29 {
        top: calc(2.5rem * 29); }
      .atom.defcon-container--topTP-30 {
        top: calc(2.5rem * 30); }
      .atom.defcon-container--topTP-0 {
        top: 0; }
      .atom.defcon-container--offsetTP-1 {
        left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.defcon-container--offsetTP-2 {
        left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.defcon-container--offsetTP-3 {
        left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.defcon-container--offsetTP-4 {
        left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.defcon-container--offsetTP-5 {
        left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.defcon-container--offsetTP-6 {
        left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.defcon-container--offsetTP-7 {
        left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.defcon-container--offsetTP-8 {
        left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.defcon-container--offsetTP-9 {
        left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.defcon-container--offsetTP-10 {
        left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.defcon-container--offsetTP-11 {
        left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.defcon-container--offsetTP-12 {
        left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.defcon-container--offsetTP-0 {
        left: 0; }
      .atom.defcon-container--fullTP {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw);
        left: 0; } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-container {
        overflow: visible; }
        .atom.defcon-container--widthM-1 {
          width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1) + 3.125rem); }
        .atom.defcon-container--widthM-2 {
          width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2) + 3.125rem); }
        .atom.defcon-container--widthM-3 {
          width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3) + 3.125rem); }
        .atom.defcon-container--widthM-4 {
          width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4) + 3.125rem); }
        .atom.defcon-container--widthM-5 {
          width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5) + 3.125rem); }
        .atom.defcon-container--widthM-6 {
          width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6) + 3.125rem); }
        .atom.defcon-container--widthM-7 {
          width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7) + 3.125rem); }
        .atom.defcon-container--widthM-8 {
          width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8) + 3.125rem); }
        .atom.defcon-container--widthM-9 {
          width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9) + 3.125rem); }
        .atom.defcon-container--widthM-10 {
          width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10) + 3.125rem); }
        .atom.defcon-container--widthM-11 {
          width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11) + 3.125rem); }
        .atom.defcon-container--widthM-12 {
          width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12) + 3.125rem); }
        .atom.defcon-container--widthM-12 {
          width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        .atom.defcon-container--heightM-1 {
          min-height: calc(2.5rem * 1); }
        .atom.defcon-container--heightM-2 {
          min-height: calc(2.5rem * 2); }
        .atom.defcon-container--heightM-3 {
          min-height: calc(2.5rem * 3); }
        .atom.defcon-container--heightM-4 {
          min-height: calc(2.5rem * 4); }
        .atom.defcon-container--heightM-5 {
          min-height: calc(2.5rem * 5); }
        .atom.defcon-container--heightM-6 {
          min-height: calc(2.5rem * 6); }
        .atom.defcon-container--heightM-7 {
          min-height: calc(2.5rem * 7); }
        .atom.defcon-container--heightM-8 {
          min-height: calc(2.5rem * 8); }
        .atom.defcon-container--heightM-9 {
          min-height: calc(2.5rem * 9); }
        .atom.defcon-container--heightM-10 {
          min-height: calc(2.5rem * 10); }
        .atom.defcon-container--heightM-11 {
          min-height: calc(2.5rem * 11); }
        .atom.defcon-container--heightM-12 {
          min-height: calc(2.5rem * 12); }
        .atom.defcon-container--heightM-13 {
          min-height: calc(2.5rem * 13); }
        .atom.defcon-container--heightM-14 {
          min-height: calc(2.5rem * 14); }
        .atom.defcon-container--heightM-15 {
          min-height: calc(2.5rem * 15); }
        .atom.defcon-container--heightM-16 {
          min-height: calc(2.5rem * 16); }
        .atom.defcon-container--heightM-17 {
          min-height: calc(2.5rem * 17); }
        .atom.defcon-container--heightM-18 {
          min-height: calc(2.5rem * 18); }
        .atom.defcon-container--heightM-19 {
          min-height: calc(2.5rem * 19); }
        .atom.defcon-container--heightM-20 {
          min-height: calc(2.5rem * 20); }
        .atom.defcon-container--heightM-21 {
          min-height: calc(2.5rem * 21); }
        .atom.defcon-container--heightM-22 {
          min-height: calc(2.5rem * 22); }
        .atom.defcon-container--heightM-23 {
          min-height: calc(2.5rem * 23); }
        .atom.defcon-container--heightM-24 {
          min-height: calc(2.5rem * 24); }
        .atom.defcon-container--heightM-25 {
          min-height: calc(2.5rem * 25); }
        .atom.defcon-container--heightM-26 {
          min-height: calc(2.5rem * 26); }
        .atom.defcon-container--heightM-27 {
          min-height: calc(2.5rem * 27); }
        .atom.defcon-container--heightM-28 {
          min-height: calc(2.5rem * 28); }
        .atom.defcon-container--heightM-29 {
          min-height: calc(2.5rem * 29); }
        .atom.defcon-container--heightM-30 {
          min-height: calc(2.5rem * 30); }
        .atom.defcon-container--heightM-full {
          min-height: 100%; }
        .atom.defcon-container--heightM-half {
          min-height: 50%; }
        .atom.defcon-container--topM-1 {
          top: calc(2.5rem * 1); }
        .atom.defcon-container--topM-2 {
          top: calc(2.5rem * 2); }
        .atom.defcon-container--topM-3 {
          top: calc(2.5rem * 3); }
        .atom.defcon-container--topM-4 {
          top: calc(2.5rem * 4); }
        .atom.defcon-container--topM-5 {
          top: calc(2.5rem * 5); }
        .atom.defcon-container--topM-6 {
          top: calc(2.5rem * 6); }
        .atom.defcon-container--topM-7 {
          top: calc(2.5rem * 7); }
        .atom.defcon-container--topM-8 {
          top: calc(2.5rem * 8); }
        .atom.defcon-container--topM-9 {
          top: calc(2.5rem * 9); }
        .atom.defcon-container--topM-10 {
          top: calc(2.5rem * 10); }
        .atom.defcon-container--topM-11 {
          top: calc(2.5rem * 11); }
        .atom.defcon-container--topM-12 {
          top: calc(2.5rem * 12); }
        .atom.defcon-container--topM-13 {
          top: calc(2.5rem * 13); }
        .atom.defcon-container--topM-14 {
          top: calc(2.5rem * 14); }
        .atom.defcon-container--topM-15 {
          top: calc(2.5rem * 15); }
        .atom.defcon-container--topM-16 {
          top: calc(2.5rem * 16); }
        .atom.defcon-container--topM-17 {
          top: calc(2.5rem * 17); }
        .atom.defcon-container--topM-18 {
          top: calc(2.5rem * 18); }
        .atom.defcon-container--topM-19 {
          top: calc(2.5rem * 19); }
        .atom.defcon-container--topM-20 {
          top: calc(2.5rem * 20); }
        .atom.defcon-container--topM-21 {
          top: calc(2.5rem * 21); }
        .atom.defcon-container--topM-22 {
          top: calc(2.5rem * 22); }
        .atom.defcon-container--topM-23 {
          top: calc(2.5rem * 23); }
        .atom.defcon-container--topM-24 {
          top: calc(2.5rem * 24); }
        .atom.defcon-container--topM-25 {
          top: calc(2.5rem * 25); }
        .atom.defcon-container--topM-26 {
          top: calc(2.5rem * 26); }
        .atom.defcon-container--topM-27 {
          top: calc(2.5rem * 27); }
        .atom.defcon-container--topM-28 {
          top: calc(2.5rem * 28); }
        .atom.defcon-container--topM-29 {
          top: calc(2.5rem * 29); }
        .atom.defcon-container--topM-30 {
          top: calc(2.5rem * 30); }
        .atom.defcon-container--topM-0 {
          top: 0; }
        .atom.defcon-container--offsetM-1 {
          left: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.defcon-container--offsetM-2 {
          left: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.defcon-container--offsetM-3 {
          left: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.defcon-container--offsetM-4 {
          left: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.defcon-container--offsetM-5 {
          left: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.defcon-container--offsetM-6 {
          left: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.defcon-container--offsetM-7 {
          left: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.defcon-container--offsetM-8 {
          left: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.defcon-container--offsetM-9 {
          left: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.defcon-container--offsetM-10 {
          left: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.defcon-container--offsetM-11 {
          left: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.defcon-container--offsetM-12 {
          left: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        .atom.defcon-container--offsetM-0 {
          left: 0; }
        .atom.defcon-container--fullM {
          width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11) + 3.125rem);
          left: 0; } }
  .atom.defcon-carousel--width-1 {
    width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-1 {
        width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  .atom.defcon-carousel--width-2 {
    width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-2 {
        width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  .atom.defcon-carousel--width-3 {
    width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-3 {
        width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  .atom.defcon-carousel--width-4 {
    width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-4 {
        width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  .atom.defcon-carousel--width-5 {
    width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-5 {
        width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  .atom.defcon-carousel--width-6 {
    width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-6 {
        width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  .atom.defcon-carousel--width-7 {
    width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-7 {
        width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  .atom.defcon-carousel--width-8 {
    width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-8 {
        width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  .atom.defcon-carousel--width-9 {
    width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-9 {
        width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  .atom.defcon-carousel--width-10 {
    width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-10 {
        width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  .atom.defcon-carousel--width-11 {
    width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-11 {
        width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  .atom.defcon-carousel--width-12 {
    width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--width-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--width-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--width-12 {
        width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  .atom.defcon-carousel--height-1 {
    min-height: calc(2.5rem * 1); }
  .atom.defcon-carousel--height-2 {
    min-height: calc(2.5rem * 2); }
  .atom.defcon-carousel--height-3 {
    min-height: calc(2.5rem * 3); }
  .atom.defcon-carousel--height-4 {
    min-height: calc(2.5rem * 4); }
  .atom.defcon-carousel--height-5 {
    min-height: calc(2.5rem * 5); }
  .atom.defcon-carousel--height-6 {
    min-height: calc(2.5rem * 6); }
  .atom.defcon-carousel--height-7 {
    min-height: calc(2.5rem * 7); }
  .atom.defcon-carousel--height-8 {
    min-height: calc(2.5rem * 8); }
  .atom.defcon-carousel--height-9 {
    min-height: calc(2.5rem * 9); }
  .atom.defcon-carousel--height-10 {
    min-height: calc(2.5rem * 10); }
  .atom.defcon-carousel--height-11 {
    min-height: calc(2.5rem * 11); }
  .atom.defcon-carousel--height-12 {
    min-height: calc(2.5rem * 12); }
  .atom.defcon-carousel--height-13 {
    min-height: calc(2.5rem * 13); }
  .atom.defcon-carousel--height-14 {
    min-height: calc(2.5rem * 14); }
  .atom.defcon-carousel--height-15 {
    min-height: calc(2.5rem * 15); }
  .atom.defcon-carousel--height-16 {
    min-height: calc(2.5rem * 16); }
  .atom.defcon-carousel--height-17 {
    min-height: calc(2.5rem * 17); }
  .atom.defcon-carousel--height-18 {
    min-height: calc(2.5rem * 18); }
  .atom.defcon-carousel--height-19 {
    min-height: calc(2.5rem * 19); }
  .atom.defcon-carousel--height-20 {
    min-height: calc(2.5rem * 20); }
  .atom.defcon-carousel--height-21 {
    min-height: calc(2.5rem * 21); }
  .atom.defcon-carousel--height-22 {
    min-height: calc(2.5rem * 22); }
  .atom.defcon-carousel--height-23 {
    min-height: calc(2.5rem * 23); }
  .atom.defcon-carousel--height-24 {
    min-height: calc(2.5rem * 24); }
  .atom.defcon-carousel--height-25 {
    min-height: calc(2.5rem * 25); }
  .atom.defcon-carousel--height-26 {
    min-height: calc(2.5rem * 26); }
  .atom.defcon-carousel--height-27 {
    min-height: calc(2.5rem * 27); }
  .atom.defcon-carousel--height-28 {
    min-height: calc(2.5rem * 28); }
  .atom.defcon-carousel--height-29 {
    min-height: calc(2.5rem * 29); }
  .atom.defcon-carousel--height-30 {
    min-height: calc(2.5rem * 30); }
  .atom.defcon-carousel--height-full {
    min-height: 100%; }
  .atom.defcon-carousel--height-half {
    min-height: 50%; }
  .atom.defcon-carousel--top-1 {
    top: calc(2.5rem * 1); }
  .atom.defcon-carousel--top-2 {
    top: calc(2.5rem * 2); }
  .atom.defcon-carousel--top-3 {
    top: calc(2.5rem * 3); }
  .atom.defcon-carousel--top-4 {
    top: calc(2.5rem * 4); }
  .atom.defcon-carousel--top-5 {
    top: calc(2.5rem * 5); }
  .atom.defcon-carousel--top-6 {
    top: calc(2.5rem * 6); }
  .atom.defcon-carousel--top-7 {
    top: calc(2.5rem * 7); }
  .atom.defcon-carousel--top-8 {
    top: calc(2.5rem * 8); }
  .atom.defcon-carousel--top-9 {
    top: calc(2.5rem * 9); }
  .atom.defcon-carousel--top-10 {
    top: calc(2.5rem * 10); }
  .atom.defcon-carousel--top-11 {
    top: calc(2.5rem * 11); }
  .atom.defcon-carousel--top-12 {
    top: calc(2.5rem * 12); }
  .atom.defcon-carousel--top-13 {
    top: calc(2.5rem * 13); }
  .atom.defcon-carousel--top-14 {
    top: calc(2.5rem * 14); }
  .atom.defcon-carousel--top-15 {
    top: calc(2.5rem * 15); }
  .atom.defcon-carousel--top-16 {
    top: calc(2.5rem * 16); }
  .atom.defcon-carousel--top-17 {
    top: calc(2.5rem * 17); }
  .atom.defcon-carousel--top-18 {
    top: calc(2.5rem * 18); }
  .atom.defcon-carousel--top-19 {
    top: calc(2.5rem * 19); }
  .atom.defcon-carousel--top-20 {
    top: calc(2.5rem * 20); }
  .atom.defcon-carousel--top-21 {
    top: calc(2.5rem * 21); }
  .atom.defcon-carousel--top-22 {
    top: calc(2.5rem * 22); }
  .atom.defcon-carousel--top-23 {
    top: calc(2.5rem * 23); }
  .atom.defcon-carousel--top-24 {
    top: calc(2.5rem * 24); }
  .atom.defcon-carousel--top-25 {
    top: calc(2.5rem * 25); }
  .atom.defcon-carousel--top-26 {
    top: calc(2.5rem * 26); }
  .atom.defcon-carousel--top-27 {
    top: calc(2.5rem * 27); }
  .atom.defcon-carousel--top-28 {
    top: calc(2.5rem * 28); }
  .atom.defcon-carousel--top-29 {
    top: calc(2.5rem * 29); }
  .atom.defcon-carousel--top-30 {
    top: calc(2.5rem * 30); }
  .atom.defcon-carousel--offset-1 {
    left: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-1 {
        left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-1 {
        left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-1 {
        left: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  .atom.defcon-carousel--offset-2 {
    left: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-2 {
        left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-2 {
        left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-2 {
        left: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  .atom.defcon-carousel--offset-3 {
    left: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-3 {
        left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-3 {
        left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-3 {
        left: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  .atom.defcon-carousel--offset-4 {
    left: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-4 {
        left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-4 {
        left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-4 {
        left: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  .atom.defcon-carousel--offset-5 {
    left: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-5 {
        left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-5 {
        left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-5 {
        left: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  .atom.defcon-carousel--offset-6 {
    left: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-6 {
        left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-6 {
        left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-6 {
        left: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  .atom.defcon-carousel--offset-7 {
    left: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-7 {
        left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-7 {
        left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-7 {
        left: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  .atom.defcon-carousel--offset-8 {
    left: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-8 {
        left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-8 {
        left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-8 {
        left: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  .atom.defcon-carousel--offset-9 {
    left: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-9 {
        left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-9 {
        left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-9 {
        left: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  .atom.defcon-carousel--offset-10 {
    left: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-10 {
        left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-10 {
        left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-10 {
        left: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  .atom.defcon-carousel--offset-11 {
    left: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-11 {
        left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-11 {
        left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-11 {
        left: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  .atom.defcon-carousel--offset-12 {
    left: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel--offset-12 {
        left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel--offset-12 {
        left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel--offset-12 {
        left: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  .atom.defcon-carousel--offset-full {
    width: 100%; }
  @media only screen and (max-width: 1199px) {
    .atom.defcon-carousel--widthPS-1 {
      width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.defcon-carousel--widthPS-2 {
      width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.defcon-carousel--widthPS-3 {
      width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.defcon-carousel--widthPS-4 {
      width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.defcon-carousel--widthPS-5 {
      width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.defcon-carousel--widthPS-6 {
      width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.defcon-carousel--widthPS-7 {
      width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.defcon-carousel--widthPS-8 {
      width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.defcon-carousel--widthPS-9 {
      width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.defcon-carousel--widthPS-10 {
      width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.defcon-carousel--widthPS-11 {
      width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    .atom.defcon-carousel--widthPS-12 {
      width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
    .atom.defcon-carousel--heightPS-1 {
      min-height: calc(2.5rem * 1); }
    .atom.defcon-carousel--heightPS-2 {
      min-height: calc(2.5rem * 2); }
    .atom.defcon-carousel--heightPS-3 {
      min-height: calc(2.5rem * 3); }
    .atom.defcon-carousel--heightPS-4 {
      min-height: calc(2.5rem * 4); }
    .atom.defcon-carousel--heightPS-5 {
      min-height: calc(2.5rem * 5); }
    .atom.defcon-carousel--heightPS-6 {
      min-height: calc(2.5rem * 6); }
    .atom.defcon-carousel--heightPS-7 {
      min-height: calc(2.5rem * 7); }
    .atom.defcon-carousel--heightPS-8 {
      min-height: calc(2.5rem * 8); }
    .atom.defcon-carousel--heightPS-9 {
      min-height: calc(2.5rem * 9); }
    .atom.defcon-carousel--heightPS-10 {
      min-height: calc(2.5rem * 10); }
    .atom.defcon-carousel--heightPS-11 {
      min-height: calc(2.5rem * 11); }
    .atom.defcon-carousel--heightPS-12 {
      min-height: calc(2.5rem * 12); }
    .atom.defcon-carousel--heightPS-13 {
      min-height: calc(2.5rem * 13); }
    .atom.defcon-carousel--heightPS-14 {
      min-height: calc(2.5rem * 14); }
    .atom.defcon-carousel--heightPS-15 {
      min-height: calc(2.5rem * 15); }
    .atom.defcon-carousel--heightPS-16 {
      min-height: calc(2.5rem * 16); }
    .atom.defcon-carousel--heightPS-17 {
      min-height: calc(2.5rem * 17); }
    .atom.defcon-carousel--heightPS-18 {
      min-height: calc(2.5rem * 18); }
    .atom.defcon-carousel--heightPS-19 {
      min-height: calc(2.5rem * 19); }
    .atom.defcon-carousel--heightPS-20 {
      min-height: calc(2.5rem * 20); }
    .atom.defcon-carousel--heightPS-21 {
      min-height: calc(2.5rem * 21); }
    .atom.defcon-carousel--heightPS-22 {
      min-height: calc(2.5rem * 22); }
    .atom.defcon-carousel--heightPS-23 {
      min-height: calc(2.5rem * 23); }
    .atom.defcon-carousel--heightPS-24 {
      min-height: calc(2.5rem * 24); }
    .atom.defcon-carousel--heightPS-25 {
      min-height: calc(2.5rem * 25); }
    .atom.defcon-carousel--heightPS-26 {
      min-height: calc(2.5rem * 26); }
    .atom.defcon-carousel--heightPS-27 {
      min-height: calc(2.5rem * 27); }
    .atom.defcon-carousel--heightPS-28 {
      min-height: calc(2.5rem * 28); }
    .atom.defcon-carousel--heightPS-29 {
      min-height: calc(2.5rem * 29); }
    .atom.defcon-carousel--heightPS-30 {
      min-height: calc(2.5rem * 30); }
    .atom.defcon-carousel--heightPS-full {
      min-height: 100%; }
    .atom.defcon-carousel--heightPS-half {
      min-height: 50%; }
    .atom.defcon-carousel--topPS-1 {
      top: calc(2.5rem * 1); }
    .atom.defcon-carousel--topPS-2 {
      top: calc(2.5rem * 2); }
    .atom.defcon-carousel--topPS-3 {
      top: calc(2.5rem * 3); }
    .atom.defcon-carousel--topPS-4 {
      top: calc(2.5rem * 4); }
    .atom.defcon-carousel--topPS-5 {
      top: calc(2.5rem * 5); }
    .atom.defcon-carousel--topPS-6 {
      top: calc(2.5rem * 6); }
    .atom.defcon-carousel--topPS-7 {
      top: calc(2.5rem * 7); }
    .atom.defcon-carousel--topPS-8 {
      top: calc(2.5rem * 8); }
    .atom.defcon-carousel--topPS-9 {
      top: calc(2.5rem * 9); }
    .atom.defcon-carousel--topPS-10 {
      top: calc(2.5rem * 10); }
    .atom.defcon-carousel--topPS-11 {
      top: calc(2.5rem * 11); }
    .atom.defcon-carousel--topPS-12 {
      top: calc(2.5rem * 12); }
    .atom.defcon-carousel--topPS-13 {
      top: calc(2.5rem * 13); }
    .atom.defcon-carousel--topPS-14 {
      top: calc(2.5rem * 14); }
    .atom.defcon-carousel--topPS-15 {
      top: calc(2.5rem * 15); }
    .atom.defcon-carousel--topPS-16 {
      top: calc(2.5rem * 16); }
    .atom.defcon-carousel--topPS-17 {
      top: calc(2.5rem * 17); }
    .atom.defcon-carousel--topPS-18 {
      top: calc(2.5rem * 18); }
    .atom.defcon-carousel--topPS-19 {
      top: calc(2.5rem * 19); }
    .atom.defcon-carousel--topPS-20 {
      top: calc(2.5rem * 20); }
    .atom.defcon-carousel--topPS-21 {
      top: calc(2.5rem * 21); }
    .atom.defcon-carousel--topPS-22 {
      top: calc(2.5rem * 22); }
    .atom.defcon-carousel--topPS-23 {
      top: calc(2.5rem * 23); }
    .atom.defcon-carousel--topPS-24 {
      top: calc(2.5rem * 24); }
    .atom.defcon-carousel--topPS-25 {
      top: calc(2.5rem * 25); }
    .atom.defcon-carousel--topPS-26 {
      top: calc(2.5rem * 26); }
    .atom.defcon-carousel--topPS-27 {
      top: calc(2.5rem * 27); }
    .atom.defcon-carousel--topPS-28 {
      top: calc(2.5rem * 28); }
    .atom.defcon-carousel--topPS-29 {
      top: calc(2.5rem * 29); }
    .atom.defcon-carousel--topPS-30 {
      top: calc(2.5rem * 30); }
    .atom.defcon-carousel--offsetPS-1 {
      left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    .atom.defcon-carousel--offsetPS-2 {
      left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    .atom.defcon-carousel--offsetPS-3 {
      left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    .atom.defcon-carousel--offsetPS-4 {
      left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    .atom.defcon-carousel--offsetPS-5 {
      left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    .atom.defcon-carousel--offsetPS-6 {
      left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    .atom.defcon-carousel--offsetPS-7 {
      left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    .atom.defcon-carousel--offsetPS-8 {
      left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    .atom.defcon-carousel--offsetPS-9 {
      left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    .atom.defcon-carousel--offsetPS-10 {
      left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    .atom.defcon-carousel--offsetPS-11 {
      left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    .atom.defcon-carousel--offsetPS-12 {
      left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
    .atom.defcon-carousel--offsetPS-full {
      width: 100%; } }
  @media only screen and (max-width: 899px) {
    .atom.defcon-carousel--widthTP-1 {
      width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.defcon-carousel--widthTP-2 {
      width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.defcon-carousel--widthTP-3 {
      width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.defcon-carousel--widthTP-4 {
      width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.defcon-carousel--widthTP-5 {
      width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.defcon-carousel--widthTP-6 {
      width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.defcon-carousel--widthTP-7 {
      width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.defcon-carousel--widthTP-8 {
      width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.defcon-carousel--widthTP-9 {
      width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.defcon-carousel--widthTP-10 {
      width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.defcon-carousel--widthTP-11 {
      width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    .atom.defcon-carousel--widthTP-12 {
      width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
    .atom.defcon-carousel--heightTP-1 {
      min-height: calc(2.5rem * 1); }
    .atom.defcon-carousel--heightTP-2 {
      min-height: calc(2.5rem * 2); }
    .atom.defcon-carousel--heightTP-3 {
      min-height: calc(2.5rem * 3); }
    .atom.defcon-carousel--heightTP-4 {
      min-height: calc(2.5rem * 4); }
    .atom.defcon-carousel--heightTP-5 {
      min-height: calc(2.5rem * 5); }
    .atom.defcon-carousel--heightTP-6 {
      min-height: calc(2.5rem * 6); }
    .atom.defcon-carousel--heightTP-7 {
      min-height: calc(2.5rem * 7); }
    .atom.defcon-carousel--heightTP-8 {
      min-height: calc(2.5rem * 8); }
    .atom.defcon-carousel--heightTP-9 {
      min-height: calc(2.5rem * 9); }
    .atom.defcon-carousel--heightTP-10 {
      min-height: calc(2.5rem * 10); }
    .atom.defcon-carousel--heightTP-11 {
      min-height: calc(2.5rem * 11); }
    .atom.defcon-carousel--heightTP-12 {
      min-height: calc(2.5rem * 12); }
    .atom.defcon-carousel--heightTP-13 {
      min-height: calc(2.5rem * 13); }
    .atom.defcon-carousel--heightTP-14 {
      min-height: calc(2.5rem * 14); }
    .atom.defcon-carousel--heightTP-15 {
      min-height: calc(2.5rem * 15); }
    .atom.defcon-carousel--heightTP-16 {
      min-height: calc(2.5rem * 16); }
    .atom.defcon-carousel--heightTP-17 {
      min-height: calc(2.5rem * 17); }
    .atom.defcon-carousel--heightTP-18 {
      min-height: calc(2.5rem * 18); }
    .atom.defcon-carousel--heightTP-19 {
      min-height: calc(2.5rem * 19); }
    .atom.defcon-carousel--heightTP-20 {
      min-height: calc(2.5rem * 20); }
    .atom.defcon-carousel--heightTP-21 {
      min-height: calc(2.5rem * 21); }
    .atom.defcon-carousel--heightTP-22 {
      min-height: calc(2.5rem * 22); }
    .atom.defcon-carousel--heightTP-23 {
      min-height: calc(2.5rem * 23); }
    .atom.defcon-carousel--heightTP-24 {
      min-height: calc(2.5rem * 24); }
    .atom.defcon-carousel--heightTP-25 {
      min-height: calc(2.5rem * 25); }
    .atom.defcon-carousel--heightTP-26 {
      min-height: calc(2.5rem * 26); }
    .atom.defcon-carousel--heightTP-27 {
      min-height: calc(2.5rem * 27); }
    .atom.defcon-carousel--heightTP-28 {
      min-height: calc(2.5rem * 28); }
    .atom.defcon-carousel--heightTP-29 {
      min-height: calc(2.5rem * 29); }
    .atom.defcon-carousel--heightTP-30 {
      min-height: calc(2.5rem * 30); }
    .atom.defcon-carousel--heightTP-full {
      min-height: 100%; }
    .atom.defcon-carousel--heightTP-half {
      min-height: 50%; }
    .atom.defcon-carousel--topTP-1 {
      top: calc(2.5rem * 1); }
    .atom.defcon-carousel--topTP-2 {
      top: calc(2.5rem * 2); }
    .atom.defcon-carousel--topTP-3 {
      top: calc(2.5rem * 3); }
    .atom.defcon-carousel--topTP-4 {
      top: calc(2.5rem * 4); }
    .atom.defcon-carousel--topTP-5 {
      top: calc(2.5rem * 5); }
    .atom.defcon-carousel--topTP-6 {
      top: calc(2.5rem * 6); }
    .atom.defcon-carousel--topTP-7 {
      top: calc(2.5rem * 7); }
    .atom.defcon-carousel--topTP-8 {
      top: calc(2.5rem * 8); }
    .atom.defcon-carousel--topTP-9 {
      top: calc(2.5rem * 9); }
    .atom.defcon-carousel--topTP-10 {
      top: calc(2.5rem * 10); }
    .atom.defcon-carousel--topTP-11 {
      top: calc(2.5rem * 11); }
    .atom.defcon-carousel--topTP-12 {
      top: calc(2.5rem * 12); }
    .atom.defcon-carousel--topTP-13 {
      top: calc(2.5rem * 13); }
    .atom.defcon-carousel--topTP-14 {
      top: calc(2.5rem * 14); }
    .atom.defcon-carousel--topTP-15 {
      top: calc(2.5rem * 15); }
    .atom.defcon-carousel--topTP-16 {
      top: calc(2.5rem * 16); }
    .atom.defcon-carousel--topTP-17 {
      top: calc(2.5rem * 17); }
    .atom.defcon-carousel--topTP-18 {
      top: calc(2.5rem * 18); }
    .atom.defcon-carousel--topTP-19 {
      top: calc(2.5rem * 19); }
    .atom.defcon-carousel--topTP-20 {
      top: calc(2.5rem * 20); }
    .atom.defcon-carousel--topTP-21 {
      top: calc(2.5rem * 21); }
    .atom.defcon-carousel--topTP-22 {
      top: calc(2.5rem * 22); }
    .atom.defcon-carousel--topTP-23 {
      top: calc(2.5rem * 23); }
    .atom.defcon-carousel--topTP-24 {
      top: calc(2.5rem * 24); }
    .atom.defcon-carousel--topTP-25 {
      top: calc(2.5rem * 25); }
    .atom.defcon-carousel--topTP-26 {
      top: calc(2.5rem * 26); }
    .atom.defcon-carousel--topTP-27 {
      top: calc(2.5rem * 27); }
    .atom.defcon-carousel--topTP-28 {
      top: calc(2.5rem * 28); }
    .atom.defcon-carousel--topTP-29 {
      top: calc(2.5rem * 29); }
    .atom.defcon-carousel--topTP-30 {
      top: calc(2.5rem * 30); }
    .atom.defcon-carousel--offsetTP-1 {
      left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    .atom.defcon-carousel--offsetTP-2 {
      left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    .atom.defcon-carousel--offsetTP-3 {
      left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    .atom.defcon-carousel--offsetTP-4 {
      left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    .atom.defcon-carousel--offsetTP-5 {
      left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    .atom.defcon-carousel--offsetTP-6 {
      left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    .atom.defcon-carousel--offsetTP-7 {
      left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    .atom.defcon-carousel--offsetTP-8 {
      left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    .atom.defcon-carousel--offsetTP-9 {
      left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    .atom.defcon-carousel--offsetTP-10 {
      left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    .atom.defcon-carousel--offsetTP-11 {
      left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    .atom.defcon-carousel--offsetTP-12 {
      left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
    .atom.defcon-carousel--offsetTP-full {
      width: 100%; } }
  @media only screen and (max-width: 599px) {
    .atom.defcon-carousel--widthM-1 {
      width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.defcon-carousel--widthM-2 {
      width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.defcon-carousel--widthM-3 {
      width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.defcon-carousel--widthM-4 {
      width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.defcon-carousel--widthM-5 {
      width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.defcon-carousel--widthM-6 {
      width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.defcon-carousel--widthM-7 {
      width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.defcon-carousel--widthM-8 {
      width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.defcon-carousel--widthM-9 {
      width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.defcon-carousel--widthM-10 {
      width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.defcon-carousel--widthM-11 {
      width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    .atom.defcon-carousel--widthM-12 {
      width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
    .atom.defcon-carousel--widthM-12 {
      width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    .atom.defcon-carousel--heightM-1 {
      min-height: calc(2.5rem * 1); }
    .atom.defcon-carousel--heightM-2 {
      min-height: calc(2.5rem * 2); }
    .atom.defcon-carousel--heightM-3 {
      min-height: calc(2.5rem * 3); }
    .atom.defcon-carousel--heightM-4 {
      min-height: calc(2.5rem * 4); }
    .atom.defcon-carousel--heightM-5 {
      min-height: calc(2.5rem * 5); }
    .atom.defcon-carousel--heightM-6 {
      min-height: calc(2.5rem * 6); }
    .atom.defcon-carousel--heightM-7 {
      min-height: calc(2.5rem * 7); }
    .atom.defcon-carousel--heightM-8 {
      min-height: calc(2.5rem * 8); }
    .atom.defcon-carousel--heightM-9 {
      min-height: calc(2.5rem * 9); }
    .atom.defcon-carousel--heightM-10 {
      min-height: calc(2.5rem * 10); }
    .atom.defcon-carousel--heightM-11 {
      min-height: calc(2.5rem * 11); }
    .atom.defcon-carousel--heightM-12 {
      min-height: calc(2.5rem * 12); }
    .atom.defcon-carousel--heightM-13 {
      min-height: calc(2.5rem * 13); }
    .atom.defcon-carousel--heightM-14 {
      min-height: calc(2.5rem * 14); }
    .atom.defcon-carousel--heightM-15 {
      min-height: calc(2.5rem * 15); }
    .atom.defcon-carousel--heightM-16 {
      min-height: calc(2.5rem * 16); }
    .atom.defcon-carousel--heightM-17 {
      min-height: calc(2.5rem * 17); }
    .atom.defcon-carousel--heightM-18 {
      min-height: calc(2.5rem * 18); }
    .atom.defcon-carousel--heightM-19 {
      min-height: calc(2.5rem * 19); }
    .atom.defcon-carousel--heightM-20 {
      min-height: calc(2.5rem * 20); }
    .atom.defcon-carousel--heightM-21 {
      min-height: calc(2.5rem * 21); }
    .atom.defcon-carousel--heightM-22 {
      min-height: calc(2.5rem * 22); }
    .atom.defcon-carousel--heightM-23 {
      min-height: calc(2.5rem * 23); }
    .atom.defcon-carousel--heightM-24 {
      min-height: calc(2.5rem * 24); }
    .atom.defcon-carousel--heightM-25 {
      min-height: calc(2.5rem * 25); }
    .atom.defcon-carousel--heightM-26 {
      min-height: calc(2.5rem * 26); }
    .atom.defcon-carousel--heightM-27 {
      min-height: calc(2.5rem * 27); }
    .atom.defcon-carousel--heightM-28 {
      min-height: calc(2.5rem * 28); }
    .atom.defcon-carousel--heightM-29 {
      min-height: calc(2.5rem * 29); }
    .atom.defcon-carousel--heightM-30 {
      min-height: calc(2.5rem * 30); }
    .atom.defcon-carousel--heightM-full {
      min-height: 100%; }
    .atom.defcon-carousel--heightM-half {
      min-height: 50%; }
    .atom.defcon-carousel--topM-1 {
      top: calc(2.5rem * 1); }
    .atom.defcon-carousel--topM-2 {
      top: calc(2.5rem * 2); }
    .atom.defcon-carousel--topM-3 {
      top: calc(2.5rem * 3); }
    .atom.defcon-carousel--topM-4 {
      top: calc(2.5rem * 4); }
    .atom.defcon-carousel--topM-5 {
      top: calc(2.5rem * 5); }
    .atom.defcon-carousel--topM-6 {
      top: calc(2.5rem * 6); }
    .atom.defcon-carousel--topM-7 {
      top: calc(2.5rem * 7); }
    .atom.defcon-carousel--topM-8 {
      top: calc(2.5rem * 8); }
    .atom.defcon-carousel--topM-9 {
      top: calc(2.5rem * 9); }
    .atom.defcon-carousel--topM-10 {
      top: calc(2.5rem * 10); }
    .atom.defcon-carousel--topM-11 {
      top: calc(2.5rem * 11); }
    .atom.defcon-carousel--topM-12 {
      top: calc(2.5rem * 12); }
    .atom.defcon-carousel--topM-13 {
      top: calc(2.5rem * 13); }
    .atom.defcon-carousel--topM-14 {
      top: calc(2.5rem * 14); }
    .atom.defcon-carousel--topM-15 {
      top: calc(2.5rem * 15); }
    .atom.defcon-carousel--topM-16 {
      top: calc(2.5rem * 16); }
    .atom.defcon-carousel--topM-17 {
      top: calc(2.5rem * 17); }
    .atom.defcon-carousel--topM-18 {
      top: calc(2.5rem * 18); }
    .atom.defcon-carousel--topM-19 {
      top: calc(2.5rem * 19); }
    .atom.defcon-carousel--topM-20 {
      top: calc(2.5rem * 20); }
    .atom.defcon-carousel--topM-21 {
      top: calc(2.5rem * 21); }
    .atom.defcon-carousel--topM-22 {
      top: calc(2.5rem * 22); }
    .atom.defcon-carousel--topM-23 {
      top: calc(2.5rem * 23); }
    .atom.defcon-carousel--topM-24 {
      top: calc(2.5rem * 24); }
    .atom.defcon-carousel--topM-25 {
      top: calc(2.5rem * 25); }
    .atom.defcon-carousel--topM-26 {
      top: calc(2.5rem * 26); }
    .atom.defcon-carousel--topM-27 {
      top: calc(2.5rem * 27); }
    .atom.defcon-carousel--topM-28 {
      top: calc(2.5rem * 28); }
    .atom.defcon-carousel--topM-29 {
      top: calc(2.5rem * 29); }
    .atom.defcon-carousel--topM-30 {
      top: calc(2.5rem * 30); }
    .atom.defcon-carousel--offsetM-1 {
      left: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    .atom.defcon-carousel--offsetM-2 {
      left: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    .atom.defcon-carousel--offsetM-3 {
      left: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    .atom.defcon-carousel--offsetM-4 {
      left: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    .atom.defcon-carousel--offsetM-5 {
      left: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    .atom.defcon-carousel--offsetM-6 {
      left: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    .atom.defcon-carousel--offsetM-7 {
      left: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    .atom.defcon-carousel--offsetM-8 {
      left: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    .atom.defcon-carousel--offsetM-9 {
      left: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    .atom.defcon-carousel--offsetM-10 {
      left: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    .atom.defcon-carousel--offsetM-11 {
      left: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    .atom.defcon-carousel--offsetM-12 {
      left: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
    .atom.defcon-carousel--offsetM-full {
      width: 100%; } }
  .atom.defcon-carousel.slick-slider {
    overflow: visible; }
  .atom.defcon-carousel-button-container {
    position: absolute;
    display: flex;
    height: 2.5rem;
    text-align: right;
    z-index: 3;
    right: 10vw;
    top: 2.5rem;
    transition: opacity ease .5s; }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel-button-container {
        display: none; } }
    .atom.defcon-carousel-button-container .slick-disabled {
      pointer-events: none;
      opacity: 0.45; }
  .atom.defcon-carousel-slick-icon {
    background-size: 1.25rem;
    background-repeat: no-repeat;
    display: block;
    height: 2.5rem;
    width: 2.5rem;
    background-color: transparent;
    border: none;
    cursor: pointer; }
  .atom.defcon-carousel-slick-prev {
    background-image: url("../../../images/generic/skins/00/icons/chevrons/icon-shevron-left-wht.svg"); }
  .atom.defcon-carousel-slick-next {
    background-image: url("../../../images/generic/skins/00/icons/chevrons/icon-shevron-right-wht.svg"); }
  .atom.defcon-carousel-slick-last {
    background-image: url("../../../images/generic/skins/00/icons/chevrons/icon-shevron-right-wht.svg"); }
  .atom.defcon-carousel .slick-list {
    padding: 0;
    overflow: unset; }
  .atom.defcon-carousel-card {
    position: relative;
    background-color: #009999;
    display: flex;
    justify-content: center;
    padding-left: 2.5rem;
    padding-right: 0; }
    .atom.defcon-carousel-card:nth-child(even) {
      background-color: #008997; }
    .atom.defcon-carousel-card--padding-1 {
      padding-top: calc(2.5rem * 1); }
    .atom.defcon-carousel-card--padding-2 {
      padding-top: calc(2.5rem * 2); }
    .atom.defcon-carousel-card--padding-3 {
      padding-top: calc(2.5rem * 3); }
    .atom.defcon-carousel-card--padding-4 {
      padding-top: calc(2.5rem * 4); }
    .atom.defcon-carousel-card--padding-5 {
      padding-top: calc(2.5rem * 5); }
    .atom.defcon-carousel-card--padding-6 {
      padding-top: calc(2.5rem * 6); }
    .atom.defcon-carousel-card--padding-7 {
      padding-top: calc(2.5rem * 7); }
    .atom.defcon-carousel-card--padding-8 {
      padding-top: calc(2.5rem * 8); }
    .atom.defcon-carousel-card--padding-9 {
      padding-top: calc(2.5rem * 9); }
    .atom.defcon-carousel-card--padding-10 {
      padding-top: calc(2.5rem * 10); }
    .atom.defcon-carousel-card--padding-11 {
      padding-top: calc(2.5rem * 11); }
    .atom.defcon-carousel-card--padding-12 {
      padding-top: calc(2.5rem * 12); }
    .atom.defcon-carousel-card--padding-13 {
      padding-top: calc(2.5rem * 13); }
    .atom.defcon-carousel-card--padding-14 {
      padding-top: calc(2.5rem * 14); }
    .atom.defcon-carousel-card--padding-15 {
      padding-top: calc(2.5rem * 15); }
    .atom.defcon-carousel-card--padding-16 {
      padding-top: calc(2.5rem * 16); }
    .atom.defcon-carousel-card--padding-17 {
      padding-top: calc(2.5rem * 17); }
    .atom.defcon-carousel-card--padding-18 {
      padding-top: calc(2.5rem * 18); }
    .atom.defcon-carousel-card--padding-19 {
      padding-top: calc(2.5rem * 19); }
    .atom.defcon-carousel-card--padding-20 {
      padding-top: calc(2.5rem * 20); }
    .atom.defcon-carousel-card--padding-21 {
      padding-top: calc(2.5rem * 21); }
    .atom.defcon-carousel-card--padding-22 {
      padding-top: calc(2.5rem * 22); }
    .atom.defcon-carousel-card--padding-23 {
      padding-top: calc(2.5rem * 23); }
    .atom.defcon-carousel-card--padding-24 {
      padding-top: calc(2.5rem * 24); }
    .atom.defcon-carousel-card--padding-25 {
      padding-top: calc(2.5rem * 25); }
    .atom.defcon-carousel-card--padding-26 {
      padding-top: calc(2.5rem * 26); }
    .atom.defcon-carousel-card--padding-27 {
      padding-top: calc(2.5rem * 27); }
    .atom.defcon-carousel-card--padding-28 {
      padding-top: calc(2.5rem * 28); }
    .atom.defcon-carousel-card--padding-29 {
      padding-top: calc(2.5rem * 29); }
    .atom.defcon-carousel-card--padding-30 {
      padding-top: calc(2.5rem * 30); }
    .atom.defcon-carousel-card--width-1 {
      min-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-1 {
          min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-1 {
          min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-1 {
          min-width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
    .atom.defcon-carousel-card--width-2 {
      min-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-2 {
          min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-2 {
          min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-2 {
          min-width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
    .atom.defcon-carousel-card--width-3 {
      min-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-3 {
          min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-3 {
          min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-3 {
          min-width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
    .atom.defcon-carousel-card--width-4 {
      min-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-4 {
          min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-4 {
          min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-4 {
          min-width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
    .atom.defcon-carousel-card--width-5 {
      min-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-5 {
          min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-5 {
          min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-5 {
          min-width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
    .atom.defcon-carousel-card--width-6 {
      min-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-6 {
          min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-6 {
          min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-6 {
          min-width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
    .atom.defcon-carousel-card--width-7 {
      min-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-7 {
          min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-7 {
          min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-7 {
          min-width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
    .atom.defcon-carousel-card--width-8 {
      min-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-8 {
          min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-8 {
          min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-8 {
          min-width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
    .atom.defcon-carousel-card--width-9 {
      min-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-9 {
          min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-9 {
          min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-9 {
          min-width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
    .atom.defcon-carousel-card--width-10 {
      min-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-10 {
          min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-10 {
          min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-10 {
          min-width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
    .atom.defcon-carousel-card--width-11 {
      min-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-11 {
          min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-11 {
          min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-11 {
          min-width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
    .atom.defcon-carousel-card--width-12 {
      min-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-12 {
          min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-12 {
          min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-12 {
          min-width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
    .atom.defcon-carousel-card--width-full {
      min-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--width-full {
          min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--width-full {
          min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--width-full {
          min-width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
    .atom.defcon-carousel-card--offset-1 {
      transform: translateX(calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-1 {
          transform: translateX(calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-1 {
          transform: translateX(calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-1 {
          transform: translateX(calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1)))); } }
    .atom.defcon-carousel-card--offset-2 {
      transform: translateX(calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-2 {
          transform: translateX(calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-2 {
          transform: translateX(calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-2 {
          transform: translateX(calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1)))); } }
    .atom.defcon-carousel-card--offset-3 {
      transform: translateX(calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-3 {
          transform: translateX(calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-3 {
          transform: translateX(calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-3 {
          transform: translateX(calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1)))); } }
    .atom.defcon-carousel-card--offset-4 {
      transform: translateX(calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-4 {
          transform: translateX(calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-4 {
          transform: translateX(calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-4 {
          transform: translateX(calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1)))); } }
    .atom.defcon-carousel-card--offset-5 {
      transform: translateX(calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-5 {
          transform: translateX(calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-5 {
          transform: translateX(calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-5 {
          transform: translateX(calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1)))); } }
    .atom.defcon-carousel-card--offset-6 {
      transform: translateX(calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-6 {
          transform: translateX(calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-6 {
          transform: translateX(calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-6 {
          transform: translateX(calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1)))); } }
    .atom.defcon-carousel-card--offset-7 {
      transform: translateX(calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-7 {
          transform: translateX(calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-7 {
          transform: translateX(calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-7 {
          transform: translateX(calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1)))); } }
    .atom.defcon-carousel-card--offset-8 {
      transform: translateX(calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-8 {
          transform: translateX(calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-8 {
          transform: translateX(calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-8 {
          transform: translateX(calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1)))); } }
    .atom.defcon-carousel-card--offset-9 {
      transform: translateX(calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-9 {
          transform: translateX(calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-9 {
          transform: translateX(calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-9 {
          transform: translateX(calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1)))); } }
    .atom.defcon-carousel-card--offset-10 {
      transform: translateX(calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-10 {
          transform: translateX(calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-10 {
          transform: translateX(calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-10 {
          transform: translateX(calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1)))); } }
    .atom.defcon-carousel-card--offset-11 {
      transform: translateX(calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-11 {
          transform: translateX(calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-11 {
          transform: translateX(calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-11 {
          transform: translateX(calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1)))); } }
    .atom.defcon-carousel-card--offset-12 {
      transform: translateX(calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1)))); }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card--offset-12 {
          transform: translateX(calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1)))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card--offset-12 {
          transform: translateX(calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1)))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card--offset-12 {
          transform: translateX(calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1)))); } }
    .atom.defcon-carousel-card--offset-full {
      width: 100%; }
    .atom.defcon-carousel-card--height-1 {
      min-height: calc(2.5rem * 1); }
    .atom.defcon-carousel-card--height-2 {
      min-height: calc(2.5rem * 2); }
    .atom.defcon-carousel-card--height-3 {
      min-height: calc(2.5rem * 3); }
    .atom.defcon-carousel-card--height-4 {
      min-height: calc(2.5rem * 4); }
    .atom.defcon-carousel-card--height-5 {
      min-height: calc(2.5rem * 5); }
    .atom.defcon-carousel-card--height-6 {
      min-height: calc(2.5rem * 6); }
    .atom.defcon-carousel-card--height-7 {
      min-height: calc(2.5rem * 7); }
    .atom.defcon-carousel-card--height-8 {
      min-height: calc(2.5rem * 8); }
    .atom.defcon-carousel-card--height-9 {
      min-height: calc(2.5rem * 9); }
    .atom.defcon-carousel-card--height-10 {
      min-height: calc(2.5rem * 10); }
    .atom.defcon-carousel-card--height-11 {
      min-height: calc(2.5rem * 11); }
    .atom.defcon-carousel-card--height-12 {
      min-height: calc(2.5rem * 12); }
    .atom.defcon-carousel-card--height-13 {
      min-height: calc(2.5rem * 13); }
    .atom.defcon-carousel-card--height-14 {
      min-height: calc(2.5rem * 14); }
    .atom.defcon-carousel-card--height-15 {
      min-height: calc(2.5rem * 15); }
    .atom.defcon-carousel-card--height-16 {
      min-height: calc(2.5rem * 16); }
    .atom.defcon-carousel-card--height-17 {
      min-height: calc(2.5rem * 17); }
    .atom.defcon-carousel-card--height-18 {
      min-height: calc(2.5rem * 18); }
    .atom.defcon-carousel-card--height-19 {
      min-height: calc(2.5rem * 19); }
    .atom.defcon-carousel-card--height-20 {
      min-height: calc(2.5rem * 20); }
    .atom.defcon-carousel-card--height-21 {
      min-height: calc(2.5rem * 21); }
    .atom.defcon-carousel-card--height-22 {
      min-height: calc(2.5rem * 22); }
    .atom.defcon-carousel-card--height-23 {
      min-height: calc(2.5rem * 23); }
    .atom.defcon-carousel-card--height-24 {
      min-height: calc(2.5rem * 24); }
    .atom.defcon-carousel-card--height-25 {
      min-height: calc(2.5rem * 25); }
    .atom.defcon-carousel-card--height-26 {
      min-height: calc(2.5rem * 26); }
    .atom.defcon-carousel-card--height-27 {
      min-height: calc(2.5rem * 27); }
    .atom.defcon-carousel-card--height-28 {
      min-height: calc(2.5rem * 28); }
    .atom.defcon-carousel-card--height-29 {
      min-height: calc(2.5rem * 29); }
    .atom.defcon-carousel-card--height-30 {
      min-height: calc(2.5rem * 30); }
    .atom.defcon-carousel-card--height-full {
      min-height: 100%; }
    .atom.defcon-carousel-card--height-half {
      min-height: 50%; }
    @media only screen and (max-width: 1199px) {
      .atom.defcon-carousel-card--paddingPS-1 {
        padding-top: calc(2.5rem * 1); }
      .atom.defcon-carousel-card--paddingPS-2 {
        padding-top: calc(2.5rem * 2); }
      .atom.defcon-carousel-card--paddingPS-3 {
        padding-top: calc(2.5rem * 3); }
      .atom.defcon-carousel-card--paddingPS-4 {
        padding-top: calc(2.5rem * 4); }
      .atom.defcon-carousel-card--paddingPS-5 {
        padding-top: calc(2.5rem * 5); }
      .atom.defcon-carousel-card--paddingPS-6 {
        padding-top: calc(2.5rem * 6); }
      .atom.defcon-carousel-card--paddingPS-7 {
        padding-top: calc(2.5rem * 7); }
      .atom.defcon-carousel-card--paddingPS-8 {
        padding-top: calc(2.5rem * 8); }
      .atom.defcon-carousel-card--paddingPS-9 {
        padding-top: calc(2.5rem * 9); }
      .atom.defcon-carousel-card--paddingPS-10 {
        padding-top: calc(2.5rem * 10); }
      .atom.defcon-carousel-card--paddingPS-11 {
        padding-top: calc(2.5rem * 11); }
      .atom.defcon-carousel-card--paddingPS-12 {
        padding-top: calc(2.5rem * 12); }
      .atom.defcon-carousel-card--paddingPS-13 {
        padding-top: calc(2.5rem * 13); }
      .atom.defcon-carousel-card--paddingPS-14 {
        padding-top: calc(2.5rem * 14); }
      .atom.defcon-carousel-card--paddingPS-15 {
        padding-top: calc(2.5rem * 15); }
      .atom.defcon-carousel-card--paddingPS-16 {
        padding-top: calc(2.5rem * 16); }
      .atom.defcon-carousel-card--paddingPS-17 {
        padding-top: calc(2.5rem * 17); }
      .atom.defcon-carousel-card--paddingPS-18 {
        padding-top: calc(2.5rem * 18); }
      .atom.defcon-carousel-card--paddingPS-19 {
        padding-top: calc(2.5rem * 19); }
      .atom.defcon-carousel-card--paddingPS-20 {
        padding-top: calc(2.5rem * 20); }
      .atom.defcon-carousel-card--paddingPS-21 {
        padding-top: calc(2.5rem * 21); }
      .atom.defcon-carousel-card--paddingPS-22 {
        padding-top: calc(2.5rem * 22); }
      .atom.defcon-carousel-card--paddingPS-23 {
        padding-top: calc(2.5rem * 23); }
      .atom.defcon-carousel-card--paddingPS-24 {
        padding-top: calc(2.5rem * 24); }
      .atom.defcon-carousel-card--paddingPS-25 {
        padding-top: calc(2.5rem * 25); }
      .atom.defcon-carousel-card--paddingPS-26 {
        padding-top: calc(2.5rem * 26); }
      .atom.defcon-carousel-card--paddingPS-27 {
        padding-top: calc(2.5rem * 27); }
      .atom.defcon-carousel-card--paddingPS-28 {
        padding-top: calc(2.5rem * 28); }
      .atom.defcon-carousel-card--paddingPS-29 {
        padding-top: calc(2.5rem * 29); }
      .atom.defcon-carousel-card--paddingPS-30 {
        padding-top: calc(2.5rem * 30); }
      .atom.defcon-carousel-card--widthPS-1 {
        min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.defcon-carousel-card--widthPS-2 {
        min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.defcon-carousel-card--widthPS-3 {
        min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.defcon-carousel-card--widthPS-4 {
        min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.defcon-carousel-card--widthPS-5 {
        min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.defcon-carousel-card--widthPS-6 {
        min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.defcon-carousel-card--widthPS-7 {
        min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.defcon-carousel-card--widthPS-8 {
        min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.defcon-carousel-card--widthPS-9 {
        min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.defcon-carousel-card--widthPS-10 {
        min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.defcon-carousel-card--widthPS-11 {
        min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.defcon-carousel-card--widthPS-12 {
        min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.defcon-carousel-card--widthPS-full {
        min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.defcon-carousel-card--offsetPS-1 {
        transform: translateX(calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-2 {
        transform: translateX(calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-3 {
        transform: translateX(calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-4 {
        transform: translateX(calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-5 {
        transform: translateX(calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-6 {
        transform: translateX(calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-7 {
        transform: translateX(calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-8 {
        transform: translateX(calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-9 {
        transform: translateX(calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-10 {
        transform: translateX(calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-11 {
        transform: translateX(calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-12 {
        transform: translateX(calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1)))); }
      .atom.defcon-carousel-card--offsetPS-full {
        width: 100%; }
      .atom.defcon-carousel-card--heightPS-1 {
        min-height: calc(2.5rem * 1); }
      .atom.defcon-carousel-card--heightPS-2 {
        min-height: calc(2.5rem * 2); }
      .atom.defcon-carousel-card--heightPS-3 {
        min-height: calc(2.5rem * 3); }
      .atom.defcon-carousel-card--heightPS-4 {
        min-height: calc(2.5rem * 4); }
      .atom.defcon-carousel-card--heightPS-5 {
        min-height: calc(2.5rem * 5); }
      .atom.defcon-carousel-card--heightPS-6 {
        min-height: calc(2.5rem * 6); }
      .atom.defcon-carousel-card--heightPS-7 {
        min-height: calc(2.5rem * 7); }
      .atom.defcon-carousel-card--heightPS-8 {
        min-height: calc(2.5rem * 8); }
      .atom.defcon-carousel-card--heightPS-9 {
        min-height: calc(2.5rem * 9); }
      .atom.defcon-carousel-card--heightPS-10 {
        min-height: calc(2.5rem * 10); }
      .atom.defcon-carousel-card--heightPS-11 {
        min-height: calc(2.5rem * 11); }
      .atom.defcon-carousel-card--heightPS-12 {
        min-height: calc(2.5rem * 12); }
      .atom.defcon-carousel-card--heightPS-13 {
        min-height: calc(2.5rem * 13); }
      .atom.defcon-carousel-card--heightPS-14 {
        min-height: calc(2.5rem * 14); }
      .atom.defcon-carousel-card--heightPS-15 {
        min-height: calc(2.5rem * 15); }
      .atom.defcon-carousel-card--heightPS-16 {
        min-height: calc(2.5rem * 16); }
      .atom.defcon-carousel-card--heightPS-17 {
        min-height: calc(2.5rem * 17); }
      .atom.defcon-carousel-card--heightPS-18 {
        min-height: calc(2.5rem * 18); }
      .atom.defcon-carousel-card--heightPS-19 {
        min-height: calc(2.5rem * 19); }
      .atom.defcon-carousel-card--heightPS-20 {
        min-height: calc(2.5rem * 20); }
      .atom.defcon-carousel-card--heightPS-21 {
        min-height: calc(2.5rem * 21); }
      .atom.defcon-carousel-card--heightPS-22 {
        min-height: calc(2.5rem * 22); }
      .atom.defcon-carousel-card--heightPS-23 {
        min-height: calc(2.5rem * 23); }
      .atom.defcon-carousel-card--heightPS-24 {
        min-height: calc(2.5rem * 24); }
      .atom.defcon-carousel-card--heightPS-25 {
        min-height: calc(2.5rem * 25); }
      .atom.defcon-carousel-card--heightPS-26 {
        min-height: calc(2.5rem * 26); }
      .atom.defcon-carousel-card--heightPS-27 {
        min-height: calc(2.5rem * 27); }
      .atom.defcon-carousel-card--heightPS-28 {
        min-height: calc(2.5rem * 28); }
      .atom.defcon-carousel-card--heightPS-29 {
        min-height: calc(2.5rem * 29); }
      .atom.defcon-carousel-card--heightPS-30 {
        min-height: calc(2.5rem * 30); }
      .atom.defcon-carousel-card--heightPS-full {
        min-height: 100%; }
      .atom.defcon-carousel-card--heightPS-half {
        min-height: 50%; }
      .atom.defcon-carousel-card .pcsmall-heading-1 {
        margin-bottom: 2.5rem; } }
    @media only screen and (max-width: 899px) {
      .atom.defcon-carousel-card--paddingTP-1 {
        padding-top: calc(2.5rem * 1); }
      .atom.defcon-carousel-card--paddingTP-2 {
        padding-top: calc(2.5rem * 2); }
      .atom.defcon-carousel-card--paddingTP-3 {
        padding-top: calc(2.5rem * 3); }
      .atom.defcon-carousel-card--paddingTP-4 {
        padding-top: calc(2.5rem * 4); }
      .atom.defcon-carousel-card--paddingTP-5 {
        padding-top: calc(2.5rem * 5); }
      .atom.defcon-carousel-card--paddingTP-6 {
        padding-top: calc(2.5rem * 6); }
      .atom.defcon-carousel-card--paddingTP-7 {
        padding-top: calc(2.5rem * 7); }
      .atom.defcon-carousel-card--paddingTP-8 {
        padding-top: calc(2.5rem * 8); }
      .atom.defcon-carousel-card--paddingTP-9 {
        padding-top: calc(2.5rem * 9); }
      .atom.defcon-carousel-card--paddingTP-10 {
        padding-top: calc(2.5rem * 10); }
      .atom.defcon-carousel-card--paddingTP-11 {
        padding-top: calc(2.5rem * 11); }
      .atom.defcon-carousel-card--paddingTP-12 {
        padding-top: calc(2.5rem * 12); }
      .atom.defcon-carousel-card--paddingTP-13 {
        padding-top: calc(2.5rem * 13); }
      .atom.defcon-carousel-card--paddingTP-14 {
        padding-top: calc(2.5rem * 14); }
      .atom.defcon-carousel-card--paddingTP-15 {
        padding-top: calc(2.5rem * 15); }
      .atom.defcon-carousel-card--paddingTP-16 {
        padding-top: calc(2.5rem * 16); }
      .atom.defcon-carousel-card--paddingTP-17 {
        padding-top: calc(2.5rem * 17); }
      .atom.defcon-carousel-card--paddingTP-18 {
        padding-top: calc(2.5rem * 18); }
      .atom.defcon-carousel-card--paddingTP-19 {
        padding-top: calc(2.5rem * 19); }
      .atom.defcon-carousel-card--paddingTP-20 {
        padding-top: calc(2.5rem * 20); }
      .atom.defcon-carousel-card--paddingTP-21 {
        padding-top: calc(2.5rem * 21); }
      .atom.defcon-carousel-card--paddingTP-22 {
        padding-top: calc(2.5rem * 22); }
      .atom.defcon-carousel-card--paddingTP-23 {
        padding-top: calc(2.5rem * 23); }
      .atom.defcon-carousel-card--paddingTP-24 {
        padding-top: calc(2.5rem * 24); }
      .atom.defcon-carousel-card--paddingTP-25 {
        padding-top: calc(2.5rem * 25); }
      .atom.defcon-carousel-card--paddingTP-26 {
        padding-top: calc(2.5rem * 26); }
      .atom.defcon-carousel-card--paddingTP-27 {
        padding-top: calc(2.5rem * 27); }
      .atom.defcon-carousel-card--paddingTP-28 {
        padding-top: calc(2.5rem * 28); }
      .atom.defcon-carousel-card--paddingTP-29 {
        padding-top: calc(2.5rem * 29); }
      .atom.defcon-carousel-card--paddingTP-30 {
        padding-top: calc(2.5rem * 30); }
      .atom.defcon-carousel-card--widthTP-1 {
        min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.defcon-carousel-card--widthTP-2 {
        min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.defcon-carousel-card--widthTP-3 {
        min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.defcon-carousel-card--widthTP-4 {
        min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.defcon-carousel-card--widthTP-5 {
        min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.defcon-carousel-card--widthTP-6 {
        min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.defcon-carousel-card--widthTP-7 {
        min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.defcon-carousel-card--widthTP-8 {
        min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.defcon-carousel-card--widthTP-9 {
        min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.defcon-carousel-card--widthTP-10 {
        min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.defcon-carousel-card--widthTP-11 {
        min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.defcon-carousel-card--widthTP-12 {
        min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.defcon-carousel-card--widthTP-full {
        min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.defcon-carousel-card--offsetTP-1 {
        transform: translateX(calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-2 {
        transform: translateX(calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-3 {
        transform: translateX(calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-4 {
        transform: translateX(calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-5 {
        transform: translateX(calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-6 {
        transform: translateX(calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-7 {
        transform: translateX(calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-8 {
        transform: translateX(calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-9 {
        transform: translateX(calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-10 {
        transform: translateX(calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-11 {
        transform: translateX(calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-12 {
        transform: translateX(calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1)))); }
      .atom.defcon-carousel-card--offsetTP-full {
        width: 100%; }
      .atom.defcon-carousel-card--heightTP-1 {
        min-height: calc(2.5rem * 1); }
      .atom.defcon-carousel-card--heightTP-2 {
        min-height: calc(2.5rem * 2); }
      .atom.defcon-carousel-card--heightTP-3 {
        min-height: calc(2.5rem * 3); }
      .atom.defcon-carousel-card--heightTP-4 {
        min-height: calc(2.5rem * 4); }
      .atom.defcon-carousel-card--heightTP-5 {
        min-height: calc(2.5rem * 5); }
      .atom.defcon-carousel-card--heightTP-6 {
        min-height: calc(2.5rem * 6); }
      .atom.defcon-carousel-card--heightTP-7 {
        min-height: calc(2.5rem * 7); }
      .atom.defcon-carousel-card--heightTP-8 {
        min-height: calc(2.5rem * 8); }
      .atom.defcon-carousel-card--heightTP-9 {
        min-height: calc(2.5rem * 9); }
      .atom.defcon-carousel-card--heightTP-10 {
        min-height: calc(2.5rem * 10); }
      .atom.defcon-carousel-card--heightTP-11 {
        min-height: calc(2.5rem * 11); }
      .atom.defcon-carousel-card--heightTP-12 {
        min-height: calc(2.5rem * 12); }
      .atom.defcon-carousel-card--heightTP-13 {
        min-height: calc(2.5rem * 13); }
      .atom.defcon-carousel-card--heightTP-14 {
        min-height: calc(2.5rem * 14); }
      .atom.defcon-carousel-card--heightTP-15 {
        min-height: calc(2.5rem * 15); }
      .atom.defcon-carousel-card--heightTP-16 {
        min-height: calc(2.5rem * 16); }
      .atom.defcon-carousel-card--heightTP-17 {
        min-height: calc(2.5rem * 17); }
      .atom.defcon-carousel-card--heightTP-18 {
        min-height: calc(2.5rem * 18); }
      .atom.defcon-carousel-card--heightTP-19 {
        min-height: calc(2.5rem * 19); }
      .atom.defcon-carousel-card--heightTP-20 {
        min-height: calc(2.5rem * 20); }
      .atom.defcon-carousel-card--heightTP-21 {
        min-height: calc(2.5rem * 21); }
      .atom.defcon-carousel-card--heightTP-22 {
        min-height: calc(2.5rem * 22); }
      .atom.defcon-carousel-card--heightTP-23 {
        min-height: calc(2.5rem * 23); }
      .atom.defcon-carousel-card--heightTP-24 {
        min-height: calc(2.5rem * 24); }
      .atom.defcon-carousel-card--heightTP-25 {
        min-height: calc(2.5rem * 25); }
      .atom.defcon-carousel-card--heightTP-26 {
        min-height: calc(2.5rem * 26); }
      .atom.defcon-carousel-card--heightTP-27 {
        min-height: calc(2.5rem * 27); }
      .atom.defcon-carousel-card--heightTP-28 {
        min-height: calc(2.5rem * 28); }
      .atom.defcon-carousel-card--heightTP-29 {
        min-height: calc(2.5rem * 29); }
      .atom.defcon-carousel-card--heightTP-30 {
        min-height: calc(2.5rem * 30); }
      .atom.defcon-carousel-card--heightTP-full {
        min-height: 100%; }
      .atom.defcon-carousel-card--heightTP-half {
        min-height: 50%; } }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel-card {
        background-color: transparent;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 2.5rem; }
        .atom.defcon-carousel-card:nth-child(even) {
          background-color: transparent; }
        .atom.defcon-carousel-card--paddingM-1 {
          padding-top: calc(2.5rem * 1); }
        .atom.defcon-carousel-card--paddingM-2 {
          padding-top: calc(2.5rem * 2); }
        .atom.defcon-carousel-card--paddingM-3 {
          padding-top: calc(2.5rem * 3); }
        .atom.defcon-carousel-card--paddingM-4 {
          padding-top: calc(2.5rem * 4); }
        .atom.defcon-carousel-card--paddingM-5 {
          padding-top: calc(2.5rem * 5); }
        .atom.defcon-carousel-card--paddingM-6 {
          padding-top: calc(2.5rem * 6); }
        .atom.defcon-carousel-card--paddingM-7 {
          padding-top: calc(2.5rem * 7); }
        .atom.defcon-carousel-card--paddingM-8 {
          padding-top: calc(2.5rem * 8); }
        .atom.defcon-carousel-card--paddingM-9 {
          padding-top: calc(2.5rem * 9); }
        .atom.defcon-carousel-card--paddingM-10 {
          padding-top: calc(2.5rem * 10); }
        .atom.defcon-carousel-card--paddingM-11 {
          padding-top: calc(2.5rem * 11); }
        .atom.defcon-carousel-card--paddingM-12 {
          padding-top: calc(2.5rem * 12); }
        .atom.defcon-carousel-card--paddingM-13 {
          padding-top: calc(2.5rem * 13); }
        .atom.defcon-carousel-card--paddingM-14 {
          padding-top: calc(2.5rem * 14); }
        .atom.defcon-carousel-card--paddingM-15 {
          padding-top: calc(2.5rem * 15); }
        .atom.defcon-carousel-card--paddingM-16 {
          padding-top: calc(2.5rem * 16); }
        .atom.defcon-carousel-card--paddingM-17 {
          padding-top: calc(2.5rem * 17); }
        .atom.defcon-carousel-card--paddingM-18 {
          padding-top: calc(2.5rem * 18); }
        .atom.defcon-carousel-card--paddingM-19 {
          padding-top: calc(2.5rem * 19); }
        .atom.defcon-carousel-card--paddingM-20 {
          padding-top: calc(2.5rem * 20); }
        .atom.defcon-carousel-card--paddingM-21 {
          padding-top: calc(2.5rem * 21); }
        .atom.defcon-carousel-card--paddingM-22 {
          padding-top: calc(2.5rem * 22); }
        .atom.defcon-carousel-card--paddingM-23 {
          padding-top: calc(2.5rem * 23); }
        .atom.defcon-carousel-card--paddingM-24 {
          padding-top: calc(2.5rem * 24); }
        .atom.defcon-carousel-card--paddingM-25 {
          padding-top: calc(2.5rem * 25); }
        .atom.defcon-carousel-card--paddingM-26 {
          padding-top: calc(2.5rem * 26); }
        .atom.defcon-carousel-card--paddingM-27 {
          padding-top: calc(2.5rem * 27); }
        .atom.defcon-carousel-card--paddingM-28 {
          padding-top: calc(2.5rem * 28); }
        .atom.defcon-carousel-card--paddingM-29 {
          padding-top: calc(2.5rem * 29); }
        .atom.defcon-carousel-card--paddingM-30 {
          padding-top: calc(2.5rem * 30); }
        .atom.defcon-carousel-card--widthM-1 {
          min-width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
        .atom.defcon-carousel-card--widthM-2 {
          min-width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
        .atom.defcon-carousel-card--widthM-3 {
          min-width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
        .atom.defcon-carousel-card--widthM-4 {
          min-width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
        .atom.defcon-carousel-card--widthM-5 {
          min-width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
        .atom.defcon-carousel-card--widthM-6 {
          min-width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
        .atom.defcon-carousel-card--widthM-7 {
          min-width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
        .atom.defcon-carousel-card--widthM-8 {
          min-width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
        .atom.defcon-carousel-card--widthM-9 {
          min-width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
        .atom.defcon-carousel-card--widthM-10 {
          min-width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
        .atom.defcon-carousel-card--widthM-11 {
          min-width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        .atom.defcon-carousel-card--widthM-12 {
          min-width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
        .atom.defcon-carousel-card--widthM-12 {
          min-width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        .atom.defcon-carousel-card--offsetM-1 {
          transform: translateX(calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1)))); }
        .atom.defcon-carousel-card--offsetM-2 {
          transform: translateX(calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1)))); }
        .atom.defcon-carousel-card--offsetM-3 {
          transform: translateX(calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1)))); }
        .atom.defcon-carousel-card--offsetM-4 {
          transform: translateX(calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1)))); }
        .atom.defcon-carousel-card--offsetM-5 {
          transform: translateX(calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1)))); }
        .atom.defcon-carousel-card--offsetM-6 {
          transform: translateX(calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1)))); }
        .atom.defcon-carousel-card--offsetM-7 {
          transform: translateX(calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1)))); }
        .atom.defcon-carousel-card--offsetM-8 {
          transform: translateX(calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1)))); }
        .atom.defcon-carousel-card--offsetM-9 {
          transform: translateX(calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1)))); }
        .atom.defcon-carousel-card--offsetM-10 {
          transform: translateX(calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1)))); }
        .atom.defcon-carousel-card--offsetM-11 {
          transform: translateX(calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1)))); }
        .atom.defcon-carousel-card--offsetM-12 {
          transform: translateX(calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1)))); }
        .atom.defcon-carousel-card--offsetM-full {
          width: 100%; }
        .atom.defcon-carousel-card--offsetM-0 {
          transform: translateX(0); }
        .atom.defcon-carousel-card--heightM-1 {
          min-height: calc(2.5rem * 1); }
        .atom.defcon-carousel-card--heightM-2 {
          min-height: calc(2.5rem * 2); }
        .atom.defcon-carousel-card--heightM-3 {
          min-height: calc(2.5rem * 3); }
        .atom.defcon-carousel-card--heightM-4 {
          min-height: calc(2.5rem * 4); }
        .atom.defcon-carousel-card--heightM-5 {
          min-height: calc(2.5rem * 5); }
        .atom.defcon-carousel-card--heightM-6 {
          min-height: calc(2.5rem * 6); }
        .atom.defcon-carousel-card--heightM-7 {
          min-height: calc(2.5rem * 7); }
        .atom.defcon-carousel-card--heightM-8 {
          min-height: calc(2.5rem * 8); }
        .atom.defcon-carousel-card--heightM-9 {
          min-height: calc(2.5rem * 9); }
        .atom.defcon-carousel-card--heightM-10 {
          min-height: calc(2.5rem * 10); }
        .atom.defcon-carousel-card--heightM-11 {
          min-height: calc(2.5rem * 11); }
        .atom.defcon-carousel-card--heightM-12 {
          min-height: calc(2.5rem * 12); }
        .atom.defcon-carousel-card--heightM-13 {
          min-height: calc(2.5rem * 13); }
        .atom.defcon-carousel-card--heightM-14 {
          min-height: calc(2.5rem * 14); }
        .atom.defcon-carousel-card--heightM-15 {
          min-height: calc(2.5rem * 15); }
        .atom.defcon-carousel-card--heightM-16 {
          min-height: calc(2.5rem * 16); }
        .atom.defcon-carousel-card--heightM-17 {
          min-height: calc(2.5rem * 17); }
        .atom.defcon-carousel-card--heightM-18 {
          min-height: calc(2.5rem * 18); }
        .atom.defcon-carousel-card--heightM-19 {
          min-height: calc(2.5rem * 19); }
        .atom.defcon-carousel-card--heightM-20 {
          min-height: calc(2.5rem * 20); }
        .atom.defcon-carousel-card--heightM-21 {
          min-height: calc(2.5rem * 21); }
        .atom.defcon-carousel-card--heightM-22 {
          min-height: calc(2.5rem * 22); }
        .atom.defcon-carousel-card--heightM-23 {
          min-height: calc(2.5rem * 23); }
        .atom.defcon-carousel-card--heightM-24 {
          min-height: calc(2.5rem * 24); }
        .atom.defcon-carousel-card--heightM-25 {
          min-height: calc(2.5rem * 25); }
        .atom.defcon-carousel-card--heightM-26 {
          min-height: calc(2.5rem * 26); }
        .atom.defcon-carousel-card--heightM-27 {
          min-height: calc(2.5rem * 27); }
        .atom.defcon-carousel-card--heightM-28 {
          min-height: calc(2.5rem * 28); }
        .atom.defcon-carousel-card--heightM-29 {
          min-height: calc(2.5rem * 29); }
        .atom.defcon-carousel-card--heightM-30 {
          min-height: calc(2.5rem * 30); }
        .atom.defcon-carousel-card--heightM-full {
          min-height: 100%; }
        .atom.defcon-carousel-card--heightM-half {
          min-height: 50%; } }
    .atom.defcon-carousel-card-content {
      display: flex;
      flex-direction: column;
      opacity: 1;
      transition: all .4s; }
      .atom.defcon-carousel-card-content .text--heading.atom {
        padding-left: 0; }
      .atom.defcon-carousel-card-content--width-1 {
        width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-1 {
            width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-1 {
            width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-1 {
            width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      .atom.defcon-carousel-card-content--width-2 {
        width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-2 {
            width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-2 {
            width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-2 {
            width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      .atom.defcon-carousel-card-content--width-3 {
        width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-3 {
            width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-3 {
            width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-3 {
            width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      .atom.defcon-carousel-card-content--width-4 {
        width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-4 {
            width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-4 {
            width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-4 {
            width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      .atom.defcon-carousel-card-content--width-5 {
        width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-5 {
            width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-5 {
            width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-5 {
            width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      .atom.defcon-carousel-card-content--width-6 {
        width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-6 {
            width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-6 {
            width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-6 {
            width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      .atom.defcon-carousel-card-content--width-7 {
        width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-7 {
            width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-7 {
            width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-7 {
            width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      .atom.defcon-carousel-card-content--width-8 {
        width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-8 {
            width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-8 {
            width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-8 {
            width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      .atom.defcon-carousel-card-content--width-9 {
        width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-9 {
            width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-9 {
            width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-9 {
            width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      .atom.defcon-carousel-card-content--width-10 {
        width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-10 {
            width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-10 {
            width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-10 {
            width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      .atom.defcon-carousel-card-content--width-11 {
        width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-11 {
            width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-11 {
            width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-11 {
            width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      .atom.defcon-carousel-card-content--width-12 {
        width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--width-12 {
            width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--width-12 {
            width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--width-12 {
            width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      .atom.defcon-carousel-card-content--margin-right-1 {
        margin-right: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-1 {
            margin-right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-1 {
            margin-right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-1 {
            margin-right: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
      .atom.defcon-carousel-card-content--margin-right-2 {
        margin-right: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-2 {
            margin-right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-2 {
            margin-right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-2 {
            margin-right: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
      .atom.defcon-carousel-card-content--margin-right-3 {
        margin-right: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-3 {
            margin-right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-3 {
            margin-right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-3 {
            margin-right: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
      .atom.defcon-carousel-card-content--margin-right-4 {
        margin-right: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-4 {
            margin-right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-4 {
            margin-right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-4 {
            margin-right: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
      .atom.defcon-carousel-card-content--margin-right-5 {
        margin-right: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-5 {
            margin-right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-5 {
            margin-right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-5 {
            margin-right: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
      .atom.defcon-carousel-card-content--margin-right-6 {
        margin-right: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-6 {
            margin-right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-6 {
            margin-right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-6 {
            margin-right: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
      .atom.defcon-carousel-card-content--margin-right-7 {
        margin-right: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-7 {
            margin-right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-7 {
            margin-right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-7 {
            margin-right: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
      .atom.defcon-carousel-card-content--margin-right-8 {
        margin-right: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-8 {
            margin-right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-8 {
            margin-right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-8 {
            margin-right: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
      .atom.defcon-carousel-card-content--margin-right-9 {
        margin-right: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-9 {
            margin-right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-9 {
            margin-right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-9 {
            margin-right: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
      .atom.defcon-carousel-card-content--margin-right-10 {
        margin-right: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-10 {
            margin-right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-10 {
            margin-right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-10 {
            margin-right: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
      .atom.defcon-carousel-card-content--margin-right-11 {
        margin-right: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-11 {
            margin-right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-11 {
            margin-right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-11 {
            margin-right: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
      .atom.defcon-carousel-card-content--margin-right-12 {
        margin-right: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-content--margin-right-12 {
            margin-right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-content--margin-right-12 {
            margin-right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-content--margin-right-12 {
            margin-right: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
      .atom.defcon-carousel-card-content--margin-right-0 {
        margin-right: 0; }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--widthPS-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.defcon-carousel-card-content--widthPS-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        .atom.defcon-carousel-card-content--margin-rightPS-1 {
          margin-right: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-1 {
      margin-right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-1 {
      margin-right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-1 {
      margin-right: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-2 {
          margin-right: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-2 {
      margin-right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-2 {
      margin-right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-2 {
      margin-right: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-3 {
          margin-right: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-3 {
      margin-right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-3 {
      margin-right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-3 {
      margin-right: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-4 {
          margin-right: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-4 {
      margin-right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-4 {
      margin-right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-4 {
      margin-right: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-5 {
          margin-right: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-5 {
      margin-right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-5 {
      margin-right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-5 {
      margin-right: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-6 {
          margin-right: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-6 {
      margin-right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-6 {
      margin-right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-6 {
      margin-right: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-7 {
          margin-right: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-7 {
      margin-right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-7 {
      margin-right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-7 {
      margin-right: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-8 {
          margin-right: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-8 {
      margin-right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-8 {
      margin-right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-8 {
      margin-right: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-9 {
          margin-right: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-9 {
      margin-right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-9 {
      margin-right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-9 {
      margin-right: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-10 {
          margin-right: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-10 {
      margin-right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-10 {
      margin-right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-10 {
      margin-right: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-11 {
          margin-right: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-11 {
      margin-right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-11 {
      margin-right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-11 {
      margin-right: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-12 {
          margin-right: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightPS-12 {
      margin-right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightPS-12 {
      margin-right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightPS-12 {
      margin-right: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-content--margin-rightPS-0 {
          margin-right: 0; } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--widthTP-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.defcon-carousel-card-content--widthTP-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        .atom.defcon-carousel-card-content--margin-rightTP-1 {
          margin-right: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-1 {
      margin-right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-1 {
      margin-right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-1 {
      margin-right: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-2 {
          margin-right: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-2 {
      margin-right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-2 {
      margin-right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-2 {
      margin-right: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-3 {
          margin-right: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-3 {
      margin-right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-3 {
      margin-right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-3 {
      margin-right: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-4 {
          margin-right: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-4 {
      margin-right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-4 {
      margin-right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-4 {
      margin-right: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-5 {
          margin-right: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-5 {
      margin-right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-5 {
      margin-right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-5 {
      margin-right: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-6 {
          margin-right: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-6 {
      margin-right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-6 {
      margin-right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-6 {
      margin-right: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-7 {
          margin-right: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-7 {
      margin-right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-7 {
      margin-right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-7 {
      margin-right: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-8 {
          margin-right: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-8 {
      margin-right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-8 {
      margin-right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-8 {
      margin-right: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-9 {
          margin-right: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-9 {
      margin-right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-9 {
      margin-right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-9 {
      margin-right: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-10 {
          margin-right: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-10 {
      margin-right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-10 {
      margin-right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-10 {
      margin-right: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-11 {
          margin-right: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-11 {
      margin-right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-11 {
      margin-right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-11 {
      margin-right: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-12 {
          margin-right: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightTP-12 {
      margin-right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightTP-12 {
      margin-right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightTP-12 {
      margin-right: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-content--margin-rightTP-0 {
          margin-right: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--widthM-1 {
          width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.defcon-carousel-card-content--widthM-2 {
          width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.defcon-carousel-card-content--widthM-3 {
          width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.defcon-carousel-card-content--widthM-4 {
          width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.defcon-carousel-card-content--widthM-5 {
          width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.defcon-carousel-card-content--widthM-6 {
          width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.defcon-carousel-card-content--widthM-7 {
          width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.defcon-carousel-card-content--widthM-8 {
          width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.defcon-carousel-card-content--widthM-9 {
          width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.defcon-carousel-card-content--widthM-10 {
          width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.defcon-carousel-card-content--widthM-11 {
          width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.defcon-carousel-card-content--widthM-12 {
          width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        .atom.defcon-carousel-card-content--margin-rightM-1 {
          margin-right: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-1 {
      margin-right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-1 {
      margin-right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-1 {
      margin-right: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-2 {
          margin-right: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-2 {
      margin-right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-2 {
      margin-right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-2 {
      margin-right: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-3 {
          margin-right: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-3 {
      margin-right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-3 {
      margin-right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-3 {
      margin-right: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-4 {
          margin-right: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-4 {
      margin-right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-4 {
      margin-right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-4 {
      margin-right: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-5 {
          margin-right: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-5 {
      margin-right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-5 {
      margin-right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-5 {
      margin-right: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-6 {
          margin-right: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-6 {
      margin-right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-6 {
      margin-right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-6 {
      margin-right: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-7 {
          margin-right: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-7 {
      margin-right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-7 {
      margin-right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-7 {
      margin-right: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-8 {
          margin-right: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-8 {
      margin-right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-8 {
      margin-right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-8 {
      margin-right: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-9 {
          margin-right: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-9 {
      margin-right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-9 {
      margin-right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-9 {
      margin-right: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-10 {
          margin-right: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-10 {
      margin-right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-10 {
      margin-right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-10 {
      margin-right: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-11 {
          margin-right: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-11 {
      margin-right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-11 {
      margin-right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-11 {
      margin-right: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-12 {
          margin-right: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.defcon-carousel-card-content--margin-rightM-12 {
      margin-right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.defcon-carousel-card-content--margin-rightM-12 {
      margin-right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.defcon-carousel-card-content--margin-rightM-12 {
      margin-right: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-content--margin-rightM-0 {
          margin-right: 0; } }
    .atom.defcon-carousel-card-images, .atom.defcon-carousel-card-image {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 1;
      top: 0;
      opacity: 1;
      transition: all .4s; }
      .atom.defcon-carousel-card-images--row, .atom.defcon-carousel-card-image--row {
        flex-direction: row;
        position: relative;
        margin-bottom: 2.5rem;
        justify-content: space-around; }
      .atom.defcon-carousel-card-images--width-1, .atom.defcon-carousel-card-image--width-1 {
        width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-1, .atom.defcon-carousel-card-image--width-1 {
            width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-1, .atom.defcon-carousel-card-image--width-1 {
            width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-1, .atom.defcon-carousel-card-image--width-1 {
            width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      .atom.defcon-carousel-card-images--width-2, .atom.defcon-carousel-card-image--width-2 {
        width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-2, .atom.defcon-carousel-card-image--width-2 {
            width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-2, .atom.defcon-carousel-card-image--width-2 {
            width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-2, .atom.defcon-carousel-card-image--width-2 {
            width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      .atom.defcon-carousel-card-images--width-3, .atom.defcon-carousel-card-image--width-3 {
        width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-3, .atom.defcon-carousel-card-image--width-3 {
            width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-3, .atom.defcon-carousel-card-image--width-3 {
            width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-3, .atom.defcon-carousel-card-image--width-3 {
            width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      .atom.defcon-carousel-card-images--width-4, .atom.defcon-carousel-card-image--width-4 {
        width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-4, .atom.defcon-carousel-card-image--width-4 {
            width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-4, .atom.defcon-carousel-card-image--width-4 {
            width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-4, .atom.defcon-carousel-card-image--width-4 {
            width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      .atom.defcon-carousel-card-images--width-5, .atom.defcon-carousel-card-image--width-5 {
        width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-5, .atom.defcon-carousel-card-image--width-5 {
            width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-5, .atom.defcon-carousel-card-image--width-5 {
            width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-5, .atom.defcon-carousel-card-image--width-5 {
            width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      .atom.defcon-carousel-card-images--width-6, .atom.defcon-carousel-card-image--width-6 {
        width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-6, .atom.defcon-carousel-card-image--width-6 {
            width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-6, .atom.defcon-carousel-card-image--width-6 {
            width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-6, .atom.defcon-carousel-card-image--width-6 {
            width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      .atom.defcon-carousel-card-images--width-7, .atom.defcon-carousel-card-image--width-7 {
        width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-7, .atom.defcon-carousel-card-image--width-7 {
            width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-7, .atom.defcon-carousel-card-image--width-7 {
            width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-7, .atom.defcon-carousel-card-image--width-7 {
            width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      .atom.defcon-carousel-card-images--width-8, .atom.defcon-carousel-card-image--width-8 {
        width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-8, .atom.defcon-carousel-card-image--width-8 {
            width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-8, .atom.defcon-carousel-card-image--width-8 {
            width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-8, .atom.defcon-carousel-card-image--width-8 {
            width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      .atom.defcon-carousel-card-images--width-9, .atom.defcon-carousel-card-image--width-9 {
        width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-9, .atom.defcon-carousel-card-image--width-9 {
            width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-9, .atom.defcon-carousel-card-image--width-9 {
            width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-9, .atom.defcon-carousel-card-image--width-9 {
            width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      .atom.defcon-carousel-card-images--width-10, .atom.defcon-carousel-card-image--width-10 {
        width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-10, .atom.defcon-carousel-card-image--width-10 {
            width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-10, .atom.defcon-carousel-card-image--width-10 {
            width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-10, .atom.defcon-carousel-card-image--width-10 {
            width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      .atom.defcon-carousel-card-images--width-11, .atom.defcon-carousel-card-image--width-11 {
        width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-11, .atom.defcon-carousel-card-image--width-11 {
            width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-11, .atom.defcon-carousel-card-image--width-11 {
            width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-11, .atom.defcon-carousel-card-image--width-11 {
            width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      .atom.defcon-carousel-card-images--width-12, .atom.defcon-carousel-card-image--width-12 {
        width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--width-12, .atom.defcon-carousel-card-image--width-12 {
            width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--width-12, .atom.defcon-carousel-card-image--width-12 {
            width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--width-12, .atom.defcon-carousel-card-image--width-12 {
            width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      .atom.defcon-carousel-card-images--height-1, .atom.defcon-carousel-card-image--height-1 {
        height: calc(2.5rem * 1); }
      .atom.defcon-carousel-card-images--height-2, .atom.defcon-carousel-card-image--height-2 {
        height: calc(2.5rem * 2); }
      .atom.defcon-carousel-card-images--height-3, .atom.defcon-carousel-card-image--height-3 {
        height: calc(2.5rem * 3); }
      .atom.defcon-carousel-card-images--height-4, .atom.defcon-carousel-card-image--height-4 {
        height: calc(2.5rem * 4); }
      .atom.defcon-carousel-card-images--height-5, .atom.defcon-carousel-card-image--height-5 {
        height: calc(2.5rem * 5); }
      .atom.defcon-carousel-card-images--height-6, .atom.defcon-carousel-card-image--height-6 {
        height: calc(2.5rem * 6); }
      .atom.defcon-carousel-card-images--height-7, .atom.defcon-carousel-card-image--height-7 {
        height: calc(2.5rem * 7); }
      .atom.defcon-carousel-card-images--height-8, .atom.defcon-carousel-card-image--height-8 {
        height: calc(2.5rem * 8); }
      .atom.defcon-carousel-card-images--height-9, .atom.defcon-carousel-card-image--height-9 {
        height: calc(2.5rem * 9); }
      .atom.defcon-carousel-card-images--height-10, .atom.defcon-carousel-card-image--height-10 {
        height: calc(2.5rem * 10); }
      .atom.defcon-carousel-card-images--height-11, .atom.defcon-carousel-card-image--height-11 {
        height: calc(2.5rem * 11); }
      .atom.defcon-carousel-card-images--height-12, .atom.defcon-carousel-card-image--height-12 {
        height: calc(2.5rem * 12); }
      .atom.defcon-carousel-card-images--height-13, .atom.defcon-carousel-card-image--height-13 {
        height: calc(2.5rem * 13); }
      .atom.defcon-carousel-card-images--height-14, .atom.defcon-carousel-card-image--height-14 {
        height: calc(2.5rem * 14); }
      .atom.defcon-carousel-card-images--height-15, .atom.defcon-carousel-card-image--height-15 {
        height: calc(2.5rem * 15); }
      .atom.defcon-carousel-card-images--height-16, .atom.defcon-carousel-card-image--height-16 {
        height: calc(2.5rem * 16); }
      .atom.defcon-carousel-card-images--height-17, .atom.defcon-carousel-card-image--height-17 {
        height: calc(2.5rem * 17); }
      .atom.defcon-carousel-card-images--height-18, .atom.defcon-carousel-card-image--height-18 {
        height: calc(2.5rem * 18); }
      .atom.defcon-carousel-card-images--height-19, .atom.defcon-carousel-card-image--height-19 {
        height: calc(2.5rem * 19); }
      .atom.defcon-carousel-card-images--height-20, .atom.defcon-carousel-card-image--height-20 {
        height: calc(2.5rem * 20); }
      .atom.defcon-carousel-card-images--height-21, .atom.defcon-carousel-card-image--height-21 {
        height: calc(2.5rem * 21); }
      .atom.defcon-carousel-card-images--height-22, .atom.defcon-carousel-card-image--height-22 {
        height: calc(2.5rem * 22); }
      .atom.defcon-carousel-card-images--height-23, .atom.defcon-carousel-card-image--height-23 {
        height: calc(2.5rem * 23); }
      .atom.defcon-carousel-card-images--height-24, .atom.defcon-carousel-card-image--height-24 {
        height: calc(2.5rem * 24); }
      .atom.defcon-carousel-card-images--height-25, .atom.defcon-carousel-card-image--height-25 {
        height: calc(2.5rem * 25); }
      .atom.defcon-carousel-card-images--height-26, .atom.defcon-carousel-card-image--height-26 {
        height: calc(2.5rem * 26); }
      .atom.defcon-carousel-card-images--height-27, .atom.defcon-carousel-card-image--height-27 {
        height: calc(2.5rem * 27); }
      .atom.defcon-carousel-card-images--height-28, .atom.defcon-carousel-card-image--height-28 {
        height: calc(2.5rem * 28); }
      .atom.defcon-carousel-card-images--height-29, .atom.defcon-carousel-card-image--height-29 {
        height: calc(2.5rem * 29); }
      .atom.defcon-carousel-card-images--height-30, .atom.defcon-carousel-card-image--height-30 {
        height: calc(2.5rem * 30); }
      .atom.defcon-carousel-card-images--height-100, .atom.defcon-carousel-card-image--height-100 {
        height: 100%; }
      .atom.defcon-carousel-card-images--left-1, .atom.defcon-carousel-card-image--left-1 {
        left: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-1, .atom.defcon-carousel-card-image--left-1 {
            left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-1, .atom.defcon-carousel-card-image--left-1 {
            left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-1, .atom.defcon-carousel-card-image--left-1 {
            left: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 + 1))); } }
      .atom.defcon-carousel-card-images--left-2, .atom.defcon-carousel-card-image--left-2 {
        left: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-2, .atom.defcon-carousel-card-image--left-2 {
            left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-2, .atom.defcon-carousel-card-image--left-2 {
            left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-2, .atom.defcon-carousel-card-image--left-2 {
            left: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 + 1))); } }
      .atom.defcon-carousel-card-images--left-3, .atom.defcon-carousel-card-image--left-3 {
        left: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-3, .atom.defcon-carousel-card-image--left-3 {
            left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-3, .atom.defcon-carousel-card-image--left-3 {
            left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-3, .atom.defcon-carousel-card-image--left-3 {
            left: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 + 1))); } }
      .atom.defcon-carousel-card-images--left-4, .atom.defcon-carousel-card-image--left-4 {
        left: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-4, .atom.defcon-carousel-card-image--left-4 {
            left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-4, .atom.defcon-carousel-card-image--left-4 {
            left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-4, .atom.defcon-carousel-card-image--left-4 {
            left: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 + 1))); } }
      .atom.defcon-carousel-card-images--left-5, .atom.defcon-carousel-card-image--left-5 {
        left: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-5, .atom.defcon-carousel-card-image--left-5 {
            left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-5, .atom.defcon-carousel-card-image--left-5 {
            left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-5, .atom.defcon-carousel-card-image--left-5 {
            left: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 + 1))); } }
      .atom.defcon-carousel-card-images--left-6, .atom.defcon-carousel-card-image--left-6 {
        left: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-6, .atom.defcon-carousel-card-image--left-6 {
            left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-6, .atom.defcon-carousel-card-image--left-6 {
            left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-6, .atom.defcon-carousel-card-image--left-6 {
            left: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 + 1))); } }
      .atom.defcon-carousel-card-images--left-7, .atom.defcon-carousel-card-image--left-7 {
        left: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-7, .atom.defcon-carousel-card-image--left-7 {
            left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-7, .atom.defcon-carousel-card-image--left-7 {
            left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-7, .atom.defcon-carousel-card-image--left-7 {
            left: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 + 1))); } }
      .atom.defcon-carousel-card-images--left-8, .atom.defcon-carousel-card-image--left-8 {
        left: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-8, .atom.defcon-carousel-card-image--left-8 {
            left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-8, .atom.defcon-carousel-card-image--left-8 {
            left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-8, .atom.defcon-carousel-card-image--left-8 {
            left: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 + 1))); } }
      .atom.defcon-carousel-card-images--left-9, .atom.defcon-carousel-card-image--left-9 {
        left: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-9, .atom.defcon-carousel-card-image--left-9 {
            left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-9, .atom.defcon-carousel-card-image--left-9 {
            left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-9, .atom.defcon-carousel-card-image--left-9 {
            left: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 + 1))); } }
      .atom.defcon-carousel-card-images--left-10, .atom.defcon-carousel-card-image--left-10 {
        left: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-10, .atom.defcon-carousel-card-image--left-10 {
            left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-10, .atom.defcon-carousel-card-image--left-10 {
            left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-10, .atom.defcon-carousel-card-image--left-10 {
            left: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 + 1))); } }
      .atom.defcon-carousel-card-images--left-11, .atom.defcon-carousel-card-image--left-11 {
        left: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-11, .atom.defcon-carousel-card-image--left-11 {
            left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-11, .atom.defcon-carousel-card-image--left-11 {
            left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-11, .atom.defcon-carousel-card-image--left-11 {
            left: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 + 1))); } }
      .atom.defcon-carousel-card-images--left-12, .atom.defcon-carousel-card-image--left-12 {
        left: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 + 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.defcon-carousel-card-images--left-12, .atom.defcon-carousel-card-image--left-12 {
            left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 + 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.defcon-carousel-card-images--left-12, .atom.defcon-carousel-card-image--left-12 {
            left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 + 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.defcon-carousel-card-images--left-12, .atom.defcon-carousel-card-image--left-12 {
            left: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 + 1))); } }
      @media only screen and (max-width: 1199px) {
        .atom.defcon-carousel-card-images--widthPS-1, .atom.defcon-carousel-card-image--widthPS-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-2, .atom.defcon-carousel-card-image--widthPS-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-3, .atom.defcon-carousel-card-image--widthPS-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-4, .atom.defcon-carousel-card-image--widthPS-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-5, .atom.defcon-carousel-card-image--widthPS-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-6, .atom.defcon-carousel-card-image--widthPS-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-7, .atom.defcon-carousel-card-image--widthPS-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-8, .atom.defcon-carousel-card-image--widthPS-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-9, .atom.defcon-carousel-card-image--widthPS-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-10, .atom.defcon-carousel-card-image--widthPS-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-11, .atom.defcon-carousel-card-image--widthPS-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.defcon-carousel-card-images--widthPS-12, .atom.defcon-carousel-card-image--widthPS-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        .atom.defcon-carousel-card-images--heightPS-1, .atom.defcon-carousel-card-image--heightPS-1 {
          height: calc(2.5rem * 1); }
        .atom.defcon-carousel-card-images--heightPS-2, .atom.defcon-carousel-card-image--heightPS-2 {
          height: calc(2.5rem * 2); }
        .atom.defcon-carousel-card-images--heightPS-3, .atom.defcon-carousel-card-image--heightPS-3 {
          height: calc(2.5rem * 3); }
        .atom.defcon-carousel-card-images--heightPS-4, .atom.defcon-carousel-card-image--heightPS-4 {
          height: calc(2.5rem * 4); }
        .atom.defcon-carousel-card-images--heightPS-5, .atom.defcon-carousel-card-image--heightPS-5 {
          height: calc(2.5rem * 5); }
        .atom.defcon-carousel-card-images--heightPS-6, .atom.defcon-carousel-card-image--heightPS-6 {
          height: calc(2.5rem * 6); }
        .atom.defcon-carousel-card-images--heightPS-7, .atom.defcon-carousel-card-image--heightPS-7 {
          height: calc(2.5rem * 7); }
        .atom.defcon-carousel-card-images--heightPS-8, .atom.defcon-carousel-card-image--heightPS-8 {
          height: calc(2.5rem * 8); }
        .atom.defcon-carousel-card-images--heightPS-9, .atom.defcon-carousel-card-image--heightPS-9 {
          height: calc(2.5rem * 9); }
        .atom.defcon-carousel-card-images--heightPS-10, .atom.defcon-carousel-card-image--heightPS-10 {
          height: calc(2.5rem * 10); }
        .atom.defcon-carousel-card-images--heightPS-11, .atom.defcon-carousel-card-image--heightPS-11 {
          height: calc(2.5rem * 11); }
        .atom.defcon-carousel-card-images--heightPS-12, .atom.defcon-carousel-card-image--heightPS-12 {
          height: calc(2.5rem * 12); }
        .atom.defcon-carousel-card-images--heightPS-13, .atom.defcon-carousel-card-image--heightPS-13 {
          height: calc(2.5rem * 13); }
        .atom.defcon-carousel-card-images--heightPS-14, .atom.defcon-carousel-card-image--heightPS-14 {
          height: calc(2.5rem * 14); }
        .atom.defcon-carousel-card-images--heightPS-15, .atom.defcon-carousel-card-image--heightPS-15 {
          height: calc(2.5rem * 15); }
        .atom.defcon-carousel-card-images--heightPS-16, .atom.defcon-carousel-card-image--heightPS-16 {
          height: calc(2.5rem * 16); }
        .atom.defcon-carousel-card-images--heightPS-17, .atom.defcon-carousel-card-image--heightPS-17 {
          height: calc(2.5rem * 17); }
        .atom.defcon-carousel-card-images--heightPS-18, .atom.defcon-carousel-card-image--heightPS-18 {
          height: calc(2.5rem * 18); }
        .atom.defcon-carousel-card-images--heightPS-19, .atom.defcon-carousel-card-image--heightPS-19 {
          height: calc(2.5rem * 19); }
        .atom.defcon-carousel-card-images--heightPS-20, .atom.defcon-carousel-card-image--heightPS-20 {
          height: calc(2.5rem * 20); }
        .atom.defcon-carousel-card-images--heightPS-21, .atom.defcon-carousel-card-image--heightPS-21 {
          height: calc(2.5rem * 21); }
        .atom.defcon-carousel-card-images--heightPS-22, .atom.defcon-carousel-card-image--heightPS-22 {
          height: calc(2.5rem * 22); }
        .atom.defcon-carousel-card-images--heightPS-23, .atom.defcon-carousel-card-image--heightPS-23 {
          height: calc(2.5rem * 23); }
        .atom.defcon-carousel-card-images--heightPS-24, .atom.defcon-carousel-card-image--heightPS-24 {
          height: calc(2.5rem * 24); }
        .atom.defcon-carousel-card-images--heightPS-25, .atom.defcon-carousel-card-image--heightPS-25 {
          height: calc(2.5rem * 25); }
        .atom.defcon-carousel-card-images--heightPS-26, .atom.defcon-carousel-card-image--heightPS-26 {
          height: calc(2.5rem * 26); }
        .atom.defcon-carousel-card-images--heightPS-27, .atom.defcon-carousel-card-image--heightPS-27 {
          height: calc(2.5rem * 27); }
        .atom.defcon-carousel-card-images--heightPS-28, .atom.defcon-carousel-card-image--heightPS-28 {
          height: calc(2.5rem * 28); }
        .atom.defcon-carousel-card-images--heightPS-29, .atom.defcon-carousel-card-image--heightPS-29 {
          height: calc(2.5rem * 29); }
        .atom.defcon-carousel-card-images--heightPS-30, .atom.defcon-carousel-card-image--heightPS-30 {
          height: calc(2.5rem * 30); }
        .atom.defcon-carousel-card-images--heightPS-100, .atom.defcon-carousel-card-image--heightPS-100 {
          height: 100%; }
        .atom.defcon-carousel-card-images--leftPS-1, .atom.defcon-carousel-card-image--leftPS-1 {
          left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-2, .atom.defcon-carousel-card-image--leftPS-2 {
          left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-3, .atom.defcon-carousel-card-image--leftPS-3 {
          left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-4, .atom.defcon-carousel-card-image--leftPS-4 {
          left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-5, .atom.defcon-carousel-card-image--leftPS-5 {
          left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-6, .atom.defcon-carousel-card-image--leftPS-6 {
          left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-7, .atom.defcon-carousel-card-image--leftPS-7 {
          left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-8, .atom.defcon-carousel-card-image--leftPS-8 {
          left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-9, .atom.defcon-carousel-card-image--leftPS-9 {
          left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-10, .atom.defcon-carousel-card-image--leftPS-10 {
          left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-11, .atom.defcon-carousel-card-image--leftPS-11 {
          left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 + 1))); }
        .atom.defcon-carousel-card-images--leftPS-12, .atom.defcon-carousel-card-image--leftPS-12 {
          left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 + 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.defcon-carousel-card-images--widthTP-1, .atom.defcon-carousel-card-image--widthTP-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-2, .atom.defcon-carousel-card-image--widthTP-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-3, .atom.defcon-carousel-card-image--widthTP-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-4, .atom.defcon-carousel-card-image--widthTP-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-5, .atom.defcon-carousel-card-image--widthTP-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-6, .atom.defcon-carousel-card-image--widthTP-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-7, .atom.defcon-carousel-card-image--widthTP-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-8, .atom.defcon-carousel-card-image--widthTP-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-9, .atom.defcon-carousel-card-image--widthTP-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-10, .atom.defcon-carousel-card-image--widthTP-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-11, .atom.defcon-carousel-card-image--widthTP-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.defcon-carousel-card-images--widthTP-12, .atom.defcon-carousel-card-image--widthTP-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        .atom.defcon-carousel-card-images--heightTP-1, .atom.defcon-carousel-card-image--heightTP-1 {
          height: calc(2.5rem * 1); }
        .atom.defcon-carousel-card-images--heightTP-2, .atom.defcon-carousel-card-image--heightTP-2 {
          height: calc(2.5rem * 2); }
        .atom.defcon-carousel-card-images--heightTP-3, .atom.defcon-carousel-card-image--heightTP-3 {
          height: calc(2.5rem * 3); }
        .atom.defcon-carousel-card-images--heightTP-4, .atom.defcon-carousel-card-image--heightTP-4 {
          height: calc(2.5rem * 4); }
        .atom.defcon-carousel-card-images--heightTP-5, .atom.defcon-carousel-card-image--heightTP-5 {
          height: calc(2.5rem * 5); }
        .atom.defcon-carousel-card-images--heightTP-6, .atom.defcon-carousel-card-image--heightTP-6 {
          height: calc(2.5rem * 6); }
        .atom.defcon-carousel-card-images--heightTP-7, .atom.defcon-carousel-card-image--heightTP-7 {
          height: calc(2.5rem * 7); }
        .atom.defcon-carousel-card-images--heightTP-8, .atom.defcon-carousel-card-image--heightTP-8 {
          height: calc(2.5rem * 8); }
        .atom.defcon-carousel-card-images--heightTP-9, .atom.defcon-carousel-card-image--heightTP-9 {
          height: calc(2.5rem * 9); }
        .atom.defcon-carousel-card-images--heightTP-10, .atom.defcon-carousel-card-image--heightTP-10 {
          height: calc(2.5rem * 10); }
        .atom.defcon-carousel-card-images--heightTP-11, .atom.defcon-carousel-card-image--heightTP-11 {
          height: calc(2.5rem * 11); }
        .atom.defcon-carousel-card-images--heightTP-12, .atom.defcon-carousel-card-image--heightTP-12 {
          height: calc(2.5rem * 12); }
        .atom.defcon-carousel-card-images--heightTP-13, .atom.defcon-carousel-card-image--heightTP-13 {
          height: calc(2.5rem * 13); }
        .atom.defcon-carousel-card-images--heightTP-14, .atom.defcon-carousel-card-image--heightTP-14 {
          height: calc(2.5rem * 14); }
        .atom.defcon-carousel-card-images--heightTP-15, .atom.defcon-carousel-card-image--heightTP-15 {
          height: calc(2.5rem * 15); }
        .atom.defcon-carousel-card-images--heightTP-16, .atom.defcon-carousel-card-image--heightTP-16 {
          height: calc(2.5rem * 16); }
        .atom.defcon-carousel-card-images--heightTP-17, .atom.defcon-carousel-card-image--heightTP-17 {
          height: calc(2.5rem * 17); }
        .atom.defcon-carousel-card-images--heightTP-18, .atom.defcon-carousel-card-image--heightTP-18 {
          height: calc(2.5rem * 18); }
        .atom.defcon-carousel-card-images--heightTP-19, .atom.defcon-carousel-card-image--heightTP-19 {
          height: calc(2.5rem * 19); }
        .atom.defcon-carousel-card-images--heightTP-20, .atom.defcon-carousel-card-image--heightTP-20 {
          height: calc(2.5rem * 20); }
        .atom.defcon-carousel-card-images--heightTP-21, .atom.defcon-carousel-card-image--heightTP-21 {
          height: calc(2.5rem * 21); }
        .atom.defcon-carousel-card-images--heightTP-22, .atom.defcon-carousel-card-image--heightTP-22 {
          height: calc(2.5rem * 22); }
        .atom.defcon-carousel-card-images--heightTP-23, .atom.defcon-carousel-card-image--heightTP-23 {
          height: calc(2.5rem * 23); }
        .atom.defcon-carousel-card-images--heightTP-24, .atom.defcon-carousel-card-image--heightTP-24 {
          height: calc(2.5rem * 24); }
        .atom.defcon-carousel-card-images--heightTP-25, .atom.defcon-carousel-card-image--heightTP-25 {
          height: calc(2.5rem * 25); }
        .atom.defcon-carousel-card-images--heightTP-26, .atom.defcon-carousel-card-image--heightTP-26 {
          height: calc(2.5rem * 26); }
        .atom.defcon-carousel-card-images--heightTP-27, .atom.defcon-carousel-card-image--heightTP-27 {
          height: calc(2.5rem * 27); }
        .atom.defcon-carousel-card-images--heightTP-28, .atom.defcon-carousel-card-image--heightTP-28 {
          height: calc(2.5rem * 28); }
        .atom.defcon-carousel-card-images--heightTP-29, .atom.defcon-carousel-card-image--heightTP-29 {
          height: calc(2.5rem * 29); }
        .atom.defcon-carousel-card-images--heightTP-30, .atom.defcon-carousel-card-image--heightTP-30 {
          height: calc(2.5rem * 30); }
        .atom.defcon-carousel-card-images--heightTP-100, .atom.defcon-carousel-card-image--heightTP-100 {
          height: 100%; }
        .atom.defcon-carousel-card-images--leftTP-1, .atom.defcon-carousel-card-image--leftTP-1 {
          left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-2, .atom.defcon-carousel-card-image--leftTP-2 {
          left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-3, .atom.defcon-carousel-card-image--leftTP-3 {
          left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-4, .atom.defcon-carousel-card-image--leftTP-4 {
          left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-5, .atom.defcon-carousel-card-image--leftTP-5 {
          left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-6, .atom.defcon-carousel-card-image--leftTP-6 {
          left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-7, .atom.defcon-carousel-card-image--leftTP-7 {
          left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-8, .atom.defcon-carousel-card-image--leftTP-8 {
          left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-9, .atom.defcon-carousel-card-image--leftTP-9 {
          left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-10, .atom.defcon-carousel-card-image--leftTP-10 {
          left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-11, .atom.defcon-carousel-card-image--leftTP-11 {
          left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 + 1))); }
        .atom.defcon-carousel-card-images--leftTP-12, .atom.defcon-carousel-card-image--leftTP-12 {
          left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 + 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.defcon-carousel-card-images, .atom.defcon-carousel-card-image {
          position: relative; }
          .atom.defcon-carousel-card-images--widthM-1, .atom.defcon-carousel-card-image--widthM-1 {
            width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
          .atom.defcon-carousel-card-images--widthM-2, .atom.defcon-carousel-card-image--widthM-2 {
            width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
          .atom.defcon-carousel-card-images--widthM-3, .atom.defcon-carousel-card-image--widthM-3 {
            width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
          .atom.defcon-carousel-card-images--widthM-4, .atom.defcon-carousel-card-image--widthM-4 {
            width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
          .atom.defcon-carousel-card-images--widthM-5, .atom.defcon-carousel-card-image--widthM-5 {
            width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
          .atom.defcon-carousel-card-images--widthM-6, .atom.defcon-carousel-card-image--widthM-6 {
            width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
          .atom.defcon-carousel-card-images--widthM-7, .atom.defcon-carousel-card-image--widthM-7 {
            width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
          .atom.defcon-carousel-card-images--widthM-8, .atom.defcon-carousel-card-image--widthM-8 {
            width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
          .atom.defcon-carousel-card-images--widthM-9, .atom.defcon-carousel-card-image--widthM-9 {
            width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
          .atom.defcon-carousel-card-images--widthM-10, .atom.defcon-carousel-card-image--widthM-10 {
            width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
          .atom.defcon-carousel-card-images--widthM-11, .atom.defcon-carousel-card-image--widthM-11 {
            width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
          .atom.defcon-carousel-card-images--widthM-12, .atom.defcon-carousel-card-image--widthM-12 {
            width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
          .atom.defcon-carousel-card-images--heightM-1, .atom.defcon-carousel-card-image--heightM-1 {
            height: calc(2.5rem * 1); }
          .atom.defcon-carousel-card-images--heightM-2, .atom.defcon-carousel-card-image--heightM-2 {
            height: calc(2.5rem * 2); }
          .atom.defcon-carousel-card-images--heightM-3, .atom.defcon-carousel-card-image--heightM-3 {
            height: calc(2.5rem * 3); }
          .atom.defcon-carousel-card-images--heightM-4, .atom.defcon-carousel-card-image--heightM-4 {
            height: calc(2.5rem * 4); }
          .atom.defcon-carousel-card-images--heightM-5, .atom.defcon-carousel-card-image--heightM-5 {
            height: calc(2.5rem * 5); }
          .atom.defcon-carousel-card-images--heightM-6, .atom.defcon-carousel-card-image--heightM-6 {
            height: calc(2.5rem * 6); }
          .atom.defcon-carousel-card-images--heightM-7, .atom.defcon-carousel-card-image--heightM-7 {
            height: calc(2.5rem * 7); }
          .atom.defcon-carousel-card-images--heightM-8, .atom.defcon-carousel-card-image--heightM-8 {
            height: calc(2.5rem * 8); }
          .atom.defcon-carousel-card-images--heightM-9, .atom.defcon-carousel-card-image--heightM-9 {
            height: calc(2.5rem * 9); }
          .atom.defcon-carousel-card-images--heightM-10, .atom.defcon-carousel-card-image--heightM-10 {
            height: calc(2.5rem * 10); }
          .atom.defcon-carousel-card-images--heightM-11, .atom.defcon-carousel-card-image--heightM-11 {
            height: calc(2.5rem * 11); }
          .atom.defcon-carousel-card-images--heightM-12, .atom.defcon-carousel-card-image--heightM-12 {
            height: calc(2.5rem * 12); }
          .atom.defcon-carousel-card-images--heightM-13, .atom.defcon-carousel-card-image--heightM-13 {
            height: calc(2.5rem * 13); }
          .atom.defcon-carousel-card-images--heightM-14, .atom.defcon-carousel-card-image--heightM-14 {
            height: calc(2.5rem * 14); }
          .atom.defcon-carousel-card-images--heightM-15, .atom.defcon-carousel-card-image--heightM-15 {
            height: calc(2.5rem * 15); }
          .atom.defcon-carousel-card-images--heightM-16, .atom.defcon-carousel-card-image--heightM-16 {
            height: calc(2.5rem * 16); }
          .atom.defcon-carousel-card-images--heightM-17, .atom.defcon-carousel-card-image--heightM-17 {
            height: calc(2.5rem * 17); }
          .atom.defcon-carousel-card-images--heightM-18, .atom.defcon-carousel-card-image--heightM-18 {
            height: calc(2.5rem * 18); }
          .atom.defcon-carousel-card-images--heightM-19, .atom.defcon-carousel-card-image--heightM-19 {
            height: calc(2.5rem * 19); }
          .atom.defcon-carousel-card-images--heightM-20, .atom.defcon-carousel-card-image--heightM-20 {
            height: calc(2.5rem * 20); }
          .atom.defcon-carousel-card-images--heightM-21, .atom.defcon-carousel-card-image--heightM-21 {
            height: calc(2.5rem * 21); }
          .atom.defcon-carousel-card-images--heightM-22, .atom.defcon-carousel-card-image--heightM-22 {
            height: calc(2.5rem * 22); }
          .atom.defcon-carousel-card-images--heightM-23, .atom.defcon-carousel-card-image--heightM-23 {
            height: calc(2.5rem * 23); }
          .atom.defcon-carousel-card-images--heightM-24, .atom.defcon-carousel-card-image--heightM-24 {
            height: calc(2.5rem * 24); }
          .atom.defcon-carousel-card-images--heightM-25, .atom.defcon-carousel-card-image--heightM-25 {
            height: calc(2.5rem * 25); }
          .atom.defcon-carousel-card-images--heightM-26, .atom.defcon-carousel-card-image--heightM-26 {
            height: calc(2.5rem * 26); }
          .atom.defcon-carousel-card-images--heightM-27, .atom.defcon-carousel-card-image--heightM-27 {
            height: calc(2.5rem * 27); }
          .atom.defcon-carousel-card-images--heightM-28, .atom.defcon-carousel-card-image--heightM-28 {
            height: calc(2.5rem * 28); }
          .atom.defcon-carousel-card-images--heightM-29, .atom.defcon-carousel-card-image--heightM-29 {
            height: calc(2.5rem * 29); }
          .atom.defcon-carousel-card-images--heightM-30, .atom.defcon-carousel-card-image--heightM-30 {
            height: calc(2.5rem * 30); }
          .atom.defcon-carousel-card-images--heightM-100, .atom.defcon-carousel-card-image--heightM-100 {
            height: 100%; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-1, .atom.defcon-carousel-card-image--heightM-maxHeight-1 {
            max-height: calc(2.5rem * 1);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-2, .atom.defcon-carousel-card-image--heightM-maxHeight-2 {
            max-height: calc(2.5rem * 2);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-3, .atom.defcon-carousel-card-image--heightM-maxHeight-3 {
            max-height: calc(2.5rem * 3);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-4, .atom.defcon-carousel-card-image--heightM-maxHeight-4 {
            max-height: calc(2.5rem * 4);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-5, .atom.defcon-carousel-card-image--heightM-maxHeight-5 {
            max-height: calc(2.5rem * 5);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-6, .atom.defcon-carousel-card-image--heightM-maxHeight-6 {
            max-height: calc(2.5rem * 6);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-7, .atom.defcon-carousel-card-image--heightM-maxHeight-7 {
            max-height: calc(2.5rem * 7);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-8, .atom.defcon-carousel-card-image--heightM-maxHeight-8 {
            max-height: calc(2.5rem * 8);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-9, .atom.defcon-carousel-card-image--heightM-maxHeight-9 {
            max-height: calc(2.5rem * 9);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-10, .atom.defcon-carousel-card-image--heightM-maxHeight-10 {
            max-height: calc(2.5rem * 10);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-11, .atom.defcon-carousel-card-image--heightM-maxHeight-11 {
            max-height: calc(2.5rem * 11);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-12, .atom.defcon-carousel-card-image--heightM-maxHeight-12 {
            max-height: calc(2.5rem * 12);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-13, .atom.defcon-carousel-card-image--heightM-maxHeight-13 {
            max-height: calc(2.5rem * 13);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-14, .atom.defcon-carousel-card-image--heightM-maxHeight-14 {
            max-height: calc(2.5rem * 14);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-15, .atom.defcon-carousel-card-image--heightM-maxHeight-15 {
            max-height: calc(2.5rem * 15);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-16, .atom.defcon-carousel-card-image--heightM-maxHeight-16 {
            max-height: calc(2.5rem * 16);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-17, .atom.defcon-carousel-card-image--heightM-maxHeight-17 {
            max-height: calc(2.5rem * 17);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-18, .atom.defcon-carousel-card-image--heightM-maxHeight-18 {
            max-height: calc(2.5rem * 18);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-19, .atom.defcon-carousel-card-image--heightM-maxHeight-19 {
            max-height: calc(2.5rem * 19);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-20, .atom.defcon-carousel-card-image--heightM-maxHeight-20 {
            max-height: calc(2.5rem * 20);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-21, .atom.defcon-carousel-card-image--heightM-maxHeight-21 {
            max-height: calc(2.5rem * 21);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-22, .atom.defcon-carousel-card-image--heightM-maxHeight-22 {
            max-height: calc(2.5rem * 22);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-23, .atom.defcon-carousel-card-image--heightM-maxHeight-23 {
            max-height: calc(2.5rem * 23);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-24, .atom.defcon-carousel-card-image--heightM-maxHeight-24 {
            max-height: calc(2.5rem * 24);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-25, .atom.defcon-carousel-card-image--heightM-maxHeight-25 {
            max-height: calc(2.5rem * 25);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-26, .atom.defcon-carousel-card-image--heightM-maxHeight-26 {
            max-height: calc(2.5rem * 26);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-27, .atom.defcon-carousel-card-image--heightM-maxHeight-27 {
            max-height: calc(2.5rem * 27);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-28, .atom.defcon-carousel-card-image--heightM-maxHeight-28 {
            max-height: calc(2.5rem * 28);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-29, .atom.defcon-carousel-card-image--heightM-maxHeight-29 {
            max-height: calc(2.5rem * 29);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--heightM-maxHeight-30, .atom.defcon-carousel-card-image--heightM-maxHeight-30 {
            max-height: calc(2.5rem * 30);
            margin-bottom: 2.5rem; }
          .atom.defcon-carousel-card-images--leftM-1, .atom.defcon-carousel-card-image--leftM-1 {
            left: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 + 1))); }
          .atom.defcon-carousel-card-images--leftM-2, .atom.defcon-carousel-card-image--leftM-2 {
            left: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 + 1))); }
          .atom.defcon-carousel-card-images--leftM-3, .atom.defcon-carousel-card-image--leftM-3 {
            left: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 + 1))); }
          .atom.defcon-carousel-card-images--leftM-4, .atom.defcon-carousel-card-image--leftM-4 {
            left: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 + 1))); }
          .atom.defcon-carousel-card-images--leftM-5, .atom.defcon-carousel-card-image--leftM-5 {
            left: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 + 1))); }
          .atom.defcon-carousel-card-images--leftM-6, .atom.defcon-carousel-card-image--leftM-6 {
            left: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 + 1))); }
          .atom.defcon-carousel-card-images--leftM-7, .atom.defcon-carousel-card-image--leftM-7 {
            left: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 + 1))); }
          .atom.defcon-carousel-card-images--leftM-8, .atom.defcon-carousel-card-image--leftM-8 {
            left: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 + 1))); }
          .atom.defcon-carousel-card-images--leftM-9, .atom.defcon-carousel-card-image--leftM-9 {
            left: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 + 1))); }
          .atom.defcon-carousel-card-images--leftM-10, .atom.defcon-carousel-card-image--leftM-10 {
            left: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 + 1))); }
          .atom.defcon-carousel-card-images--leftM-11, .atom.defcon-carousel-card-image--leftM-11 {
            left: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 + 1))); }
          .atom.defcon-carousel-card-images--leftM-12, .atom.defcon-carousel-card-image--leftM-12 {
            left: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 + 1))); }
          .atom.defcon-carousel-card-images--leftM-0, .atom.defcon-carousel-card-image--leftM-0 {
            left: 0; } }
    .atom.defcon-carousel-card[aria-hidden="true"] .defcon-carousel-card-content {
      opacity: 0; }
    .atom.defcon-carousel-card[aria-hidden="true"] .defcon-carousel-card-image {
      opacity: 1;
      left: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 + 1))); }
    @media only screen and (max-width: 599px) {
      .atom.defcon-carousel-card[aria-hidden="true"] .defcon-carousel-card-content {
        opacity: 1; }
      .atom.defcon-carousel-card[aria-hidden="true"] .defcon-carousel-card-image {
        opacity: 1;
        left: -30vw; } }
  .atom.defcon-animateJS-hide {
    opacity: 0;
    transition: all; }
  .atom.defcon-animateJS-display {
    display: none;
    opacity: 0; }
  .atom.defcon-animateJS-highlightBlock {
    left: -100%;
    animation-name: scene1-moveInOut-1;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1; }
    @media only screen and (max-width: 599px) {
      .atom.defcon-animateJS-highlightBlock {
        left: -100%;
        animation-name: scene1-moveInOut-1;
        animation-duration: 5s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1; } }
  .atom.defcon-animateJS-floatingImage {
    transform: translateX(-100%);
    z-index: 0 !important;
    animation-name: cene1-moveInOut-2;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1; }
    @media only screen and (max-width: 599px) {
      .atom.defcon-animateJS-floatingImage {
        transform: translateX(-100%);
        z-index: 0 !important;
        animation-name: cene1-moveInOut-2;
        animation-duration: 5s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1; } }
    .atom.defcon-animateJS-floatingImage-2 {
      transition: all 1s;
      z-index: 0 !important;
      animation-name: cene2-moveIn-1;
      animation-duration: 4s;
      animation-timing-function: ease-in-out;
      animation-delay: 5s;
      animation-iteration-count: 1; }
      @media only screen and (max-width: 599px) {
        .atom.defcon-animateJS-floatingImage-2 {
          opacity: 0;
          animation-name: cene2-moveInOut-1;
          animation-duration: 4s;
          animation-timing-function: ease-in-out;
          animation-delay: 5s;
          animation-iteration-count: 1; } }
  .atom.defcon-animateJS-floatingBlock {
    z-index: 1;
    transform: translateX(-10rem);
    opacity: 0;
    position: relative;
    animation-name: cene1-moveInOut-3;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1; }
    @media only screen and (max-width: 599px) {
      .atom.defcon-animateJS-floatingBlock {
        z-index: 1;
        transform: translateX(-10rem);
        opacity: 0;
        position: relative;
        animation-name: cene1-moveInOut-3;
        animation-duration: 5s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1; } }
    .atom.defcon-animateJS-floatingBlock-2 {
      z-index: 1;
      position: relative;
      transform: translateX(10rem);
      opacity: 0;
      animation-name: cene1-moveInOut-4;
      animation-duration: 5s;
      animation-timing-function: ease-in-out;
      animation-delay: 0s;
      animation-iteration-count: 1; }
      @media only screen and (max-width: 599px) {
        .atom.defcon-animateJS-floatingBlock-2 {
          z-index: 1;
          position: relative;
          transform: translateX(10rem);
          opacity: 0;
          animation-name: cene1-moveInOut-4;
          animation-duration: 5s;
          animation-timing-function: ease-in-out;
          animation-delay: 0s;
          animation-iteration-count: 1; } }
    .atom.defcon-animateJS-floatingBlock-3 {
      z-index: 1;
      position: relative;
      transition: all .5s;
      animation-name: cene2-moveIn-2;
      animation-duration: 4s;
      animation-timing-function: ease-in-out;
      animation-delay: 5s;
      animation-iteration-count: 1; }
      @media only screen and (max-width: 599px) {
        .atom.defcon-animateJS-floatingBlock-3 {
          opacity: 0;
          animation-name: cene2-moveInOut-2;
          animation-duration: 4s;
          animation-timing-function: ease-in-out;
          animation-delay: 5s;
          animation-iteration-count: 1; } }
    .atom.defcon-animateJS-floatingBlock-4 {
      z-index: 2;
      transition: all .5s;
      animation-name: cene2-moveIn-3;
      animation-duration: 4s;
      animation-timing-function: ease-in-out;
      animation-delay: 5s;
      animation-iteration-count: 1; }
      @media only screen and (max-width: 599px) {
        .atom.defcon-animateJS-floatingBlock-4 {
          opacity: 0;
          animation-name: cene2-moveInOut-3;
          animation-duration: 4s;
          animation-timing-function: ease-in-out;
          animation-delay: 5s;
          animation-iteration-count: 1; } }
  .atom.defcon-animateJS-carouselBlock {
    z-index: 3;
    animation-name: cene3-moveIn-1;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-delay: 5s;
    animation-iteration-count: 1; }
    @media only screen and (max-width: 599px) {
      .atom.defcon-animateJS-carouselBlock {
        animation-name: cene3-moveIn-2;
        animation-duration: 5s;
        animation-timing-function: ease-in-out;
        animation-delay: 5s;
        animation-iteration-count: 1; } }

@keyframes scene1-moveInOut-1 {
  0% {
    left: -100%; }
  25% {
    left: 0%; }
  75% {
    left: 0%; }
  100% {
    left: -100%; } }

@keyframes cene1-moveInOut-2 {
  0% {
    transform: translateX(-100%); }
  25% {
    transform: translateX(0%); }
  75% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }

@keyframes cene1-moveInOut-3 {
  0% {
    transform: translateX(-10rem);
    opacity: 0; }
  25% {
    transform: translateX(0);
    opacity: 1; }
  75% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(-10rem);
    opacity: 0; } }

@keyframes cene1-moveInOut-4 {
  0% {
    transform: translateX(10rem);
    opacity: 0; }
  25% {
    transform: translateX(0);
    opacity: 1; }
  75% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(10rem);
    opacity: 0; } }

@keyframes cene2-moveIn-1 {
  0% {
    height: calc(2.5rem * 28);
    top: calc(2.5rem * 2);
    opacity: 0; }
  25% {
    height: calc(2.5rem * 24);
    top: calc(2.5rem * 4);
    opacity: 1; }
  100% {
    height: calc(2.5rem * 24);
    top: calc(2.5rem * 4);
    opacity: 1; } }

@keyframes cene2-moveInOut-1 {
  0% {
    height: calc(2.5rem * 28);
    top: calc(2.5rem * 2);
    opacity: 0; }
  25% {
    height: calc(2.5rem * 24);
    top: calc(2.5rem * 4);
    opacity: 1; }
  75% {
    height: calc(2.5rem * 24);
    top: calc(2.5rem * 4);
    opacity: 1; }
  100% {
    height: calc(2.5rem * 20);
    top: calc(2.5rem * 6);
    opacity: 0; } }

@keyframes cene2-moveIn-2 {
  0% {
    transform: translateX(-10rem);
    opacity: 0; }
  25% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes cene2-moveInOut-2 {
  0% {
    transform: translateX(-10rem);
    opacity: 0; }
  25% {
    transform: translateX(0);
    opacity: 1; }
  75% {
    transform: translateX(0);
    opacity: 1; }
  0% {
    transform: translateX(-10rem);
    opacity: 100; } }

@keyframes cene2-moveIn-3 {
  0% {
    transform: translateX(10rem);
    opacity: 0; }
  25% {
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes cene2-moveInOut-3 {
  0% {
    transform: translateX(10rem);
    opacity: 0; }
  25% {
    transform: translateX(0);
    opacity: 1; }
  75% {
    transform: translateX(0);
    opacity: 1; }
  1000% {
    transform: translateX(10rem);
    opacity: 0; } }

@keyframes cene3-moveIn-1 {
  0% {
    transform: translateX(-100vw);
    opacity: 0; }
  25% {
    transform: translateX(-100vw);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes cene3-moveIn-2 {
  0% {
    transform: translateX(-100vw);
    opacity: 0; }
  75% {
    transform: translateX(-100vw);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

.atom.banner-home {
  position: relative;
  display: block;
  width: 80vw;
  min-height: 22.5rem;
  margin: 0 10vw;
  border-radius: 1.2rem;
  overflow: hidden;
  margin-bottom: 2.5rem;
  cursor: pointer; }
  @media only screen and (max-width: 1199px) {
    .atom.banner-home {
      width: 90vw;
      margin: 0 5vw;
      margin-bottom: 2.5rem; } }
  @media only screen and (max-width: 899px) {
    .atom.banner-home {
      width: 90vw;
      margin: 0 5vw;
      margin-bottom: 2.5rem; } }
  @media only screen and (max-width: 599px) {
    .atom.banner-home {
      width: calc(100vw - 6.25rem);
      margin: 0 3.125rem;
      margin-bottom: 2.5rem; } }
  .atom.banner-home-background {
    min-height: inherit; }
    .atom.banner-home-background--gradient1 {
      background-image: radial-gradient(circle at 100%, #dbf8e6, #587563); }
    .atom.banner-home-background--gradient2 {
      background-image: radial-gradient(closest-side, #f4a9ad, #bb6f6a); }
    .atom.banner-home-background--gradient3 {
      background-image: radial-gradient(circle at 100%, #633732, #cda39e); }
    .atom.banner-home-background--gradient4 {
      background-image: radial-gradient(circle at 100%, #757574, #a7a6a4); }
  .atom.banner-home-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 2.5rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    scale: 1; }
    .atom.banner-home-content--center {
      justify-content: center; }
      @media only screen and (max-width: 1199px) {
        .atom.banner-home-content--centerS {
          justify-content: center; } }
      @media only screen and (max-width: 899px) {
        .atom.banner-home-content--centerT {
          justify-content: center; } }
      @media only screen and (max-width: 599px) {
        .atom.banner-home-content--centerM {
          justify-content: center; } }
    .atom.banner-home-content--top {
      justify-content: space-between; }
      @media only screen and (max-width: 1199px) {
        .atom.banner-home-content--topS {
          justify-content: space-between; } }
      @media only screen and (max-width: 899px) {
        .atom.banner-home-content--topT {
          justify-content: space-between; } }
      @media only screen and (max-width: 599px) {
        .atom.banner-home-content--topM {
          justify-content: space-between; } }
    .atom.banner-home-content .frame-col-0:first-child, .atom.banner-home-content .frame-col-0:last-child {
      width: calc(0 * (((80vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-0:first-child, .atom.banner-home-content .frame-col-0:last-child {
        width: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-0:first-child, .atom.banner-home-content .frame-col-0:last-child {
        width: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-0:first-child, .atom.banner-home-content .frame-col-0:last-child {
        width: calc(0 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 0)) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    .atom.banner-home-content .frame-col-1:first-child, .atom.banner-home-content .frame-col-1:last-child {
      width: calc(1 * (((80vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-1:first-child, .atom.banner-home-content .frame-col-1:last-child {
        width: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-1:first-child, .atom.banner-home-content .frame-col-1:last-child {
        width: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-1:first-child, .atom.banner-home-content .frame-col-1:last-child {
        width: calc(1 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 1)) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    .atom.banner-home-content .frame-col-2:first-child, .atom.banner-home-content .frame-col-2:last-child {
      width: calc(2 * (((80vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-2:first-child, .atom.banner-home-content .frame-col-2:last-child {
        width: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-2:first-child, .atom.banner-home-content .frame-col-2:last-child {
        width: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-2:first-child, .atom.banner-home-content .frame-col-2:last-child {
        width: calc(2 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 2)) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    .atom.banner-home-content .frame-col-3:first-child, .atom.banner-home-content .frame-col-3:last-child {
      width: calc(3 * (((80vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-3:first-child, .atom.banner-home-content .frame-col-3:last-child {
        width: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-3:first-child, .atom.banner-home-content .frame-col-3:last-child {
        width: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-3:first-child, .atom.banner-home-content .frame-col-3:last-child {
        width: calc(3 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 3)) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    .atom.banner-home-content .frame-col-4:first-child, .atom.banner-home-content .frame-col-4:last-child {
      width: calc(4 * (((80vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-4:first-child, .atom.banner-home-content .frame-col-4:last-child {
        width: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-4:first-child, .atom.banner-home-content .frame-col-4:last-child {
        width: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-4:first-child, .atom.banner-home-content .frame-col-4:last-child {
        width: calc(4 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 4)) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    .atom.banner-home-content .frame-col-5:first-child, .atom.banner-home-content .frame-col-5:last-child {
      width: calc(5 * (((80vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-5:first-child, .atom.banner-home-content .frame-col-5:last-child {
        width: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-5:first-child, .atom.banner-home-content .frame-col-5:last-child {
        width: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-5:first-child, .atom.banner-home-content .frame-col-5:last-child {
        width: calc(5 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 5)) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    .atom.banner-home-content .frame-col-6:first-child, .atom.banner-home-content .frame-col-6:last-child {
      width: calc(6 * (((80vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-6:first-child, .atom.banner-home-content .frame-col-6:last-child {
        width: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-6:first-child, .atom.banner-home-content .frame-col-6:last-child {
        width: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-6:first-child, .atom.banner-home-content .frame-col-6:last-child {
        width: calc(6 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 6)) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    .atom.banner-home-content .frame-col-7:first-child, .atom.banner-home-content .frame-col-7:last-child {
      width: calc(7 * (((80vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-7:first-child, .atom.banner-home-content .frame-col-7:last-child {
        width: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-7:first-child, .atom.banner-home-content .frame-col-7:last-child {
        width: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-7:first-child, .atom.banner-home-content .frame-col-7:last-child {
        width: calc(7 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 7)) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    .atom.banner-home-content .frame-col-8:first-child, .atom.banner-home-content .frame-col-8:last-child {
      width: calc(8 * (((80vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-8:first-child, .atom.banner-home-content .frame-col-8:last-child {
        width: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-8:first-child, .atom.banner-home-content .frame-col-8:last-child {
        width: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-8:first-child, .atom.banner-home-content .frame-col-8:last-child {
        width: calc(8 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 8)) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    .atom.banner-home-content .frame-col-9:first-child, .atom.banner-home-content .frame-col-9:last-child {
      width: calc(9 * (((80vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-9:first-child, .atom.banner-home-content .frame-col-9:last-child {
        width: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-9:first-child, .atom.banner-home-content .frame-col-9:last-child {
        width: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-9:first-child, .atom.banner-home-content .frame-col-9:last-child {
        width: calc(9 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 9)) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    .atom.banner-home-content .frame-col-10:first-child, .atom.banner-home-content .frame-col-10:last-child {
      width: calc(10 * (((80vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-10:first-child, .atom.banner-home-content .frame-col-10:last-child {
        width: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-10:first-child, .atom.banner-home-content .frame-col-10:last-child {
        width: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-10:first-child, .atom.banner-home-content .frame-col-10:last-child {
        width: calc(10 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 10)) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    .atom.banner-home-content .frame-col-11:first-child, .atom.banner-home-content .frame-col-11:last-child {
      width: calc(11 * (((80vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-11:first-child, .atom.banner-home-content .frame-col-11:last-child {
        width: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-11:first-child, .atom.banner-home-content .frame-col-11:last-child {
        width: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content .frame-col-11:first-child, .atom.banner-home-content .frame-col-11:last-child {
        width: calc(11 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 11)) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    .atom.banner-home-content .frame-col-12 {
      width: calc(12 * (((80vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 2))); }
      @media only screen and (max-width: 1199px) {
        .atom.banner-home-content .frame-col-12 {
          width: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 2))); } }
      @media only screen and (max-width: 899px) {
        .atom.banner-home-content .frame-col-12 {
          width: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 2))); } }
      @media only screen and (max-width: 599px) {
        .atom.banner-home-content .frame-col-12 {
          width: calc(12 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 12)) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 2))); } }
    .atom.banner-home-content .frame-col-0 {
      width: 0; }
      @media only screen and (max-width: 1199px) {
        .atom.banner-home-content .frame-col-0 {
          width: 0; } }
      @media only screen and (max-width: 899px) {
        .atom.banner-home-content .frame-col-0 {
          width: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.banner-home-content .frame-col-0 {
          width: 0; } }
    @media only screen and (max-width: 1199px) {
      .atom.banner-home-content .frame-col-PS0:first-child, .atom.banner-home-content .frame-col-PS0:last-child {
        width: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      .atom.banner-home-content .frame-col-PS1:first-child, .atom.banner-home-content .frame-col-PS1:last-child {
        width: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.banner-home-content .frame-col-PS2:first-child, .atom.banner-home-content .frame-col-PS2:last-child {
        width: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.banner-home-content .frame-col-PS3:first-child, .atom.banner-home-content .frame-col-PS3:last-child {
        width: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.banner-home-content .frame-col-PS4:first-child, .atom.banner-home-content .frame-col-PS4:last-child {
        width: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.banner-home-content .frame-col-PS5:first-child, .atom.banner-home-content .frame-col-PS5:last-child {
        width: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.banner-home-content .frame-col-PS6:first-child, .atom.banner-home-content .frame-col-PS6:last-child {
        width: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.banner-home-content .frame-col-PS7:first-child, .atom.banner-home-content .frame-col-PS7:last-child {
        width: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.banner-home-content .frame-col-PS8:first-child, .atom.banner-home-content .frame-col-PS8:last-child {
        width: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.banner-home-content .frame-col-PS9:first-child, .atom.banner-home-content .frame-col-PS9:last-child {
        width: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.banner-home-content .frame-col-PS10:first-child, .atom.banner-home-content .frame-col-PS10:last-child {
        width: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.banner-home-content .frame-col-PS11:first-child, .atom.banner-home-content .frame-col-PS11:last-child {
        width: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.banner-home-content .frame-col-PS12 {
        width: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.banner-home-content .frame-col-PS0:first-child, .atom.banner-home-content .frame-col-PS0:last-child {
        width: 0; } }
    @media only screen and (max-width: 899px) {
      .atom.banner-home-content .frame-col-TP0:first-child, .atom.banner-home-content .frame-col-TP0:last-child {
        width: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      .atom.banner-home-content .frame-col-TP1:first-child, .atom.banner-home-content .frame-col-TP1:last-child {
        width: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.banner-home-content .frame-col-TP2:first-child, .atom.banner-home-content .frame-col-TP2:last-child {
        width: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.banner-home-content .frame-col-TP3:first-child, .atom.banner-home-content .frame-col-TP3:last-child {
        width: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.banner-home-content .frame-col-TP4:first-child, .atom.banner-home-content .frame-col-TP4:last-child {
        width: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.banner-home-content .frame-col-TP5:first-child, .atom.banner-home-content .frame-col-TP5:last-child {
        width: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.banner-home-content .frame-col-TP6:first-child, .atom.banner-home-content .frame-col-TP6:last-child {
        width: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.banner-home-content .frame-col-TP7:first-child, .atom.banner-home-content .frame-col-TP7:last-child {
        width: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.banner-home-content .frame-col-TP8:first-child, .atom.banner-home-content .frame-col-TP8:last-child {
        width: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.banner-home-content .frame-col-TP9:first-child, .atom.banner-home-content .frame-col-TP9:last-child {
        width: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.banner-home-content .frame-col-TP10:first-child, .atom.banner-home-content .frame-col-TP10:last-child {
        width: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.banner-home-content .frame-col-TP11:first-child, .atom.banner-home-content .frame-col-TP11:last-child {
        width: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.banner-home-content .frame-col-TP12 {
        width: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.banner-home-content .frame-col-TP0:first-child, .atom.banner-home-content .frame-col-TP0:last-child {
        width: 0; } }
    @media only screen and (max-width: 599px) {
      .atom.banner-home-content {
        padding: 1rem; }
        .atom.banner-home-content .frame-col-M0:first-child, .atom.banner-home-content .frame-col-M0:last-child {
          width: calc(0 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 0)) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); }
        .atom.banner-home-content .frame-col-M1:first-child, .atom.banner-home-content .frame-col-M1:last-child {
          width: calc(1 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 1)) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); }
        .atom.banner-home-content .frame-col-M2:first-child, .atom.banner-home-content .frame-col-M2:last-child {
          width: calc(2 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 2)) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); }
        .atom.banner-home-content .frame-col-M3:first-child, .atom.banner-home-content .frame-col-M3:last-child {
          width: calc(3 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 3)) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); }
        .atom.banner-home-content .frame-col-M4:first-child, .atom.banner-home-content .frame-col-M4:last-child {
          width: calc(4 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 4)) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); }
        .atom.banner-home-content .frame-col-M5:first-child, .atom.banner-home-content .frame-col-M5:last-child {
          width: calc(5 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 5)) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); }
        .atom.banner-home-content .frame-col-M6:first-child, .atom.banner-home-content .frame-col-M6:last-child {
          width: calc(6 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 6)) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); }
        .atom.banner-home-content .frame-col-M7:first-child, .atom.banner-home-content .frame-col-M7:last-child {
          width: calc(7 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 7)) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); }
        .atom.banner-home-content .frame-col-M8:first-child, .atom.banner-home-content .frame-col-M8:last-child {
          width: calc(8 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 8)) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); }
        .atom.banner-home-content .frame-col-M9:first-child, .atom.banner-home-content .frame-col-M9:last-child {
          width: calc(9 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 9)) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); }
        .atom.banner-home-content .frame-col-M10:first-child, .atom.banner-home-content .frame-col-M10:last-child {
          width: calc(10 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 10)) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); }
        .atom.banner-home-content .frame-col-M11:first-child, .atom.banner-home-content .frame-col-M11:last-child {
          width: calc(11 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 11)) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); }
        .atom.banner-home-content .frame-col-M12 {
          width: calc(12 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 12)) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 2))); }
        .atom.banner-home-content .frame-col-M0:first-child, .atom.banner-home-content .frame-col-M0:last-child {
          width: 0; } }
    .atom.banner-home-content::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 2.5rem;
      right: 2.5rem;
      width: 2.5rem;
      height: 2.5rem;
      background-color: #000;
      border: 0.2rem solid white;
      border-radius: 2.5rem;
      background-image: url("../../../images/generic/skins/00/icons/chevrons/icon-yethu-shevron-right-wht.svg");
      background-repeat: no-repeat;
      background-position: 55% center;
      scale: 1;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media only screen and (max-width: 1199px) {
        .atom.banner-home-content::after {
          border: 0.3rem solid white; } }
      @media only screen and (max-width: 599px) {
        .atom.banner-home-content::after {
          bottom: 1rem;
          right: 1rem; } }
  .atom.banner-home .heading-2 {
    font-size: 4rem;
    line-height: 4rem;
    top: 0; }
    .atom.banner-home .heading-2:last-child {
      margin-bottom: 0; }
  .atom.banner-home .heading-4 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: bold; }
    .atom.banner-home .heading-4:last-child {
      margin-bottom: 0; }
  @media only screen and (max-width: 899px) {
    .atom.banner-home .tabport-heading-4 {
      font-size: 2rem;
      line-height: 2.5rem;
      font-weight: bold; }
      .atom.banner-home .tabport-heading-4:last-child {
        margin-bottom: 0; } }
  @media only screen and (max-width: 599px) {
    .atom.banner-home .mobi-heading-4 {
      font-size: 2rem;
      line-height: 2.5rem;
      font-weight: bold; }
      .atom.banner-home .mobi-heading-4:last-child {
        margin-bottom: 0; } }

.atom.banner-home:hover {
  scale: 1.02 !important; }

.atom.banner-home-content:hover::after {
  scale: 1.2 !important; }

.atom.entries-home {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 80vw;
  margin: 0 10vw;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  @media only screen and (max-width: 1199px) {
    .atom.entries-home {
      width: 90vw;
      margin: 0 5vw; } }
  @media only screen and (max-width: 899px) {
    .atom.entries-home {
      width: 90vw;
      margin: 0 5vw; } }
  @media only screen and (max-width: 599px) {
    .atom.entries-home {
      width: calc(100vw - 6.25rem);
      margin: 0 3.125rem; } }
  .atom.entries-home-card {
    cursor: pointer;
    position: relative;
    width: 100%;
    min-height: 17.5rem;
    padding: 2.5rem;
    border-radius: 1.2rem;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    scale: 1; }
    .atom.entries-home-card:not(:last-child) {
      margin-right: 2.5rem; }
    .atom.entries-home-card::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 2.5rem;
      right: 2.5rem;
      width: 2.5rem;
      height: 2.5rem;
      background-color: #000;
      border: 0.2rem solid white;
      border-radius: 2.5rem;
      background-image: url("../../../images/generic/skins/00/icons/chevrons/icon-yethu-shevron-right-wht.svg");
      background-repeat: no-repeat;
      background-position: 55% center;
      scale: 1;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media only screen and (max-width: 1199px) {
        .atom.entries-home-card::after {
          border: 0.3rem solid white; } }
      @media only screen and (max-width: 599px) {
        .atom.entries-home-card::after {
          bottom: 1rem;
          right: 1rem; } }
    @media only screen and (max-width: 599px) {
      .atom.entries-home-card {
        min-height: 7.5rem;
        padding: 1rem; }
        .atom.entries-home-card:not(:last-child) {
          margin-right: 1.875rem; } }
  .atom.entries-home-card:hover {
    scale: 1.06; }
    .atom.entries-home-card:hover::after {
      scale: 1.2; }
  .atom.entries-home-item {
    display: flex;
    min-height: inherit;
    flex-direction: column; }
    .atom.entries-home-item--center {
      justify-content: center; }
      @media only screen and (max-width: 1199px) {
        .atom.entries-home-item--centerS {
          justify-content: center; } }
      @media only screen and (max-width: 899px) {
        .atom.entries-home-item--centerT {
          justify-content: center; } }
      @media only screen and (max-width: 599px) {
        .atom.entries-home-item--centerM {
          justify-content: center; } }
    .atom.entries-home-item--top {
      justify-content: space-between; }
      @media only screen and (max-width: 1199px) {
        .atom.entries-home-item--topS {
          justify-content: space-between; } }
      @media only screen and (max-width: 899px) {
        .atom.entries-home-item--topT {
          justify-content: space-between; } }
      @media only screen and (max-width: 599px) {
        .atom.entries-home-item--topM {
          justify-content: space-between; } }
  .atom.entries-home-itemTop {
    display: flex;
    min-height: inherit;
    flex-direction: column;
    justify-content: space-between; }
  .atom.entries-home .heading-2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: 0;
    top: 0; }
    @media only screen and (max-width: 599px) {
      .atom.entries-home .heading-2 {
        font-size: 1.8rem;
        font-size: 1.8rem; } }

.atom--subTabs {
  bottom: auto;
  position: relative;
  display: block;
  width: 100%;
  height: 47px;
  background-color: transparent;
  z-index: 5;
  left: 0;
  border-bottom: 0.05rem solid #6B6B6B;
  margin-bottom: 2.5rem; }
  .atom--subTabs .text--heading.heading-3 {
    position: absolute;
    top: auto;
    margin-bottom: 0;
    padding-top: 0;
    bottom: 1.5rem;
    width: inherit; }
  .atom--subTabs .subTab {
    position: relative;
    display: inline-block;
    min-width: calc((80vw / 12) - ((2.5rem * 11) / 12));
    min-height: 7.5rem;
    margin-right: 2.5rem;
    cursor: pointer; }
    .atom--subTabs .subTab .subTab-label {
      position: absolute;
      bottom: 1.5rem;
      line-height: 2.5rem;
      font-size: 1.2rem;
      text-align: center;
      margin-left: 1rem; }
    .atom--subTabs .subTab--active {
      border-bottom: 0.2rem solid #009999;
      color: #009999; }
    .atom--subTabs .subTab--inactive {
      border-bottom: 0.05rem solid transparent; }
    .atom--subTabs .subTab .subTab-notification {
      position: absolute;
      min-width: 1.5rem;
      height: 1.5rem;
      background-color: #F4791F;
      right: 0.6rem;
      padding: 0vw 0.125rem;
      color: #FFFFFF;
      border-radius: 2rem;
      text-align: center;
      overflow: hidden;
      top: 3rem;
      z-index: 1; }
      .atom--subTabs .subTab .subTab-notification .subTab-notification-text {
        line-height: 1.5rem;
        font-size: 1.1rem;
        padding: inherit;
        margin-bottom: 0;
        top: 0; }

.atom.nav-icon-container {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 2.5rem;
  height: auto;
  overflow: hidden; }
  .atom.nav-icon-container .nav-icon {
    position: relative;
    display: inline-block;
    height: 7.5rem;
    cursor: pointer; }
    .atom.nav-icon-container .nav-icon:nth-child(3), .atom.nav-icon-container .nav-icon:nth-child(6), .atom.nav-icon-container .nav-icon:nth-child(9) {
      margin-right: 0; }
  .atom.nav-icon-container .nav-icon .icon-image {
    position: relative;
    display: inline-block;
    height: 100%;
    float: left; }
    .atom.nav-icon-container .nav-icon .icon-image img, .atom.nav-icon-container .nav-icon .icon-image .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.nav-icon-container .nav-icon .icon-image .icon--img {
      position: relative;
      width: 4rem;
      border-radius: 2.5rem;
      float: right;
      top: 50%;
      -webkit-transform: translateY(-50%);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateY(-50%);
      /* IE 9 */
      transform: translateY(-50%); }
  .atom.nav-icon-container .nav-icon .nav-icon-text {
    position: relative;
    display: inline-block;
    max-height: 6rem;
    height: auto;
    overflow: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-50%);
    /* IE 9 */
    transform: translateY(-50%); }
    .atom.nav-icon-container .nav-icon .nav-icon-text .atom.text--paragraph {
      top: 0;
      margin-bottom: 0; }

#fab #fabMask {
  display: none; }
  #fab #fabMask.active {
    position: fixed;
    top: 0;
    z-index: 17;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); }

#fab #fabButton {
  position: fixed;
  z-index: 19;
  bottom: 2.5rem;
  right: 10vw;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  border: 1.4rem solid #009999;
  background-color: #FFFFFF;
  transition: border 0.4s ease-out;
  cursor: pointer; }
  #fab #fabButton:AFTER {
    content: "?";
    font-size: 4rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #F4791F;
    border: 0.2rem solid #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #fab #fabButton.active {
    border: 0.2rem solid #FFFFFF;
    background: transparent;
    background-image: url("../../../images/generic/skins/00/buttons/selectButton-close.svg");
    background-position: center center;
    background-size: contain; }
    #fab #fabButton.active:AFTER {
      display: none; }

#fab #fabItems {
  overflow: hidden;
  z-index: 18;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: opacity 0.3s linear;
  transition: transform 0.3s cubic-bezier(0.955, 0.95, 0.855, 1.205);
  transition-timing-function: cubic-bezier(0.955, 0.95, 0.855, 1.205);
  position: fixed;
  bottom: 2.5rem;
  padding-bottom: 2.5rem;
  margin-bottom: 5rem;
  right: 10vw;
  width: auto;
  height: auto;
  opacity: 0; }
  #fab #fabItems.active {
    transform: scaleY(1);
    max-height: 90vh;
    opacity: 1; }

#fab .fabItem {
  position: relative;
  display: block;
  bottom: 0;
  text-align: right;
  width: 100%;
  margin-bottom: 2.5rem;
  height: 7.5rem;
  text-decoration: none;
  border: none; }

#fab .fabItemLabel {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  font-family: RobotoRegular;
  font-size: 2rem;
  line-height: 2rem;
  vertical-align: middle;
  margin-right: 1rem; }

#fab .fabItemIcon {
  position: relative;
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
  #fab .fabItemIcon img, #fab .fabItemIcon .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner #fab .fabItemIcon .icon--img {
    position: relative;
    height: 7.5rem;
    border-radius: 2.5rem; }

.atom.atom-label-list {
  display: table;
  list-style: none;
  width: 100%;
  margin-bottom: 2.5rem; }
  .atom.atom-label-list .atom-label-item {
    display: table-row;
    height: 2.5rem; }
    .atom.atom-label-list .atom-label-item .text--paragraph::before {
      left: 0; }
  .atom.atom-label-list .atom-label-value {
    text-align: right;
    font-weight: bold;
    min-width: 10rem; }
    .atom.atom-label-list .atom-label-value .text--paragraph::after {
      right: 0; }
  .atom.atom-label-list .atom-label, .atom.atom-label-list .atom-label-value {
    display: table-cell; }
    .atom.atom-label-list .atom-label .atom.text--paragraph.type--sub, .atom.atom-label-list .atom-label-value .atom.text--paragraph.type--sub {
      margin-bottom: 0;
      line-height: 2.5rem;
      top: 0.6rem; }
  .atom.atom-label-list .text--paragraph[class*='label-type']::before, .atom.atom-label-list .text--paragraph[class*='value-type']::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    top: 0.6rem;
    background-repeat: no-repeat;
    background-size: 1.2rem; }
  .atom.atom-label-list .text--paragraph[class*='label-type'] {
    padding-left: 1.7rem; }
  .atom.atom-label-list .text--paragraph[class*='value-type'] {
    padding-right: 1.7rem; }
  .atom.atom-label-list .text--paragraph.label-type-loss::before, .atom.atom-label-list .text--paragraph.value-type-loss::after {
    background-image: url("../../../images/generic/skins/00/icons/indicators/loss/3.svg"); }
  .atom.atom-label-list .text--paragraph.label-type-gain::before, .atom.atom-label-list .text--paragraph.value-type-gain::after {
    background-image: url("../../../images/generic/skins/00/icons/indicators/gain/1.svg"); }
  .atom.atom-label-list .text--paragraph.label-type-neutral::before, .atom.atom-label-list .text--paragraph.value-type-neutral::after {
    background-image: url("../../../images/generic/skins/00/icons/indicators/flat/1.svg"); }

#storyBannerHome.slick-dotted.slick-slider {
  margin-bottom: 0px !important; }

#storyBannerHome.slick-track {
  padding-bottom: 0rem !important; }

#storyBannerHome .atom.section .section-content.content-height-30 {
  min-height: 100vh !important; }

#storyBannerHome .frame-row.frame-row-30 {
  min-height: 100vh !important; }

#storyBannerHome .slick-dots {
  width: 100% !important;
  left: 0 !important;
  display: flex;
  position: absolute;
  height: 10px;
  top: 5rem; }

#storyBannerHome .slick-dots li {
  height: 3px  !important;
  background: #ccc;
  flex: 1;
  margin: 6px 4px !important; }

#storyBannerHome .slick-dots li button {
  height: 3px !important; }

#storyBannerHome .slick-dots li.slick-active,
#storyBannerHome .slick-dots li:hover {
  background: #777; }

#storyBannerHome .slick-dots li button,
#storyBannerHome .slick-dots li button:before {
  color: transparent;
  opacity: 0; }

#storyBannerHome section {
  background-color: transparent !important; }

#storyBannerHome .slick-current .blockfornow {
  position: relative;
  z-index: 9999; }

#storyBannerHome .slick-list {
  padding: 0px !important; }

#storyBannerHome .slidecontainer {
  border-radius: 10px;
  box-shadow: 0 0px 18px 0px #888 !important; }

#storyBannerHome .blockfornow {
  z-index: 999;
  padding: 0rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

#storyBannerHome .slick-track {
  padding-bottom: 0rem !important; }

#storyBannerHome .slick-dotted.slick-slider {
  margin-bottom: 0px !important; }

#storyBannerHome .badge {
  background: #ff9900;
  border-radius: 100%;
  height: 7rem;
  display: flex;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  box-shadow: 0 0 1px 8px #ff9900;
  position: absolute;
  width: 7rem;
  right: 36px;
  top: 0;
  z-index: 999; }

#storyBannerHome .imgbadge {
  position: relative; }

#storyBannerHome .badgetext {
  font-size: 2.5rem;
  line-height: 1.8rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-top: 7px !important; }

#storyBannerHome .badgetext span {
  font-size: 12px; }

@media screen and (min-width: 599px) {
  #storyBannerHome .nextdiv .blockfornow {
    left: -65vw;
    position: relative;
    opacity: 0.5;
    transform: scale(0.8);
    cursor: pointer;
    min-height: 70rem; }
  #storyBannerHome .prevdiv .blockfornow {
    left: 65vw;
    position: relative;
    opacity: 0.5;
    transform: scale(0.8);
    cursor: pointer;
    min-height: 70rem; }
  #storyBannerHome .blockfornow {
    border-radius: 10px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
    padding: 2rem;
    min-height: 70rem; } }

@media screen and (max-width: 599px) {
  #storyBannerHome .blockfornow {
    justify-content: unset !important; }
  #storyBannerHome .slick-current .blockfornow {
    background-image: none !important; }
  #storyBannerHome section {
    padding-bottom: 9px; } }

@media screen and (min-width: 599px) {
  #storyBannerHome {
    height: 100% !important;
    overflow: scroll !important; }
  #storyBannerHome .atom.btn--wrapper {
    margin: 0 auto !important;
    position: relative;
    bottom: inherit;
    left: unset;
    z-index: 9999; } }

@media screen and (max-width: 599px) {
  #storyBannerHome {
    height: 100vh !important;
    overflow: hidden !important; }
  #storyBannerHome .atom.btn--wrapper {
    margin: 0 auto;
    position: absolute;
    bottom: 100px;
    left: 18%;
    z-index: 9999; } }

/*# sourceMappingURL=skin.css.map */