/*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; } }

.atom.floatingBlock {
  position: absolute;
  pointer-events: none;
  transition: all .1s ease-out; }
  .atom.floatingBlock .text--heading.atom {
    padding-left: 0; }
  .atom.floatingBlock--width-1 {
    width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-1 {
        width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  .atom.floatingBlock--width-2 {
    width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-2 {
        width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  .atom.floatingBlock--width-3 {
    width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-3 {
        width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  .atom.floatingBlock--width-4 {
    width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-4 {
        width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  .atom.floatingBlock--width-5 {
    width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-5 {
        width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  .atom.floatingBlock--width-6 {
    width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-6 {
        width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  .atom.floatingBlock--width-7 {
    width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-7 {
        width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  .atom.floatingBlock--width-8 {
    width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-8 {
        width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  .atom.floatingBlock--width-9 {
    width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-9 {
        width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  .atom.floatingBlock--width-10 {
    width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-10 {
        width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  .atom.floatingBlock--width-11 {
    width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-11 {
        width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  .atom.floatingBlock--width-12 {
    width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.floatingBlock--width-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.floatingBlock--width-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.floatingBlock--width-12 {
        width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 1199px) {
    .atom.floatingBlock--width-ps-1 {
      width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    .atom.floatingBlock--width-ps-2 {
      width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    .atom.floatingBlock--width-ps-3 {
      width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    .atom.floatingBlock--width-ps-4 {
      width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    .atom.floatingBlock--width-ps-5 {
      width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    .atom.floatingBlock--width-ps-6 {
      width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    .atom.floatingBlock--width-ps-7 {
      width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    .atom.floatingBlock--width-ps-8 {
      width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    .atom.floatingBlock--width-ps-9 {
      width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    .atom.floatingBlock--width-ps-10 {
      width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    .atom.floatingBlock--width-ps-11 {
      width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    .atom.floatingBlock--width-ps-12 {
      width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 899px) {
    .atom.floatingBlock--width-tp-1 {
      width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    .atom.floatingBlock--width-tp-2 {
      width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    .atom.floatingBlock--width-tp-3 {
      width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    .atom.floatingBlock--width-tp-4 {
      width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    .atom.floatingBlock--width-tp-5 {
      width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    .atom.floatingBlock--width-tp-6 {
      width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    .atom.floatingBlock--width-tp-7 {
      width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    .atom.floatingBlock--width-tp-8 {
      width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    .atom.floatingBlock--width-tp-9 {
      width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    .atom.floatingBlock--width-tp-10 {
      width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    .atom.floatingBlock--width-tp-11 {
      width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    .atom.floatingBlock--width-tp-12 {
      width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 599px) {
    .atom.floatingBlock--width-m-1 {
      width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    .atom.floatingBlock--width-m-2 {
      width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    .atom.floatingBlock--width-m-3 {
      width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    .atom.floatingBlock--width-m-4 {
      width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    .atom.floatingBlock--width-m-5 {
      width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    .atom.floatingBlock--width-m-6 {
      width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    .atom.floatingBlock--width-m-7 {
      width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    .atom.floatingBlock--width-m-8 {
      width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    .atom.floatingBlock--width-m-9 {
      width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    .atom.floatingBlock--width-m-10 {
      width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    .atom.floatingBlock--width-m-11 {
      width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    .atom.floatingBlock--width-m-12 {
      width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  .atom.floatingBlock--height-1 {
    height: calc(2.5rem * 1); }
  .atom.floatingBlock--height-2 {
    height: calc(2.5rem * 2); }
  .atom.floatingBlock--height-3 {
    height: calc(2.5rem * 3); }
  .atom.floatingBlock--height-4 {
    height: calc(2.5rem * 4); }
  .atom.floatingBlock--height-5 {
    height: calc(2.5rem * 5); }
  .atom.floatingBlock--height-6 {
    height: calc(2.5rem * 6); }
  .atom.floatingBlock--height-7 {
    height: calc(2.5rem * 7); }
  .atom.floatingBlock--height-8 {
    height: calc(2.5rem * 8); }
  .atom.floatingBlock--height-9 {
    height: calc(2.5rem * 9); }
  .atom.floatingBlock--height-10 {
    height: calc(2.5rem * 10); }
  .atom.floatingBlock--height-11 {
    height: calc(2.5rem * 11); }
  .atom.floatingBlock--height-12 {
    height: calc(2.5rem * 12); }
  .atom.floatingBlock--height-13 {
    height: calc(2.5rem * 13); }
  .atom.floatingBlock--height-14 {
    height: calc(2.5rem * 14); }
  .atom.floatingBlock--height-15 {
    height: calc(2.5rem * 15); }
  .atom.floatingBlock--height-16 {
    height: calc(2.5rem * 16); }
  .atom.floatingBlock--height-17 {
    height: calc(2.5rem * 17); }
  .atom.floatingBlock--height-18 {
    height: calc(2.5rem * 18); }
  .atom.floatingBlock--height-19 {
    height: calc(2.5rem * 19); }
  .atom.floatingBlock--height-20 {
    height: calc(2.5rem * 20); }
  .atom.floatingBlock--height-21 {
    height: calc(2.5rem * 21); }
  .atom.floatingBlock--height-22 {
    height: calc(2.5rem * 22); }
  .atom.floatingBlock--height-23 {
    height: calc(2.5rem * 23); }
  .atom.floatingBlock--height-24 {
    height: calc(2.5rem * 24); }
  .atom.floatingBlock--height-25 {
    height: calc(2.5rem * 25); }
  .atom.floatingBlock--height-26 {
    height: calc(2.5rem * 26); }
  .atom.floatingBlock--height-27 {
    height: calc(2.5rem * 27); }
  .atom.floatingBlock--height-28 {
    height: calc(2.5rem * 28); }
  .atom.floatingBlock--height-29 {
    height: calc(2.5rem * 29); }
  .atom.floatingBlock--height-30 {
    height: calc(2.5rem * 30); }
  @media only screen and (max-width: 1199px) {
    .atom.floatingBlock--height-ps-1 {
      height: calc(2.5rem * 1); }
    .atom.floatingBlock--height-ps-2 {
      height: calc(2.5rem * 2); }
    .atom.floatingBlock--height-ps-3 {
      height: calc(2.5rem * 3); }
    .atom.floatingBlock--height-ps-4 {
      height: calc(2.5rem * 4); }
    .atom.floatingBlock--height-ps-5 {
      height: calc(2.5rem * 5); }
    .atom.floatingBlock--height-ps-6 {
      height: calc(2.5rem * 6); }
    .atom.floatingBlock--height-ps-7 {
      height: calc(2.5rem * 7); }
    .atom.floatingBlock--height-ps-8 {
      height: calc(2.5rem * 8); }
    .atom.floatingBlock--height-ps-9 {
      height: calc(2.5rem * 9); }
    .atom.floatingBlock--height-ps-10 {
      height: calc(2.5rem * 10); }
    .atom.floatingBlock--height-ps-11 {
      height: calc(2.5rem * 11); }
    .atom.floatingBlock--height-ps-12 {
      height: calc(2.5rem * 12); }
    .atom.floatingBlock--height-ps-13 {
      height: calc(2.5rem * 13); }
    .atom.floatingBlock--height-ps-14 {
      height: calc(2.5rem * 14); }
    .atom.floatingBlock--height-ps-15 {
      height: calc(2.5rem * 15); }
    .atom.floatingBlock--height-ps-16 {
      height: calc(2.5rem * 16); }
    .atom.floatingBlock--height-ps-17 {
      height: calc(2.5rem * 17); }
    .atom.floatingBlock--height-ps-18 {
      height: calc(2.5rem * 18); }
    .atom.floatingBlock--height-ps-19 {
      height: calc(2.5rem * 19); }
    .atom.floatingBlock--height-ps-20 {
      height: calc(2.5rem * 20); }
    .atom.floatingBlock--height-ps-21 {
      height: calc(2.5rem * 21); }
    .atom.floatingBlock--height-ps-22 {
      height: calc(2.5rem * 22); }
    .atom.floatingBlock--height-ps-23 {
      height: calc(2.5rem * 23); }
    .atom.floatingBlock--height-ps-24 {
      height: calc(2.5rem * 24); }
    .atom.floatingBlock--height-ps-25 {
      height: calc(2.5rem * 25); }
    .atom.floatingBlock--height-ps-26 {
      height: calc(2.5rem * 26); }
    .atom.floatingBlock--height-ps-27 {
      height: calc(2.5rem * 27); }
    .atom.floatingBlock--height-ps-28 {
      height: calc(2.5rem * 28); }
    .atom.floatingBlock--height-ps-29 {
      height: calc(2.5rem * 29); }
    .atom.floatingBlock--height-ps-30 {
      height: calc(2.5rem * 30); } }
  @media only screen and (max-width: 899px) {
    .atom.floatingBlock--height-tp-1 {
      height: calc(2.5rem * 1); }
    .atom.floatingBlock--height-tp-2 {
      height: calc(2.5rem * 2); }
    .atom.floatingBlock--height-tp-3 {
      height: calc(2.5rem * 3); }
    .atom.floatingBlock--height-tp-4 {
      height: calc(2.5rem * 4); }
    .atom.floatingBlock--height-tp-5 {
      height: calc(2.5rem * 5); }
    .atom.floatingBlock--height-tp-6 {
      height: calc(2.5rem * 6); }
    .atom.floatingBlock--height-tp-7 {
      height: calc(2.5rem * 7); }
    .atom.floatingBlock--height-tp-8 {
      height: calc(2.5rem * 8); }
    .atom.floatingBlock--height-tp-9 {
      height: calc(2.5rem * 9); }
    .atom.floatingBlock--height-tp-10 {
      height: calc(2.5rem * 10); }
    .atom.floatingBlock--height-tp-11 {
      height: calc(2.5rem * 11); }
    .atom.floatingBlock--height-tp-12 {
      height: calc(2.5rem * 12); }
    .atom.floatingBlock--height-tp-13 {
      height: calc(2.5rem * 13); }
    .atom.floatingBlock--height-tp-14 {
      height: calc(2.5rem * 14); }
    .atom.floatingBlock--height-tp-15 {
      height: calc(2.5rem * 15); }
    .atom.floatingBlock--height-tp-16 {
      height: calc(2.5rem * 16); }
    .atom.floatingBlock--height-tp-17 {
      height: calc(2.5rem * 17); }
    .atom.floatingBlock--height-tp-18 {
      height: calc(2.5rem * 18); }
    .atom.floatingBlock--height-tp-19 {
      height: calc(2.5rem * 19); }
    .atom.floatingBlock--height-tp-20 {
      height: calc(2.5rem * 20); }
    .atom.floatingBlock--height-tp-21 {
      height: calc(2.5rem * 21); }
    .atom.floatingBlock--height-tp-22 {
      height: calc(2.5rem * 22); }
    .atom.floatingBlock--height-tp-23 {
      height: calc(2.5rem * 23); }
    .atom.floatingBlock--height-tp-24 {
      height: calc(2.5rem * 24); }
    .atom.floatingBlock--height-tp-25 {
      height: calc(2.5rem * 25); }
    .atom.floatingBlock--height-tp-26 {
      height: calc(2.5rem * 26); }
    .atom.floatingBlock--height-tp-27 {
      height: calc(2.5rem * 27); }
    .atom.floatingBlock--height-tp-28 {
      height: calc(2.5rem * 28); }
    .atom.floatingBlock--height-tp-29 {
      height: calc(2.5rem * 29); }
    .atom.floatingBlock--height-tp-30 {
      height: calc(2.5rem * 30); } }
  @media only screen and (max-width: 599px) {
    .atom.floatingBlock--height-m-1 {
      height: calc(2.5rem * 1); }
    .atom.floatingBlock--height-m-2 {
      height: calc(2.5rem * 2); }
    .atom.floatingBlock--height-m-3 {
      height: calc(2.5rem * 3); }
    .atom.floatingBlock--height-m-4 {
      height: calc(2.5rem * 4); }
    .atom.floatingBlock--height-m-5 {
      height: calc(2.5rem * 5); }
    .atom.floatingBlock--height-m-6 {
      height: calc(2.5rem * 6); }
    .atom.floatingBlock--height-m-7 {
      height: calc(2.5rem * 7); }
    .atom.floatingBlock--height-m-8 {
      height: calc(2.5rem * 8); }
    .atom.floatingBlock--height-m-9 {
      height: calc(2.5rem * 9); }
    .atom.floatingBlock--height-m-10 {
      height: calc(2.5rem * 10); }
    .atom.floatingBlock--height-m-11 {
      height: calc(2.5rem * 11); }
    .atom.floatingBlock--height-m-12 {
      height: calc(2.5rem * 12); }
    .atom.floatingBlock--height-m-13 {
      height: calc(2.5rem * 13); }
    .atom.floatingBlock--height-m-14 {
      height: calc(2.5rem * 14); }
    .atom.floatingBlock--height-m-15 {
      height: calc(2.5rem * 15); }
    .atom.floatingBlock--height-m-16 {
      height: calc(2.5rem * 16); }
    .atom.floatingBlock--height-m-17 {
      height: calc(2.5rem * 17); }
    .atom.floatingBlock--height-m-18 {
      height: calc(2.5rem * 18); }
    .atom.floatingBlock--height-m-19 {
      height: calc(2.5rem * 19); }
    .atom.floatingBlock--height-m-20 {
      height: calc(2.5rem * 20); }
    .atom.floatingBlock--height-m-21 {
      height: calc(2.5rem * 21); }
    .atom.floatingBlock--height-m-22 {
      height: calc(2.5rem * 22); }
    .atom.floatingBlock--height-m-23 {
      height: calc(2.5rem * 23); }
    .atom.floatingBlock--height-m-24 {
      height: calc(2.5rem * 24); }
    .atom.floatingBlock--height-m-25 {
      height: calc(2.5rem * 25); }
    .atom.floatingBlock--height-m-26 {
      height: calc(2.5rem * 26); }
    .atom.floatingBlock--height-m-27 {
      height: calc(2.5rem * 27); }
    .atom.floatingBlock--height-m-28 {
      height: calc(2.5rem * 28); }
    .atom.floatingBlock--height-m-29 {
      height: calc(2.5rem * 29); }
    .atom.floatingBlock--height-m-30 {
      height: calc(2.5rem * 30); } }
  .atom.floatingBlock--position-top {
    top: 0; }
    .atom.floatingBlock--position-top-0 {
      top: calc(2.5rem * 0); }
    .atom.floatingBlock--position-top-1 {
      top: calc(2.5rem * 1); }
    .atom.floatingBlock--position-top-2 {
      top: calc(2.5rem * 2); }
    .atom.floatingBlock--position-top-3 {
      top: calc(2.5rem * 3); }
    .atom.floatingBlock--position-top-4 {
      top: calc(2.5rem * 4); }
    .atom.floatingBlock--position-top-5 {
      top: calc(2.5rem * 5); }
    .atom.floatingBlock--position-top-6 {
      top: calc(2.5rem * 6); }
    .atom.floatingBlock--position-top-7 {
      top: calc(2.5rem * 7); }
    .atom.floatingBlock--position-top-8 {
      top: calc(2.5rem * 8); }
    .atom.floatingBlock--position-top-9 {
      top: calc(2.5rem * 9); }
    .atom.floatingBlock--position-top-10 {
      top: calc(2.5rem * 10); }
    .atom.floatingBlock--position-top-11 {
      top: calc(2.5rem * 11); }
    .atom.floatingBlock--position-top-12 {
      top: calc(2.5rem * 12); }
    .atom.floatingBlock--position-top-13 {
      top: calc(2.5rem * 13); }
    .atom.floatingBlock--position-top-14 {
      top: calc(2.5rem * 14); }
    .atom.floatingBlock--position-top-15 {
      top: calc(2.5rem * 15); }
    .atom.floatingBlock--position-top-16 {
      top: calc(2.5rem * 16); }
    .atom.floatingBlock--position-top-17 {
      top: calc(2.5rem * 17); }
    .atom.floatingBlock--position-top-18 {
      top: calc(2.5rem * 18); }
    .atom.floatingBlock--position-top-19 {
      top: calc(2.5rem * 19); }
    .atom.floatingBlock--position-top-20 {
      top: calc(2.5rem * 20); }
    .atom.floatingBlock--position-top-21 {
      top: calc(2.5rem * 21); }
    .atom.floatingBlock--position-top-22 {
      top: calc(2.5rem * 22); }
    .atom.floatingBlock--position-top-23 {
      top: calc(2.5rem * 23); }
    .atom.floatingBlock--position-top-24 {
      top: calc(2.5rem * 24); }
    .atom.floatingBlock--position-top-25 {
      top: calc(2.5rem * 25); }
    .atom.floatingBlock--position-top-26 {
      top: calc(2.5rem * 26); }
    .atom.floatingBlock--position-top-27 {
      top: calc(2.5rem * 27); }
    .atom.floatingBlock--position-top-28 {
      top: calc(2.5rem * 28); }
    .atom.floatingBlock--position-top-29 {
      top: calc(2.5rem * 29); }
    .atom.floatingBlock--position-top-30 {
      top: calc(2.5rem * 30); }
  .atom.floatingBlock--position-left {
    left: 0; }
    .atom.floatingBlock--position-left-0 {
      left: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 0)); }
    .atom.floatingBlock--position-left-1 {
      left: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.floatingBlock--position-left-2 {
      left: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.floatingBlock--position-left-3 {
      left: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.floatingBlock--position-left-4 {
      left: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.floatingBlock--position-left-5 {
      left: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.floatingBlock--position-left-6 {
      left: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.floatingBlock--position-left-7 {
      left: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.floatingBlock--position-left-8 {
      left: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.floatingBlock--position-left-9 {
      left: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.floatingBlock--position-left-10 {
      left: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.floatingBlock--position-left-11 {
      left: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    .atom.floatingBlock--position-left-12 {
      left: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
    .atom.floatingBlock--position-left-13 {
      left: calc(13 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 13)); }
    .atom.floatingBlock--position-left-14 {
      left: calc(14 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 14)); }
    .atom.floatingBlock--position-left-15 {
      left: calc(15 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 15)); }
    .atom.floatingBlock--position-left-16 {
      left: calc(16 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 16)); }
    .atom.floatingBlock--position-left-17 {
      left: calc(17 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 17)); }
    .atom.floatingBlock--position-left-18 {
      left: calc(18 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 18)); }
    .atom.floatingBlock--position-left-19 {
      left: calc(19 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 19)); }
    .atom.floatingBlock--position-left-20 {
      left: calc(20 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 20)); }
    .atom.floatingBlock--position-left-21 {
      left: calc(21 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 21)); }
    .atom.floatingBlock--position-left-22 {
      left: calc(22 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 22)); }
    .atom.floatingBlock--position-left-23 {
      left: calc(23 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 23)); }
    .atom.floatingBlock--position-left-24 {
      left: calc(24 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 24)); }
    .atom.floatingBlock--position-left-25 {
      left: calc(25 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 25)); }
    .atom.floatingBlock--position-left-26 {
      left: calc(26 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 26)); }
    .atom.floatingBlock--position-left-27 {
      left: calc(27 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 27)); }
    .atom.floatingBlock--position-left-28 {
      left: calc(28 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 28)); }
    .atom.floatingBlock--position-left-29 {
      left: calc(29 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 29)); }
    .atom.floatingBlock--position-left-30 {
      left: calc(30 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 30)); }
  .atom.floatingBlock--position-right {
    left: 0; }
    .atom.floatingBlock--position-right-0 {
      right: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 0)); }
    .atom.floatingBlock--position-right-1 {
      right: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.floatingBlock--position-right-2 {
      right: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.floatingBlock--position-right-3 {
      right: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.floatingBlock--position-right-4 {
      right: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.floatingBlock--position-right-5 {
      right: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.floatingBlock--position-right-6 {
      right: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.floatingBlock--position-right-7 {
      right: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.floatingBlock--position-right-8 {
      right: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.floatingBlock--position-right-9 {
      right: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.floatingBlock--position-right-10 {
      right: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.floatingBlock--position-right-11 {
      right: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    .atom.floatingBlock--position-right-12 {
      right: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
    .atom.floatingBlock--position-right-13 {
      right: calc(13 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 13)); }
    .atom.floatingBlock--position-right-14 {
      right: calc(14 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 14)); }
    .atom.floatingBlock--position-right-15 {
      right: calc(15 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 15)); }
    .atom.floatingBlock--position-right-16 {
      right: calc(16 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 16)); }
    .atom.floatingBlock--position-right-17 {
      right: calc(17 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 17)); }
    .atom.floatingBlock--position-right-18 {
      right: calc(18 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 18)); }
    .atom.floatingBlock--position-right-19 {
      right: calc(19 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 19)); }
    .atom.floatingBlock--position-right-20 {
      right: calc(20 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 20)); }
    .atom.floatingBlock--position-right-21 {
      right: calc(21 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 21)); }
    .atom.floatingBlock--position-right-22 {
      right: calc(22 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 22)); }
    .atom.floatingBlock--position-right-23 {
      right: calc(23 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 23)); }
    .atom.floatingBlock--position-right-24 {
      right: calc(24 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 24)); }
    .atom.floatingBlock--position-right-25 {
      right: calc(25 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 25)); }
    .atom.floatingBlock--position-right-26 {
      right: calc(26 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 26)); }
    .atom.floatingBlock--position-right-27 {
      right: calc(27 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 27)); }
    .atom.floatingBlock--position-right-28 {
      right: calc(28 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 28)); }
    .atom.floatingBlock--position-right-29 {
      right: calc(29 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 29)); }
    .atom.floatingBlock--position-right-30 {
      right: calc(30 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 30)); }
  @media only screen and (max-width: 1199px) {
    .atom.floatingBlock--position-ps-top {
      top: 0; }
      .atom.floatingBlock--position-ps-top-0 {
        top: calc(2.5rem * 0); }
      .atom.floatingBlock--position-ps-top-1 {
        top: calc(2.5rem * 1); }
      .atom.floatingBlock--position-ps-top-2 {
        top: calc(2.5rem * 2); }
      .atom.floatingBlock--position-ps-top-3 {
        top: calc(2.5rem * 3); }
      .atom.floatingBlock--position-ps-top-4 {
        top: calc(2.5rem * 4); }
      .atom.floatingBlock--position-ps-top-5 {
        top: calc(2.5rem * 5); }
      .atom.floatingBlock--position-ps-top-6 {
        top: calc(2.5rem * 6); }
      .atom.floatingBlock--position-ps-top-7 {
        top: calc(2.5rem * 7); }
      .atom.floatingBlock--position-ps-top-8 {
        top: calc(2.5rem * 8); }
      .atom.floatingBlock--position-ps-top-9 {
        top: calc(2.5rem * 9); }
      .atom.floatingBlock--position-ps-top-10 {
        top: calc(2.5rem * 10); }
      .atom.floatingBlock--position-ps-top-11 {
        top: calc(2.5rem * 11); }
      .atom.floatingBlock--position-ps-top-12 {
        top: calc(2.5rem * 12); }
      .atom.floatingBlock--position-ps-top-13 {
        top: calc(2.5rem * 13); }
      .atom.floatingBlock--position-ps-top-14 {
        top: calc(2.5rem * 14); }
      .atom.floatingBlock--position-ps-top-15 {
        top: calc(2.5rem * 15); }
      .atom.floatingBlock--position-ps-top-16 {
        top: calc(2.5rem * 16); }
      .atom.floatingBlock--position-ps-top-17 {
        top: calc(2.5rem * 17); }
      .atom.floatingBlock--position-ps-top-18 {
        top: calc(2.5rem * 18); }
      .atom.floatingBlock--position-ps-top-19 {
        top: calc(2.5rem * 19); }
      .atom.floatingBlock--position-ps-top-20 {
        top: calc(2.5rem * 20); }
      .atom.floatingBlock--position-ps-top-21 {
        top: calc(2.5rem * 21); }
      .atom.floatingBlock--position-ps-top-22 {
        top: calc(2.5rem * 22); }
      .atom.floatingBlock--position-ps-top-23 {
        top: calc(2.5rem * 23); }
      .atom.floatingBlock--position-ps-top-24 {
        top: calc(2.5rem * 24); }
      .atom.floatingBlock--position-ps-top-25 {
        top: calc(2.5rem * 25); }
      .atom.floatingBlock--position-ps-top-26 {
        top: calc(2.5rem * 26); }
      .atom.floatingBlock--position-ps-top-27 {
        top: calc(2.5rem * 27); }
      .atom.floatingBlock--position-ps-top-28 {
        top: calc(2.5rem * 28); }
      .atom.floatingBlock--position-ps-top-29 {
        top: calc(2.5rem * 29); }
      .atom.floatingBlock--position-ps-top-30 {
        top: calc(2.5rem * 30); }
    .atom.floatingBlock--position-ps-left {
      left: 0; }
      .atom.floatingBlock--position-ps-left-0 {
        left: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 0)); }
      .atom.floatingBlock--position-ps-left-1 {
        left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.floatingBlock--position-ps-left-2 {
        left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.floatingBlock--position-ps-left-3 {
        left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.floatingBlock--position-ps-left-4 {
        left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.floatingBlock--position-ps-left-5 {
        left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.floatingBlock--position-ps-left-6 {
        left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.floatingBlock--position-ps-left-7 {
        left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.floatingBlock--position-ps-left-8 {
        left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.floatingBlock--position-ps-left-9 {
        left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.floatingBlock--position-ps-left-10 {
        left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.floatingBlock--position-ps-left-11 {
        left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.floatingBlock--position-ps-left-12 {
        left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.floatingBlock--position-ps-left-13 {
        left: calc(13 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 13)); }
      .atom.floatingBlock--position-ps-left-14 {
        left: calc(14 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 14)); }
      .atom.floatingBlock--position-ps-left-15 {
        left: calc(15 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 15)); }
      .atom.floatingBlock--position-ps-left-16 {
        left: calc(16 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 16)); }
      .atom.floatingBlock--position-ps-left-17 {
        left: calc(17 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 17)); }
      .atom.floatingBlock--position-ps-left-18 {
        left: calc(18 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 18)); }
      .atom.floatingBlock--position-ps-left-19 {
        left: calc(19 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 19)); }
      .atom.floatingBlock--position-ps-left-20 {
        left: calc(20 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 20)); }
      .atom.floatingBlock--position-ps-left-21 {
        left: calc(21 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 21)); }
      .atom.floatingBlock--position-ps-left-22 {
        left: calc(22 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 22)); }
      .atom.floatingBlock--position-ps-left-23 {
        left: calc(23 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 23)); }
      .atom.floatingBlock--position-ps-left-24 {
        left: calc(24 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 24)); }
      .atom.floatingBlock--position-ps-left-25 {
        left: calc(25 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 25)); }
      .atom.floatingBlock--position-ps-left-26 {
        left: calc(26 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 26)); }
      .atom.floatingBlock--position-ps-left-27 {
        left: calc(27 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 27)); }
      .atom.floatingBlock--position-ps-left-28 {
        left: calc(28 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 28)); }
      .atom.floatingBlock--position-ps-left-29 {
        left: calc(29 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 29)); }
      .atom.floatingBlock--position-ps-left-30 {
        left: calc(30 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 30)); }
    .atom.floatingBlock--position-ps-right {
      left: 0; }
      .atom.floatingBlock--position-ps-right-0 {
        right: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 0)); }
      .atom.floatingBlock--position-ps-right-1 {
        right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.floatingBlock--position-ps-right-2 {
        right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.floatingBlock--position-ps-right-3 {
        right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.floatingBlock--position-ps-right-4 {
        right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.floatingBlock--position-ps-right-5 {
        right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.floatingBlock--position-ps-right-6 {
        right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.floatingBlock--position-ps-right-7 {
        right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.floatingBlock--position-ps-right-8 {
        right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.floatingBlock--position-ps-right-9 {
        right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.floatingBlock--position-ps-right-10 {
        right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.floatingBlock--position-ps-right-11 {
        right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.floatingBlock--position-ps-right-12 {
        right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.floatingBlock--position-ps-right-13 {
        right: calc(13 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 13)); }
      .atom.floatingBlock--position-ps-right-14 {
        right: calc(14 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 14)); }
      .atom.floatingBlock--position-ps-right-15 {
        right: calc(15 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 15)); }
      .atom.floatingBlock--position-ps-right-16 {
        right: calc(16 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 16)); }
      .atom.floatingBlock--position-ps-right-17 {
        right: calc(17 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 17)); }
      .atom.floatingBlock--position-ps-right-18 {
        right: calc(18 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 18)); }
      .atom.floatingBlock--position-ps-right-19 {
        right: calc(19 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 19)); }
      .atom.floatingBlock--position-ps-right-20 {
        right: calc(20 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 20)); }
      .atom.floatingBlock--position-ps-right-21 {
        right: calc(21 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 21)); }
      .atom.floatingBlock--position-ps-right-22 {
        right: calc(22 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 22)); }
      .atom.floatingBlock--position-ps-right-23 {
        right: calc(23 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 23)); }
      .atom.floatingBlock--position-ps-right-24 {
        right: calc(24 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 24)); }
      .atom.floatingBlock--position-ps-right-25 {
        right: calc(25 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 25)); }
      .atom.floatingBlock--position-ps-right-26 {
        right: calc(26 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 26)); }
      .atom.floatingBlock--position-ps-right-27 {
        right: calc(27 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 27)); }
      .atom.floatingBlock--position-ps-right-28 {
        right: calc(28 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 28)); }
      .atom.floatingBlock--position-ps-right-29 {
        right: calc(29 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 29)); }
      .atom.floatingBlock--position-ps-right-30 {
        right: calc(30 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 30)); } }
  @media only screen and (max-width: 899px) {
    .atom.floatingBlock--position-tp-top {
      top: 0; }
      .atom.floatingBlock--position-tp-top-0 {
        top: calc(2.5rem * 0); }
      .atom.floatingBlock--position-tp-top-1 {
        top: calc(2.5rem * 1); }
      .atom.floatingBlock--position-tp-top-2 {
        top: calc(2.5rem * 2); }
      .atom.floatingBlock--position-tp-top-3 {
        top: calc(2.5rem * 3); }
      .atom.floatingBlock--position-tp-top-4 {
        top: calc(2.5rem * 4); }
      .atom.floatingBlock--position-tp-top-5 {
        top: calc(2.5rem * 5); }
      .atom.floatingBlock--position-tp-top-6 {
        top: calc(2.5rem * 6); }
      .atom.floatingBlock--position-tp-top-7 {
        top: calc(2.5rem * 7); }
      .atom.floatingBlock--position-tp-top-8 {
        top: calc(2.5rem * 8); }
      .atom.floatingBlock--position-tp-top-9 {
        top: calc(2.5rem * 9); }
      .atom.floatingBlock--position-tp-top-10 {
        top: calc(2.5rem * 10); }
      .atom.floatingBlock--position-tp-top-11 {
        top: calc(2.5rem * 11); }
      .atom.floatingBlock--position-tp-top-12 {
        top: calc(2.5rem * 12); }
      .atom.floatingBlock--position-tp-top-13 {
        top: calc(2.5rem * 13); }
      .atom.floatingBlock--position-tp-top-14 {
        top: calc(2.5rem * 14); }
      .atom.floatingBlock--position-tp-top-15 {
        top: calc(2.5rem * 15); }
      .atom.floatingBlock--position-tp-top-16 {
        top: calc(2.5rem * 16); }
      .atom.floatingBlock--position-tp-top-17 {
        top: calc(2.5rem * 17); }
      .atom.floatingBlock--position-tp-top-18 {
        top: calc(2.5rem * 18); }
      .atom.floatingBlock--position-tp-top-19 {
        top: calc(2.5rem * 19); }
      .atom.floatingBlock--position-tp-top-20 {
        top: calc(2.5rem * 20); }
      .atom.floatingBlock--position-tp-top-21 {
        top: calc(2.5rem * 21); }
      .atom.floatingBlock--position-tp-top-22 {
        top: calc(2.5rem * 22); }
      .atom.floatingBlock--position-tp-top-23 {
        top: calc(2.5rem * 23); }
      .atom.floatingBlock--position-tp-top-24 {
        top: calc(2.5rem * 24); }
      .atom.floatingBlock--position-tp-top-25 {
        top: calc(2.5rem * 25); }
      .atom.floatingBlock--position-tp-top-26 {
        top: calc(2.5rem * 26); }
      .atom.floatingBlock--position-tp-top-27 {
        top: calc(2.5rem * 27); }
      .atom.floatingBlock--position-tp-top-28 {
        top: calc(2.5rem * 28); }
      .atom.floatingBlock--position-tp-top-29 {
        top: calc(2.5rem * 29); }
      .atom.floatingBlock--position-tp-top-30 {
        top: calc(2.5rem * 30); }
    .atom.floatingBlock--position-tp-left {
      left: 0; }
      .atom.floatingBlock--position-tp-left-0 {
        left: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 0)); }
      .atom.floatingBlock--position-tp-left-1 {
        left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.floatingBlock--position-tp-left-2 {
        left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.floatingBlock--position-tp-left-3 {
        left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.floatingBlock--position-tp-left-4 {
        left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.floatingBlock--position-tp-left-5 {
        left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.floatingBlock--position-tp-left-6 {
        left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.floatingBlock--position-tp-left-7 {
        left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.floatingBlock--position-tp-left-8 {
        left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.floatingBlock--position-tp-left-9 {
        left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.floatingBlock--position-tp-left-10 {
        left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.floatingBlock--position-tp-left-11 {
        left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.floatingBlock--position-tp-left-12 {
        left: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.floatingBlock--position-tp-left-13 {
        left: calc(13 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 13)); }
      .atom.floatingBlock--position-tp-left-14 {
        left: calc(14 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 14)); }
      .atom.floatingBlock--position-tp-left-15 {
        left: calc(15 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 15)); }
      .atom.floatingBlock--position-tp-left-16 {
        left: calc(16 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 16)); }
      .atom.floatingBlock--position-tp-left-17 {
        left: calc(17 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 17)); }
      .atom.floatingBlock--position-tp-left-18 {
        left: calc(18 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 18)); }
      .atom.floatingBlock--position-tp-left-19 {
        left: calc(19 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 19)); }
      .atom.floatingBlock--position-tp-left-20 {
        left: calc(20 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 20)); }
      .atom.floatingBlock--position-tp-left-21 {
        left: calc(21 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 21)); }
      .atom.floatingBlock--position-tp-left-22 {
        left: calc(22 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 22)); }
      .atom.floatingBlock--position-tp-left-23 {
        left: calc(23 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 23)); }
      .atom.floatingBlock--position-tp-left-24 {
        left: calc(24 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 24)); }
      .atom.floatingBlock--position-tp-left-25 {
        left: calc(25 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 25)); }
      .atom.floatingBlock--position-tp-left-26 {
        left: calc(26 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 26)); }
      .atom.floatingBlock--position-tp-left-27 {
        left: calc(27 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 27)); }
      .atom.floatingBlock--position-tp-left-28 {
        left: calc(28 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 28)); }
      .atom.floatingBlock--position-tp-left-29 {
        left: calc(29 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 29)); }
      .atom.floatingBlock--position-tp-left-30 {
        left: calc(30 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 30)); }
    .atom.floatingBlock--position-tp-right {
      left: 0; }
      .atom.floatingBlock--position-tp-right-0 {
        right: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 0)); }
      .atom.floatingBlock--position-tp-right-1 {
        right: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.floatingBlock--position-tp-right-2 {
        right: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.floatingBlock--position-tp-right-3 {
        right: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.floatingBlock--position-tp-right-4 {
        right: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.floatingBlock--position-tp-right-5 {
        right: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.floatingBlock--position-tp-right-6 {
        right: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.floatingBlock--position-tp-right-7 {
        right: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.floatingBlock--position-tp-right-8 {
        right: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.floatingBlock--position-tp-right-9 {
        right: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.floatingBlock--position-tp-right-10 {
        right: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.floatingBlock--position-tp-right-11 {
        right: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.floatingBlock--position-tp-right-12 {
        right: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.floatingBlock--position-tp-right-13 {
        right: calc(13 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 13)); }
      .atom.floatingBlock--position-tp-right-14 {
        right: calc(14 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 14)); }
      .atom.floatingBlock--position-tp-right-15 {
        right: calc(15 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 15)); }
      .atom.floatingBlock--position-tp-right-16 {
        right: calc(16 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 16)); }
      .atom.floatingBlock--position-tp-right-17 {
        right: calc(17 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 17)); }
      .atom.floatingBlock--position-tp-right-18 {
        right: calc(18 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 18)); }
      .atom.floatingBlock--position-tp-right-19 {
        right: calc(19 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 19)); }
      .atom.floatingBlock--position-tp-right-20 {
        right: calc(20 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 20)); }
      .atom.floatingBlock--position-tp-right-21 {
        right: calc(21 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 21)); }
      .atom.floatingBlock--position-tp-right-22 {
        right: calc(22 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 22)); }
      .atom.floatingBlock--position-tp-right-23 {
        right: calc(23 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 23)); }
      .atom.floatingBlock--position-tp-right-24 {
        right: calc(24 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 24)); }
      .atom.floatingBlock--position-tp-right-25 {
        right: calc(25 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 25)); }
      .atom.floatingBlock--position-tp-right-26 {
        right: calc(26 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 26)); }
      .atom.floatingBlock--position-tp-right-27 {
        right: calc(27 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 27)); }
      .atom.floatingBlock--position-tp-right-28 {
        right: calc(28 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 28)); }
      .atom.floatingBlock--position-tp-right-29 {
        right: calc(29 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 29)); }
      .atom.floatingBlock--position-tp-right-30 {
        right: calc(30 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 30)); } }
  @media only screen and (max-width: 599px) {
    .atom.floatingBlock--position-m-top {
      top: 0; }
      .atom.floatingBlock--position-m-top-0 {
        top: calc(2.5rem * 0); }
      .atom.floatingBlock--position-m-top-1 {
        top: calc(2.5rem * 1); }
      .atom.floatingBlock--position-m-top-2 {
        top: calc(2.5rem * 2); }
      .atom.floatingBlock--position-m-top-3 {
        top: calc(2.5rem * 3); }
      .atom.floatingBlock--position-m-top-4 {
        top: calc(2.5rem * 4); }
      .atom.floatingBlock--position-m-top-5 {
        top: calc(2.5rem * 5); }
      .atom.floatingBlock--position-m-top-6 {
        top: calc(2.5rem * 6); }
      .atom.floatingBlock--position-m-top-7 {
        top: calc(2.5rem * 7); }
      .atom.floatingBlock--position-m-top-8 {
        top: calc(2.5rem * 8); }
      .atom.floatingBlock--position-m-top-9 {
        top: calc(2.5rem * 9); }
      .atom.floatingBlock--position-m-top-10 {
        top: calc(2.5rem * 10); }
      .atom.floatingBlock--position-m-top-11 {
        top: calc(2.5rem * 11); }
      .atom.floatingBlock--position-m-top-12 {
        top: calc(2.5rem * 12); }
      .atom.floatingBlock--position-m-top-13 {
        top: calc(2.5rem * 13); }
      .atom.floatingBlock--position-m-top-14 {
        top: calc(2.5rem * 14); }
      .atom.floatingBlock--position-m-top-15 {
        top: calc(2.5rem * 15); }
      .atom.floatingBlock--position-m-top-16 {
        top: calc(2.5rem * 16); }
      .atom.floatingBlock--position-m-top-17 {
        top: calc(2.5rem * 17); }
      .atom.floatingBlock--position-m-top-18 {
        top: calc(2.5rem * 18); }
      .atom.floatingBlock--position-m-top-19 {
        top: calc(2.5rem * 19); }
      .atom.floatingBlock--position-m-top-20 {
        top: calc(2.5rem * 20); }
      .atom.floatingBlock--position-m-top-21 {
        top: calc(2.5rem * 21); }
      .atom.floatingBlock--position-m-top-22 {
        top: calc(2.5rem * 22); }
      .atom.floatingBlock--position-m-top-23 {
        top: calc(2.5rem * 23); }
      .atom.floatingBlock--position-m-top-24 {
        top: calc(2.5rem * 24); }
      .atom.floatingBlock--position-m-top-25 {
        top: calc(2.5rem * 25); }
      .atom.floatingBlock--position-m-top-26 {
        top: calc(2.5rem * 26); }
      .atom.floatingBlock--position-m-top-27 {
        top: calc(2.5rem * 27); }
      .atom.floatingBlock--position-m-top-28 {
        top: calc(2.5rem * 28); }
      .atom.floatingBlock--position-m-top-29 {
        top: calc(2.5rem * 29); }
      .atom.floatingBlock--position-m-top-30 {
        top: calc(2.5rem * 30); }
    .atom.floatingBlock--position-m-left {
      left: 0; }
      .atom.floatingBlock--position-m-left-0 {
        left: calc(0 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 0)); }
      .atom.floatingBlock--position-m-left-1 {
        left: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.floatingBlock--position-m-left-2 {
        left: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.floatingBlock--position-m-left-3 {
        left: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.floatingBlock--position-m-left-4 {
        left: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.floatingBlock--position-m-left-5 {
        left: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.floatingBlock--position-m-left-6 {
        left: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.floatingBlock--position-m-left-7 {
        left: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.floatingBlock--position-m-left-8 {
        left: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.floatingBlock--position-m-left-9 {
        left: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.floatingBlock--position-m-left-10 {
        left: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.floatingBlock--position-m-left-11 {
        left: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.floatingBlock--position-m-left-12 {
        left: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.floatingBlock--position-m-left-13 {
        left: calc(13 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 13)); }
      .atom.floatingBlock--position-m-left-14 {
        left: calc(14 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 14)); }
      .atom.floatingBlock--position-m-left-15 {
        left: calc(15 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 15)); }
      .atom.floatingBlock--position-m-left-16 {
        left: calc(16 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 16)); }
      .atom.floatingBlock--position-m-left-17 {
        left: calc(17 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 17)); }
      .atom.floatingBlock--position-m-left-18 {
        left: calc(18 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 18)); }
      .atom.floatingBlock--position-m-left-19 {
        left: calc(19 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 19)); }
      .atom.floatingBlock--position-m-left-20 {
        left: calc(20 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 20)); }
      .atom.floatingBlock--position-m-left-21 {
        left: calc(21 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 21)); }
      .atom.floatingBlock--position-m-left-22 {
        left: calc(22 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 22)); }
      .atom.floatingBlock--position-m-left-23 {
        left: calc(23 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 23)); }
      .atom.floatingBlock--position-m-left-24 {
        left: calc(24 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 24)); }
      .atom.floatingBlock--position-m-left-25 {
        left: calc(25 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 25)); }
      .atom.floatingBlock--position-m-left-26 {
        left: calc(26 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 26)); }
      .atom.floatingBlock--position-m-left-27 {
        left: calc(27 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 27)); }
      .atom.floatingBlock--position-m-left-28 {
        left: calc(28 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 28)); }
      .atom.floatingBlock--position-m-left-29 {
        left: calc(29 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 29)); }
      .atom.floatingBlock--position-m-left-30 {
        left: calc(30 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 30)); }
    .atom.floatingBlock--position-m-right {
      left: 0; }
      .atom.floatingBlock--position-m-right-0 {
        right: calc(0 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 0)); }
      .atom.floatingBlock--position-m-right-1 {
        right: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.floatingBlock--position-m-right-2 {
        right: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.floatingBlock--position-m-right-3 {
        right: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.floatingBlock--position-m-right-4 {
        right: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.floatingBlock--position-m-right-5 {
        right: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.floatingBlock--position-m-right-6 {
        right: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.floatingBlock--position-m-right-7 {
        right: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.floatingBlock--position-m-right-8 {
        right: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.floatingBlock--position-m-right-9 {
        right: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.floatingBlock--position-m-right-10 {
        right: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.floatingBlock--position-m-right-11 {
        right: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
      .atom.floatingBlock--position-m-right-12 {
        right: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12)); }
      .atom.floatingBlock--position-m-right-13 {
        right: calc(13 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 13)); }
      .atom.floatingBlock--position-m-right-14 {
        right: calc(14 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 14)); }
      .atom.floatingBlock--position-m-right-15 {
        right: calc(15 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 15)); }
      .atom.floatingBlock--position-m-right-16 {
        right: calc(16 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 16)); }
      .atom.floatingBlock--position-m-right-17 {
        right: calc(17 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 17)); }
      .atom.floatingBlock--position-m-right-18 {
        right: calc(18 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 18)); }
      .atom.floatingBlock--position-m-right-19 {
        right: calc(19 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 19)); }
      .atom.floatingBlock--position-m-right-20 {
        right: calc(20 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 20)); }
      .atom.floatingBlock--position-m-right-21 {
        right: calc(21 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 21)); }
      .atom.floatingBlock--position-m-right-22 {
        right: calc(22 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 22)); }
      .atom.floatingBlock--position-m-right-23 {
        right: calc(23 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 23)); }
      .atom.floatingBlock--position-m-right-24 {
        right: calc(24 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 24)); }
      .atom.floatingBlock--position-m-right-25 {
        right: calc(25 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 25)); }
      .atom.floatingBlock--position-m-right-26 {
        right: calc(26 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 26)); }
      .atom.floatingBlock--position-m-right-27 {
        right: calc(27 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 27)); }
      .atom.floatingBlock--position-m-right-28 {
        right: calc(28 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 28)); }
      .atom.floatingBlock--position-m-right-29 {
        right: calc(29 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 29)); }
      .atom.floatingBlock--position-m-right-30 {
        right: calc(30 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 30)); } }
  .atom.floatingBlock--index-front {
    z-index: 3; }
  .atom.floatingBlock--index-middle {
    z-index: 2; }
  .atom.floatingBlock--index-back {
    z-index: 1; }
  @media only screen and (max-width: 1199px) {
    .atom.floatingBlock--index-ps-front {
      z-index: 3; }
    .atom.floatingBlock--index-ps-middle {
      z-index: 2; }
    .atom.floatingBlock--index-ps-back {
      z-index: 0; } }
  @media only screen and (max-width: 899px) {
    .atom.floatingBlock--index-tp-front {
      z-index: 3; }
    .atom.floatingBlock--index-tp-middle {
      z-index: 2; }
    .atom.floatingBlock--index-tp-back {
      z-index: 0; } }
  @media only screen and (max-width: 599px) {
    .atom.floatingBlock--index-m-front {
      z-index: 3; }
    .atom.floatingBlock--index-m-middle {
      z-index: 2; }
    .atom.floatingBlock--index-m-back {
      z-index: 0; } }

.atom.highlightBlock {
  position: absolute;
  height: 100%;
  pointer-events: none; }
  .atom.highlightBlock--color-trq {
    background-color: #009999;
    opacity: .8; }
  .atom.highlightBlock--color-amber {
    background-color: #F4791F;
    opacity: .8; }
  .atom.highlightBlock--color-medTrq {
    background-color: #008997;
    opacity: .8; }
  .atom.highlightBlock--color-grey {
    background-color: #DADADA;
    opacity: 1; }
  .atom.highlightBlock--color-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%); }
  .atom.highlightBlock--color-secondary-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%); }
  .atom.highlightBlock--width-1 {
    width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-1 {
        width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1) + 3.125rem); } }
  .atom.highlightBlock--width-2 {
    width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-2 {
        width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2) + 3.125rem); } }
  .atom.highlightBlock--width-3 {
    width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-3 {
        width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3) + 3.125rem); } }
  .atom.highlightBlock--width-4 {
    width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-4 {
        width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4) + 3.125rem); } }
  .atom.highlightBlock--width-5 {
    width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-5 {
        width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5) + 3.125rem); } }
  .atom.highlightBlock--width-6 {
    width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-6 {
        width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6) + 3.125rem); } }
  .atom.highlightBlock--width-7 {
    width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-7 {
        width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7) + 3.125rem); } }
  .atom.highlightBlock--width-8 {
    width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-8 {
        width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8) + 3.125rem); } }
  .atom.highlightBlock--width-9 {
    width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-9 {
        width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9) + 3.125rem); } }
  .atom.highlightBlock--width-10 {
    width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-10 {
        width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10) + 3.125rem); } }
  .atom.highlightBlock--width-11 {
    width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-11 {
        width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11) + 3.125rem); } }
  .atom.highlightBlock--width-12 {
    width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 10vw); }
    @media only screen and (max-width: 1199px) {
      .atom.highlightBlock--width-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
    @media only screen and (max-width: 899px) {
      .atom.highlightBlock--width-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
    @media only screen and (max-width: 599px) {
      .atom.highlightBlock--width-12 {
        width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12) + 3.125rem); } }
  .atom.highlightBlock--width-full {
    width: 100%; }
  @media only screen and (max-width: 1199px) {
    .atom.highlightBlock--width-ps-1 {
      width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); }
    .atom.highlightBlock--width-ps-2 {
      width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); }
    .atom.highlightBlock--width-ps-3 {
      width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); }
    .atom.highlightBlock--width-ps-4 {
      width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); }
    .atom.highlightBlock--width-ps-5 {
      width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); }
    .atom.highlightBlock--width-ps-6 {
      width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); }
    .atom.highlightBlock--width-ps-7 {
      width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); }
    .atom.highlightBlock--width-ps-8 {
      width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); }
    .atom.highlightBlock--width-ps-9 {
      width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); }
    .atom.highlightBlock--width-ps-10 {
      width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); }
    .atom.highlightBlock--width-ps-11 {
      width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); }
    .atom.highlightBlock--width-ps-12 {
      width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); }
    .atom.highlightBlock--width-ps-full {
      width: 100%; } }
  @media only screen and (max-width: 899px) {
    .atom.highlightBlock--width-tp-1 {
      width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); }
    .atom.highlightBlock--width-tp-2 {
      width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); }
    .atom.highlightBlock--width-tp-3 {
      width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); }
    .atom.highlightBlock--width-tp-4 {
      width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); }
    .atom.highlightBlock--width-tp-5 {
      width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); }
    .atom.highlightBlock--width-tp-6 {
      width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); }
    .atom.highlightBlock--width-tp-7 {
      width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); }
    .atom.highlightBlock--width-tp-8 {
      width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); }
    .atom.highlightBlock--width-tp-9 {
      width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); }
    .atom.highlightBlock--width-tp-10 {
      width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); }
    .atom.highlightBlock--width-tp-11 {
      width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); }
    .atom.highlightBlock--width-tp-12 {
      width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); }
    .atom.highlightBlock--width-tp-full {
      width: 100%; } }
  @media only screen and (max-width: 599px) {
    .atom.highlightBlock--width-m-1 {
      width: calc(1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 1) + 3.125rem); }
    .atom.highlightBlock--width-m-2 {
      width: calc(2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 2) + 3.125rem); }
    .atom.highlightBlock--width-m-3 {
      width: calc(3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 3) + 3.125rem); }
    .atom.highlightBlock--width-m-4 {
      width: calc(4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 4) + 3.125rem); }
    .atom.highlightBlock--width-m-5 {
      width: calc(5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 5) + 3.125rem); }
    .atom.highlightBlock--width-m-6 {
      width: calc(6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 6) + 3.125rem); }
    .atom.highlightBlock--width-m-7 {
      width: calc(7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7) + 3.125rem); }
    .atom.highlightBlock--width-m-8 {
      width: calc(8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8) + 3.125rem); }
    .atom.highlightBlock--width-m-9 {
      width: calc(9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 9) + 3.125rem); }
    .atom.highlightBlock--width-m-10 {
      width: calc(10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 10) + 3.125rem); }
    .atom.highlightBlock--width-m-11 {
      width: calc(11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 11) + 3.125rem); }
    .atom.highlightBlock--width-m-12 {
      width: calc(12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 12) + 3.125rem); }
    .atom.highlightBlock--width-m-full {
      width: 100%; } }
  .atom.highlightBlock--height-1 {
    height: calc(2.5rem * 1);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-2 {
    height: calc(2.5rem * 2);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-3 {
    height: calc(2.5rem * 3);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-4 {
    height: calc(2.5rem * 4);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-5 {
    height: calc(2.5rem * 5);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-6 {
    height: calc(2.5rem * 6);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-7 {
    height: calc(2.5rem * 7);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-8 {
    height: calc(2.5rem * 8);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-9 {
    height: calc(2.5rem * 9);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-10 {
    height: calc(2.5rem * 10);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-11 {
    height: calc(2.5rem * 11);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-12 {
    height: calc(2.5rem * 12);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-13 {
    height: calc(2.5rem * 13);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-14 {
    height: calc(2.5rem * 14);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-15 {
    height: calc(2.5rem * 15);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-16 {
    height: calc(2.5rem * 16);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-17 {
    height: calc(2.5rem * 17);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-18 {
    height: calc(2.5rem * 18);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-19 {
    height: calc(2.5rem * 19);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-20 {
    height: calc(2.5rem * 20);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-21 {
    height: calc(2.5rem * 21);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-22 {
    height: calc(2.5rem * 22);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-23 {
    height: calc(2.5rem * 23);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-24 {
    height: calc(2.5rem * 24);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-25 {
    height: calc(2.5rem * 25);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-26 {
    height: calc(2.5rem * 26);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-27 {
    height: calc(2.5rem * 27);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-28 {
    height: calc(2.5rem * 28);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-29 {
    height: calc(2.5rem * 29);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-30 {
    height: calc(2.5rem * 30);
    transform: translate(0, -50%);
    top: 50%; }
  .atom.highlightBlock--height-full {
    height: 100%;
    top: 50%; }
  .atom.highlightBlock--height-half {
    height: 50%;
    top: 50%; }
  @media only screen and (max-width: 1199px) {
    .atom.highlightBlock--height-ps-1 {
      height: calc(2.5rem * 1);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-2 {
      height: calc(2.5rem * 2);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-3 {
      height: calc(2.5rem * 3);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-4 {
      height: calc(2.5rem * 4);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-5 {
      height: calc(2.5rem * 5);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-6 {
      height: calc(2.5rem * 6);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-7 {
      height: calc(2.5rem * 7);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-8 {
      height: calc(2.5rem * 8);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-9 {
      height: calc(2.5rem * 9);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-10 {
      height: calc(2.5rem * 10);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-11 {
      height: calc(2.5rem * 11);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-12 {
      height: calc(2.5rem * 12);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-13 {
      height: calc(2.5rem * 13);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-14 {
      height: calc(2.5rem * 14);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-15 {
      height: calc(2.5rem * 15);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-16 {
      height: calc(2.5rem * 16);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-17 {
      height: calc(2.5rem * 17);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-18 {
      height: calc(2.5rem * 18);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-19 {
      height: calc(2.5rem * 19);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-20 {
      height: calc(2.5rem * 20);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-21 {
      height: calc(2.5rem * 21);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-22 {
      height: calc(2.5rem * 22);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-23 {
      height: calc(2.5rem * 23);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-24 {
      height: calc(2.5rem * 24);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-25 {
      height: calc(2.5rem * 25);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-26 {
      height: calc(2.5rem * 26);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-27 {
      height: calc(2.5rem * 27);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-28 {
      height: calc(2.5rem * 28);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-29 {
      height: calc(2.5rem * 29);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-30 {
      height: calc(2.5rem * 30);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-ps-full {
      height: 100%;
      top: 50%; }
    .atom.highlightBlock--height-ps-half {
      height: 50%;
      top: 50%; } }
  @media only screen and (max-width: 899px) {
    .atom.highlightBlock--height-tp-1 {
      height: calc(2.5rem * 1);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-2 {
      height: calc(2.5rem * 2);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-3 {
      height: calc(2.5rem * 3);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-4 {
      height: calc(2.5rem * 4);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-5 {
      height: calc(2.5rem * 5);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-6 {
      height: calc(2.5rem * 6);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-7 {
      height: calc(2.5rem * 7);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-8 {
      height: calc(2.5rem * 8);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-9 {
      height: calc(2.5rem * 9);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-10 {
      height: calc(2.5rem * 10);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-11 {
      height: calc(2.5rem * 11);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-12 {
      height: calc(2.5rem * 12);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-13 {
      height: calc(2.5rem * 13);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-14 {
      height: calc(2.5rem * 14);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-15 {
      height: calc(2.5rem * 15);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-16 {
      height: calc(2.5rem * 16);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-17 {
      height: calc(2.5rem * 17);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-18 {
      height: calc(2.5rem * 18);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-19 {
      height: calc(2.5rem * 19);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-20 {
      height: calc(2.5rem * 20);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-21 {
      height: calc(2.5rem * 21);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-22 {
      height: calc(2.5rem * 22);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-23 {
      height: calc(2.5rem * 23);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-24 {
      height: calc(2.5rem * 24);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-25 {
      height: calc(2.5rem * 25);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-26 {
      height: calc(2.5rem * 26);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-27 {
      height: calc(2.5rem * 27);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-28 {
      height: calc(2.5rem * 28);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-29 {
      height: calc(2.5rem * 29);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-30 {
      height: calc(2.5rem * 30);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-tp-full {
      height: 100%;
      top: 50%; }
    .atom.highlightBlock--height-tp-half {
      height: 50%;
      top: 50%; } }
  @media only screen and (max-width: 599px) {
    .atom.highlightBlock--height-m-1 {
      height: calc(2.5rem * 1);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-2 {
      height: calc(2.5rem * 2);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-3 {
      height: calc(2.5rem * 3);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-4 {
      height: calc(2.5rem * 4);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-5 {
      height: calc(2.5rem * 5);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-6 {
      height: calc(2.5rem * 6);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-7 {
      height: calc(2.5rem * 7);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-8 {
      height: calc(2.5rem * 8);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-9 {
      height: calc(2.5rem * 9);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-10 {
      height: calc(2.5rem * 10);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-11 {
      height: calc(2.5rem * 11);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-12 {
      height: calc(2.5rem * 12);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-13 {
      height: calc(2.5rem * 13);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-14 {
      height: calc(2.5rem * 14);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-15 {
      height: calc(2.5rem * 15);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-16 {
      height: calc(2.5rem * 16);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-17 {
      height: calc(2.5rem * 17);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-18 {
      height: calc(2.5rem * 18);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-19 {
      height: calc(2.5rem * 19);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-20 {
      height: calc(2.5rem * 20);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-21 {
      height: calc(2.5rem * 21);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-22 {
      height: calc(2.5rem * 22);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-23 {
      height: calc(2.5rem * 23);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-24 {
      height: calc(2.5rem * 24);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-25 {
      height: calc(2.5rem * 25);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-26 {
      height: calc(2.5rem * 26);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-27 {
      height: calc(2.5rem * 27);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-28 {
      height: calc(2.5rem * 28);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-29 {
      height: calc(2.5rem * 29);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-30 {
      height: calc(2.5rem * 30);
      transform: translate(0, -50%);
      top: 50%; }
    .atom.highlightBlock--height-m-full {
      height: 100%;
      top: 50%; }
    .atom.highlightBlock--height-m-half {
      height: 50%;
      top: 50%; } }
  .atom.highlightBlock--align-right {
    right: 0;
    left: auto; }
  .atom.highlightBlock--align-left {
    left: 0;
    right: auto; }
  @media only screen and (max-width: 1199px) {
    .atom.highlightBlock--align-ps-right {
      right: 0;
      left: auto; }
    .atom.highlightBlock--align-ps-left {
      left: 0;
      right: auto; } }
  @media only screen and (max-width: 899px) {
    .atom.highlightBlock--align-tp-right {
      right: 0;
      left: auto; }
    .atom.highlightBlock--align-tp-left {
      left: 0;
      right: auto; } }
  @media only screen and (max-width: 599px) {
    .atom.highlightBlock--align-m-right {
      right: 0;
      left: auto; }
    .atom.highlightBlock--align-m-left {
      left: 0;
      right: auto; } }
  .atom.highlightBlock--position-top {
    top: 0;
    transform: translate(0, 0); }
    .atom.highlightBlock--position-top-1 {
      top: calc(2.5rem * 1);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-2 {
      top: calc(2.5rem * 2);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-3 {
      top: calc(2.5rem * 3);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-4 {
      top: calc(2.5rem * 4);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-5 {
      top: calc(2.5rem * 5);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-6 {
      top: calc(2.5rem * 6);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-7 {
      top: calc(2.5rem * 7);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-8 {
      top: calc(2.5rem * 8);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-9 {
      top: calc(2.5rem * 9);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-10 {
      top: calc(2.5rem * 10);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-11 {
      top: calc(2.5rem * 11);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-12 {
      top: calc(2.5rem * 12);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-13 {
      top: calc(2.5rem * 13);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-14 {
      top: calc(2.5rem * 14);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-15 {
      top: calc(2.5rem * 15);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-16 {
      top: calc(2.5rem * 16);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-17 {
      top: calc(2.5rem * 17);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-18 {
      top: calc(2.5rem * 18);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-19 {
      top: calc(2.5rem * 19);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-20 {
      top: calc(2.5rem * 20);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-21 {
      top: calc(2.5rem * 21);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-22 {
      top: calc(2.5rem * 22);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-23 {
      top: calc(2.5rem * 23);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-24 {
      top: calc(2.5rem * 24);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-25 {
      top: calc(2.5rem * 25);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-26 {
      top: calc(2.5rem * 26);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-27 {
      top: calc(2.5rem * 27);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-28 {
      top: calc(2.5rem * 28);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-29 {
      top: calc(2.5rem * 29);
      transform: translate(0, 0); }
    .atom.highlightBlock--position-top-30 {
      top: calc(2.5rem * 30);
      transform: translate(0, 0); }
  @media only screen and (max-width: 1199px) {
    .atom.highlightBlock--position-ps-top {
      top: 0;
      transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-1 {
        top: calc(2.5rem * 1);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-2 {
        top: calc(2.5rem * 2);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-3 {
        top: calc(2.5rem * 3);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-4 {
        top: calc(2.5rem * 4);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-5 {
        top: calc(2.5rem * 5);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-6 {
        top: calc(2.5rem * 6);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-7 {
        top: calc(2.5rem * 7);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-8 {
        top: calc(2.5rem * 8);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-9 {
        top: calc(2.5rem * 9);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-10 {
        top: calc(2.5rem * 10);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-11 {
        top: calc(2.5rem * 11);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-12 {
        top: calc(2.5rem * 12);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-13 {
        top: calc(2.5rem * 13);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-14 {
        top: calc(2.5rem * 14);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-15 {
        top: calc(2.5rem * 15);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-16 {
        top: calc(2.5rem * 16);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-17 {
        top: calc(2.5rem * 17);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-18 {
        top: calc(2.5rem * 18);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-19 {
        top: calc(2.5rem * 19);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-20 {
        top: calc(2.5rem * 20);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-21 {
        top: calc(2.5rem * 21);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-22 {
        top: calc(2.5rem * 22);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-23 {
        top: calc(2.5rem * 23);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-24 {
        top: calc(2.5rem * 24);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-25 {
        top: calc(2.5rem * 25);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-26 {
        top: calc(2.5rem * 26);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-27 {
        top: calc(2.5rem * 27);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-28 {
        top: calc(2.5rem * 28);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-29 {
        top: calc(2.5rem * 29);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-ps-top-30 {
        top: calc(2.5rem * 30);
        transform: translate(0, 0); } }
  @media only screen and (max-width: 899px) {
    .atom.highlightBlock--position-tp-top {
      top: 0;
      transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-1 {
        top: calc(2.5rem * 1);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-2 {
        top: calc(2.5rem * 2);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-3 {
        top: calc(2.5rem * 3);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-4 {
        top: calc(2.5rem * 4);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-5 {
        top: calc(2.5rem * 5);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-6 {
        top: calc(2.5rem * 6);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-7 {
        top: calc(2.5rem * 7);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-8 {
        top: calc(2.5rem * 8);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-9 {
        top: calc(2.5rem * 9);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-10 {
        top: calc(2.5rem * 10);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-11 {
        top: calc(2.5rem * 11);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-12 {
        top: calc(2.5rem * 12);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-13 {
        top: calc(2.5rem * 13);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-14 {
        top: calc(2.5rem * 14);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-15 {
        top: calc(2.5rem * 15);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-16 {
        top: calc(2.5rem * 16);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-17 {
        top: calc(2.5rem * 17);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-18 {
        top: calc(2.5rem * 18);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-19 {
        top: calc(2.5rem * 19);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-20 {
        top: calc(2.5rem * 20);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-21 {
        top: calc(2.5rem * 21);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-22 {
        top: calc(2.5rem * 22);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-23 {
        top: calc(2.5rem * 23);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-24 {
        top: calc(2.5rem * 24);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-25 {
        top: calc(2.5rem * 25);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-26 {
        top: calc(2.5rem * 26);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-27 {
        top: calc(2.5rem * 27);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-28 {
        top: calc(2.5rem * 28);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-29 {
        top: calc(2.5rem * 29);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-tp-top-30 {
        top: calc(2.5rem * 30);
        transform: translate(0, 0); } }
  @media only screen and (max-width: 599px) {
    .atom.highlightBlock--position-m-top {
      top: 0;
      transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-1 {
        top: calc(2.5rem * 1);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-2 {
        top: calc(2.5rem * 2);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-3 {
        top: calc(2.5rem * 3);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-4 {
        top: calc(2.5rem * 4);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-5 {
        top: calc(2.5rem * 5);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-6 {
        top: calc(2.5rem * 6);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-7 {
        top: calc(2.5rem * 7);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-8 {
        top: calc(2.5rem * 8);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-9 {
        top: calc(2.5rem * 9);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-10 {
        top: calc(2.5rem * 10);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-11 {
        top: calc(2.5rem * 11);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-12 {
        top: calc(2.5rem * 12);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-13 {
        top: calc(2.5rem * 13);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-14 {
        top: calc(2.5rem * 14);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-15 {
        top: calc(2.5rem * 15);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-16 {
        top: calc(2.5rem * 16);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-17 {
        top: calc(2.5rem * 17);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-18 {
        top: calc(2.5rem * 18);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-19 {
        top: calc(2.5rem * 19);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-20 {
        top: calc(2.5rem * 20);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-21 {
        top: calc(2.5rem * 21);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-22 {
        top: calc(2.5rem * 22);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-23 {
        top: calc(2.5rem * 23);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-24 {
        top: calc(2.5rem * 24);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-25 {
        top: calc(2.5rem * 25);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-26 {
        top: calc(2.5rem * 26);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-27 {
        top: calc(2.5rem * 27);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-28 {
        top: calc(2.5rem * 28);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-29 {
        top: calc(2.5rem * 29);
        transform: translate(0, 0); }
      .atom.highlightBlock--position-m-top-30 {
        top: calc(2.5rem * 30);
        transform: translate(0, 0); } }

.blockTurq {
  background: rgba(1, 170, 173, 0.8) !important;
  width: max-content !important;
  left: 0 !important;
  padding-left: 6vw !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  padding: 5rem 6rem 2rem 6rem; }
  .blockTurq.slideTurq {
    min-height: 0rem !important; }
    .blockTurq.slideTurq .section-content.content-height-30 {
      margin: 0 !important;
      min-height: 0rem !important; }
  @media only screen and (max-width: 599px) {
    .blockTurq.slideTurq {
      min-height: 75rem !important;
      margin-bottom: -2.5rem; } }
  @media only screen and (min-width: 1199px) {
    .blockTurq .blockTurq.slideTurq .section-content.content-height-30 {
      min-height: 0rem !important; } }

.slideTurq .section-content.content-height-30 {
  margin: 0 !important;
  min-height: 0rem !important; }

@media only screen and (max-width: 599px) {
  .slideTurq .section-content.content-height-30 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important; } }

/* 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/fnb/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/fnb/15/pc/secureChat/doc.png"); }

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

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

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

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

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

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

.sent [class*="attType-video"] {
  background-image: url("../../../images/mm/fnb/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/fnb/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/fnb/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/fnb/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/fnb/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/fnb/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/fnb/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/fnb/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/fnb/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.dashboard-slide {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%; }
  .atom.dashboard-slide-column {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .atom.dashboard-slide-column-reverse {
      flex-direction: column-reverse; }
  .atom.dashboard-slide-row {
    flex-direction: row;
    align-items: flex-start;
    width: 80vw;
    margin: 0 10vw;
    flex-wrap: wrap; }
    .atom.dashboard-slide-row-reverse {
      flex-direction: row-reverse; }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-row {
        width: 90vw;
        margin: 0 5vw;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-row {
        width: 90vw;
        margin: 0 5vw;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-row {
        width: calc(100vw - 6.25rem);
        margin: 0 3.125rem;
        flex-wrap: wrap; } }
  @media only screen and (max-width: 1199px) {
    .atom.dashboard-slide-row-SM {
      flex-direction: row;
      width: 90vw;
      margin: 0 5vw;
      flex-wrap: wrap; }
      .atom.dashboard-slide-row-SM-reverse {
        flex-direction: row-reverse; }
    .atom.dashboard-slide-column-SM {
      flex-direction: column; }
      .atom.dashboard-slide-column-SM-reverse {
        flex-direction: column-reverse; }
    .atom.dashboard-slide-column-to-row-SM {
      flex-direction: row;
      width: 90vw;
      margin: 0 5vw;
      flex-wrap: wrap; }
    .atom.dashboard-slide-row-to-column-SM {
      flex-direction: column; } }
  @media only screen and (max-width: 899px) {
    .atom.dashboard-slide-row-TP {
      flex-direction: row;
      width: 90vw;
      margin: 0 5vw;
      flex-wrap: wrap; }
      .atom.dashboard-slide-row-TP-reverse {
        flex-direction: row-reverse; }
    .atom.dashboard-slide-column-TP {
      flex-direction: column; }
      .atom.dashboard-slide-column-TP-reverse {
        flex-direction: column-reverse; }
    .atom.dashboard-slide-column-to-row-TP {
      flex-direction: row;
      width: 90vw;
      margin: 0 5vw;
      flex-wrap: wrap; }
    .atom.dashboard-slide-row-to-column-TP {
      flex-direction: column; } }
  @media only screen and (max-width: 599px) {
    .atom.dashboard-slide-row-M {
      flex-direction: row;
      width: calc(100vw - 6.25rem);
      margin: 0 3.125rem;
      flex-wrap: wrap; }
      .atom.dashboard-slide-row-M-reverse {
        flex-direction: row-reverse; }
    .atom.dashboard-slide-column-M {
      flex-direction: column; }
      .atom.dashboard-slide-column-M-reverse {
        flex-direction: column-reverse; }
    .atom.dashboard-slide-column-to-row-M {
      flex-direction: row;
      width: calc(100vw - 6.25rem);
      margin: 0 3.125rem;
      flex-wrap: wrap; }
    .atom.dashboard-slide-row-to-column-M {
      flex-direction: column; } }
  .atom.dashboard-slide-row-reverse {
    flex-direction: row-reverse; }
  .atom.dashboard-slide-section {
    position: relative;
    display: block; }
    .atom.dashboard-slide-section-padding-top-0 {
      padding-top: 0rem; }
    .atom.dashboard-slide-section-padding-top-1 {
      padding-top: 2.5rem; }
    .atom.dashboard-slide-section-padding-top-2 {
      padding-top: 5rem; }
    .atom.dashboard-slide-section-padding-top-3 {
      padding-top: 7.5rem; }
    .atom.dashboard-slide-section-padding-top-4 {
      padding-top: 10rem; }
    .atom.dashboard-slide-section-padding-top-5 {
      padding-top: 12.5rem; }
    .atom.dashboard-slide-section-padding-top-6 {
      padding-top: 15rem; }
    .atom.dashboard-slide-section-padding-top-7 {
      padding-top: 17.5rem; }
    .atom.dashboard-slide-section-padding-top-8 {
      padding-top: 20rem; }
    .atom.dashboard-slide-section-padding-top-9 {
      padding-top: 22.5rem; }
    .atom.dashboard-slide-section-padding-top-10 {
      padding-top: 25rem; }
    .atom.dashboard-slide-section-padding-top-11 {
      padding-top: 27.5rem; }
    .atom.dashboard-slide-section-padding-top-12 {
      padding-top: 30rem; }
    .atom.dashboard-slide-section-padding-top-13 {
      padding-top: 32.5rem; }
    .atom.dashboard-slide-section-padding-top-14 {
      padding-top: 35rem; }
    .atom.dashboard-slide-section-padding-top-15 {
      padding-top: 37.5rem; }
    .atom.dashboard-slide-section-padding-top-16 {
      padding-top: 40rem; }
    .atom.dashboard-slide-section-padding-top-17 {
      padding-top: 42.5rem; }
    .atom.dashboard-slide-section-padding-top-18 {
      padding-top: 45rem; }
    .atom.dashboard-slide-section-padding-top-19 {
      padding-top: 47.5rem; }
    .atom.dashboard-slide-section-padding-top-20 {
      padding-top: 50rem; }
    .atom.dashboard-slide-section-padding-top-21 {
      padding-top: 52.5rem; }
    .atom.dashboard-slide-section-padding-top-22 {
      padding-top: 55rem; }
    .atom.dashboard-slide-section-padding-top-23 {
      padding-top: 57.5rem; }
    .atom.dashboard-slide-section-padding-top-24 {
      padding-top: 60rem; }
    .atom.dashboard-slide-section-padding-top-25 {
      padding-top: 62.5rem; }
    .atom.dashboard-slide-section-padding-top-26 {
      padding-top: 65rem; }
    .atom.dashboard-slide-section-padding-top-27 {
      padding-top: 67.5rem; }
    .atom.dashboard-slide-section-padding-top-28 {
      padding-top: 70rem; }
    .atom.dashboard-slide-section-padding-top-29 {
      padding-top: 72.5rem; }
    .atom.dashboard-slide-section-padding-top-30 {
      padding-top: 75rem; }
    .atom.dashboard-slide-section-height-0 {
      min-height: 0rem; }
    .atom.dashboard-slide-section-height-1 {
      min-height: 2.5rem; }
    .atom.dashboard-slide-section-height-2 {
      min-height: 5rem; }
    .atom.dashboard-slide-section-height-3 {
      min-height: 7.5rem; }
    .atom.dashboard-slide-section-height-4 {
      min-height: 10rem; }
    .atom.dashboard-slide-section-height-5 {
      min-height: 12.5rem; }
    .atom.dashboard-slide-section-height-6 {
      min-height: 15rem; }
    .atom.dashboard-slide-section-height-7 {
      min-height: 17.5rem; }
    .atom.dashboard-slide-section-height-8 {
      min-height: 20rem; }
    .atom.dashboard-slide-section-height-9 {
      min-height: 22.5rem; }
    .atom.dashboard-slide-section-height-10 {
      min-height: 25rem; }
    .atom.dashboard-slide-section-height-11 {
      min-height: 27.5rem; }
    .atom.dashboard-slide-section-height-12 {
      min-height: 30rem; }
    .atom.dashboard-slide-section-height-13 {
      min-height: 32.5rem; }
    .atom.dashboard-slide-section-height-14 {
      min-height: 35rem; }
    .atom.dashboard-slide-section-height-15 {
      min-height: 37.5rem; }
    .atom.dashboard-slide-section-height-16 {
      min-height: 40rem; }
    .atom.dashboard-slide-section-height-17 {
      min-height: 42.5rem; }
    .atom.dashboard-slide-section-height-18 {
      min-height: 45rem; }
    .atom.dashboard-slide-section-height-19 {
      min-height: 47.5rem; }
    .atom.dashboard-slide-section-height-20 {
      min-height: 50rem; }
    .atom.dashboard-slide-section-height-21 {
      min-height: 52.5rem; }
    .atom.dashboard-slide-section-height-22 {
      min-height: 55rem; }
    .atom.dashboard-slide-section-height-23 {
      min-height: 57.5rem; }
    .atom.dashboard-slide-section-height-24 {
      min-height: 60rem; }
    .atom.dashboard-slide-section-height-25 {
      min-height: 62.5rem; }
    .atom.dashboard-slide-section-height-26 {
      min-height: 65rem; }
    .atom.dashboard-slide-section-height-27 {
      min-height: 67.5rem; }
    .atom.dashboard-slide-section-height-28 {
      min-height: 70rem; }
    .atom.dashboard-slide-section-height-29 {
      min-height: 72.5rem; }
    .atom.dashboard-slide-section-height-30 {
      min-height: 75rem; }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-section-heightPS-0 {
        min-height: 0rem; }
      .atom.dashboard-slide-section-heightPS-1 {
        min-height: 2.5rem; }
      .atom.dashboard-slide-section-heightPS-2 {
        min-height: 5rem; }
      .atom.dashboard-slide-section-heightPS-3 {
        min-height: 7.5rem; }
      .atom.dashboard-slide-section-heightPS-4 {
        min-height: 10rem; }
      .atom.dashboard-slide-section-heightPS-5 {
        min-height: 12.5rem; }
      .atom.dashboard-slide-section-heightPS-6 {
        min-height: 15rem; }
      .atom.dashboard-slide-section-heightPS-7 {
        min-height: 17.5rem; }
      .atom.dashboard-slide-section-heightPS-8 {
        min-height: 20rem; }
      .atom.dashboard-slide-section-heightPS-9 {
        min-height: 22.5rem; }
      .atom.dashboard-slide-section-heightPS-10 {
        min-height: 25rem; }
      .atom.dashboard-slide-section-heightPS-11 {
        min-height: 27.5rem; }
      .atom.dashboard-slide-section-heightPS-12 {
        min-height: 30rem; }
      .atom.dashboard-slide-section-heightPS-13 {
        min-height: 32.5rem; }
      .atom.dashboard-slide-section-heightPS-14 {
        min-height: 35rem; }
      .atom.dashboard-slide-section-heightPS-15 {
        min-height: 37.5rem; }
      .atom.dashboard-slide-section-heightPS-16 {
        min-height: 40rem; }
      .atom.dashboard-slide-section-heightPS-17 {
        min-height: 42.5rem; }
      .atom.dashboard-slide-section-heightPS-18 {
        min-height: 45rem; }
      .atom.dashboard-slide-section-heightPS-19 {
        min-height: 47.5rem; }
      .atom.dashboard-slide-section-heightPS-20 {
        min-height: 50rem; }
      .atom.dashboard-slide-section-heightPS-21 {
        min-height: 52.5rem; }
      .atom.dashboard-slide-section-heightPS-22 {
        min-height: 55rem; }
      .atom.dashboard-slide-section-heightPS-23 {
        min-height: 57.5rem; }
      .atom.dashboard-slide-section-heightPS-24 {
        min-height: 60rem; }
      .atom.dashboard-slide-section-heightPS-25 {
        min-height: 62.5rem; }
      .atom.dashboard-slide-section-heightPS-26 {
        min-height: 65rem; }
      .atom.dashboard-slide-section-heightPS-27 {
        min-height: 67.5rem; }
      .atom.dashboard-slide-section-heightPS-28 {
        min-height: 70rem; }
      .atom.dashboard-slide-section-heightPS-29 {
        min-height: 72.5rem; }
      .atom.dashboard-slide-section-heightPS-30 {
        min-height: 75rem; } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-section-heightTP-0 {
        min-height: 0rem; }
      .atom.dashboard-slide-section-heightTP-1 {
        min-height: 2.5rem; }
      .atom.dashboard-slide-section-heightTP-2 {
        min-height: 5rem; }
      .atom.dashboard-slide-section-heightTP-3 {
        min-height: 7.5rem; }
      .atom.dashboard-slide-section-heightTP-4 {
        min-height: 10rem; }
      .atom.dashboard-slide-section-heightTP-5 {
        min-height: 12.5rem; }
      .atom.dashboard-slide-section-heightTP-6 {
        min-height: 15rem; }
      .atom.dashboard-slide-section-heightTP-7 {
        min-height: 17.5rem; }
      .atom.dashboard-slide-section-heightTP-8 {
        min-height: 20rem; }
      .atom.dashboard-slide-section-heightTP-9 {
        min-height: 22.5rem; }
      .atom.dashboard-slide-section-heightTP-10 {
        min-height: 25rem; }
      .atom.dashboard-slide-section-heightTP-11 {
        min-height: 27.5rem; }
      .atom.dashboard-slide-section-heightTP-12 {
        min-height: 30rem; }
      .atom.dashboard-slide-section-heightTP-13 {
        min-height: 32.5rem; }
      .atom.dashboard-slide-section-heightTP-14 {
        min-height: 35rem; }
      .atom.dashboard-slide-section-heightTP-15 {
        min-height: 37.5rem; }
      .atom.dashboard-slide-section-heightTP-16 {
        min-height: 40rem; }
      .atom.dashboard-slide-section-heightTP-17 {
        min-height: 42.5rem; }
      .atom.dashboard-slide-section-heightTP-18 {
        min-height: 45rem; }
      .atom.dashboard-slide-section-heightTP-19 {
        min-height: 47.5rem; }
      .atom.dashboard-slide-section-heightTP-20 {
        min-height: 50rem; }
      .atom.dashboard-slide-section-heightTP-21 {
        min-height: 52.5rem; }
      .atom.dashboard-slide-section-heightTP-22 {
        min-height: 55rem; }
      .atom.dashboard-slide-section-heightTP-23 {
        min-height: 57.5rem; }
      .atom.dashboard-slide-section-heightTP-24 {
        min-height: 60rem; }
      .atom.dashboard-slide-section-heightTP-25 {
        min-height: 62.5rem; }
      .atom.dashboard-slide-section-heightTP-26 {
        min-height: 65rem; }
      .atom.dashboard-slide-section-heightTP-27 {
        min-height: 67.5rem; }
      .atom.dashboard-slide-section-heightTP-28 {
        min-height: 70rem; }
      .atom.dashboard-slide-section-heightTP-29 {
        min-height: 72.5rem; }
      .atom.dashboard-slide-section-heightTP-30 {
        min-height: 75rem; } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-section-heightM-0 {
        min-height: 0rem; }
      .atom.dashboard-slide-section-heightM-1 {
        min-height: 2.5rem; }
      .atom.dashboard-slide-section-heightM-2 {
        min-height: 5rem; }
      .atom.dashboard-slide-section-heightM-3 {
        min-height: 7.5rem; }
      .atom.dashboard-slide-section-heightM-4 {
        min-height: 10rem; }
      .atom.dashboard-slide-section-heightM-5 {
        min-height: 12.5rem; }
      .atom.dashboard-slide-section-heightM-6 {
        min-height: 15rem; }
      .atom.dashboard-slide-section-heightM-7 {
        min-height: 17.5rem; }
      .atom.dashboard-slide-section-heightM-8 {
        min-height: 20rem; }
      .atom.dashboard-slide-section-heightM-9 {
        min-height: 22.5rem; }
      .atom.dashboard-slide-section-heightM-10 {
        min-height: 25rem; }
      .atom.dashboard-slide-section-heightM-11 {
        min-height: 27.5rem; }
      .atom.dashboard-slide-section-heightM-12 {
        min-height: 30rem; }
      .atom.dashboard-slide-section-heightM-13 {
        min-height: 32.5rem; }
      .atom.dashboard-slide-section-heightM-14 {
        min-height: 35rem; }
      .atom.dashboard-slide-section-heightM-15 {
        min-height: 37.5rem; }
      .atom.dashboard-slide-section-heightM-16 {
        min-height: 40rem; }
      .atom.dashboard-slide-section-heightM-17 {
        min-height: 42.5rem; }
      .atom.dashboard-slide-section-heightM-18 {
        min-height: 45rem; }
      .atom.dashboard-slide-section-heightM-19 {
        min-height: 47.5rem; }
      .atom.dashboard-slide-section-heightM-20 {
        min-height: 50rem; }
      .atom.dashboard-slide-section-heightM-21 {
        min-height: 52.5rem; }
      .atom.dashboard-slide-section-heightM-22 {
        min-height: 55rem; }
      .atom.dashboard-slide-section-heightM-23 {
        min-height: 57.5rem; }
      .atom.dashboard-slide-section-heightM-24 {
        min-height: 60rem; }
      .atom.dashboard-slide-section-heightM-25 {
        min-height: 62.5rem; }
      .atom.dashboard-slide-section-heightM-26 {
        min-height: 65rem; }
      .atom.dashboard-slide-section-heightM-27 {
        min-height: 67.5rem; }
      .atom.dashboard-slide-section-heightM-28 {
        min-height: 70rem; }
      .atom.dashboard-slide-section-heightM-29 {
        min-height: 72.5rem; }
      .atom.dashboard-slide-section-heightM-30 {
        min-height: 75rem; } }
    .atom.dashboard-slide-section-width-0 {
      width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-0 {
          width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-0 {
          width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-0 {
          width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    .atom.dashboard-slide-section-width-1 {
      width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-1 {
          width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-1 {
          width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    .atom.dashboard-slide-section-width-2 {
      width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-2 {
          width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-2 {
          width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    .atom.dashboard-slide-section-width-3 {
      width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-3 {
          width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-3 {
          width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    .atom.dashboard-slide-section-width-4 {
      width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-4 {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-4 {
          width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    .atom.dashboard-slide-section-width-5 {
      width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-5 {
          width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-5 {
          width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    .atom.dashboard-slide-section-width-6 {
      width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-6 {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-6 {
          width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    .atom.dashboard-slide-section-width-7 {
      width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-7 {
          width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-7 {
          width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    .atom.dashboard-slide-section-width-8 {
      width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-8 {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-8 {
          width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    .atom.dashboard-slide-section-width-9 {
      width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-9 {
          width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-9 {
          width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    .atom.dashboard-slide-section-width-10 {
      width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-10 {
          width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-10 {
          width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    .atom.dashboard-slide-section-width-11 {
      width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-11 {
          width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-11 {
          width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    .atom.dashboard-slide-section-width-12 {
      width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-12 {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-12 {
          width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    .atom.dashboard-slide-section-width-full {
      width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-full {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-full {
          width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-full {
          width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-0 {
        width: calc(0 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-0 {
            width: calc(0 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-0 {
            width: calc(0 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-0 {
            width: calc(0 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (0 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-1 {
        width: calc(1 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-1 {
            width: calc(1 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-1 {
            width: calc(1 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-1 {
            width: calc(1 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (1 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-2 {
        width: calc(2 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-2 {
            width: calc(2 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-2 {
            width: calc(2 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-2 {
            width: calc(2 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (2 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-3 {
        width: calc(3 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-3 {
            width: calc(3 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-3 {
            width: calc(3 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-3 {
            width: calc(3 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (3 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-4 {
        width: calc(4 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-4 {
            width: calc(4 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-4 {
            width: calc(4 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-4 {
            width: calc(4 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (4 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-5 {
        width: calc(5 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-5 {
            width: calc(5 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-5 {
            width: calc(5 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-5 {
            width: calc(5 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (5 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-6 {
        width: calc(6 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-6 {
            width: calc(6 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-6 {
            width: calc(6 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-6 {
            width: calc(6 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (6 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-7 {
        width: calc(7 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-7 {
            width: calc(7 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-7 {
            width: calc(7 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-7 {
            width: calc(7 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (7 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-8 {
        width: calc(8 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-8 {
            width: calc(8 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-8 {
            width: calc(8 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-8 {
            width: calc(8 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (8 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-9 {
        width: calc(9 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-9 {
            width: calc(9 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-9 {
            width: calc(9 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-9 {
            width: calc(9 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (9 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-10 {
        width: calc(10 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-10 {
            width: calc(10 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-10 {
            width: calc(10 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-10 {
            width: calc(10 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (10 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-11 {
        width: calc(11 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-11 {
            width: calc(11 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-11 {
            width: calc(11 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-11 {
            width: calc(11 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (11 - 1))); } }
      .atom.dashboard-slide-section-width-full .frame-col-12 {
        width: calc(12 * (((80vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-full .frame-col-12 {
            width: calc(12 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-full .frame-col-12 {
            width: calc(12 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-full .frame-col-12 {
            width: calc(12 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (12 - 1))); } }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-full .frame-col-PS0 {
          width: calc(0 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS1 {
          width: calc(1 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS2 {
          width: calc(2 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS3 {
          width: calc(3 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS4 {
          width: calc(4 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS5 {
          width: calc(5 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS6 {
          width: calc(6 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS7 {
          width: calc(7 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS8 {
          width: calc(8 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS9 {
          width: calc(9 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS10 {
          width: calc(10 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS11 {
          width: calc(11 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-PS12 {
          width: calc(12 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-full .frame-col-TP0 {
          width: calc(0 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP1 {
          width: calc(1 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP2 {
          width: calc(2 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP3 {
          width: calc(3 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP4 {
          width: calc(4 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP5 {
          width: calc(5 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP6 {
          width: calc(6 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP7 {
          width: calc(7 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP8 {
          width: calc(8 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP9 {
          width: calc(9 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP10 {
          width: calc(10 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP11 {
          width: calc(11 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-TP12 {
          width: calc(12 * (((90vw - 5rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-full .frame-col-M0 {
          width: calc(0 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M1 {
          width: calc(1 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M2 {
          width: calc(2 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M3 {
          width: calc(3 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M4 {
          width: calc(4 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M5 {
          width: calc(5 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M6 {
          width: calc(6 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M7 {
          width: calc(7 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M8 {
          width: calc(8 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M9 {
          width: calc(9 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M10 {
          width: calc(10 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M11 {
          width: calc(11 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-full .frame-col-M12 {
          width: calc(12 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (12 - 1))); } }
    .atom.dashboard-slide-section-width-twoThirds {
      width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-twoThirds {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-twoThirds {
          width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-twoThirds {
          width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-0 {
        width: calc(0 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-0 {
            width: calc(0 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-0 {
            width: calc(0 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-0 {
            width: calc(0 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (0 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-1 {
        width: calc(1 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-1 {
            width: calc(1 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-1 {
            width: calc(1 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-1 {
            width: calc(1 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (1 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-2 {
        width: calc(2 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-2 {
            width: calc(2 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-2 {
            width: calc(2 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-2 {
            width: calc(2 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (2 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-3 {
        width: calc(3 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-3 {
            width: calc(3 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-3 {
            width: calc(3 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-3 {
            width: calc(3 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (3 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-4 {
        width: calc(4 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-4 {
            width: calc(4 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-4 {
            width: calc(4 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-4 {
            width: calc(4 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (4 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-5 {
        width: calc(5 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-5 {
            width: calc(5 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-5 {
            width: calc(5 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-5 {
            width: calc(5 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (5 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-6 {
        width: calc(6 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-6 {
            width: calc(6 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-6 {
            width: calc(6 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-6 {
            width: calc(6 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (6 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-7 {
        width: calc(7 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-7 {
            width: calc(7 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-7 {
            width: calc(7 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-7 {
            width: calc(7 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (7 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-8 {
        width: calc(8 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-8 {
            width: calc(8 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-8 {
            width: calc(8 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-8 {
            width: calc(8 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (8 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-9 {
        width: calc(9 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-9 {
            width: calc(9 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-9 {
            width: calc(9 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-9 {
            width: calc(9 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (9 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-10 {
        width: calc(10 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-10 {
            width: calc(10 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-10 {
            width: calc(10 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-10 {
            width: calc(10 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (10 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-11 {
        width: calc(11 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-11 {
            width: calc(11 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-11 {
            width: calc(11 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-11 {
            width: calc(11 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (11 - 1))); } }
      .atom.dashboard-slide-section-width-twoThirds .frame-col-12 {
        width: calc(12 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-12 {
            width: calc(12 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-12 {
            width: calc(12 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-twoThirds .frame-col-12 {
            width: calc(12 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (12 - 1))); } }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS0 {
          width: calc(0 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS1 {
          width: calc(1 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS2 {
          width: calc(2 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS3 {
          width: calc(3 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS4 {
          width: calc(4 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS5 {
          width: calc(5 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS6 {
          width: calc(6 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS7 {
          width: calc(7 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS8 {
          width: calc(8 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS9 {
          width: calc(9 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS10 {
          width: calc(10 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS11 {
          width: calc(11 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-PS12 {
          width: calc(12 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP0 {
          width: calc(0 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP1 {
          width: calc(1 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP2 {
          width: calc(2 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP3 {
          width: calc(3 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP4 {
          width: calc(4 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP5 {
          width: calc(5 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP6 {
          width: calc(6 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP7 {
          width: calc(7 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP8 {
          width: calc(8 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP9 {
          width: calc(9 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP10 {
          width: calc(10 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP11 {
          width: calc(11 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-TP12 {
          width: calc(12 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M0 {
          width: calc(0 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M1 {
          width: calc(1 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M2 {
          width: calc(2 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M3 {
          width: calc(3 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M4 {
          width: calc(4 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M5 {
          width: calc(5 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M6 {
          width: calc(6 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M7 {
          width: calc(7 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M8 {
          width: calc(8 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M9 {
          width: calc(9 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M10 {
          width: calc(10 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M11 {
          width: calc(11 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-twoThirds .frame-col-M12 {
          width: calc(12 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (12 - 1))); } }
    .atom.dashboard-slide-section-width-half {
      width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-half {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-half {
          width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-half {
          width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-0 {
        width: calc(0 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-0 {
            width: calc(0 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-0 {
            width: calc(0 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-0 {
            width: calc(0 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (0 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-1 {
        width: calc(1 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-1 {
            width: calc(1 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-1 {
            width: calc(1 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-1 {
            width: calc(1 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (1 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-2 {
        width: calc(2 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-2 {
            width: calc(2 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-2 {
            width: calc(2 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-2 {
            width: calc(2 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (2 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-3 {
        width: calc(3 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-3 {
            width: calc(3 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-3 {
            width: calc(3 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-3 {
            width: calc(3 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (3 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-4 {
        width: calc(4 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-4 {
            width: calc(4 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-4 {
            width: calc(4 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-4 {
            width: calc(4 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (4 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-5 {
        width: calc(5 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-5 {
            width: calc(5 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-5 {
            width: calc(5 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-5 {
            width: calc(5 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (5 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-6 {
        width: calc(6 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-6 {
            width: calc(6 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-6 {
            width: calc(6 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-6 {
            width: calc(6 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (6 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-7 {
        width: calc(7 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-7 {
            width: calc(7 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-7 {
            width: calc(7 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-7 {
            width: calc(7 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (7 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-8 {
        width: calc(8 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-8 {
            width: calc(8 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-8 {
            width: calc(8 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-8 {
            width: calc(8 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (8 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-9 {
        width: calc(9 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-9 {
            width: calc(9 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-9 {
            width: calc(9 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-9 {
            width: calc(9 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (9 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-10 {
        width: calc(10 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-10 {
            width: calc(10 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-10 {
            width: calc(10 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-10 {
            width: calc(10 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (10 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-11 {
        width: calc(11 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-11 {
            width: calc(11 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-11 {
            width: calc(11 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-11 {
            width: calc(11 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (11 - 1))); } }
      .atom.dashboard-slide-section-width-half .frame-col-12 {
        width: calc(12 * (((80vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-half .frame-col-12 {
            width: calc(12 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-half .frame-col-12 {
            width: calc(12 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-half .frame-col-12 {
            width: calc(12 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (12 - 1))); } }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-half .frame-col-PS0 {
          width: calc(0 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS1 {
          width: calc(1 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS2 {
          width: calc(2 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS3 {
          width: calc(3 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS4 {
          width: calc(4 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS5 {
          width: calc(5 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS6 {
          width: calc(6 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS7 {
          width: calc(7 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS8 {
          width: calc(8 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS9 {
          width: calc(9 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS10 {
          width: calc(10 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS11 {
          width: calc(11 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-PS12 {
          width: calc(12 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-half .frame-col-TP0 {
          width: calc(0 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP1 {
          width: calc(1 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP2 {
          width: calc(2 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP3 {
          width: calc(3 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP4 {
          width: calc(4 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP5 {
          width: calc(5 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP6 {
          width: calc(6 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP7 {
          width: calc(7 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP8 {
          width: calc(8 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP9 {
          width: calc(9 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP10 {
          width: calc(10 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP11 {
          width: calc(11 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-TP12 {
          width: calc(12 * (((90vw - 10rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-half .frame-col-M0 {
          width: calc(0 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M1 {
          width: calc(1 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M2 {
          width: calc(2 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M3 {
          width: calc(3 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M4 {
          width: calc(4 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M5 {
          width: calc(5 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M6 {
          width: calc(6 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M7 {
          width: calc(7 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M8 {
          width: calc(8 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M9 {
          width: calc(9 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M10 {
          width: calc(10 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M11 {
          width: calc(11 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-half .frame-col-M12 {
          width: calc(12 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (12 - 1))); } }
    .atom.dashboard-slide-section-width-oneThird {
      width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-oneThird {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-oneThird {
          width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-oneThird {
          width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-0 {
        width: calc(0 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-0 {
            width: calc(0 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-0 {
            width: calc(0 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-0 {
            width: calc(0 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (0 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-1 {
        width: calc(1 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-1 {
            width: calc(1 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-1 {
            width: calc(1 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-1 {
            width: calc(1 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (1 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-2 {
        width: calc(2 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-2 {
            width: calc(2 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-2 {
            width: calc(2 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-2 {
            width: calc(2 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (2 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-3 {
        width: calc(3 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-3 {
            width: calc(3 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-3 {
            width: calc(3 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-3 {
            width: calc(3 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (3 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-4 {
        width: calc(4 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-4 {
            width: calc(4 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-4 {
            width: calc(4 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-4 {
            width: calc(4 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (4 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-5 {
        width: calc(5 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-5 {
            width: calc(5 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-5 {
            width: calc(5 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-5 {
            width: calc(5 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (5 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-6 {
        width: calc(6 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-6 {
            width: calc(6 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-6 {
            width: calc(6 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-6 {
            width: calc(6 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (6 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-7 {
        width: calc(7 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-7 {
            width: calc(7 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-7 {
            width: calc(7 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-7 {
            width: calc(7 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (7 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-8 {
        width: calc(8 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-8 {
            width: calc(8 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-8 {
            width: calc(8 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-8 {
            width: calc(8 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (8 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-9 {
        width: calc(9 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-9 {
            width: calc(9 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-9 {
            width: calc(9 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-9 {
            width: calc(9 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (9 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-10 {
        width: calc(10 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-10 {
            width: calc(10 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-10 {
            width: calc(10 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-10 {
            width: calc(10 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (10 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-11 {
        width: calc(11 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-11 {
            width: calc(11 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-11 {
            width: calc(11 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-11 {
            width: calc(11 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (11 - 1))); } }
      .atom.dashboard-slide-section-width-oneThird .frame-col-12 {
        width: calc(12 * (((80vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-12 {
            width: calc(12 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-12 {
            width: calc(12 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.dashboard-slide-section-width-oneThird .frame-col-12 {
            width: calc(12 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (12 - 1))); } }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS0 {
          width: calc(0 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS1 {
          width: calc(1 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS2 {
          width: calc(2 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS3 {
          width: calc(3 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS4 {
          width: calc(4 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS5 {
          width: calc(5 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS6 {
          width: calc(6 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS7 {
          width: calc(7 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS8 {
          width: calc(8 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS9 {
          width: calc(9 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS10 {
          width: calc(10 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS11 {
          width: calc(11 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-PS12 {
          width: calc(12 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP0 {
          width: calc(0 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP1 {
          width: calc(1 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP2 {
          width: calc(2 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP3 {
          width: calc(3 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP4 {
          width: calc(4 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP5 {
          width: calc(5 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP6 {
          width: calc(6 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP7 {
          width: calc(7 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP8 {
          width: calc(8 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP9 {
          width: calc(9 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP10 {
          width: calc(10 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP11 {
          width: calc(11 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-col-TP12 {
          width: calc(12 * (((90vw - 15rem) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM0 {
          width: calc(0 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (0 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM1 {
          width: calc(1 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (1 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM2 {
          width: calc(2 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (2 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM3 {
          width: calc(3 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (3 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM4 {
          width: calc(4 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (4 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM5 {
          width: calc(5 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (5 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM6 {
          width: calc(6 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (6 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM7 {
          width: calc(7 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (7 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM8 {
          width: calc(8 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (8 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM9 {
          width: calc(9 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (9 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM10 {
          width: calc(10 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (10 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM11 {
          width: calc(11 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (11 - 1))); }
        .atom.dashboard-slide-section-width-oneThird .frame-co-lM12 {
          width: calc(12 * (((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (1.875rem * (12 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-section-widthPS-0 {
        width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      .atom.dashboard-slide-section-widthPS-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.dashboard-slide-section-widthPS-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.dashboard-slide-section-widthPS-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.dashboard-slide-section-widthPS-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.dashboard-slide-section-widthPS-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.dashboard-slide-section-widthPS-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.dashboard-slide-section-widthPS-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.dashboard-slide-section-widthPS-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.dashboard-slide-section-widthPS-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.dashboard-slide-section-widthPS-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.dashboard-slide-section-widthPS-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.dashboard-slide-section-widthPS-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.dashboard-slide-section-widthPS-full {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.dashboard-slide-section-widthPS-twoThirds {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.dashboard-slide-section-widthPS-half {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.dashboard-slide-section-widthPS-oneThird {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-section-widthTP-0 {
        width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      .atom.dashboard-slide-section-widthTP-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.dashboard-slide-section-widthTP-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.dashboard-slide-section-widthTP-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.dashboard-slide-section-widthTP-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.dashboard-slide-section-widthTP-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.dashboard-slide-section-widthTP-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.dashboard-slide-section-widthTP-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.dashboard-slide-section-widthTP-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.dashboard-slide-section-widthTP-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.dashboard-slide-section-widthTP-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.dashboard-slide-section-widthTP-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.dashboard-slide-section-widthTP-12 {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.dashboard-slide-section-widthTP-full {
        width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.dashboard-slide-section-widthTP-twoThirds {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.dashboard-slide-section-widthTP-half {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.dashboard-slide-section-widthTP-oneThird {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-section-widthM-0 {
        width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); }
      .atom.dashboard-slide-section-widthM-1 {
        width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); }
      .atom.dashboard-slide-section-widthM-2 {
        width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); }
      .atom.dashboard-slide-section-widthM-3 {
        width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); }
      .atom.dashboard-slide-section-widthM-4 {
        width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); }
      .atom.dashboard-slide-section-widthM-5 {
        width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); }
      .atom.dashboard-slide-section-widthM-6 {
        width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); }
      .atom.dashboard-slide-section-widthM-7 {
        width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); }
      .atom.dashboard-slide-section-widthM-8 {
        width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); }
      .atom.dashboard-slide-section-widthM-9 {
        width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); }
      .atom.dashboard-slide-section-widthM-10 {
        width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); }
      .atom.dashboard-slide-section-widthM-11 {
        width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); }
      .atom.dashboard-slide-section-widthM-12 {
        width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); }
      .atom.dashboard-slide-section-widthM-full {
        width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1)));
        margin-right: 0 !important; }
      .atom.dashboard-slide-section-widthM-twoThirds {
        width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); }
        .atom.dashboard-slide-section-widthM-twoThirds:not(:last-child) {
          margin-right: 1.875rem; }
      .atom.dashboard-slide-section-widthM-half {
        width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); }
        .atom.dashboard-slide-section-widthM-half:not(:last-child) {
          margin-right: 1.875rem; }
      .atom.dashboard-slide-section-widthM-oneThird {
        width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); }
        .atom.dashboard-slide-section-widthM-oneThird:not(:last-child) {
          margin-right: 1.875rem; } }
    .atom.dashboard-slide-section-maxCardsInRow-1 {
      min-width: calc(80vw - 11 * 2.5rem);
      margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-2 {
      min-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5));
      margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRow-2:nth-child(2n) {
        margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-3 {
      min-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
      margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRow-3:nth-child(3n) {
        margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-4 {
      min-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
      margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRow-4:nth-child(4n) {
        margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-twoThirds-1 {
      min-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7));
      margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-twoThirds-2 {
      min-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
      margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirds-2:nth-child(2n) {
        margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-twoThirds-4 {
      min-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1));
      margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirds-4:nth-child(4n) {
        margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-oneThird-1 {
      min-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
      margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-oneThird-2 {
      min-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1));
      margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRow-oneThird-2:nth-child(4n) {
        margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-halves-1 {
      min-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5));
      margin-right: 0; }
    .atom.dashboard-slide-section-maxCardsInRow-halves-2 {
      min-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
      margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRow-halves-2:nth-child(2n) {
        margin-right: 0; }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-section-maxCardsInRowPS-1 {
        min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12));
        margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRowPS-1:nth-child(2n) {
          margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRowPS-1:nth-child(3n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRowPS-2 {
        min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowPS-2:nth-child(2n) {
          margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRowPS-2:nth-child(3n) {
          margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRowPS-3 {
        min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowPS-3:nth-child(2n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowPS-3:nth-child(3n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRowPS-4 {
        min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowPS-4:nth-child(2n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowPS-4:nth-child(3n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowPS-4:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsPS-1 {
        min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsPS-2 {
        min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsPS-2:nth-child(2n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsPS-4 {
        min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsPS-4:nth-child(2n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsPS-4:nth-child(3n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsPS-4:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-oneThirdPS-1 {
        min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-oneThirdPS-2 {
        min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdPS-2:nth-child(2n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdPS-2:nth-child(3n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdPS-2:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-halvesPS-1 {
        min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-halvesPS-2 {
        min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-halvesPS-2:nth-child(2n) {
          margin-right: 0; } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-section-maxCardsInRowTP-1 {
        min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12));
        margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRowTP-1:nth-child(2n) {
          margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRowTP-1:nth-child(3n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRowTP-2 {
        min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowTP-2:nth-child(2n) {
          margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRowTP-2:nth-child(odd) {
          margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRowTP-3 {
        min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowTP-3:nth-child(2n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowTP-3:nth-child(odd) {
          margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRowTP-3:nth-child(1n) {
          margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRowTP-4 {
        min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowTP-4:nth-child(2n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowTP-4:nth-child(odd) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRowTP-4:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsTP-1 {
        min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsTP-2 {
        min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsTP-2:nth-child(2n) {
          margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsTP-2:nth-child(odd) {
          margin-right: 2.5rem; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsTP-4 {
        min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsTP-4:nth-child(2n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsTP-4:nth-child(odd) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsTP-4:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-oneThirdTP-1 {
        min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-oneThirdTP-2 {
        min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdTP-2:nth-child(2n) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdTP-2:nth-child(odd) {
          margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdTP-2:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-halvesTP-1 {
        min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-halvesTP-2 {
        min-width: calc(3* ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2));
        margin-right: 2.5rem; }
        .atom.dashboard-slide-section-maxCardsInRow-halvesTP-2:nth-child(2n) {
          margin-right: 0; } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-section-maxCardsInRowM-1 {
        min-width: calc(100vw - 6.25rem);
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRowM-2 {
        min-width: calc(6 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 5)); }
        .atom.dashboard-slide-section-maxCardsInRowM-2:nth-child(1n) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRowM-2:nth-child(2n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRowM-3 {
        min-width: calc(4 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 3));
        margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRowM-3:nth-child(2n) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRowM-3:nth-child(odd) {
          margin-right: 0; }
        .atom.dashboard-slide-section-maxCardsInRowM-3:nth-child(1n) {
          margin-right: 1.875rem; }
      .atom.dashboard-slide-section-maxCardsInRowM-4 {
        min-width: calc(3 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 2));
        margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRowM-4:nth-child(2n) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRowM-4:nth-child(odd) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRowM-4:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsM-1 {
        min-width: calc(8 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 7));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsM-2 {
        min-width: calc(4 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 3));
        margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsM-2:nth-child(1n) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsM-2:nth-child(2n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-twoThirdsM-4 {
        min-width: calc(2 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 1));
        margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsM-4:nth-child(2n) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsM-4:nth-child(odd) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-twoThirdsM-4:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-oneThirdM-1 {
        min-width: calc(4 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 3));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-oneThirdM-2 {
        min-width: calc(2 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 1));
        margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdM-2:nth-child(2n) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdM-2:nth-child(odd) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-oneThirdM-2:nth-child(4n) {
          margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-halvesM-1 {
        min-width: calc(6 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 5));
        margin-right: 0; }
      .atom.dashboard-slide-section-maxCardsInRow-halvesM-2 {
        min-width: calc(3 * (((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * 2));
        margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-halvesM-2:nth-child(1n) {
          margin-right: 1.875rem; }
        .atom.dashboard-slide-section-maxCardsInRow-halvesM-2:nth-child(2n) {
          margin-right: 0; } }
  .atom.dashboard-slide-cards {
    position: relative;
    width: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .atom.dashboard-slide-card {
    position: relative;
    display: block;
    flex: 1 0;
    min-height: inherit;
    height: auto;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
    padding: 2.5rem;
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card {
        padding: 2.5rem 1.875rem; } }
    .atom.dashboard-slide-card:last-child {
      margin-right: 0; }
    .atom.dashboard-slide-card-flex {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .atom.dashboard-slide-card-width-0 {
      max-width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-0 {
          max-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-0 {
          max-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-0 {
          max-width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    .atom.dashboard-slide-card-width-1 {
      max-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-1 {
          max-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-1 {
          max-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-1 {
          max-width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    .atom.dashboard-slide-card-width-2 {
      max-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-2 {
          max-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-2 {
          max-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-2 {
          max-width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    .atom.dashboard-slide-card-width-3 {
      max-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-3 {
          max-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-3 {
          max-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-3 {
          max-width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    .atom.dashboard-slide-card-width-4 {
      max-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-4 {
          max-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-4 {
          max-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-4 {
          max-width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    .atom.dashboard-slide-card-width-5 {
      max-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-5 {
          max-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-5 {
          max-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-5 {
          max-width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    .atom.dashboard-slide-card-width-6 {
      max-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-6 {
          max-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-6 {
          max-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-6 {
          max-width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    .atom.dashboard-slide-card-width-7 {
      max-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-7 {
          max-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-7 {
          max-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-7 {
          max-width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    .atom.dashboard-slide-card-width-8 {
      max-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-8 {
          max-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-8 {
          max-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-8 {
          max-width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    .atom.dashboard-slide-card-width-9 {
      max-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-9 {
          max-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-9 {
          max-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-9 {
          max-width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    .atom.dashboard-slide-card-width-10 {
      max-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-10 {
          max-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-10 {
          max-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-10 {
          max-width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    .atom.dashboard-slide-card-width-11 {
      max-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-11 {
          max-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-11 {
          max-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-11 {
          max-width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    .atom.dashboard-slide-card-width-12 {
      max-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-width-12 {
          max-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-width-12 {
          max-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-width-12 {
          max-width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-0 {
        max-width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-0 {
      max-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-0 {
      max-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-0 {
      max-width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-1 {
        max-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-1 {
      max-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-1 {
      max-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-1 {
      max-width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-2 {
        max-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-2 {
      max-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-2 {
      max-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-2 {
      max-width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-3 {
        max-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-3 {
      max-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-3 {
      max-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-3 {
      max-width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-4 {
        max-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-4 {
      max-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-4 {
      max-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-4 {
      max-width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-5 {
        max-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-5 {
      max-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-5 {
      max-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-5 {
      max-width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-6 {
        max-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-6 {
      max-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-6 {
      max-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-6 {
      max-width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-7 {
        max-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-7 {
      max-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-7 {
      max-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-7 {
      max-width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-8 {
        max-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-8 {
      max-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-8 {
      max-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-8 {
      max-width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-9 {
        max-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-9 {
      max-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-9 {
      max-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-9 {
      max-width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-10 {
        max-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-10 {
      max-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-10 {
      max-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-10 {
      max-width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-11 {
        max-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-11 {
      max-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-11 {
      max-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-11 {
      max-width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthPS-12 {
        max-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthPS-12 {
      max-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthPS-12 {
      max-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthPS-12 {
      max-width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-0 {
        max-width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-0 {
      max-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-0 {
      max-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-0 {
      max-width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-1 {
        max-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-1 {
      max-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-1 {
      max-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-1 {
      max-width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-2 {
        max-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-2 {
      max-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-2 {
      max-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-2 {
      max-width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-3 {
        max-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-3 {
      max-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-3 {
      max-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-3 {
      max-width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-4 {
        max-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-4 {
      max-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-4 {
      max-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-4 {
      max-width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-5 {
        max-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-5 {
      max-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-5 {
      max-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-5 {
      max-width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-6 {
        max-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-6 {
      max-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-6 {
      max-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-6 {
      max-width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-7 {
        max-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-7 {
      max-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-7 {
      max-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-7 {
      max-width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-8 {
        max-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-8 {
      max-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-8 {
      max-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-8 {
      max-width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-9 {
        max-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-9 {
      max-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-9 {
      max-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-9 {
      max-width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-10 {
        max-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-10 {
      max-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-10 {
      max-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-10 {
      max-width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-11 {
        max-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-11 {
      max-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-11 {
      max-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-11 {
      max-width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthTP-12 {
        max-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthTP-12 {
      max-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthTP-12 {
      max-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthTP-12 {
      max-width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-0 {
        max-width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-0 {
      max-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-0 {
      max-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-0 {
      max-width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-1 {
        max-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-1 {
      max-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-1 {
      max-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-1 {
      max-width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-2 {
        max-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-2 {
      max-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-2 {
      max-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-2 {
      max-width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-3 {
        max-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-3 {
      max-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-3 {
      max-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-3 {
      max-width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-4 {
        max-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-4 {
      max-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-4 {
      max-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-4 {
      max-width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-5 {
        max-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-5 {
      max-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-5 {
      max-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-5 {
      max-width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-6 {
        max-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-6 {
      max-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-6 {
      max-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-6 {
      max-width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-7 {
        max-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-7 {
      max-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-7 {
      max-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-7 {
      max-width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-8 {
        max-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-8 {
      max-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-8 {
      max-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-8 {
      max-width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-9 {
        max-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-9 {
      max-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-9 {
      max-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-9 {
      max-width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-10 {
        max-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-10 {
      max-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-10 {
      max-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-10 {
      max-width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-11 {
        max-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-11 {
      max-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-11 {
      max-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-11 {
      max-width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthM-12 {
        max-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthM-12 {
      max-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthM-12 {
      max-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthM-12 {
      max-width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    .atom.dashboard-slide-card-widthMin-0 {
      min-width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-0 {
          min-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-0 {
          min-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-0 {
          min-width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    .atom.dashboard-slide-card-widthMin-1 {
      min-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-1 {
          min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-1 {
          min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-1 {
          min-width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    .atom.dashboard-slide-card-widthMin-2 {
      min-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-2 {
          min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-2 {
          min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-2 {
          min-width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    .atom.dashboard-slide-card-widthMin-3 {
      min-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-3 {
          min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-3 {
          min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-3 {
          min-width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    .atom.dashboard-slide-card-widthMin-4 {
      min-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-4 {
          min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-4 {
          min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-4 {
          min-width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    .atom.dashboard-slide-card-widthMin-5 {
      min-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-5 {
          min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-5 {
          min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-5 {
          min-width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    .atom.dashboard-slide-card-widthMin-6 {
      min-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-6 {
          min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-6 {
          min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-6 {
          min-width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    .atom.dashboard-slide-card-widthMin-7 {
      min-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-7 {
          min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-7 {
          min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-7 {
          min-width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    .atom.dashboard-slide-card-widthMin-8 {
      min-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-8 {
          min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-8 {
          min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-8 {
          min-width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    .atom.dashboard-slide-card-widthMin-9 {
      min-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-9 {
          min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-9 {
          min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-9 {
          min-width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    .atom.dashboard-slide-card-widthMin-10 {
      min-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-10 {
          min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-10 {
          min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-10 {
          min-width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    .atom.dashboard-slide-card-widthMin-11 {
      min-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-11 {
          min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-11 {
          min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-11 {
          min-width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    .atom.dashboard-slide-card-widthMin-12 {
      min-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      @media only screen and (max-width: 1199px) {
        .atom.dashboard-slide-card-widthMin-12 {
          min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 899px) {
        .atom.dashboard-slide-card-widthMin-12 {
          min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
      @media only screen and (max-width: 599px) {
        .atom.dashboard-slide-card-widthMin-12 {
          min-width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-0 {
        min-width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-0 {
      min-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-0 {
      min-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-0 {
      min-width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-1 {
        min-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-1 {
      min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-1 {
      min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-1 {
      min-width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-2 {
        min-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-2 {
      min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-2 {
      min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-2 {
      min-width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-3 {
        min-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-3 {
      min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-3 {
      min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-3 {
      min-width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-4 {
        min-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-4 {
      min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-4 {
      min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-4 {
      min-width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-5 {
        min-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-5 {
      min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-5 {
      min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-5 {
      min-width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-6 {
        min-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-6 {
      min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-6 {
      min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-6 {
      min-width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-7 {
        min-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-7 {
      min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-7 {
      min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-7 {
      min-width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-8 {
        min-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-8 {
      min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-8 {
      min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-8 {
      min-width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-9 {
        min-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-9 {
      min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-9 {
      min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-9 {
      min-width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-10 {
        min-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-10 {
      min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-10 {
      min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-10 {
      min-width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-11 {
        min-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-11 {
      min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-11 {
      min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-11 {
      min-width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card-widthMinPS-12 {
        min-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinPS-12 {
      min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinPS-12 {
      min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinPS-12 {
      min-width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-0 {
        min-width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-0 {
      min-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-0 {
      min-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-0 {
      min-width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-1 {
        min-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-1 {
      min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-1 {
      min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-1 {
      min-width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-2 {
        min-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-2 {
      min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-2 {
      min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-2 {
      min-width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-3 {
        min-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-3 {
      min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-3 {
      min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-3 {
      min-width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-4 {
        min-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-4 {
      min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-4 {
      min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-4 {
      min-width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-5 {
        min-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-5 {
      min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-5 {
      min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-5 {
      min-width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-6 {
        min-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-6 {
      min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-6 {
      min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-6 {
      min-width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-7 {
        min-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-7 {
      min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-7 {
      min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-7 {
      min-width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-8 {
        min-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-8 {
      min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-8 {
      min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-8 {
      min-width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-9 {
        min-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-9 {
      min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-9 {
      min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-9 {
      min-width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-10 {
        min-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-10 {
      min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-10 {
      min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-10 {
      min-width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-11 {
        min-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-11 {
      min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-11 {
      min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-11 {
      min-width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card-widthMinTP-12 {
        min-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinTP-12 {
      min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinTP-12 {
      min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinTP-12 {
      min-width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-0 {
        min-width: calc(0 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-0 {
      min-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-0 {
      min-width: calc(0 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-0 {
      min-width: calc(0  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-1 {
        min-width: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-1 {
      min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-1 {
      min-width: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-1 {
      min-width: calc(1  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-2 {
        min-width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-2 {
      min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-2 {
      min-width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-2 {
      min-width: calc(2  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-3 {
        min-width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-3 {
      min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-3 {
      min-width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-3 {
      min-width: calc(3  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-4 {
        min-width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-4 {
      min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-4 {
      min-width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-4 {
      min-width: calc(4  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-5 {
        min-width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-5 {
      min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-5 {
      min-width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-5 {
      min-width: calc(5  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-6 {
        min-width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-6 {
      min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-6 {
      min-width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-6 {
      min-width: calc(6  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-7 {
        min-width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-7 {
      min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-7 {
      min-width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-7 {
      min-width: calc(7  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-8 {
        min-width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-8 {
      min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-8 {
      min-width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-8 {
      min-width: calc(8  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-9 {
        min-width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-9 {
      min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-9 {
      min-width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-9 {
      min-width: calc(9  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-10 {
        min-width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-10 {
      min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-10 {
      min-width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-10 {
      min-width: calc(10  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-11 {
        min-width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-11 {
      min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-11 {
      min-width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-11 {
      min-width: calc(11  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card-widthMinM-12 {
        min-width: calc(12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.dashboard-slide-card-widthMinM-12 {
      min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.dashboard-slide-card-widthMinM-12 {
      min-width: calc(12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.dashboard-slide-card-widthMinM-12 {
      min-width: calc(12  * ( ((100vw - 6.25rem) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    .atom.dashboard-slide-card .text--heading {
      padding-left: 0; }
    .atom.dashboard-slide-card .frame--content-padding {
      padding: 0; }
    .atom.dashboard-slide-card .frame-col-0:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-0:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-0:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-0:first-child, .atom.dashboard-slide-card .frame-col-0:last-child {
        width: calc(0 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 0)) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-0:first-child, .atom.dashboard-slide-card .frame-col-offset-0:last-child {
      margin-left: calc(0 * (((80vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-0:first-child, .atom.dashboard-slide-card .frame-col-offset-0:last-child {
        margin-left: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-0:first-child, .atom.dashboard-slide-card .frame-col-offset-0:last-child {
        margin-left: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-0:first-child, .atom.dashboard-slide-card .frame-col-offset-0:last-child {
        margin-left: calc(0 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 0)) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); } }
    .atom.dashboard-slide-card .frame-col-1:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-1:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-1:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-1:first-child, .atom.dashboard-slide-card .frame-col-1:last-child {
        width: calc(1 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 1)) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-1:first-child, .atom.dashboard-slide-card .frame-col-offset-1:last-child {
      margin-left: calc(1 * (((80vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-1:first-child, .atom.dashboard-slide-card .frame-col-offset-1:last-child {
        margin-left: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-1:first-child, .atom.dashboard-slide-card .frame-col-offset-1:last-child {
        margin-left: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-1:first-child, .atom.dashboard-slide-card .frame-col-offset-1:last-child {
        margin-left: calc(1 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 1)) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); } }
    .atom.dashboard-slide-card .frame-col-2:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-2:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-2:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-2:first-child, .atom.dashboard-slide-card .frame-col-2:last-child {
        width: calc(2 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 2)) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-2:first-child, .atom.dashboard-slide-card .frame-col-offset-2:last-child {
      margin-left: calc(2 * (((80vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-2:first-child, .atom.dashboard-slide-card .frame-col-offset-2:last-child {
        margin-left: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-2:first-child, .atom.dashboard-slide-card .frame-col-offset-2:last-child {
        margin-left: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-2:first-child, .atom.dashboard-slide-card .frame-col-offset-2:last-child {
        margin-left: calc(2 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 2)) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); } }
    .atom.dashboard-slide-card .frame-col-3:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-3:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-3:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-3:first-child, .atom.dashboard-slide-card .frame-col-3:last-child {
        width: calc(3 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 3)) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-3:first-child, .atom.dashboard-slide-card .frame-col-offset-3:last-child {
      margin-left: calc(3 * (((80vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-3:first-child, .atom.dashboard-slide-card .frame-col-offset-3:last-child {
        margin-left: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-3:first-child, .atom.dashboard-slide-card .frame-col-offset-3:last-child {
        margin-left: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-3:first-child, .atom.dashboard-slide-card .frame-col-offset-3:last-child {
        margin-left: calc(3 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 3)) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); } }
    .atom.dashboard-slide-card .frame-col-4:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-4:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-4:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-4:first-child, .atom.dashboard-slide-card .frame-col-4:last-child {
        width: calc(4 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 4)) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-4:first-child, .atom.dashboard-slide-card .frame-col-offset-4:last-child {
      margin-left: calc(4 * (((80vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-4:first-child, .atom.dashboard-slide-card .frame-col-offset-4:last-child {
        margin-left: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-4:first-child, .atom.dashboard-slide-card .frame-col-offset-4:last-child {
        margin-left: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-4:first-child, .atom.dashboard-slide-card .frame-col-offset-4:last-child {
        margin-left: calc(4 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 4)) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); } }
    .atom.dashboard-slide-card .frame-col-5:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-5:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-5:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-5:first-child, .atom.dashboard-slide-card .frame-col-5:last-child {
        width: calc(5 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 5)) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-5:first-child, .atom.dashboard-slide-card .frame-col-offset-5:last-child {
      margin-left: calc(5 * (((80vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-5:first-child, .atom.dashboard-slide-card .frame-col-offset-5:last-child {
        margin-left: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-5:first-child, .atom.dashboard-slide-card .frame-col-offset-5:last-child {
        margin-left: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-5:first-child, .atom.dashboard-slide-card .frame-col-offset-5:last-child {
        margin-left: calc(5 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 5)) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); } }
    .atom.dashboard-slide-card .frame-col-6:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-6:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-6:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-6:first-child, .atom.dashboard-slide-card .frame-col-6:last-child {
        width: calc(6 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 6)) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-6:first-child, .atom.dashboard-slide-card .frame-col-offset-6:last-child {
      margin-left: calc(6 * (((80vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-6:first-child, .atom.dashboard-slide-card .frame-col-offset-6:last-child {
        margin-left: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-6:first-child, .atom.dashboard-slide-card .frame-col-offset-6:last-child {
        margin-left: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-6:first-child, .atom.dashboard-slide-card .frame-col-offset-6:last-child {
        margin-left: calc(6 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 6)) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); } }
    .atom.dashboard-slide-card .frame-col-7:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-7:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-7:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-7:first-child, .atom.dashboard-slide-card .frame-col-7:last-child {
        width: calc(7 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 7)) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-7:first-child, .atom.dashboard-slide-card .frame-col-offset-7:last-child {
      margin-left: calc(7 * (((80vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-7:first-child, .atom.dashboard-slide-card .frame-col-offset-7:last-child {
        margin-left: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-7:first-child, .atom.dashboard-slide-card .frame-col-offset-7:last-child {
        margin-left: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-7:first-child, .atom.dashboard-slide-card .frame-col-offset-7:last-child {
        margin-left: calc(7 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 7)) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); } }
    .atom.dashboard-slide-card .frame-col-8:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-8:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-8:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-8:first-child, .atom.dashboard-slide-card .frame-col-8:last-child {
        width: calc(8 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 8)) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-8:first-child, .atom.dashboard-slide-card .frame-col-offset-8:last-child {
      margin-left: calc(8 * (((80vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-8:first-child, .atom.dashboard-slide-card .frame-col-offset-8:last-child {
        margin-left: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-8:first-child, .atom.dashboard-slide-card .frame-col-offset-8:last-child {
        margin-left: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-8:first-child, .atom.dashboard-slide-card .frame-col-offset-8:last-child {
        margin-left: calc(8 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 8)) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); } }
    .atom.dashboard-slide-card .frame-col-9:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-9:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-9:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-9:first-child, .atom.dashboard-slide-card .frame-col-9:last-child {
        width: calc(9 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 9)) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-9:first-child, .atom.dashboard-slide-card .frame-col-offset-9:last-child {
      margin-left: calc(9 * (((80vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-9:first-child, .atom.dashboard-slide-card .frame-col-offset-9:last-child {
        margin-left: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-9:first-child, .atom.dashboard-slide-card .frame-col-offset-9:last-child {
        margin-left: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-9:first-child, .atom.dashboard-slide-card .frame-col-offset-9:last-child {
        margin-left: calc(9 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 9)) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); } }
    .atom.dashboard-slide-card .frame-col-10:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-10:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-10:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-10:first-child, .atom.dashboard-slide-card .frame-col-10:last-child {
        width: calc(10 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 10)) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-10:first-child, .atom.dashboard-slide-card .frame-col-offset-10:last-child {
      margin-left: calc(10 * (((80vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-10:first-child, .atom.dashboard-slide-card .frame-col-offset-10:last-child {
        margin-left: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-10:first-child, .atom.dashboard-slide-card .frame-col-offset-10:last-child {
        margin-left: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-10:first-child, .atom.dashboard-slide-card .frame-col-offset-10:last-child {
        margin-left: calc(10 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 10)) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); } }
    .atom.dashboard-slide-card .frame-col-11:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-11:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-11:first-child, .atom.dashboard-slide-card .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.dashboard-slide-card .frame-col-11:first-child, .atom.dashboard-slide-card .frame-col-11:last-child {
        width: calc(11 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 11)) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-11:first-child, .atom.dashboard-slide-card .frame-col-offset-11:last-child {
      margin-left: calc(11 * (((80vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-11:first-child, .atom.dashboard-slide-card .frame-col-offset-11:last-child {
        margin-left: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-11:first-child, .atom.dashboard-slide-card .frame-col-offset-11:last-child {
        margin-left: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-11:first-child, .atom.dashboard-slide-card .frame-col-offset-11:last-child {
        margin-left: calc(11 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 11)) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); } }
    .atom.dashboard-slide-card .frame-col-12:first-child, .atom.dashboard-slide-card .frame-col-12:last-child {
      width: calc(12 * (((80vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-12:first-child, .atom.dashboard-slide-card .frame-col-12:last-child {
        width: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-12:first-child, .atom.dashboard-slide-card .frame-col-12:last-child {
        width: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-12:first-child, .atom.dashboard-slide-card .frame-col-12:last-child {
        width: calc(12 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 12)) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    .atom.dashboard-slide-card .frame-col-offset-12:first-child, .atom.dashboard-slide-card .frame-col-offset-12:last-child {
      margin-left: calc(12 * (((80vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-offset-12:first-child, .atom.dashboard-slide-card .frame-col-offset-12:last-child {
        margin-left: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-offset-12:first-child, .atom.dashboard-slide-card .frame-col-offset-12:last-child {
        margin-left: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-offset-12:first-child, .atom.dashboard-slide-card .frame-col-offset-12:last-child {
        margin-left: calc(12 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 12)) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
    @media only screen and (max-width: 1199px) {
      .atom.dashboard-slide-card .frame-col-PS0:first-child, .atom.dashboard-slide-card .frame-col-PS0:last-child {
        width: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS0:first-child, .atom.dashboard-slide-card .frame-col-offset-PS0:last-child {
        margin-left: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS1:first-child, .atom.dashboard-slide-card .frame-col-PS1:last-child {
        width: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS1:first-child, .atom.dashboard-slide-card .frame-col-offset-PS1:last-child {
        margin-left: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS2:first-child, .atom.dashboard-slide-card .frame-col-PS2:last-child {
        width: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS2:first-child, .atom.dashboard-slide-card .frame-col-offset-PS2:last-child {
        margin-left: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS3:first-child, .atom.dashboard-slide-card .frame-col-PS3:last-child {
        width: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS3:first-child, .atom.dashboard-slide-card .frame-col-offset-PS3:last-child {
        margin-left: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS4:first-child, .atom.dashboard-slide-card .frame-col-PS4:last-child {
        width: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS4:first-child, .atom.dashboard-slide-card .frame-col-offset-PS4:last-child {
        margin-left: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS5:first-child, .atom.dashboard-slide-card .frame-col-PS5:last-child {
        width: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS5:first-child, .atom.dashboard-slide-card .frame-col-offset-PS5:last-child {
        margin-left: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS6:first-child, .atom.dashboard-slide-card .frame-col-PS6:last-child {
        width: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS6:first-child, .atom.dashboard-slide-card .frame-col-offset-PS6:last-child {
        margin-left: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS7:first-child, .atom.dashboard-slide-card .frame-col-PS7:last-child {
        width: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS7:first-child, .atom.dashboard-slide-card .frame-col-offset-PS7:last-child {
        margin-left: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS8:first-child, .atom.dashboard-slide-card .frame-col-PS8:last-child {
        width: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS8:first-child, .atom.dashboard-slide-card .frame-col-offset-PS8:last-child {
        margin-left: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS9:first-child, .atom.dashboard-slide-card .frame-col-PS9:last-child {
        width: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS9:first-child, .atom.dashboard-slide-card .frame-col-offset-PS9:last-child {
        margin-left: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS10:first-child, .atom.dashboard-slide-card .frame-col-PS10:last-child {
        width: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS10:first-child, .atom.dashboard-slide-card .frame-col-offset-PS10:last-child {
        margin-left: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS11:first-child, .atom.dashboard-slide-card .frame-col-PS11:last-child {
        width: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS11:first-child, .atom.dashboard-slide-card .frame-col-offset-PS11:last-child {
        margin-left: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.dashboard-slide-card .frame-col-PS12:first-child, .atom.dashboard-slide-card .frame-col-PS12:last-child {
        width: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-PS12:first-child, .atom.dashboard-slide-card .frame-col-offset-PS12:last-child {
        margin-left: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 899px) {
      .atom.dashboard-slide-card .frame-col-TP0:first-child, .atom.dashboard-slide-card .frame-col-TP0:last-child {
        width: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP0:first-child, .atom.dashboard-slide-card .frame-col-offset-TP0:last-child {
        margin-left: calc(0 * (((90vw - (2.5rem * 12 / 0)) - 11 * 2.5rem) / 12) + (2.5rem * (0 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP1:first-child, .atom.dashboard-slide-card .frame-col-TP1:last-child {
        width: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP1:first-child, .atom.dashboard-slide-card .frame-col-offset-TP1:last-child {
        margin-left: calc(1 * (((90vw - (2.5rem * 12 / 1)) - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP2:first-child, .atom.dashboard-slide-card .frame-col-TP2:last-child {
        width: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP2:first-child, .atom.dashboard-slide-card .frame-col-offset-TP2:last-child {
        margin-left: calc(2 * (((90vw - (2.5rem * 12 / 2)) - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP3:first-child, .atom.dashboard-slide-card .frame-col-TP3:last-child {
        width: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP3:first-child, .atom.dashboard-slide-card .frame-col-offset-TP3:last-child {
        margin-left: calc(3 * (((90vw - (2.5rem * 12 / 3)) - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP4:first-child, .atom.dashboard-slide-card .frame-col-TP4:last-child {
        width: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP4:first-child, .atom.dashboard-slide-card .frame-col-offset-TP4:last-child {
        margin-left: calc(4 * (((90vw - (2.5rem * 12 / 4)) - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP5:first-child, .atom.dashboard-slide-card .frame-col-TP5:last-child {
        width: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP5:first-child, .atom.dashboard-slide-card .frame-col-offset-TP5:last-child {
        margin-left: calc(5 * (((90vw - (2.5rem * 12 / 5)) - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP6:first-child, .atom.dashboard-slide-card .frame-col-TP6:last-child {
        width: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP6:first-child, .atom.dashboard-slide-card .frame-col-offset-TP6:last-child {
        margin-left: calc(6 * (((90vw - (2.5rem * 12 / 6)) - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP7:first-child, .atom.dashboard-slide-card .frame-col-TP7:last-child {
        width: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP7:first-child, .atom.dashboard-slide-card .frame-col-offset-TP7:last-child {
        margin-left: calc(7 * (((90vw - (2.5rem * 12 / 7)) - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP8:first-child, .atom.dashboard-slide-card .frame-col-TP8:last-child {
        width: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP8:first-child, .atom.dashboard-slide-card .frame-col-offset-TP8:last-child {
        margin-left: calc(8 * (((90vw - (2.5rem * 12 / 8)) - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP9:first-child, .atom.dashboard-slide-card .frame-col-TP9:last-child {
        width: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP9:first-child, .atom.dashboard-slide-card .frame-col-offset-TP9:last-child {
        margin-left: calc(9 * (((90vw - (2.5rem * 12 / 9)) - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP10:first-child, .atom.dashboard-slide-card .frame-col-TP10:last-child {
        width: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP10:first-child, .atom.dashboard-slide-card .frame-col-offset-TP10:last-child {
        margin-left: calc(10 * (((90vw - (2.5rem * 12 / 10)) - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP11:first-child, .atom.dashboard-slide-card .frame-col-TP11:last-child {
        width: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP11:first-child, .atom.dashboard-slide-card .frame-col-offset-TP11:last-child {
        margin-left: calc(11 * (((90vw - (2.5rem * 12 / 11)) - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); }
      .atom.dashboard-slide-card .frame-col-TP12:first-child, .atom.dashboard-slide-card .frame-col-TP12:last-child {
        width: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-TP12:first-child, .atom.dashboard-slide-card .frame-col-offset-TP12:last-child {
        margin-left: calc(12 * (((90vw - (2.5rem * 12 / 12)) - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
    @media only screen and (max-width: 599px) {
      .atom.dashboard-slide-card .frame-col-M0:first-child, .atom.dashboard-slide-card .frame-col-M0:last-child {
        width: calc(0 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 0)) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M0:first-child, .atom.dashboard-slide-card .frame-col-offset-M0:last-child {
        margin-left: calc(0 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 0)) - 11 * 1.875rem) / 12) + (1.875rem * (0 - 1))); }
      .atom.dashboard-slide-card .frame-col-M1:first-child, .atom.dashboard-slide-card .frame-col-M1:last-child {
        width: calc(1 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 1)) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M1:first-child, .atom.dashboard-slide-card .frame-col-offset-M1:last-child {
        margin-left: calc(1 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 1)) - 11 * 1.875rem) / 12) + (1.875rem * (1 - 1))); }
      .atom.dashboard-slide-card .frame-col-M2:first-child, .atom.dashboard-slide-card .frame-col-M2:last-child {
        width: calc(2 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 2)) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M2:first-child, .atom.dashboard-slide-card .frame-col-offset-M2:last-child {
        margin-left: calc(2 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 2)) - 11 * 1.875rem) / 12) + (1.875rem * (2 - 1))); }
      .atom.dashboard-slide-card .frame-col-M3:first-child, .atom.dashboard-slide-card .frame-col-M3:last-child {
        width: calc(3 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 3)) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M3:first-child, .atom.dashboard-slide-card .frame-col-offset-M3:last-child {
        margin-left: calc(3 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 3)) - 11 * 1.875rem) / 12) + (1.875rem * (3 - 1))); }
      .atom.dashboard-slide-card .frame-col-M4:first-child, .atom.dashboard-slide-card .frame-col-M4:last-child {
        width: calc(4 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 4)) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M4:first-child, .atom.dashboard-slide-card .frame-col-offset-M4:last-child {
        margin-left: calc(4 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 4)) - 11 * 1.875rem) / 12) + (1.875rem * (4 - 1))); }
      .atom.dashboard-slide-card .frame-col-M5:first-child, .atom.dashboard-slide-card .frame-col-M5:last-child {
        width: calc(5 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 5)) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M5:first-child, .atom.dashboard-slide-card .frame-col-offset-M5:last-child {
        margin-left: calc(5 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 5)) - 11 * 1.875rem) / 12) + (1.875rem * (5 - 1))); }
      .atom.dashboard-slide-card .frame-col-M6:first-child, .atom.dashboard-slide-card .frame-col-M6:last-child {
        width: calc(6 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 6)) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M6:first-child, .atom.dashboard-slide-card .frame-col-offset-M6:last-child {
        margin-left: calc(6 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 6)) - 11 * 1.875rem) / 12) + (1.875rem * (6 - 1))); }
      .atom.dashboard-slide-card .frame-col-M7:first-child, .atom.dashboard-slide-card .frame-col-M7:last-child {
        width: calc(7 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 7)) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M7:first-child, .atom.dashboard-slide-card .frame-col-offset-M7:last-child {
        margin-left: calc(7 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 7)) - 11 * 1.875rem) / 12) + (1.875rem * (7 - 1))); }
      .atom.dashboard-slide-card .frame-col-M8:first-child, .atom.dashboard-slide-card .frame-col-M8:last-child {
        width: calc(8 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 8)) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M8:first-child, .atom.dashboard-slide-card .frame-col-offset-M8:last-child {
        margin-left: calc(8 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 8)) - 11 * 1.875rem) / 12) + (1.875rem * (8 - 1))); }
      .atom.dashboard-slide-card .frame-col-M9:first-child, .atom.dashboard-slide-card .frame-col-M9:last-child {
        width: calc(9 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 9)) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M9:first-child, .atom.dashboard-slide-card .frame-col-offset-M9:last-child {
        margin-left: calc(9 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 9)) - 11 * 1.875rem) / 12) + (1.875rem * (9 - 1))); }
      .atom.dashboard-slide-card .frame-col-M10:first-child, .atom.dashboard-slide-card .frame-col-M10:last-child {
        width: calc(10 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 10)) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M10:first-child, .atom.dashboard-slide-card .frame-col-offset-M10:last-child {
        margin-left: calc(10 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 10)) - 11 * 1.875rem) / 12) + (1.875rem * (10 - 1))); }
      .atom.dashboard-slide-card .frame-col-M11:first-child, .atom.dashboard-slide-card .frame-col-M11:last-child {
        width: calc(11 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 11)) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M11:first-child, .atom.dashboard-slide-card .frame-col-offset-M11:last-child {
        margin-left: calc(11 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 11)) - 11 * 1.875rem) / 12) + (1.875rem * (11 - 1))); }
      .atom.dashboard-slide-card .frame-col-M12:first-child, .atom.dashboard-slide-card .frame-col-M12:last-child {
        width: calc(12 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 12)) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); }
      .atom.dashboard-slide-card .frame-col-offset-M12:first-child, .atom.dashboard-slide-card .frame-col-offset-M12:last-child {
        margin-left: calc(12 * ((((100vw - 6.25rem ) - (1.875rem * 12 / 12)) - 11 * 1.875rem) / 12) + (1.875rem * (12 - 1))); } }
  .atom.dashboard-slide-section-auto {
    height: auto; }
    .atom.dashboard-slide-section-auto .atom--subTabs .subTab {
      margin-right: 0; }
      .atom.dashboard-slide-section-auto .atom--subTabs .subTab:not(:last-child) {
        margin-right: 2.25rem; }

#slideBannerHome.slick-dotted.slick-slider {
  margin-bottom: 0; }

#slideBannerHome .slick-list {
  padding: 0; }

#slideBannerHome .slick-track {
  padding-bottom: 0; }

#slideBannerHome .slick-dots {
  bottom: 2.5rem;
  height: 2.5rem;
  width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
  left: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 10vw);
  z-index: 57; }
  @media only screen and (max-width: 1199px) {
    #slideBannerHome .slick-dots {
      width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
      left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
  @media only screen and (max-width: 899px) {
    #slideBannerHome .slick-dots {
      width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5));
      left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
  @media only screen and (max-width: 599px) {
    #slideBannerHome .slick-dots {
      width: calc(12 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 11));
      left: 3.125rem; } }

#slideBannerHome .slick-dots li.slick-active button:before {
  color: white; }

#slideBannerHome .slick-dots li button:before {
  font-family: 'slick';
  font-size: 5rem;
  color: white; }

.atom.banner-slide {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: block; }
  @media only screen and (max-width: 899px) {
    .atom.banner-slide {
      height: auto;
      min-height: 60rem; } }
  @media only screen and (max-width: 599px) {
    .atom.banner-slide {
      height: auto;
      min-height: 100vh; } }
  .atom.banner-slide-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    min-height: inherit; }
  .atom.banner-slide-background {
    position: absolute;
    height: 100%;
    width: 100vw; }
    .atom.banner-slide-background-ispc {
      display: block; }
    .atom.banner-slide-background-ispcsmall {
      display: none; }
    .atom.banner-slide-background-istablet {
      display: none; }
    .atom.banner-slide-background-ismobile {
      display: none; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-background-ispc {
        display: none; }
      .atom.banner-slide-background-ispcsmall {
        display: block; }
      .atom.banner-slide-background-istablet {
        display: none; }
      .atom.banner-slide-background-ismobile {
        display: none; } }
    @media only screen and (max-width: 899px) {
      .atom.banner-slide-background-ispc {
        display: none; }
      .atom.banner-slide-background-ispcsmall {
        display: none; }
      .atom.banner-slide-background-istablet {
        display: block; }
      .atom.banner-slide-background-ismobile {
        display: none; } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-background-ispc {
        display: none; }
      .atom.banner-slide-background-ispcsmall {
        display: none; }
      .atom.banner-slide-background-istablet {
        display: none; }
      .atom.banner-slide-background-ismobile {
        display: block; } }
  .atom.banner-slide-floatingImg {
    height: 100%;
    width: 100vw; }
    .atom.banner-slide-floatingImg-ispc {
      display: block; }
    .atom.banner-slide-floatingImg-ispcsmall {
      display: none; }
    .atom.banner-slide-floatingImg-istablet {
      display: none; }
    .atom.banner-slide-floatingImg-ismobile {
      display: none; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-floatingImg-ispc {
        display: none; }
      .atom.banner-slide-floatingImg-ispcsmall {
        display: block; }
      .atom.banner-slide-floatingImg-istablet {
        display: none; }
      .atom.banner-slide-floatingImg-ismobile {
        display: none; } }
    @media only screen and (max-width: 899px) {
      .atom.banner-slide-floatingImg-ispc {
        display: none; }
      .atom.banner-slide-floatingImg-ispcsmall {
        display: none; }
      .atom.banner-slide-floatingImg-istablet {
        display: block; }
      .atom.banner-slide-floatingImg-ismobile {
        display: none; } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-floatingImg-ispc {
        display: none; }
      .atom.banner-slide-floatingImg-ispcsmall {
        display: none; }
      .atom.banner-slide-floatingImg-istablet {
        display: none; }
      .atom.banner-slide-floatingImg-ismobile {
        display: block; } }
  .atom.banner-slide-floatingBadge {
    transition: all 0.3s ease-in-out;
    z-index: 3; }
    .atom.banner-slide-floatingBadge--height-1 {
      height: 2.5rem; }
    .atom.banner-slide-floatingBadge--height-2 {
      height: 5rem; }
    .atom.banner-slide-floatingBadge--height-3 {
      height: 7.5rem; }
    .atom.banner-slide-floatingBadge--height-4 {
      height: 10rem; }
    .atom.banner-slide-floatingBadge--height-5 {
      height: 12.5rem; }
    .atom.banner-slide-floatingBadge--height-6 {
      height: 15rem; }
    .atom.banner-slide-floatingBadge--height-7 {
      height: 17.5rem; }
    .atom.banner-slide-floatingBadge--height-8 {
      height: 20rem; }
    .atom.banner-slide-floatingBadge--height-9 {
      height: 22.5rem; }
    .atom.banner-slide-floatingBadge--height-10 {
      height: 25rem; }
    .atom.banner-slide-floatingBadge--height-11 {
      height: 27.5rem; }
    .atom.banner-slide-floatingBadge--height-12 {
      height: 30rem; }
    .atom.banner-slide-floatingBadge--height-13 {
      height: 32.5rem; }
    .atom.banner-slide-floatingBadge--height-14 {
      height: 35rem; }
    .atom.banner-slide-floatingBadge--height-15 {
      height: 37.5rem; }
    .atom.banner-slide-floatingBadge--height-16 {
      height: 40rem; }
    .atom.banner-slide-floatingBadge--height-17 {
      height: 42.5rem; }
    .atom.banner-slide-floatingBadge--height-18 {
      height: 45rem; }
    .atom.banner-slide-floatingBadge--height-19 {
      height: 47.5rem; }
    .atom.banner-slide-floatingBadge--height-20 {
      height: 50rem; }
    .atom.banner-slide-floatingBadge--height-21 {
      height: 52.5rem; }
    .atom.banner-slide-floatingBadge--height-22 {
      height: 55rem; }
    .atom.banner-slide-floatingBadge--height-23 {
      height: 57.5rem; }
    .atom.banner-slide-floatingBadge--height-24 {
      height: 60rem; }
    .atom.banner-slide-floatingBadge--height-25 {
      height: 62.5rem; }
    .atom.banner-slide-floatingBadge--height-26 {
      height: 65rem; }
    .atom.banner-slide-floatingBadge--height-27 {
      height: 67.5rem; }
    .atom.banner-slide-floatingBadge--height-28 {
      height: 70rem; }
    .atom.banner-slide-floatingBadge--height-29 {
      height: 72.5rem; }
    .atom.banner-slide-floatingBadge--height-30 {
      height: 75rem; }
    .atom.banner-slide-floatingBadge--width-1 {
      width: calc(1 * ((80vw - 11 * 2.5rem) / 12)); }
    .atom.banner-slide-floatingBadge--width-2 {
      width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.banner-slide-floatingBadge--width-3 {
      width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.banner-slide-floatingBadge--width-4 {
      width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.banner-slide-floatingBadge--width-5 {
      width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.banner-slide-floatingBadge--width-6 {
      width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.banner-slide-floatingBadge--width-7 {
      width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.banner-slide-floatingBadge--width-8 {
      width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.banner-slide-floatingBadge--width-9 {
      width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.banner-slide-floatingBadge--width-10 {
      width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.banner-slide-floatingBadge--width-11 {
      width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.banner-slide-floatingBadge--width-12 {
      width: 100%; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-floatingBadge--width-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12)); }
      .atom.banner-slide-floatingBadge--width-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.banner-slide-floatingBadge--width-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.banner-slide-floatingBadge--width-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.banner-slide-floatingBadge--width-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.banner-slide-floatingBadge--width-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.banner-slide-floatingBadge--width-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.banner-slide-floatingBadge--width-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.banner-slide-floatingBadge--width-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.banner-slide-floatingBadge--width-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.banner-slide-floatingBadge--width-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-floatingBadge--width-1 {
        width: calc(1 * ( (100vw - 6.25rem) - 11 * 2.5rem) / 12); }
      .atom.banner-slide-floatingBadge--width-2 {
        width: calc(2 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.banner-slide-floatingBadge--width-3 {
        width: calc(3 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.banner-slide-floatingBadge--width-4 {
        width: calc(4 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.banner-slide-floatingBadge--width-5 {
        width: calc(5 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.banner-slide-floatingBadge--width-6 {
        width: calc(6 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.banner-slide-floatingBadge--width-7 {
        width: calc(7 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.banner-slide-floatingBadge--width-8 {
        width: calc(8 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.banner-slide-floatingBadge--width-9 {
        width: calc(9 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.banner-slide-floatingBadge--width-10 {
        width: calc(10 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.banner-slide-floatingBadge--width-11 {
        width: calc(11 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
    .atom.banner-slide-floatingBadge--top-1 {
      top: 2.5rem; }
    .atom.banner-slide-floatingBadge--top-2 {
      top: 5rem; }
    .atom.banner-slide-floatingBadge--top-3 {
      top: 7.5rem; }
    .atom.banner-slide-floatingBadge--top-4 {
      top: 10rem; }
    .atom.banner-slide-floatingBadge--top-5 {
      top: 12.5rem; }
    .atom.banner-slide-floatingBadge--top-6 {
      top: 15rem; }
    .atom.banner-slide-floatingBadge--top-7 {
      top: 17.5rem; }
    .atom.banner-slide-floatingBadge--top-8 {
      top: 20rem; }
    .atom.banner-slide-floatingBadge--top-9 {
      top: 22.5rem; }
    .atom.banner-slide-floatingBadge--top-10 {
      top: 25rem; }
    .atom.banner-slide-floatingBadge--top-11 {
      top: 27.5rem; }
    .atom.banner-slide-floatingBadge--top-12 {
      top: 30rem; }
    .atom.banner-slide-floatingBadge--top-13 {
      top: 32.5rem; }
    .atom.banner-slide-floatingBadge--top-14 {
      top: 35rem; }
    .atom.banner-slide-floatingBadge--top-15 {
      top: 37.5rem; }
    .atom.banner-slide-floatingBadge--top-16 {
      top: 40rem; }
    .atom.banner-slide-floatingBadge--top-17 {
      top: 42.5rem; }
    .atom.banner-slide-floatingBadge--top-18 {
      top: 45rem; }
    .atom.banner-slide-floatingBadge--top-19 {
      top: 47.5rem; }
    .atom.banner-slide-floatingBadge--top-20 {
      top: 50rem; }
    .atom.banner-slide-floatingBadge--top-21 {
      top: 52.5rem; }
    .atom.banner-slide-floatingBadge--top-22 {
      top: 55rem; }
    .atom.banner-slide-floatingBadge--top-23 {
      top: 57.5rem; }
    .atom.banner-slide-floatingBadge--top-24 {
      top: 60rem; }
    .atom.banner-slide-floatingBadge--top-25 {
      top: 62.5rem; }
    .atom.banner-slide-floatingBadge--top-26 {
      top: 65rem; }
    .atom.banner-slide-floatingBadge--top-27 {
      top: 67.5rem; }
    .atom.banner-slide-floatingBadge--top-28 {
      top: 70rem; }
    .atom.banner-slide-floatingBadge--top-29 {
      top: 72.5rem; }
    .atom.banner-slide-floatingBadge--top-30 {
      top: 75rem; }
    .atom.banner-slide-floatingBadge--left-1 {
      left: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.banner-slide-floatingBadge--left-2 {
      left: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.banner-slide-floatingBadge--left-3 {
      left: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.banner-slide-floatingBadge--left-4 {
      left: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.banner-slide-floatingBadge--left-5 {
      left: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.banner-slide-floatingBadge--left-6 {
      left: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.banner-slide-floatingBadge--left-7 {
      left: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.banner-slide-floatingBadge--left-8 {
      left: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.banner-slide-floatingBadge--left-9 {
      left: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.banner-slide-floatingBadge--left-10 {
      left: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.banner-slide-floatingBadge--left-11 {
      left: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    .atom.banner-slide-floatingBadge--left-12 {
      left: 100%; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-floatingBadge--left-1 {
        left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.banner-slide-floatingBadge--left-2 {
        left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.banner-slide-floatingBadge--left-3 {
        left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.banner-slide-floatingBadge--left-4 {
        left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.banner-slide-floatingBadge--left-5 {
        left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.banner-slide-floatingBadge--left-6 {
        left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.banner-slide-floatingBadge--left-7 {
        left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.banner-slide-floatingBadge--left-8 {
        left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.banner-slide-floatingBadge--left-9 {
        left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.banner-slide-floatingBadge--left-10 {
        left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.banner-slide-floatingBadge--left-11 {
        left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-floatingBadge--left-1 {
        left: calc(1 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.banner-slide-floatingBadge--left-2 {
        left: calc(2 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.banner-slide-floatingBadge--left-3 {
        left: calc(3 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.banner-slide-floatingBadge--left-4 {
        left: calc(4 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.banner-slide-floatingBadge--left-5 {
        left: calc(5 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.banner-slide-floatingBadge--left-6 {
        left: calc(6 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.banner-slide-floatingBadge--left-7 {
        left: calc(7 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.banner-slide-floatingBadge--left-8 {
        left: calc(8 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.banner-slide-floatingBadge--left-9 {
        left: calc(9 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.banner-slide-floatingBadge--left-10 {
        left: calc(10 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.banner-slide-floatingBadge--left-11 {
        left: calc(11 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
    .atom.banner-slide-floatingBadge-ispc {
      display: block; }
    .atom.banner-slide-floatingBadge-ispcsmall {
      display: none; }
    .atom.banner-slide-floatingBadge-istablet {
      display: none; }
    .atom.banner-slide-floatingBadge-ismobile {
      display: none; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-floatingBadge-ispc {
        display: none; }
      .atom.banner-slide-floatingBadge-ispcsmall {
        display: block; }
      .atom.banner-slide-floatingBadge-istablet {
        display: none; }
      .atom.banner-slide-floatingBadge-ismobile {
        display: none; } }
    @media only screen and (max-width: 899px) {
      .atom.banner-slide-floatingBadge-ispc {
        display: none; }
      .atom.banner-slide-floatingBadge-ispcsmall {
        display: none; }
      .atom.banner-slide-floatingBadge-istablet {
        display: block; }
      .atom.banner-slide-floatingBadge-ismobile {
        display: none; } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-floatingBadge-ispc {
        display: none; }
      .atom.banner-slide-floatingBadge-ispcsmall {
        display: none; }
      .atom.banner-slide-floatingBadge-istablet {
        display: none; }
      .atom.banner-slide-floatingBadge-ismobile {
        display: block; } }
  .atom.banner-slide-image {
    background-color: aqua; }
    .atom.banner-slide-image--height-1 {
      height: 2.5rem; }
    .atom.banner-slide-image--height-2 {
      height: 5rem; }
    .atom.banner-slide-image--height-3 {
      height: 7.5rem; }
    .atom.banner-slide-image--height-4 {
      height: 10rem; }
    .atom.banner-slide-image--height-5 {
      height: 12.5rem; }
    .atom.banner-slide-image--height-6 {
      height: 15rem; }
    .atom.banner-slide-image--height-7 {
      height: 17.5rem; }
    .atom.banner-slide-image--height-8 {
      height: 20rem; }
    .atom.banner-slide-image--height-9 {
      height: 22.5rem; }
    .atom.banner-slide-image--height-10 {
      height: 25rem; }
    .atom.banner-slide-image--height-11 {
      height: 27.5rem; }
    .atom.banner-slide-image--height-12 {
      height: 30rem; }
    .atom.banner-slide-image--height-13 {
      height: 32.5rem; }
    .atom.banner-slide-image--height-14 {
      height: 35rem; }
    .atom.banner-slide-image--height-15 {
      height: 37.5rem; }
    .atom.banner-slide-image--height-16 {
      height: 40rem; }
    .atom.banner-slide-image--height-17 {
      height: 42.5rem; }
    .atom.banner-slide-image--height-18 {
      height: 45rem; }
    .atom.banner-slide-image--height-19 {
      height: 47.5rem; }
    .atom.banner-slide-image--height-20 {
      height: 50rem; }
    .atom.banner-slide-image--height-21 {
      height: 52.5rem; }
    .atom.banner-slide-image--height-22 {
      height: 55rem; }
    .atom.banner-slide-image--height-23 {
      height: 57.5rem; }
    .atom.banner-slide-image--height-24 {
      height: 60rem; }
    .atom.banner-slide-image--height-25 {
      height: 62.5rem; }
    .atom.banner-slide-image--height-26 {
      height: 65rem; }
    .atom.banner-slide-image--height-27 {
      height: 67.5rem; }
    .atom.banner-slide-image--height-28 {
      height: 70rem; }
    .atom.banner-slide-image--height-29 {
      height: 72.5rem; }
    .atom.banner-slide-image--height-30 {
      height: 75rem; }
    .atom.banner-slide-image--width-1 {
      width: calc(1 * ((80vw - 11 * 2.5rem) / 12)); }
    .atom.banner-slide-image--width-2 {
      width: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.banner-slide-image--width-3 {
      width: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.banner-slide-image--width-4 {
      width: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.banner-slide-image--width-5 {
      width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.banner-slide-image--width-6 {
      width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.banner-slide-image--width-7 {
      width: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.banner-slide-image--width-8 {
      width: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.banner-slide-image--width-9 {
      width: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.banner-slide-image--width-10 {
      width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.banner-slide-image--width-11 {
      width: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.banner-slide-image--width-12 {
      width: 100%; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-image--width-1 {
        width: calc(1 * ((90vw - 11 * 2.5rem) / 12)); }
      .atom.banner-slide-image--width-2 {
        width: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.banner-slide-image--width-3 {
        width: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.banner-slide-image--width-4 {
        width: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.banner-slide-image--width-5 {
        width: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.banner-slide-image--width-6 {
        width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.banner-slide-image--width-7 {
        width: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.banner-slide-image--width-8 {
        width: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.banner-slide-image--width-9 {
        width: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.banner-slide-image--width-10 {
        width: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.banner-slide-image--width-11 {
        width: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-image--width-1 {
        width: calc(1 * ( (100vw - 6.25rem) - 11 * 2.5rem) / 12); }
      .atom.banner-slide-image--width-2 {
        width: calc(2 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.banner-slide-image--width-3 {
        width: calc(3 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.banner-slide-image--width-4 {
        width: calc(4 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.banner-slide-image--width-5 {
        width: calc(5 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.banner-slide-image--width-6 {
        width: calc(6 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.banner-slide-image--width-7 {
        width: calc(7 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.banner-slide-image--width-8 {
        width: calc(8 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.banner-slide-image--width-9 {
        width: calc(9 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.banner-slide-image--width-10 {
        width: calc(10 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.banner-slide-image--width-11 {
        width: calc(11 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 10)); } }
    .atom.banner-slide-image--top-1 {
      top: 2.5rem; }
    .atom.banner-slide-image--top-2 {
      top: 5rem; }
    .atom.banner-slide-image--top-3 {
      top: 7.5rem; }
    .atom.banner-slide-image--top-4 {
      top: 10rem; }
    .atom.banner-slide-image--top-5 {
      top: 12.5rem; }
    .atom.banner-slide-image--top-6 {
      top: 15rem; }
    .atom.banner-slide-image--top-7 {
      top: 17.5rem; }
    .atom.banner-slide-image--top-8 {
      top: 20rem; }
    .atom.banner-slide-image--top-9 {
      top: 22.5rem; }
    .atom.banner-slide-image--top-10 {
      top: 25rem; }
    .atom.banner-slide-image--top-11 {
      top: 27.5rem; }
    .atom.banner-slide-image--top-12 {
      top: 30rem; }
    .atom.banner-slide-image--top-13 {
      top: 32.5rem; }
    .atom.banner-slide-image--top-14 {
      top: 35rem; }
    .atom.banner-slide-image--top-15 {
      top: 37.5rem; }
    .atom.banner-slide-image--top-16 {
      top: 40rem; }
    .atom.banner-slide-image--top-17 {
      top: 42.5rem; }
    .atom.banner-slide-image--top-18 {
      top: 45rem; }
    .atom.banner-slide-image--top-19 {
      top: 47.5rem; }
    .atom.banner-slide-image--top-20 {
      top: 50rem; }
    .atom.banner-slide-image--top-21 {
      top: 52.5rem; }
    .atom.banner-slide-image--top-22 {
      top: 55rem; }
    .atom.banner-slide-image--top-23 {
      top: 57.5rem; }
    .atom.banner-slide-image--top-24 {
      top: 60rem; }
    .atom.banner-slide-image--top-25 {
      top: 62.5rem; }
    .atom.banner-slide-image--top-26 {
      top: 65rem; }
    .atom.banner-slide-image--top-27 {
      top: 67.5rem; }
    .atom.banner-slide-image--top-28 {
      top: 70rem; }
    .atom.banner-slide-image--top-29 {
      top: 72.5rem; }
    .atom.banner-slide-image--top-30 {
      top: 75rem; }
    .atom.banner-slide-image--left-1 {
      left: calc(1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
    .atom.banner-slide-image--left-2 {
      left: calc(2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
    .atom.banner-slide-image--left-3 {
      left: calc(3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
    .atom.banner-slide-image--left-4 {
      left: calc(4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
    .atom.banner-slide-image--left-5 {
      left: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
    .atom.banner-slide-image--left-6 {
      left: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
    .atom.banner-slide-image--left-7 {
      left: calc(7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
    .atom.banner-slide-image--left-8 {
      left: calc(8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
    .atom.banner-slide-image--left-9 {
      left: calc(9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
    .atom.banner-slide-image--left-10 {
      left: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
    .atom.banner-slide-image--left-11 {
      left: calc(11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); }
    .atom.banner-slide-image--left-12 {
      left: 100%; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-image--left-1 {
        left: calc(1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.banner-slide-image--left-2 {
        left: calc(2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.banner-slide-image--left-3 {
        left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.banner-slide-image--left-4 {
        left: calc(4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.banner-slide-image--left-5 {
        left: calc(5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.banner-slide-image--left-6 {
        left: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.banner-slide-image--left-7 {
        left: calc(7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.banner-slide-image--left-8 {
        left: calc(8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.banner-slide-image--left-9 {
        left: calc(9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.banner-slide-image--left-10 {
        left: calc(10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.banner-slide-image--left-11 {
        left: calc(11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-image--left-1 {
        left: calc(1 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 1)); }
      .atom.banner-slide-image--left-2 {
        left: calc(2 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 2)); }
      .atom.banner-slide-image--left-3 {
        left: calc(3 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 3)); }
      .atom.banner-slide-image--left-4 {
        left: calc(4 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 4)); }
      .atom.banner-slide-image--left-5 {
        left: calc(5 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 5)); }
      .atom.banner-slide-image--left-6 {
        left: calc(6 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 6)); }
      .atom.banner-slide-image--left-7 {
        left: calc(7 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 7)); }
      .atom.banner-slide-image--left-8 {
        left: calc(8 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 8)); }
      .atom.banner-slide-image--left-9 {
        left: calc(9 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 9)); }
      .atom.banner-slide-image--left-10 {
        left: calc(10 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 10)); }
      .atom.banner-slide-image--left-11 {
        left: calc(11 * ( ((100vw - 6.25rem) - 11 * 2.5rem) / 12) + (2.5rem * 11)); } }
  .atom.banner-slide-highlight {
    position: absolute;
    height: 45rem;
    top: 15rem;
    left: -10vw;
    width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 10vw);
    transition: all 0.3s ease-in-out; }
    .atom.banner-slide-highlight-default {
      background-color: rgba(0, 137, 151, 0.8); }
    .atom.banner-slide-highlight-transparent {
      background-color: none; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-highlight {
        width: calc(7* ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw);
        left: -5vw; } }
    @media only screen and (max-width: 899px) {
      .atom.banner-slide-highlight {
        width: calc(8* ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw);
        left: -5vw; } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-highlight {
        width: calc(9* ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8) + 3.125rem);
        left: -3.125rem;
        top: 12.5rem;
        height: 57.5rem; } }
    .atom.banner-slide-highlight-outer {
      position: absolute;
      z-index: 1;
      min-height: 75rem;
      height: 100vh; }
    .atom.banner-slide-highlight-inner {
      position: relative;
      background-color: rgba(0, 137, 151, 0.8);
      height: 45rem;
      top: 50%;
      transform: translateY(-50%);
      width: calc(6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 10vw);
      transition: all 0.3s ease-in-out; }
      @media only screen and (max-width: 1199px) {
        .atom.banner-slide-highlight-inner {
          width: calc(7* ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw);
          left: -5vw; } }
      @media only screen and (max-width: 899px) {
        .atom.banner-slide-highlight-inner {
          width: calc(8* ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw);
          left: -5vw; } }
      @media only screen and (max-width: 599px) {
        .atom.banner-slide-highlight-inner {
          width: calc(9* ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 8) + 3.125rem);
          left: -3.125rem;
          top: 12.5rem;
          height: 57.5rem; } }
  .atom.banner-slide-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 7.5rem;
    width: 100%;
    padding-left: 10vw; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-nav {
        padding-left: 5vw; } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-nav {
        padding-left: 3.125rem; } }
  .atom.banner-slide-content {
    position: relative;
    display: block;
    width: 80.01vw;
    margin: 0 10vw; }
    .atom.banner-slide-content-index-1 {
      z-index: 1; }
    .atom.banner-slide-content-index-2 {
      z-index: 2; }
    .atom.banner-slide-content-index-3 {
      z-index: 3; }
    .atom.banner-slide-content-index-4 {
      z-index: 4; }
    @media only screen and (max-width: 1199px) {
      .atom.banner-slide-content {
        width: 90.01vw;
        margin: 0 5vw; }
        .atom.banner-slide-content .pcsmall-heading-1 {
          margin-bottom: 2.5rem;
          margin-top: 0; } }
    @media only screen and (max-width: 899px) {
      .atom.banner-slide-content {
        width: 90.01vw;
        margin: 0 5vw; }
        .atom.banner-slide-content .tabport-heading-2 {
          letter-spacing: 0 !important; } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-content {
        width: calc(100vw - 6.25rem);
        margin: 0 3.125rem; }
        .atom.banner-slide-content .mobi-heading-2 {
          letter-spacing: 0 !important; } }
    .atom.banner-slide-content.content-height-0 {
      min-height: 0rem; }
    .atom.banner-slide-content.content-height-1 {
      min-height: 2.5rem; }
    .atom.banner-slide-content.content-height-2 {
      min-height: 5rem; }
    .atom.banner-slide-content.content-height-3 {
      min-height: 7.5rem; }
    .atom.banner-slide-content.content-height-4 {
      min-height: 10rem; }
    .atom.banner-slide-content.content-height-5 {
      min-height: 12.5rem; }
    .atom.banner-slide-content.content-height-6 {
      min-height: 15rem; }
    .atom.banner-slide-content.content-height-7 {
      min-height: 17.5rem; }
    .atom.banner-slide-content.content-height-8 {
      min-height: 20rem; }
    .atom.banner-slide-content.content-height-9 {
      min-height: 22.5rem; }
    .atom.banner-slide-content.content-height-10 {
      min-height: 25rem; }
    .atom.banner-slide-content.content-height-11 {
      min-height: 27.5rem; }
    .atom.banner-slide-content.content-height-12 {
      min-height: 30rem; }
    .atom.banner-slide-content.content-height-13 {
      min-height: 32.5rem; }
    .atom.banner-slide-content.content-height-14 {
      min-height: 35rem; }
    .atom.banner-slide-content.content-height-15 {
      min-height: 37.5rem; }
    .atom.banner-slide-content.content-height-16 {
      min-height: 40rem; }
    .atom.banner-slide-content.content-height-17 {
      min-height: 42.5rem; }
    .atom.banner-slide-content.content-height-18 {
      min-height: 45rem; }
    .atom.banner-slide-content.content-height-19 {
      min-height: 47.5rem; }
    .atom.banner-slide-content.content-height-20 {
      min-height: 50rem; }
    .atom.banner-slide-content.content-height-21 {
      min-height: 52.5rem; }
    .atom.banner-slide-content.content-height-22 {
      min-height: 55rem; }
    .atom.banner-slide-content.content-height-23 {
      min-height: 57.5rem; }
    .atom.banner-slide-content.content-height-24 {
      min-height: 60rem; }
    .atom.banner-slide-content.content-height-25 {
      min-height: 62.5rem; }
    .atom.banner-slide-content.content-height-26 {
      min-height: 65rem; }
    .atom.banner-slide-content.content-height-27 {
      min-height: 67.5rem; }
    .atom.banner-slide-content.content-height-28 {
      min-height: 70rem; }
    .atom.banner-slide-content.content-height-29 {
      min-height: 72.5rem; }
    .atom.banner-slide-content.content-height-30 {
      min-height: 75rem; }
    .atom.banner-slide-content .heading-3 {
      margin-bottom: 1.4rem; }
    @media only screen and (max-width: 899px) {
      .atom.banner-slide-content .frame-col.frame-col-TP0 {
        width: 0;
        height: 0;
        overflow: hidden; } }
    @media only screen and (max-width: 599px) {
      .atom.banner-slide-content .frame-col.frame-col-M0 {
        width: 0;
        height: 0;
        overflow: hidden; } }

.background--NewGradient1 {
  background-image: radial-gradient(circle at 100%, #dbf8e6, #587563); }

.background--NewGradient2 {
  background-image: radial-gradient(closest-side, #f4a9ad, #bb6f6a); }

.background--NewGradient3 {
  background-image: radial-gradient(circle at 100%, #633732, #cda39e); }

.background--NewGradient4 {
  background-image: radial-gradient(circle at 100%, #757574, #a7a6a4); }

.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.home-pillar-slide {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: #FFFFFF;
  color: #000;
  display: block; }
  @media only screen and (max-width: 899px) {
    .atom.home-pillar-slide {
      height: auto;
      min-height: 60rem; } }
  @media only screen and (max-width: 599px) {
    .atom.home-pillar-slide {
      height: auto;
      min-height: 100vh; } }
  .atom.home-pillar-slide-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    min-height: inherit; }
  .atom.home-pillar-slide-highlight {
    position: absolute;
    background-color: #F6F6F6;
    height: 45rem;
    top: 15rem;
    right: -10vw;
    width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 10vw);
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 1199px) {
      .atom.home-pillar-slide-highlight {
        width: calc(10* ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw);
        right: -5vw; } }
    @media only screen and (max-width: 899px) {
      .atom.home-pillar-slide-highlight {
        width: calc(10* ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw);
        right: -5vw; } }
    @media only screen and (max-width: 599px) {
      .atom.home-pillar-slide-highlight {
        width: calc(8* ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (2.5rem * 7) + 3.125rem);
        right: -3.125rem;
        top: 30rem;
        height: 26rem; } }
  .atom.home-pillar-slide-content {
    position: relative;
    display: block;
    width: 80.01vw;
    margin: 0 10vw; }
    .atom.home-pillar-slide-content-force-0 {
      position: absolute;
      top: 0; }
    .atom.home-pillar-slide-content-force-1 {
      position: absolute;
      top: 27.5rem; }
      @media only screen and (max-width: 599px) {
        .atom.home-pillar-slide-content-force-1 {
          top: 30rem; } }
    .atom.home-pillar-slide-content-force-2 {
      position: absolute;
      top: 40rem; }
      @media only screen and (max-width: 599px) {
        .atom.home-pillar-slide-content-force-2 {
          top: 42.5rem; } }
    .atom.home-pillar-slide-content-pillarBtn {
      display: block !important; }
      .atom.home-pillar-slide-content-pillarBtn .text--paragraph {
        font-size: 1.4rem !important;
        line-height: 1.5rem !important;
        top: -1rem; }
    @media only screen and (max-width: 1199px) {
      .atom.home-pillar-slide-content {
        width: 90.01vw;
        margin: 0 5vw; } }
    @media only screen and (max-width: 599px) {
      .atom.home-pillar-slide-content {
        width: calc(100vw - 6.25rem);
        margin: 0 3.125rem; } }
    .atom.home-pillar-slide-content.content-height-0 {
      min-height: 0rem; }
    .atom.home-pillar-slide-content.content-height-1 {
      min-height: 2.5rem; }
    .atom.home-pillar-slide-content.content-height-2 {
      min-height: 5rem; }
    .atom.home-pillar-slide-content.content-height-3 {
      min-height: 7.5rem; }
    .atom.home-pillar-slide-content.content-height-4 {
      min-height: 10rem; }
    .atom.home-pillar-slide-content.content-height-5 {
      min-height: 12.5rem; }
    .atom.home-pillar-slide-content.content-height-6 {
      min-height: 15rem; }
    .atom.home-pillar-slide-content.content-height-7 {
      min-height: 17.5rem; }
    .atom.home-pillar-slide-content.content-height-8 {
      min-height: 20rem; }
    .atom.home-pillar-slide-content.content-height-9 {
      min-height: 22.5rem; }
    .atom.home-pillar-slide-content.content-height-10 {
      min-height: 25rem; }
    .atom.home-pillar-slide-content.content-height-11 {
      min-height: 27.5rem; }
    .atom.home-pillar-slide-content.content-height-12 {
      min-height: 30rem; }
    .atom.home-pillar-slide-content.content-height-13 {
      min-height: 32.5rem; }
    .atom.home-pillar-slide-content.content-height-14 {
      min-height: 35rem; }
    .atom.home-pillar-slide-content.content-height-15 {
      min-height: 37.5rem; }
    .atom.home-pillar-slide-content.content-height-16 {
      min-height: 40rem; }
    .atom.home-pillar-slide-content.content-height-17 {
      min-height: 42.5rem; }
    .atom.home-pillar-slide-content.content-height-18 {
      min-height: 45rem; }
    .atom.home-pillar-slide-content.content-height-19 {
      min-height: 47.5rem; }
    .atom.home-pillar-slide-content.content-height-20 {
      min-height: 50rem; }
    .atom.home-pillar-slide-content.content-height-21 {
      min-height: 52.5rem; }
    .atom.home-pillar-slide-content.content-height-22 {
      min-height: 55rem; }
    .atom.home-pillar-slide-content.content-height-23 {
      min-height: 57.5rem; }
    .atom.home-pillar-slide-content.content-height-24 {
      min-height: 60rem; }
    .atom.home-pillar-slide-content.content-height-25 {
      min-height: 62.5rem; }
    .atom.home-pillar-slide-content.content-height-26 {
      min-height: 65rem; }
    .atom.home-pillar-slide-content.content-height-27 {
      min-height: 67.5rem; }
    .atom.home-pillar-slide-content.content-height-28 {
      min-height: 70rem; }
    .atom.home-pillar-slide-content.content-height-29 {
      min-height: 72.5rem; }
    .atom.home-pillar-slide-content.content-height-30 {
      min-height: 75rem; }

.atom.home-sitemap-slide {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: block;
  background-color: #008997;
  color: #FFFFFF; }
  @media only screen and (max-width: 899px) {
    .atom.home-sitemap-slide {
      height: auto;
      min-height: 60rem; } }
  @media only screen and (max-width: 599px) {
    .atom.home-sitemap-slide {
      height: auto;
      min-height: 100vh; } }
  .atom.home-sitemap-slide-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    min-height: inherit; }
  .atom.home-sitemap-slide-content {
    position: relative;
    display: block;
    width: 80.01vw;
    margin: 0 10vw; }
    @media only screen and (max-width: 1199px) {
      .atom.home-sitemap-slide-content {
        width: 90.01vw;
        margin: 0 5vw; } }
    @media only screen and (max-width: 599px) {
      .atom.home-sitemap-slide-content {
        width: calc(100vw - 6.25rem);
        margin: 0 3.125rem; } }
    .atom.home-sitemap-slide-content.content-height-0 {
      min-height: 0rem; }
    .atom.home-sitemap-slide-content.content-height-1 {
      min-height: 2.5rem; }
    .atom.home-sitemap-slide-content.content-height-2 {
      min-height: 5rem; }
    .atom.home-sitemap-slide-content.content-height-3 {
      min-height: 7.5rem; }
    .atom.home-sitemap-slide-content.content-height-4 {
      min-height: 10rem; }
    .atom.home-sitemap-slide-content.content-height-5 {
      min-height: 12.5rem; }
    .atom.home-sitemap-slide-content.content-height-6 {
      min-height: 15rem; }
    .atom.home-sitemap-slide-content.content-height-7 {
      min-height: 17.5rem; }
    .atom.home-sitemap-slide-content.content-height-8 {
      min-height: 20rem; }
    .atom.home-sitemap-slide-content.content-height-9 {
      min-height: 22.5rem; }
    .atom.home-sitemap-slide-content.content-height-10 {
      min-height: 25rem; }
    .atom.home-sitemap-slide-content.content-height-11 {
      min-height: 27.5rem; }
    .atom.home-sitemap-slide-content.content-height-12 {
      min-height: 30rem; }
    .atom.home-sitemap-slide-content.content-height-13 {
      min-height: 32.5rem; }
    .atom.home-sitemap-slide-content.content-height-14 {
      min-height: 35rem; }
    .atom.home-sitemap-slide-content.content-height-15 {
      min-height: 37.5rem; }
    .atom.home-sitemap-slide-content.content-height-16 {
      min-height: 40rem; }
    .atom.home-sitemap-slide-content.content-height-17 {
      min-height: 42.5rem; }
    .atom.home-sitemap-slide-content.content-height-18 {
      min-height: 45rem; }
    .atom.home-sitemap-slide-content.content-height-19 {
      min-height: 47.5rem; }
    .atom.home-sitemap-slide-content.content-height-20 {
      min-height: 50rem; }
    .atom.home-sitemap-slide-content.content-height-21 {
      min-height: 52.5rem; }
    .atom.home-sitemap-slide-content.content-height-22 {
      min-height: 55rem; }
    .atom.home-sitemap-slide-content.content-height-23 {
      min-height: 57.5rem; }
    .atom.home-sitemap-slide-content.content-height-24 {
      min-height: 60rem; }
    .atom.home-sitemap-slide-content.content-height-25 {
      min-height: 62.5rem; }
    .atom.home-sitemap-slide-content.content-height-26 {
      min-height: 65rem; }
    .atom.home-sitemap-slide-content.content-height-27 {
      min-height: 67.5rem; }
    .atom.home-sitemap-slide-content.content-height-28 {
      min-height: 70rem; }
    .atom.home-sitemap-slide-content.content-height-29 {
      min-height: 72.5rem; }
    .atom.home-sitemap-slide-content.content-height-30 {
      min-height: 75rem; }
    .atom.home-sitemap-slide-content .heading-3 {
      margin-bottom: 1.4rem; }
    .atom.home-sitemap-slide-content .list-item {
      overflow: visible;
      padding: 0;
      margin-bottom: 0; }
  .atom.home-sitemap-slide-links-PC {
    display: block; }
    @media only screen and (max-width: 599px) {
      .atom.home-sitemap-slide-links-PC {
        display: none; } }
  .atom.home-sitemap-slide-links-Mobile {
    display: none; }
    @media only screen and (max-width: 599px) {
      .atom.home-sitemap-slide-links-Mobile {
        display: block; } }

.atom.template-section-full {
  min-height: 75rem;
  height: 100vh; }

.atom.template-section-half {
  min-height: 37.5rem;
  height: 50vh; }

.atom.template-section-auto {
  min-height: 75rem;
  height: auto; }

.atom.template-section-top {
  position: absolute;
  top: 0; }

@media only screen and (max-width: 1199px) {
  .atom.template-sectionPS-full {
    min-height: 75rem;
    height: 100vh; }
  .atom.template-sectionPS-half {
    min-height: 37.5rem;
    height: 50vh; }
  .atom.template-sectionPS-auto {
    min-height: 75rem;
    height: auto; } }

@media only screen and (max-width: 899px) {
  .atom.template-sectionTP-full {
    min-height: 75rem;
    height: 100vh; }
  .atom.template-sectionTP-half {
    min-height: 37.5rem;
    height: 50vh; }
  .atom.template-sectionTP-auto {
    min-height: 75rem;
    height: auto; } }

@media only screen and (max-width: 599px) {
  .atom.template-sectionM-full {
    min-height: 75rem;
    height: 100vh; }
  .atom.template-sectionM-half {
    min-height: 37.5rem;
    height: 100vh; }
  .atom.template-sectionM-auto {
    min-height: 75rem;
    height: auto; } }

.atom.template-slide {
  position: absolute;
  width: 80.0vw;
  margin: 0 10vw;
  display: block;
  min-height: 75rem;
  transform: translate(0, -50%);
  top: 50%; }
  @media only screen and (max-width: 1199px) {
    .atom.template-slide {
      width: 90.0vw;
      margin: 0 5vw; } }
  @media only screen and (max-width: 899px) {
    .atom.template-slide {
      width: 90.0vw;
      margin: 0 5vw; } }
  @media only screen and (max-width: 599px) {
    .atom.template-slide {
      width: calc(100vw - 6.25rem);
      margin: 0 3.125rem; } }
  .atom.template-slide-content {
    position: absolute; }
  .atom.template-slide-background {
    height: 100%;
    width: 100%;
    position: absolute; }
  .atom.template-slide-floating {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    transition: all .1s ease-out; }
    .atom.template-slide-floating-cells {
      min-height: inherit;
      display: flex;
      position: absolute;
      width: 100%;
      height: 100%; }
    .atom.template-slide-floating-cell {
      z-index: 4;
      flex: auto; }
      .atom.template-slide-floating-cell:nth-child(1n + 1):hover ~ .template-slide-floating-content {
        --positionX: 0; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 1):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 2):hover ~ .template-slide-floating-content {
        --positionX: 1; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 2):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 3):hover ~ .template-slide-floating-content {
        --positionX: 2; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 3):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 4):hover ~ .template-slide-floating-content {
        --positionX: 3; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 4):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 5):hover ~ .template-slide-floating-content {
        --positionX: 4; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 5):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 6):hover ~ .template-slide-floating-content {
        --positionX: 5; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 6):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 7):hover ~ .template-slide-floating-content {
        --positionX: 6; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 7):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 8):hover ~ .template-slide-floating-content {
        --positionX: 7; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 8):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 9):hover ~ .template-slide-floating-content {
        --positionX: 8; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 9):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 10):hover ~ .template-slide-floating-content {
        --positionX: 9; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 10):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 11):hover ~ .template-slide-floating-content {
        --positionX: 10; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 11):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 12):hover ~ .template-slide-floating-content {
        --positionX: 11; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 12):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 13):hover ~ .template-slide-floating-content {
        --positionX: 12; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 13):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 14):hover ~ .template-slide-floating-content {
        --positionX: 13; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 14):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 15):hover ~ .template-slide-floating-content {
        --positionX: 14; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 15):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 16):hover ~ .template-slide-floating-content {
        --positionX: 15; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 16):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 17):hover ~ .template-slide-floating-content {
        --positionX: 16; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 17):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 18):hover ~ .template-slide-floating-content {
        --positionX: 17; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 18):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 19):hover ~ .template-slide-floating-content {
        --positionX: 18; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 19):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 20):hover ~ .template-slide-floating-content {
        --positionX: 19; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 20):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 21):hover ~ .template-slide-floating-content {
        --positionX: 20; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 21):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 22):hover ~ .template-slide-floating-content {
        --positionX: 21; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 22):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 23):hover ~ .template-slide-floating-content {
        --positionX: 22; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 23):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 24):hover ~ .template-slide-floating-content {
        --positionX: 23; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 24):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 25):hover ~ .template-slide-floating-content {
        --positionX: 24; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 25):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 26):hover ~ .template-slide-floating-content {
        --positionX: 25; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 26):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 27):hover ~ .template-slide-floating-content {
        --positionX: 26; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 27):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 28):hover ~ .template-slide-floating-content {
        --positionX: 27; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 28):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 29):hover ~ .template-slide-floating-content {
        --positionX: 28; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 29):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 30):hover ~ .template-slide-floating-content {
        --positionX: 29; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 30):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 31):hover ~ .template-slide-floating-content {
        --positionX: 30; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 31):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 32):hover ~ .template-slide-floating-content {
        --positionX: 31; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 32):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 33):hover ~ .template-slide-floating-content {
        --positionX: 32; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 33):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 34):hover ~ .template-slide-floating-content {
        --positionX: 33; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 34):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 35):hover ~ .template-slide-floating-content {
        --positionX: 34; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 35):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 36):hover ~ .template-slide-floating-content {
        --positionX: 35; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 36):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 37):hover ~ .template-slide-floating-content {
        --positionX: 36; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 37):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 38):hover ~ .template-slide-floating-content {
        --positionX: 37; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 38):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 39):hover ~ .template-slide-floating-content {
        --positionX: 38; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 39):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 40):hover ~ .template-slide-floating-content {
        --positionX: 39; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 40):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 41):hover ~ .template-slide-floating-content {
        --positionX: 40; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 41):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 42):hover ~ .template-slide-floating-content {
        --positionX: 41; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 42):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 43):hover ~ .template-slide-floating-content {
        --positionX: 42; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 43):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 44):hover ~ .template-slide-floating-content {
        --positionX: 43; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 44):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 45):hover ~ .template-slide-floating-content {
        --positionX: 44; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 45):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 46):hover ~ .template-slide-floating-content {
        --positionX: 45; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 46):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 47):hover ~ .template-slide-floating-content {
        --positionX: 46; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 47):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 48):hover ~ .template-slide-floating-content {
        --positionX: 47; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 48):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 49):hover ~ .template-slide-floating-content {
        --positionX: 48; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 49):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 50):hover ~ .template-slide-floating-content {
        --positionX: 49; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 50):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 51):hover ~ .template-slide-floating-content {
        --positionX: 50; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 51):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 52):hover ~ .template-slide-floating-content {
        --positionX: 51; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 52):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 53):hover ~ .template-slide-floating-content {
        --positionX: 52; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 53):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 54):hover ~ .template-slide-floating-content {
        --positionX: 53; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 54):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 55):hover ~ .template-slide-floating-content {
        --positionX: 54; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 55):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 56):hover ~ .template-slide-floating-content {
        --positionX: 55; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 56):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 57):hover ~ .template-slide-floating-content {
        --positionX: 56; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 57):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 58):hover ~ .template-slide-floating-content {
        --positionX: 57; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 58):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 59):hover ~ .template-slide-floating-content {
        --positionX: 58; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 59):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 60):hover ~ .template-slide-floating-content {
        --positionX: 59; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 60):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 61):hover ~ .template-slide-floating-content {
        --positionX: 60; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 61):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 62):hover ~ .template-slide-floating-content {
        --positionX: 61; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 62):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 63):hover ~ .template-slide-floating-content {
        --positionX: 62; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 63):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 64):hover ~ .template-slide-floating-content {
        --positionX: 63; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 64):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 65):hover ~ .template-slide-floating-content {
        --positionX: 64; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 65):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 66):hover ~ .template-slide-floating-content {
        --positionX: 65; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 66):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 67):hover ~ .template-slide-floating-content {
        --positionX: 66; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 67):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 68):hover ~ .template-slide-floating-content {
        --positionX: 67; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 68):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 69):hover ~ .template-slide-floating-content {
        --positionX: 68; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 69):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 70):hover ~ .template-slide-floating-content {
        --positionX: 69; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 70):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 71):hover ~ .template-slide-floating-content {
        --positionX: 70; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 71):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 72):hover ~ .template-slide-floating-content {
        --positionX: 71; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 72):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 73):hover ~ .template-slide-floating-content {
        --positionX: 72; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 73):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 74):hover ~ .template-slide-floating-content {
        --positionX: 73; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 74):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 75):hover ~ .template-slide-floating-content {
        --positionX: 74; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 75):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 76):hover ~ .template-slide-floating-content {
        --positionX: 75; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 76):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 77):hover ~ .template-slide-floating-content {
        --positionX: 76; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 77):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 78):hover ~ .template-slide-floating-content {
        --positionX: 77; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 78):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 79):hover ~ .template-slide-floating-content {
        --positionX: 78; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 79):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 80):hover ~ .template-slide-floating-content {
        --positionX: 79; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 80):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 81):hover ~ .template-slide-floating-content {
        --positionX: 80; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 81):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 82):hover ~ .template-slide-floating-content {
        --positionX: 81; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 82):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 83):hover ~ .template-slide-floating-content {
        --positionX: 82; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 83):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 84):hover ~ .template-slide-floating-content {
        --positionX: 83; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 84):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 85):hover ~ .template-slide-floating-content {
        --positionX: 84; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 85):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 86):hover ~ .template-slide-floating-content {
        --positionX: 85; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 86):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 87):hover ~ .template-slide-floating-content {
        --positionX: 86; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 87):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 88):hover ~ .template-slide-floating-content {
        --positionX: 87; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 88):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 89):hover ~ .template-slide-floating-content {
        --positionX: 88; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 89):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 90):hover ~ .template-slide-floating-content {
        --positionX: 89; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 90):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 91):hover ~ .template-slide-floating-content {
        --positionX: 90; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 91):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 92):hover ~ .template-slide-floating-content {
        --positionX: 91; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 92):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 93):hover ~ .template-slide-floating-content {
        --positionX: 92; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 93):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 94):hover ~ .template-slide-floating-content {
        --positionX: 93; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 94):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 95):hover ~ .template-slide-floating-content {
        --positionX: 94; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 95):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 96):hover ~ .template-slide-floating-content {
        --positionX: 95; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 96):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 97):hover ~ .template-slide-floating-content {
        --positionX: 96; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 97):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 98):hover ~ .template-slide-floating-content {
        --positionX: 97; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 98):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 99):hover ~ .template-slide-floating-content {
        --positionX: 98; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 99):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
      .atom.template-slide-floating-cell:nth-child(1n + 100):hover ~ .template-slide-floating-content {
        --positionX: 99; }
        @media only screen and (max-width: 599px) {
          .atom.template-slide-floating-cell:nth-child(1n + 100):hover ~ .template-slide-floating-content {
            --positionX: 0; } }
    .atom.template-slide-floating-content {
      --positionX: 0; }
    .atom.template-slide-floating-item {
      transform: translateX(calc(-.4px * var(--positionX))); }
    .atom.template-slide-floating-item-1 {
      transform: translateX(calc(-.6px * var(--positionX))); }
    .atom.template-slide-floating-item-2 {
      transform: translateX(calc(-.6px * var(--positionX))); }
    .atom.template-slide-floating-item-3 {
      transform: translateX(calc(-.2px * var(--positionX))); }
  .atom.template-slide .font--align-left {
    text-align: left; }
  .atom.template-slide .font--align-center {
    text-align: center; }
  @media only screen and (max-width: 1199px) {
    .atom.template-slide .font--align-PCS-left {
      text-align: left; }
    .atom.template-slide .font--align-PCS-center {
      text-align: center; } }
  @media only screen and (max-width: 899px) {
    .atom.template-slide .font--align-TPleft {
      text-align: left; }
    .atom.template-slide .font--align-TPcenter {
      text-align: center; } }
  @media only screen and (max-width: 599px) {
    .atom.template-slide .font--align-Mleft {
      text-align: left; }
    .atom.template-slide .font--align-Mcenter {
      text-align: center; } }

#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; } }

.atom.got-it {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 75rem;
  display: flex;
  align-items: center;
  /* Got-It Header */
  /* Got-It Content */
  /* Got-It Info */
  /* Got-It Buttons */
  /* Overides for base stryling*/ }
  .atom.got-it--column {
    flex-direction: column; }
  .atom.got-it--row {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 599px) {
      .atom.got-it--row {
        flex-direction: column; } }
  .atom.got-it-header {
    position: relative;
    width: 100%;
    min-height: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    margin-bottom: 2.5rem;
    /* Got-It Image */ }
    .atom.got-it-header-background-color--primary {
      background-color: #009999; }
    .atom.got-it-header-background-color--action {
      background-color: #F4791F; }
    .atom.got-it-header-background-color--warning {
      background-color: #f94144; }
    .atom.got-it-header-top {
      position: relative;
      width: 100%;
      height: calc(100% - 2.5rem * 13); }
    .atom.got-it-header-clip {
      position: relative;
      display: block;
      width: 100%;
      height: calc(2.5rem * 13);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%); }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-clip {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 40%); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-clip {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 30%); } }
      .atom.got-it-header-clip-text {
        position: absolute;
        display: block;
        width: 80vw;
        margin: 0 10vw; }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-clip-text {
            width: 90vw;
            margin: 0 5vw; } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-clip-text {
            width: 90vw;
            margin: 0 5vw; } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-clip-text {
            width: calc(100vw - 6.25rem);
            margin: 0 3.125rem; } }
    .atom.got-it-header-icon {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      width: 13rem;
      height: 13rem; }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-icon {
          width: 16.25rem;
          height: 16.25rem; } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-icon {
          width: 16.25rem;
          height: 16.25rem; } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-icon {
          width: 16.25rem;
          height: 16.25rem; } }
    .atom.got-it-header-image {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 2.5rem;
      background-color: #2E2E2E;
      overflow: hidden; }
      .atom.got-it-header-image--width-1 {
        width: calc(
 1 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 1 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-1 {
            width: calc(
 1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-1 {
            width: calc(
 1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (1 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-1 {
            width: calc(
 1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (1 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-2 {
        width: calc(
 2 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 2 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-2 {
            width: calc(
 2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-2 {
            width: calc(
 2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (2 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-2 {
            width: calc(
 2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (2 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-3 {
        width: calc(
 3 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 3 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-3 {
            width: calc(
 3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-3 {
            width: calc(
 3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (3 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-3 {
            width: calc(
 3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (3 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-4 {
        width: calc(
 4 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 4 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-4 {
            width: calc(
 4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-4 {
            width: calc(
 4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (4 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-4 {
            width: calc(
 4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (4 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-5 {
        width: calc(
 5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 5 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-5 {
            width: calc(
 5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-5 {
            width: calc(
 5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (5 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-5 {
            width: calc(
 5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (5 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-6 {
        width: calc(
 6 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 6 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-6 {
            width: calc(
 6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-6 {
            width: calc(
 6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (6 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-6 {
            width: calc(
 6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (6 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-7 {
        width: calc(
 7 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 7 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-7 {
            width: calc(
 7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-7 {
            width: calc(
 7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (7 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-7 {
            width: calc(
 7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (7 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-8 {
        width: calc(
 8 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 8 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-8 {
            width: calc(
 8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-8 {
            width: calc(
 8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (8 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-8 {
            width: calc(
 8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (8 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-9 {
        width: calc(
 9 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 9 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-9 {
            width: calc(
 9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-9 {
            width: calc(
 9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (9 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-9 {
            width: calc(
 9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (9 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-10 {
        width: calc(
 10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 10 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-10 {
            width: calc(
 10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-10 {
            width: calc(
 10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (10 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-10 {
            width: calc(
 10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (10 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-11 {
        width: calc(
 11 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 11 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-11 {
            width: calc(
 11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-11 {
            width: calc(
 11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (11 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-11 {
            width: calc(
 11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (11 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-12 {
        width: calc(
 12 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem *( 12 - 1))); }
        @media only screen and (max-width: 1199px) {
          .atom.got-it-header-image--width-12 {
            width: calc(
 12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 899px) {
          .atom.got-it-header-image--width-12 {
            width: calc(
 12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * (12 - 1))); } }
        @media only screen and (max-width: 599px) {
          .atom.got-it-header-image--width-12 {
            width: calc(
 12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * (12 - 1)
 ) + 3.125rem); } }
      .atom.got-it-header-image--width-full {
        width: 100vw;
        border-radius: 0; }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-1 {
          width: calc(
 1 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 1) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-1 {
      width: calc(
 1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-1 {
      width: calc(
 1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-1 {
      width: calc(
 1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 1
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-2 {
          width: calc(
 2 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 2) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-2 {
      width: calc(
 2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-2 {
      width: calc(
 2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-2 {
      width: calc(
 2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 2
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-3 {
          width: calc(
 3 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 3) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-3 {
      width: calc(
 3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-3 {
      width: calc(
 3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-3 {
      width: calc(
 3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 3
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-4 {
          width: calc(
 4 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 4) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-4 {
      width: calc(
 4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-4 {
      width: calc(
 4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-4 {
      width: calc(
 4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 4
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-5 {
          width: calc(
 5 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 5) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-5 {
      width: calc(
 5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-5 {
      width: calc(
 5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-5 {
      width: calc(
 5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 5
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-6 {
          width: calc(
 6 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 6) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-6 {
      width: calc(
 6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-6 {
      width: calc(
 6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-6 {
      width: calc(
 6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 6
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-7 {
          width: calc(
 7 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 7) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-7 {
      width: calc(
 7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-7 {
      width: calc(
 7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-7 {
      width: calc(
 7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 7
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-8 {
          width: calc(
 8 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 8) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-8 {
      width: calc(
 8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-8 {
      width: calc(
 8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-8 {
      width: calc(
 8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 8
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-9 {
          width: calc(
 9 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 9) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-9 {
      width: calc(
 9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-9 {
      width: calc(
 9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-9 {
      width: calc(
 9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 9
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-10 {
          width: calc(
 10 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 10) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-10 {
      width: calc(
 10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-10 {
      width: calc(
 10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-10 {
      width: calc(
 10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 10
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-11 {
          width: calc(
 11 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 11) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-11 {
      width: calc(
 11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-11 {
      width: calc(
 11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-11 {
      width: calc(
 11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 11
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-12 {
          width: calc(
 12 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 12) +
 10vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthPS-12 {
      width: calc(
 12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 899px) {
    .atom.got-it-header-image--widthPS-12 {
      width: calc(
 12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
  @media only screen and (max-width: 1199px) and (max-width: 599px) {
    .atom.got-it-header-image--widthPS-12 {
      width: calc(
 12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 12
 ) + 3.125rem); } }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--widthPS-full {
          width: 100vw;
          border-radius: 0; } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-1 {
          width: calc(
 1 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 1) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-1 {
      width: calc(
 1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-1 {
      width: calc(
 1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-1 {
      width: calc(
 1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 1
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-2 {
          width: calc(
 2 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 2) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-2 {
      width: calc(
 2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-2 {
      width: calc(
 2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-2 {
      width: calc(
 2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 2
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-3 {
          width: calc(
 3 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 3) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-3 {
      width: calc(
 3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-3 {
      width: calc(
 3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-3 {
      width: calc(
 3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 3
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-4 {
          width: calc(
 4 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 4) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-4 {
      width: calc(
 4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-4 {
      width: calc(
 4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-4 {
      width: calc(
 4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 4
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-5 {
          width: calc(
 5 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 5) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-5 {
      width: calc(
 5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-5 {
      width: calc(
 5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-5 {
      width: calc(
 5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 5
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-6 {
          width: calc(
 6 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 6) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-6 {
      width: calc(
 6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-6 {
      width: calc(
 6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-6 {
      width: calc(
 6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 6
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-7 {
          width: calc(
 7 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 7) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-7 {
      width: calc(
 7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-7 {
      width: calc(
 7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-7 {
      width: calc(
 7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 7
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-8 {
          width: calc(
 8 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 8) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-8 {
      width: calc(
 8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-8 {
      width: calc(
 8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-8 {
      width: calc(
 8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 8
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-9 {
          width: calc(
 9 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 9) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-9 {
      width: calc(
 9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-9 {
      width: calc(
 9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-9 {
      width: calc(
 9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 9
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-10 {
          width: calc(
 10 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 10) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-10 {
      width: calc(
 10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-10 {
      width: calc(
 10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-10 {
      width: calc(
 10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 10
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-11 {
          width: calc(
 11 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 11) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-11 {
      width: calc(
 11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-11 {
      width: calc(
 11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-11 {
      width: calc(
 11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 11
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-12 {
          width: calc(
 12 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 12) +
 10vw); } }
  @media only screen and (max-width: 899px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthTP-12 {
      width: calc(
 12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 899px) {
    .atom.got-it-header-image--widthTP-12 {
      width: calc(
 12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
  @media only screen and (max-width: 899px) and (max-width: 599px) {
    .atom.got-it-header-image--widthTP-12 {
      width: calc(
 12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 12
 ) + 3.125rem); } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--widthTP-full {
          width: 100vw;
          border-radius: 0; } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-1 {
          width: calc(
 1 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 1) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-1 {
      width: calc(
 1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-1 {
      width: calc(
 1 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 1) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-1 {
      width: calc(
 1 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 1
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-2 {
          width: calc(
 2 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 2) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-2 {
      width: calc(
 2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-2 {
      width: calc(
 2 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 2) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-2 {
      width: calc(
 2 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 2
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-3 {
          width: calc(
 3 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 3) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-3 {
      width: calc(
 3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-3 {
      width: calc(
 3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-3 {
      width: calc(
 3 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 3
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-4 {
          width: calc(
 4 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 4) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-4 {
      width: calc(
 4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-4 {
      width: calc(
 4 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-4 {
      width: calc(
 4 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 4
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-5 {
          width: calc(
 5 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 5) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-5 {
      width: calc(
 5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-5 {
      width: calc(
 5 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-5 {
      width: calc(
 5 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 5
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-6 {
          width: calc(
 6 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 6) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-6 {
      width: calc(
 6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-6 {
      width: calc(
 6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 6) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-6 {
      width: calc(
 6 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 6
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-7 {
          width: calc(
 7 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 7) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-7 {
      width: calc(
 7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-7 {
      width: calc(
 7 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 7) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-7 {
      width: calc(
 7 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 7
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-8 {
          width: calc(
 8 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 8) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-8 {
      width: calc(
 8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-8 {
      width: calc(
 8 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 8) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-8 {
      width: calc(
 8 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 8
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-9 {
          width: calc(
 9 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 9) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-9 {
      width: calc(
 9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-9 {
      width: calc(
 9 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 9) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-9 {
      width: calc(
 9 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 9
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-10 {
          width: calc(
 10 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 10) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-10 {
      width: calc(
 10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-10 {
      width: calc(
 10 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 10) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-10 {
      width: calc(
 10 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 10
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-11 {
          width: calc(
 11 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 11) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-11 {
      width: calc(
 11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-11 {
      width: calc(
 11 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 11) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-11 {
      width: calc(
 11 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 11
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-12 {
          width: calc(
 12 *
 ((80vw - 11 * 2.5rem) / 12) +
 (2.5rem * 12) +
 10vw); } }
  @media only screen and (max-width: 599px) and (max-width: 1199px) {
    .atom.got-it-header-image--widthM-12 {
      width: calc(
 12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 899px) {
    .atom.got-it-header-image--widthM-12 {
      width: calc(
 12 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 12) + 5vw); } }
  @media only screen and (max-width: 599px) and (max-width: 599px) {
    .atom.got-it-header-image--widthM-12 {
      width: calc(
 12 * ((100vw - 6.25rem - 11 * 2.5rem) / 12) + (
 2.5rem * 12
 ) + 3.125rem); } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--widthM-full {
          width: 100vw;
          border-radius: 0; } }
      .atom.got-it-header-image--height-0 {
        height: 0rem; }
      .atom.got-it-header-image--height-1 {
        height: 2.5rem; }
      .atom.got-it-header-image--height-2 {
        height: 5rem; }
      .atom.got-it-header-image--height-3 {
        height: 7.5rem; }
      .atom.got-it-header-image--height-4 {
        height: 10rem; }
      .atom.got-it-header-image--height-5 {
        height: 12.5rem; }
      .atom.got-it-header-image--height-6 {
        height: 15rem; }
      .atom.got-it-header-image--height-7 {
        height: 17.5rem; }
      .atom.got-it-header-image--height-8 {
        height: 20rem; }
      .atom.got-it-header-image--height-9 {
        height: 22.5rem; }
      .atom.got-it-header-image--height-10 {
        height: 25rem; }
      .atom.got-it-header-image--height-11 {
        height: 27.5rem; }
      .atom.got-it-header-image--height-12 {
        height: 30rem; }
      .atom.got-it-header-image--height-13 {
        height: 32.5rem; }
      .atom.got-it-header-image--height-14 {
        height: 35rem; }
      .atom.got-it-header-image--height-15 {
        height: 37.5rem; }
      .atom.got-it-header-image--height-16 {
        height: 40rem; }
      .atom.got-it-header-image--height-17 {
        height: 42.5rem; }
      .atom.got-it-header-image--height-18 {
        height: 45rem; }
      .atom.got-it-header-image--height-19 {
        height: 47.5rem; }
      .atom.got-it-header-image--height-20 {
        height: 50rem; }
      .atom.got-it-header-image--height-21 {
        height: 52.5rem; }
      .atom.got-it-header-image--height-22 {
        height: 55rem; }
      .atom.got-it-header-image--height-23 {
        height: 57.5rem; }
      .atom.got-it-header-image--height-24 {
        height: 60rem; }
      .atom.got-it-header-image--height-25 {
        height: 62.5rem; }
      .atom.got-it-header-image--height-26 {
        height: 65rem; }
      .atom.got-it-header-image--height-27 {
        height: 67.5rem; }
      .atom.got-it-header-image--height-28 {
        height: 70rem; }
      .atom.got-it-header-image--height-29 {
        height: 72.5rem; }
      .atom.got-it-header-image--height-30 {
        height: 75rem; }
      @media only screen and (max-width: 1199px) {
        .atom.got-it-header-image--heightPS-0 {
          height: 0rem; }
        .atom.got-it-header-image--heightPS-1 {
          height: 2.5rem; }
        .atom.got-it-header-image--heightPS-2 {
          height: 5rem; }
        .atom.got-it-header-image--heightPS-3 {
          height: 7.5rem; }
        .atom.got-it-header-image--heightPS-4 {
          height: 10rem; }
        .atom.got-it-header-image--heightPS-5 {
          height: 12.5rem; }
        .atom.got-it-header-image--heightPS-6 {
          height: 15rem; }
        .atom.got-it-header-image--heightPS-7 {
          height: 17.5rem; }
        .atom.got-it-header-image--heightPS-8 {
          height: 20rem; }
        .atom.got-it-header-image--heightPS-9 {
          height: 22.5rem; }
        .atom.got-it-header-image--heightPS-10 {
          height: 25rem; }
        .atom.got-it-header-image--heightPS-11 {
          height: 27.5rem; }
        .atom.got-it-header-image--heightPS-12 {
          height: 30rem; }
        .atom.got-it-header-image--heightPS-13 {
          height: 32.5rem; }
        .atom.got-it-header-image--heightPS-14 {
          height: 35rem; }
        .atom.got-it-header-image--heightPS-15 {
          height: 37.5rem; }
        .atom.got-it-header-image--heightPS-16 {
          height: 40rem; }
        .atom.got-it-header-image--heightPS-17 {
          height: 42.5rem; }
        .atom.got-it-header-image--heightPS-18 {
          height: 45rem; }
        .atom.got-it-header-image--heightPS-19 {
          height: 47.5rem; }
        .atom.got-it-header-image--heightPS-20 {
          height: 50rem; }
        .atom.got-it-header-image--heightPS-21 {
          height: 52.5rem; }
        .atom.got-it-header-image--heightPS-22 {
          height: 55rem; }
        .atom.got-it-header-image--heightPS-23 {
          height: 57.5rem; }
        .atom.got-it-header-image--heightPS-24 {
          height: 60rem; }
        .atom.got-it-header-image--heightPS-25 {
          height: 62.5rem; }
        .atom.got-it-header-image--heightPS-26 {
          height: 65rem; }
        .atom.got-it-header-image--heightPS-27 {
          height: 67.5rem; }
        .atom.got-it-header-image--heightPS-28 {
          height: 70rem; }
        .atom.got-it-header-image--heightPS-29 {
          height: 72.5rem; }
        .atom.got-it-header-image--heightPS-30 {
          height: 75rem; } }
      @media only screen and (max-width: 899px) {
        .atom.got-it-header-image--heightTP-0 {
          height: 0rem; }
        .atom.got-it-header-image--heightTP-1 {
          height: 2.5rem; }
        .atom.got-it-header-image--heightTP-2 {
          height: 5rem; }
        .atom.got-it-header-image--heightTP-3 {
          height: 7.5rem; }
        .atom.got-it-header-image--heightTP-4 {
          height: 10rem; }
        .atom.got-it-header-image--heightTP-5 {
          height: 12.5rem; }
        .atom.got-it-header-image--heightTP-6 {
          height: 15rem; }
        .atom.got-it-header-image--heightTP-7 {
          height: 17.5rem; }
        .atom.got-it-header-image--heightTP-8 {
          height: 20rem; }
        .atom.got-it-header-image--heightTP-9 {
          height: 22.5rem; }
        .atom.got-it-header-image--heightTP-10 {
          height: 25rem; }
        .atom.got-it-header-image--heightTP-11 {
          height: 27.5rem; }
        .atom.got-it-header-image--heightTP-12 {
          height: 30rem; }
        .atom.got-it-header-image--heightTP-13 {
          height: 32.5rem; }
        .atom.got-it-header-image--heightTP-14 {
          height: 35rem; }
        .atom.got-it-header-image--heightTP-15 {
          height: 37.5rem; }
        .atom.got-it-header-image--heightTP-16 {
          height: 40rem; }
        .atom.got-it-header-image--heightTP-17 {
          height: 42.5rem; }
        .atom.got-it-header-image--heightTP-18 {
          height: 45rem; }
        .atom.got-it-header-image--heightTP-19 {
          height: 47.5rem; }
        .atom.got-it-header-image--heightTP-20 {
          height: 50rem; }
        .atom.got-it-header-image--heightTP-21 {
          height: 52.5rem; }
        .atom.got-it-header-image--heightTP-22 {
          height: 55rem; }
        .atom.got-it-header-image--heightTP-23 {
          height: 57.5rem; }
        .atom.got-it-header-image--heightTP-24 {
          height: 60rem; }
        .atom.got-it-header-image--heightTP-25 {
          height: 62.5rem; }
        .atom.got-it-header-image--heightTP-26 {
          height: 65rem; }
        .atom.got-it-header-image--heightTP-27 {
          height: 67.5rem; }
        .atom.got-it-header-image--heightTP-28 {
          height: 70rem; }
        .atom.got-it-header-image--heightTP-29 {
          height: 72.5rem; }
        .atom.got-it-header-image--heightTP-30 {
          height: 75rem; } }
      @media only screen and (max-width: 599px) {
        .atom.got-it-header-image--heightM-0 {
          height: 0rem; }
        .atom.got-it-header-image--heightM-1 {
          height: 2.5rem; }
        .atom.got-it-header-image--heightM-2 {
          height: 5rem; }
        .atom.got-it-header-image--heightM-3 {
          height: 7.5rem; }
        .atom.got-it-header-image--heightM-4 {
          height: 10rem; }
        .atom.got-it-header-image--heightM-5 {
          height: 12.5rem; }
        .atom.got-it-header-image--heightM-6 {
          height: 15rem; }
        .atom.got-it-header-image--heightM-7 {
          height: 17.5rem; }
        .atom.got-it-header-image--heightM-8 {
          height: 20rem; }
        .atom.got-it-header-image--heightM-9 {
          height: 22.5rem; }
        .atom.got-it-header-image--heightM-10 {
          height: 25rem; }
        .atom.got-it-header-image--heightM-11 {
          height: 27.5rem; }
        .atom.got-it-header-image--heightM-12 {
          height: 30rem; }
        .atom.got-it-header-image--heightM-13 {
          height: 32.5rem; }
        .atom.got-it-header-image--heightM-14 {
          height: 35rem; }
        .atom.got-it-header-image--heightM-15 {
          height: 37.5rem; }
        .atom.got-it-header-image--heightM-16 {
          height: 40rem; }
        .atom.got-it-header-image--heightM-17 {
          height: 42.5rem; }
        .atom.got-it-header-image--heightM-18 {
          height: 45rem; }
        .atom.got-it-header-image--heightM-19 {
          height: 47.5rem; }
        .atom.got-it-header-image--heightM-20 {
          height: 50rem; }
        .atom.got-it-header-image--heightM-21 {
          height: 52.5rem; }
        .atom.got-it-header-image--heightM-22 {
          height: 55rem; }
        .atom.got-it-header-image--heightM-23 {
          height: 57.5rem; }
        .atom.got-it-header-image--heightM-24 {
          height: 60rem; }
        .atom.got-it-header-image--heightM-25 {
          height: 62.5rem; }
        .atom.got-it-header-image--heightM-26 {
          height: 65rem; }
        .atom.got-it-header-image--heightM-27 {
          height: 67.5rem; }
        .atom.got-it-header-image--heightM-28 {
          height: 70rem; }
        .atom.got-it-header-image--heightM-29 {
          height: 72.5rem; }
        .atom.got-it-header-image--heightM-30 {
          height: 75rem; } }
      .atom.got-it-header-image img, .atom.got-it-header-image .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .atom.got-it-header-image .icon--img {
        position: absolute;
        width: inherit; }
    .atom.got-it-header-border-color--primary {
      border: 5px solid #FFFFFF; }
    .atom.got-it-header-border-color--secondary {
      border: 5px solid #FFFFFF; }
    .atom.got-it-header-border-color--tertiary {
      border: 5px solid #FFFFFF; }
  .atom.got-it-content {
    position: relative;
    display: flex;
    min-height: 50%;
    /* Got-It Content - WIDTH */
    width: 80vw;
    margin: 0 10vw;
    flex-wrap: wrap;
    flex-direction: row;
    /* Got-It Content - HEIGHT */ }
    @media only screen and (max-width: 1199px) {
      .atom.got-it-content {
        width: 90vw;
        margin: 0 5vw;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 899px) {
      .atom.got-it-content {
        width: 90vw;
        margin: 0 5vw;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 599px) {
      .atom.got-it-content {
        width: calc(100vw - 6.25rem);
        margin: 0 3.125rem;
        flex-wrap: wrap; } }
    .atom.got-it-content-height-0 {
      min-height: 0rem; }
    .atom.got-it-content-height-1 {
      min-height: 2.5rem; }
    .atom.got-it-content-height-2 {
      min-height: 5rem; }
    .atom.got-it-content-height-3 {
      min-height: 7.5rem; }
    .atom.got-it-content-height-4 {
      min-height: 10rem; }
    .atom.got-it-content-height-5 {
      min-height: 12.5rem; }
    .atom.got-it-content-height-6 {
      min-height: 15rem; }
    .atom.got-it-content-height-7 {
      min-height: 17.5rem; }
    .atom.got-it-content-height-8 {
      min-height: 20rem; }
    .atom.got-it-content-height-9 {
      min-height: 22.5rem; }
    .atom.got-it-content-height-10 {
      min-height: 25rem; }
    .atom.got-it-content-height-11 {
      min-height: 27.5rem; }
    .atom.got-it-content-height-12 {
      min-height: 30rem; }
    .atom.got-it-content-height-13 {
      min-height: 32.5rem; }
    .atom.got-it-content-height-14 {
      min-height: 35rem; }
    .atom.got-it-content-height-15 {
      min-height: 37.5rem; }
    .atom.got-it-content-height-16 {
      min-height: 40rem; }
    .atom.got-it-content-height-17 {
      min-height: 42.5rem; }
    .atom.got-it-content-height-18 {
      min-height: 45rem; }
    .atom.got-it-content-height-19 {
      min-height: 47.5rem; }
    .atom.got-it-content-height-20 {
      min-height: 50rem; }
    .atom.got-it-content-height-21 {
      min-height: 52.5rem; }
    .atom.got-it-content-height-22 {
      min-height: 55rem; }
    .atom.got-it-content-height-23 {
      min-height: 57.5rem; }
    .atom.got-it-content-height-24 {
      min-height: 60rem; }
    .atom.got-it-content-height-25 {
      min-height: 62.5rem; }
    .atom.got-it-content-height-26 {
      min-height: 65rem; }
    .atom.got-it-content-height-27 {
      min-height: 67.5rem; }
    .atom.got-it-content-height-28 {
      min-height: 70rem; }
    .atom.got-it-content-height-29 {
      min-height: 72.5rem; }
    .atom.got-it-content-height-30 {
      min-height: 75rem; }
    @media only screen and (max-width: 1199px) {
      .atom.got-it-content-heightPS-0 {
        min-height: 0rem; }
      .atom.got-it-content-heightPS-1 {
        min-height: 2.5rem; }
      .atom.got-it-content-heightPS-2 {
        min-height: 5rem; }
      .atom.got-it-content-heightPS-3 {
        min-height: 7.5rem; }
      .atom.got-it-content-heightPS-4 {
        min-height: 10rem; }
      .atom.got-it-content-heightPS-5 {
        min-height: 12.5rem; }
      .atom.got-it-content-heightPS-6 {
        min-height: 15rem; }
      .atom.got-it-content-heightPS-7 {
        min-height: 17.5rem; }
      .atom.got-it-content-heightPS-8 {
        min-height: 20rem; }
      .atom.got-it-content-heightPS-9 {
        min-height: 22.5rem; }
      .atom.got-it-content-heightPS-10 {
        min-height: 25rem; }
      .atom.got-it-content-heightPS-11 {
        min-height: 27.5rem; }
      .atom.got-it-content-heightPS-12 {
        min-height: 30rem; }
      .atom.got-it-content-heightPS-13 {
        min-height: 32.5rem; }
      .atom.got-it-content-heightPS-14 {
        min-height: 35rem; }
      .atom.got-it-content-heightPS-15 {
        min-height: 37.5rem; }
      .atom.got-it-content-heightPS-16 {
        min-height: 40rem; }
      .atom.got-it-content-heightPS-17 {
        min-height: 42.5rem; }
      .atom.got-it-content-heightPS-18 {
        min-height: 45rem; }
      .atom.got-it-content-heightPS-19 {
        min-height: 47.5rem; }
      .atom.got-it-content-heightPS-20 {
        min-height: 50rem; }
      .atom.got-it-content-heightPS-21 {
        min-height: 52.5rem; }
      .atom.got-it-content-heightPS-22 {
        min-height: 55rem; }
      .atom.got-it-content-heightPS-23 {
        min-height: 57.5rem; }
      .atom.got-it-content-heightPS-24 {
        min-height: 60rem; }
      .atom.got-it-content-heightPS-25 {
        min-height: 62.5rem; }
      .atom.got-it-content-heightPS-26 {
        min-height: 65rem; }
      .atom.got-it-content-heightPS-27 {
        min-height: 67.5rem; }
      .atom.got-it-content-heightPS-28 {
        min-height: 70rem; }
      .atom.got-it-content-heightPS-29 {
        min-height: 72.5rem; }
      .atom.got-it-content-heightPS-30 {
        min-height: 75rem; } }
    @media only screen and (max-width: 899px) {
      .atom.got-it-content-heightTP-0 {
        min-height: 0rem; }
      .atom.got-it-content-heightTP-1 {
        min-height: 2.5rem; }
      .atom.got-it-content-heightTP-2 {
        min-height: 5rem; }
      .atom.got-it-content-heightTP-3 {
        min-height: 7.5rem; }
      .atom.got-it-content-heightTP-4 {
        min-height: 10rem; }
      .atom.got-it-content-heightTP-5 {
        min-height: 12.5rem; }
      .atom.got-it-content-heightTP-6 {
        min-height: 15rem; }
      .atom.got-it-content-heightTP-7 {
        min-height: 17.5rem; }
      .atom.got-it-content-heightTP-8 {
        min-height: 20rem; }
      .atom.got-it-content-heightTP-9 {
        min-height: 22.5rem; }
      .atom.got-it-content-heightTP-10 {
        min-height: 25rem; }
      .atom.got-it-content-heightTP-11 {
        min-height: 27.5rem; }
      .atom.got-it-content-heightTP-12 {
        min-height: 30rem; }
      .atom.got-it-content-heightTP-13 {
        min-height: 32.5rem; }
      .atom.got-it-content-heightTP-14 {
        min-height: 35rem; }
      .atom.got-it-content-heightTP-15 {
        min-height: 37.5rem; }
      .atom.got-it-content-heightTP-16 {
        min-height: 40rem; }
      .atom.got-it-content-heightTP-17 {
        min-height: 42.5rem; }
      .atom.got-it-content-heightTP-18 {
        min-height: 45rem; }
      .atom.got-it-content-heightTP-19 {
        min-height: 47.5rem; }
      .atom.got-it-content-heightTP-20 {
        min-height: 50rem; }
      .atom.got-it-content-heightTP-21 {
        min-height: 52.5rem; }
      .atom.got-it-content-heightTP-22 {
        min-height: 55rem; }
      .atom.got-it-content-heightTP-23 {
        min-height: 57.5rem; }
      .atom.got-it-content-heightTP-24 {
        min-height: 60rem; }
      .atom.got-it-content-heightTP-25 {
        min-height: 62.5rem; }
      .atom.got-it-content-heightTP-26 {
        min-height: 65rem; }
      .atom.got-it-content-heightTP-27 {
        min-height: 67.5rem; }
      .atom.got-it-content-heightTP-28 {
        min-height: 70rem; }
      .atom.got-it-content-heightTP-29 {
        min-height: 72.5rem; }
      .atom.got-it-content-heightTP-30 {
        min-height: 75rem; } }
    @media only screen and (max-width: 599px) {
      .atom.got-it-content-heightM-0 {
        min-height: 0rem; }
      .atom.got-it-content-heightM-1 {
        min-height: 2.5rem; }
      .atom.got-it-content-heightM-2 {
        min-height: 5rem; }
      .atom.got-it-content-heightM-3 {
        min-height: 7.5rem; }
      .atom.got-it-content-heightM-4 {
        min-height: 10rem; }
      .atom.got-it-content-heightM-5 {
        min-height: 12.5rem; }
      .atom.got-it-content-heightM-6 {
        min-height: 15rem; }
      .atom.got-it-content-heightM-7 {
        min-height: 17.5rem; }
      .atom.got-it-content-heightM-8 {
        min-height: 20rem; }
      .atom.got-it-content-heightM-9 {
        min-height: 22.5rem; }
      .atom.got-it-content-heightM-10 {
        min-height: 25rem; }
      .atom.got-it-content-heightM-11 {
        min-height: 27.5rem; }
      .atom.got-it-content-heightM-12 {
        min-height: 30rem; }
      .atom.got-it-content-heightM-13 {
        min-height: 32.5rem; }
      .atom.got-it-content-heightM-14 {
        min-height: 35rem; }
      .atom.got-it-content-heightM-15 {
        min-height: 37.5rem; }
      .atom.got-it-content-heightM-16 {
        min-height: 40rem; }
      .atom.got-it-content-heightM-17 {
        min-height: 42.5rem; }
      .atom.got-it-content-heightM-18 {
        min-height: 45rem; }
      .atom.got-it-content-heightM-19 {
        min-height: 47.5rem; }
      .atom.got-it-content-heightM-20 {
        min-height: 50rem; }
      .atom.got-it-content-heightM-21 {
        min-height: 52.5rem; }
      .atom.got-it-content-heightM-22 {
        min-height: 55rem; }
      .atom.got-it-content-heightM-23 {
        min-height: 57.5rem; }
      .atom.got-it-content-heightM-24 {
        min-height: 60rem; }
      .atom.got-it-content-heightM-25 {
        min-height: 62.5rem; }
      .atom.got-it-content-heightM-26 {
        min-height: 65rem; }
      .atom.got-it-content-heightM-27 {
        min-height: 67.5rem; }
      .atom.got-it-content-heightM-28 {
        min-height: 70rem; }
      .atom.got-it-content-heightM-29 {
        min-height: 72.5rem; }
      .atom.got-it-content-heightM-30 {
        min-height: 75rem; } }
  .atom.got-it-info {
    position: relative; }
  .atom.got-it-buttons {
    position: relative; }
  .atom.got-it .text--heading {
    padding-left: 0; }

/* Overides for row direction*/
.got-it--row .got-it-header {
  height: 100%;
  flex-direction: row-reverse;
  justify-content: center;
  margin-bottom: 0; }
  @media only screen and (max-width: 599px) {
    .got-it--row .got-it-header {
      height: unset;
      flex-direction: column;
      justify-content: flex-end;
      margin-bottom: 2.5rem; } }

.got-it--row .got-it-header-clip-text {
  width: 0;
  height: 0;
  display: none; }
  @media only screen and (max-width: 599px) {
    .got-it--row .got-it-header-clip-text {
      width: unset;
      height: unset;
      display: block; } }

.got-it--row .got-it-header-top {
  height: 100%;
  width: 10vw; }
  @media only screen and (max-width: 599px) {
    .got-it--row .got-it-header-top {
      width: 100%;
      height: calc(100% - 2.5rem * 13); } }

.got-it--row .got-it-header-icon {
  margin-right: 20%; }
  @media only screen and (max-width: 599px) {
    .got-it--row .got-it-header-icon {
      margin-right: 0; } }

.got-it--row .got-it-header-clip {
  clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 0%);
  height: 100%; }
  @media only screen and (max-width: 1199px) {
    .got-it--row .got-it-header-clip {
      clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 0%); } }
  @media only screen and (max-width: 599px) {
    .got-it--row .got-it-header-clip {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 30%); } }

.got-it--row .got-it-content {
  height: 100%;
  align-items: center;
  margin: 0 0 0 10vw; }

.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; }

.root-background {
  background: #f5f5f5; }
  .root-background .atom.section .section-content {
    padding-top: 7rem; }
    @media only screen and (max-width: 599px) {
      .root-background .atom.section .section-content {
        padding-top: 0; } }
  .root-background .atom.btn--icon .text--paragraph {
    font-size: 1.6rem;
    line-height: 2.5rem; }
  .root-background .hd-bottom--border {
    border-bottom: 1px solid #9B9B9B; }
  @media only screen and (max-width: 599px) {
    .root-background .atom.section .section-content.content-height-30 {
      height: 100vh; } }
  .root-background #blog-investments, .root-background #blog-business-talk {
    margin-top: -2.5rem; }
    @media only screen and (max-width: 599px) {
      .root-background #blog-investments, .root-background #blog-business-talk {
        margin-top: -10rem; } }
    @media only screen and (max-width: 599px) {
      .root-background #blog-investments .search-wrapper, .root-background #blog-business-talk .search-wrapper {
        display: flex;
        flex-direction: column-reverse; } }
    .root-background #blog-investments .no-results, .root-background #blog-business-talk .no-results {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .root-background #blog-investments .indicator-tag, .root-background #blog-business-talk .indicator-tag {
      font-weight: 400;
      border: 1px solid #01AAAD;
      border-radius: 0.5rem;
      padding: 0.5rem;
      background: #01AAAD;
      color: white;
      font-size: 1.6rem;
      margin-left: .5rem; }
    .root-background #blog-investments .sub-text--link, .root-background #blog-business-talk .sub-text--link {
      cursor: pointer; }
    .root-background #blog-investments .view-all--link, .root-background #blog-business-talk .view-all--link {
      cursor: pointer; }
    .root-background #blog-investments .atom.chevron.input--icon, .root-background #blog-business-talk .atom.chevron.input--icon {
      background: transparent; }
    .root-background #blog-investments .atom.chevron .chevron--icon.icon--grey-search, .root-background #blog-business-talk .atom.chevron .chevron--icon.icon--grey-search {
      background-image: url(/_assets/images/mm/fnb/svg/icons/Primary/search.svg); }
    .root-background #blog-investments .search-block a, .root-background #blog-business-talk .search-block a {
      border-bottom: none; }
    .root-background #blog-investments .search-block input, .root-background #blog-business-talk .search-block input {
      bottom: 4rem; }
    .root-background #blog-investments .blog-link, .root-background #blog-business-talk .blog-link {
      cursor: pointer; }
    .root-background #blog-investments .root-layout .search-block, .root-background #blog-business-talk .root-layout .search-block {
      width: 100%; }
    .root-background #blog-investments .sortingRadio, .root-background #blog-business-talk .sortingRadio {
      display: flex;
      align-items: center; }
      .root-background #blog-investments .sortingRadio > .text--paragraph, .root-background #blog-business-talk .sortingRadio > .text--paragraph {
        margin-left: 2.5rem;
        margin-bottom: 0;
        top: 0; }
    .root-background #blog-investments .blog-item--wrapper, .root-background #blog-business-talk .blog-item--wrapper {
      position: relative;
      transition: all 0.3s;
      width: 100%; }
      .root-background #blog-investments .blog-item--wrapper:hover, .root-background #blog-business-talk .blog-item--wrapper:hover {
        height: -webkit-fill-available;
        cursor: pointer; }
        .root-background #blog-investments .blog-item--wrapper:hover .articleHeading, .root-background #blog-business-talk .blog-item--wrapper:hover .articleHeading {
          text-decoration: underline; }
      .root-background #blog-investments .blog-item--wrapper:active, .root-background #blog-business-talk .blog-item--wrapper:active {
        height: -webkit-fill-available; }
    .root-background #blog-investments #blogListItem, .root-background #blog-business-talk #blogListItem {
      color: initial; }
      .root-background #blog-investments #blogListItem .atom.column--container, .root-background #blog-business-talk #blogListItem .atom.column--container {
        margin-bottom: 0; }
        .root-background #blog-investments #blogListItem .atom.column--container .container-content, .root-background #blog-business-talk #blogListItem .atom.column--container .container-content {
          min-height: 100%; }
      .root-background #blog-investments #blogListItem.swapCols, .root-background #blog-business-talk #blogListItem.swapCols {
        display: flex;
        flex-direction: row-reverse; }
        .root-background #blog-investments #blogListItem.swapCols > .imageContainer, .root-background #blog-business-talk #blogListItem.swapCols > .imageContainer {
          margin-right: 0;
          margin-left: 2.5rem; }
      .root-background #blog-investments #blogListItem .imageContainer, .root-background #blog-business-talk #blogListItem .imageContainer {
        display: flex;
        flex-direction: row; }
      .root-background #blog-investments #blogListItem .descriptionContainer, .root-background #blog-business-talk #blogListItem .descriptionContainer {
        display: flex;
        flex-direction: column; }
      .root-background #blog-investments #blogListItem .icon, .root-background #blog-business-talk #blogListItem .icon {
        width: 5rem;
        height: 5rem;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%); }
      .root-background #blog-investments #blogListItem .icon-video, .root-background #blog-business-talk #blogListItem .icon-video {
        background-image: url(/_assets/images/mm/fnb/svg/icons/Primary/video.svg); }
      .root-background #blog-investments #blogListItem .icon-podcast, .root-background #blog-business-talk #blogListItem .icon-podcast {
        background-image: url(/_assets/images/mm/fnb/svg/icons/Primary/podcast.svg); }
      .root-background #blog-investments #blogListItem .tintOverImage, .root-background #blog-business-talk #blogListItem .tintOverImage {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .root-background #blog-investments #blogListItem .tintOverImage.tintHide, .root-background #blog-business-talk #blogListItem .tintOverImage.tintHide {
          display: none; }
        .root-background #blog-investments #blogListItem .tintOverImage:active, .root-background #blog-business-talk #blogListItem .tintOverImage:active {
          background: #000;
          opacity: .7; }
          .root-background #blog-investments #blogListItem .tintOverImage:active > .tintOverImage-content, .root-background #blog-business-talk #blogListItem .tintOverImage:active > .tintOverImage-content {
            opacity: 1; }
        .root-background #blog-investments #blogListItem .tintOverImage-content, .root-background #blog-business-talk #blogListItem .tintOverImage-content {
          display: flex;
          align-self: flex-end;
          top: 0;
          left: 0;
          padding: 2.5rem 2.5rem 0 2.5rem;
          z-index: 999;
          opacity: 0;
          justify-content: start;
          align-items: flex-start; }
          .root-background #blog-investments #blogListItem .tintOverImage-content .description, .root-background #blog-business-talk #blogListItem .tintOverImage-content .description {
            width: calc(100% - 2.5rem);
            margin-right: 2.5rem; }
            .root-background #blog-investments #blogListItem .tintOverImage-content .description > .heading-4, .root-background #blog-investments #blogListItem .tintOverImage-content .description .text-paragraph, .root-background #blog-business-talk #blogListItem .tintOverImage-content .description > .heading-4, .root-background #blog-business-talk #blogListItem .tintOverImage-content .description .text-paragraph {
              margin-bottom: 0; }
      .root-background #blog-investments #blogListItem .wrapperTime-stamp .text--heading-sub.timeStamp, .root-background #blog-business-talk #blogListItem .wrapperTime-stamp .text--heading-sub.timeStamp {
        display: inline; }
      .root-background #blog-investments #blogListItem .wrapperTime-stamp .share, .root-background #blog-business-talk #blogListItem .wrapperTime-stamp .share {
        display: inline; }
      .root-background #blog-investments #blogListItem .blogShare-btn, .root-background #blog-business-talk #blogListItem .blogShare-btn {
        display: inline;
        float: right; }
        .root-background #blog-investments #blogListItem .blogShare-btn .atom.btn--wrapper:not(.btn--curved):not(.btn--box) .btn--normal, .root-background #blog-business-talk #blogListItem .blogShare-btn .atom.btn--wrapper:not(.btn--curved):not(.btn--box) .btn--normal {
          height: unset; }
        .root-background #blog-investments #blogListItem .blogShare-btn .btn--wrapper.atom, .root-background #blog-business-talk #blogListItem .blogShare-btn .btn--wrapper.atom {
          height: 2.5rem;
          min-width: 2.5rem;
          max-width: 2.5rem;
          display: inline; }
        .root-background #blog-investments #blogListItem .blogShare-btn .btn--wrapper.atom button.btn.atom, .root-background #blog-business-talk #blogListItem .blogShare-btn .btn--wrapper.atom button.btn.atom {
          width: 2.5rem;
          height: 2.5rem;
          min-height: 2.5rem;
          max-width: 2.5rem;
          background: #dadada;
          background-image: url("/_assets/images/mm/fnb/svg/icons/Primary/share.svg");
          background-position: center; }
        .root-background #blog-investments #blogListItem .blogShare-btn .btn.atom.btn--normal, .root-background #blog-business-talk #blogListItem .blogShare-btn .btn.atom.btn--normal {
          min-height: 2.5rem; }
        .root-background #blog-investments #blogListItem .blogShare-btn .atom.btn.atom.btn:not(.btn--icon), .root-background #blog-business-talk #blogListItem .blogShare-btn .atom.btn.atom.btn:not(.btn--icon) {
          box-shadow: none; }
          .root-background #blog-investments #blogListItem .blogShare-btn .atom.btn.atom.btn:not(.btn--icon):hover, .root-background #blog-business-talk #blogListItem .blogShare-btn .atom.btn.atom.btn:not(.btn--icon):hover {
            top: 0;
            transform: translateY(-0.3rem);
            box-shadow: none; }
          .root-background #blog-investments #blogListItem .blogShare-btn .atom.btn.atom.btn:not(.btn--icon):active, .root-background #blog-business-talk #blogListItem .blogShare-btn .atom.btn.atom.btn:not(.btn--icon):active {
            top: 0;
            transform: translateY(0.1rem);
            box-shadow: none; }
          .root-background #blog-investments #blogListItem .blogShare-btn .atom.btn.atom.btn:not(.btn--icon):static, .root-background #blog-business-talk #blogListItem .blogShare-btn .atom.btn.atom.btn:not(.btn--icon):static {
            top: 0;
            box-shadow: none; }
    .root-background #blog-investments .side-cols:nth-child(even), .root-background #blog-business-talk .side-cols:nth-child(even) {
      margin-right: 0; }
      @media only screen and (max-width: 599px) {
        .root-background #blog-investments .side-cols:nth-child(even), .root-background #blog-business-talk .side-cols:nth-child(even) {
          margin-right: inherit; } }
    .root-background #blog-investments .bottom-line, .root-background #blog-business-talk .bottom-line {
      border-bottom: 0.5rem solid rgba(128, 128, 128, 0.2);
      width: calc(100% + 20vw);
      position: absolute;
      left: -10vw; }
      @media only screen and (max-width: 1199px) {
        .root-background #blog-investments .bottom-line, .root-background #blog-business-talk .bottom-line {
          width: calc(100% + 10vw);
          position: absolute;
          left: -5vw; } }
      @media only screen and (max-width: 899px) {
        .root-background #blog-investments .bottom-line, .root-background #blog-business-talk .bottom-line {
          width: calc(100% + 10vw);
          position: absolute;
          left: -5vw; } }
    .root-background #blog-investments .blog-wrapper, .root-background #blog-business-talk .blog-wrapper {
      width: calc(100% + 10vw); }
      @media only screen and (max-width: 1199px) {
        .root-background #blog-investments .blog-wrapper, .root-background #blog-business-talk .blog-wrapper {
          width: calc(100% + 5vw); } }
      @media only screen and (max-width: 899px) {
        .root-background #blog-investments .blog-wrapper, .root-background #blog-business-talk .blog-wrapper {
          width: calc(100% + 5vw); } }
      .root-background #blog-investments .blog-wrapper .atom.chevron.input--icon, .root-background #blog-business-talk .blog-wrapper .atom.chevron.input--icon {
        background: transparent; }
      .root-background #blog-investments .blog-wrapper .search-block a, .root-background #blog-business-talk .blog-wrapper .search-block a {
        border-bottom: none; }
      .root-background #blog-investments .blog-wrapper .search-block input, .root-background #blog-business-talk .blog-wrapper .search-block input {
        bottom: 4rem; }
      .root-background #blog-investments .blog-wrapper .blog-content, .root-background #blog-investments .blog-wrapper .education-content, .root-background #blog-business-talk .blog-wrapper .blog-content, .root-background #blog-business-talk .blog-wrapper .education-content {
        margin-right: 0; }
        .root-background #blog-investments .blog-wrapper .blog-content .close-button, .root-background #blog-investments .blog-wrapper .education-content .close-button, .root-background #blog-business-talk .blog-wrapper .blog-content .close-button, .root-background #blog-business-talk .blog-wrapper .education-content .close-button {
          display: none; }
          @media only screen and (max-width: 599px) {
            .root-background #blog-investments .blog-wrapper .blog-content .close-button, .root-background #blog-investments .blog-wrapper .education-content .close-button, .root-background #blog-business-talk .blog-wrapper .blog-content .close-button, .root-background #blog-business-talk .blog-wrapper .education-content .close-button {
              display: flex;
              justify-content: flex-end; } }
          .root-background #blog-investments .blog-wrapper .blog-content .close-button .icon, .root-background #blog-investments .blog-wrapper .education-content .close-button .icon, .root-background #blog-business-talk .blog-wrapper .blog-content .close-button .icon, .root-background #blog-business-talk .blog-wrapper .education-content .close-button .icon {
            background-image: url("/_assets/images/generic/skins/00/icons/swapout/overlay_close_black.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            height: 2.5rem;
            width: 2.5rem;
            cursor: pointer;
            z-index: 9; }
            .root-background #blog-investments .blog-wrapper .blog-content .close-button .icon:hover, .root-background #blog-investments .blog-wrapper .education-content .close-button .icon:hover, .root-background #blog-business-talk .blog-wrapper .blog-content .close-button .icon:hover, .root-background #blog-business-talk .blog-wrapper .education-content .close-button .icon:hover {
              transition: all 0.4s linear; }
        .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation {
          display: inline-block;
          z-index: 9; }
          .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation .nav-link, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation .nav-link, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation .nav-link, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation .nav-link {
            float: left; }
            .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation .nav-link > .atom.link.chev-icon-arrow:not(.font--color-paper)::before, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation .nav-link > .atom.link.chev-icon-arrow:not(.font--color-paper)::before, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation .nav-link > .atom.link.chev-icon-arrow:not(.font--color-paper)::before, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation .nav-link > .atom.link.chev-icon-arrow:not(.font--color-paper)::before {
              transform: rotate(180deg); }
          .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation .content-toggle, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation .content-toggle, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation .content-toggle, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation .content-toggle {
            cursor: pointer;
            float: right;
            display: flex; }
            .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation .content-toggle .toggle-icon, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation .content-toggle .toggle-icon, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation .content-toggle .toggle-icon, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation .content-toggle .toggle-icon {
              width: 2.5rem;
              height: 2.5rem;
              background: #f5f5f5;
              background-image: url("/_assets/images/mm/fnb/svg/icons/Primary/grid-icon.svg");
              background-position: center;
              margin-right: 2.5rem; }
            .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation .content-toggle .atom.text--paragraph, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation .content-toggle .atom.text--paragraph, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation .content-toggle .atom.text--paragraph, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation .content-toggle .atom.text--paragraph {
              top: 0.17rem;
              margin-bottom: 0; }
          .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation .filter-toggle, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation .filter-toggle, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation .filter-toggle, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation .filter-toggle {
            cursor: pointer;
            float: right;
            display: none; }
            .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation .filter-toggle .atom.text--paragraph, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation .filter-toggle .atom.text--paragraph, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation .filter-toggle .atom.text--paragraph, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation .filter-toggle .atom.text--paragraph {
              top: 0.17rem;
              margin-bottom: 0; }
            @media only screen and (max-width: 599px) {
              .root-background #blog-investments .blog-wrapper .blog-content .blog-navigation .filter-toggle, .root-background #blog-investments .blog-wrapper .education-content .blog-navigation .filter-toggle, .root-background #blog-business-talk .blog-wrapper .blog-content .blog-navigation .filter-toggle, .root-background #blog-business-talk .blog-wrapper .education-content .blog-navigation .filter-toggle {
                display: block; } }
      .root-background #blog-investments .blog-wrapper .sidebar-container, .root-background #blog-business-talk .blog-wrapper .sidebar-container {
        margin-left: 2.5rem;
        height: 100vh; }
        @media only screen and (max-width: 599px) {
          .root-background #blog-investments .blog-wrapper .sidebar-container, .root-background #blog-business-talk .blog-wrapper .sidebar-container {
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            margin: 0;
            z-index: 999;
            background: white;
            width: 100%;
            padding-left: 3.125rem; }
            .root-background #blog-investments .blog-wrapper .sidebar-container.filterToggleShow, .root-background #blog-business-talk .blog-wrapper .sidebar-container.filterToggleShow {
              display: block; }
            .root-background #blog-investments .blog-wrapper .sidebar-container.filterToggleHide, .root-background #blog-business-talk .blog-wrapper .sidebar-container.filterToggleHide {
              display: none; } }
        .root-background #blog-investments .blog-wrapper .sidebar-container .sidebar-background, .root-background #blog-business-talk .blog-wrapper .sidebar-container .sidebar-background {
          top: .5rem;
          position: absolute;
          width: calc(100% + (2.5rem + 5vw));
          height: 100%;
          background: white; }
          @media only screen and (max-width: 1199px) {
            .root-background #blog-investments .blog-wrapper .sidebar-container .sidebar-background, .root-background #blog-business-talk .blog-wrapper .sidebar-container .sidebar-background {
              width: calc(100% + 5rem); } }
          @media only screen and (max-width: 899px) {
            .root-background #blog-investments .blog-wrapper .sidebar-container .sidebar-background, .root-background #blog-business-talk .blog-wrapper .sidebar-container .sidebar-background {
              width: calc(100% + 5rem); } }
          @media only screen and (max-width: 599px) {
            .root-background #blog-investments .blog-wrapper .sidebar-container .sidebar-background, .root-background #blog-business-talk .blog-wrapper .sidebar-container .sidebar-background {
              width: calc(100vw + 5rem);
              position: absolute;
              height: inherit;
              top: 0;
              left: -5rem; } }
      .root-background #blog-investments .blog-wrapper .blog-sidebar, .root-background #blog-business-talk .blog-wrapper .blog-sidebar {
        height: inherit; }
        .root-background #blog-investments .blog-wrapper .blog-sidebar .close-button, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .close-button {
          display: flex;
          justify-content: flex-end; }
          .root-background #blog-investments .blog-wrapper .blog-sidebar .close-button .icon, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .close-button .icon {
            background-image: url("/_assets/images/generic/skins/00/icons/swapout/overlay_close_black.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            height: 2.5rem;
            width: 2.5rem;
            cursor: pointer;
            z-index: 9; }
            .root-background #blog-investments .blog-wrapper .blog-sidebar .close-button .icon:hover, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .close-button .icon:hover {
              transition: all 0.4s linear; }
            @media only screen and (max-width: 599px) {
              .root-background #blog-investments .blog-wrapper .blog-sidebar .close-button .icon, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .close-button .icon {
                display: none; } }
        @media only screen and (max-width: 599px) {
          .root-background #blog-investments .blog-wrapper .blog-sidebar, .root-background #blog-business-talk .blog-wrapper .blog-sidebar {
            margin-top: 10rem;
            margin-bottom: 2.5rem; } }
        .root-background #blog-investments .blog-wrapper .blog-sidebar .blog-sidebar-header, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .blog-sidebar-header {
          display: flex;
          width: 100%;
          justify-content: space-between; }
          .root-background #blog-investments .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon {
            background-image: url("/_assets/images/generic/skins/00/icons/swapout/overlay_close_black.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            height: 2.5rem;
            width: 2.5rem;
            cursor: pointer;
            z-index: 9;
            display: none; }
            .root-background #blog-investments .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon:hover, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon:hover {
              transition: all 0.4s linear; }
            @media only screen and (max-width: 1199px) {
              .root-background #blog-investments .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon {
                display: none; } }
            @media only screen and (max-width: 899px) {
              .root-background #blog-investments .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon {
                display: none; } }
            @media only screen and (max-width: 599px) {
              .root-background #blog-investments .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .blog-sidebar-header > .blog-close-icon {
                display: block; } }
          .root-background #blog-investments .blog-wrapper .blog-sidebar .blog-sidebar-header > .close-icon, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .blog-sidebar-header > .close-icon {
            background-image: url("/_assets/images/generic/skins/00/icons/swapout/overlay_close_black.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            height: 2.5rem;
            width: 2.5rem;
            cursor: pointer;
            z-index: 9; }
            .root-background #blog-investments .blog-wrapper .blog-sidebar .blog-sidebar-header > .close-icon:hover, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .blog-sidebar-header > .close-icon:hover {
              transition: all 0.4s linear; }
        @media only screen and (max-width: 599px) {
          .root-background #blog-investments .blog-wrapper .blog-sidebar .filter-content, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .filter-content {
            height: 600px;
            overflow: auto;
            padding-bottom: 5rem; } }
        .root-background #blog-investments .blog-wrapper .blog-sidebar .filter-item, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .filter-item {
          padding-bottom: 5rem; }
          .root-background #blog-investments .blog-wrapper .blog-sidebar .filter-item .filter-header, .root-background #blog-business-talk .blog-wrapper .blog-sidebar .filter-item .filter-header {
            border-top: 1px solid grey;
            padding-top: 2.5rem;
            padding-bottom: 1.5rem;
            max-height: 10rem;
            width: inherit;
            transition: all 0.4s linear; }
        .root-background #blog-investments .blog-wrapper .blog-sidebar.frame-col:last-child, .root-background #blog-business-talk .blog-wrapper .blog-sidebar.frame-col:last-child {
          padding-left: 2.5rem;
          padding-top: 2.5rem; }
          @media only screen and (max-width: 599px) {
            .root-background #blog-investments .blog-wrapper .blog-sidebar.frame-col:last-child, .root-background #blog-business-talk .blog-wrapper .blog-sidebar.frame-col:last-child {
              padding-top: 0;
              padding-left: 0; } }
        @media only screen and (max-width: 899px) {
          .root-background #blog-investments .blog-wrapper .blog-sidebar.frame-col:last-child, .root-background #blog-business-talk .blog-wrapper .blog-sidebar.frame-col:last-child {
            margin-right: 0; } }
    .root-background #blog-investments .post-page .nav-back, .root-background #blog-business-talk .post-page .nav-back {
      display: inline; }
      .root-background #blog-investments .post-page .nav-back .nav-link, .root-background #blog-business-talk .post-page .nav-back .nav-link {
        display: flex;
        align-items: center;
        border-bottom: 0;
        text-decoration: none; }
        .root-background #blog-investments .post-page .nav-back .nav-link:visited, .root-background #blog-business-talk .post-page .nav-back .nav-link:visited {
          color: #000000; }
        .root-background #blog-investments .post-page .nav-back .nav-link:link, .root-background #blog-business-talk .post-page .nav-back .nav-link:link {
          color: #000000; }
        .root-background #blog-investments .post-page .nav-back .nav-link:hover, .root-background #blog-business-talk .post-page .nav-back .nav-link:hover {
          color: #000000; }
        .root-background #blog-investments .post-page .nav-back .nav-link .icon, .root-background #blog-business-talk .post-page .nav-back .nav-link .icon {
          background-image: url("/_assets/images/generic/skins/00/chevron/crumbArrowLeft.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          height: 2.5rem;
          width: 2.5rem;
          cursor: pointer;
          z-index: 9; }
          .root-background #blog-investments .post-page .nav-back .nav-link .icon:hover, .root-background #blog-business-talk .post-page .nav-back .nav-link .icon:hover {
            transition: all 0.4s linear; }
        .root-background #blog-investments .post-page .nav-back .nav-link .text--paragraph, .root-background #blog-business-talk .post-page .nav-back .nav-link .text--paragraph {
          display: inline-block;
          top: 0;
          margin-bottom: 0; }

.accordion {
  width: 100%; }
  .accordion-header {
    cursor: pointer;
    border-top: 1px solid grey;
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
    max-height: 10rem;
    width: inherit;
    display: flex;
    transition: all 0.4s linear; }
    .accordion-header .heading-4 {
      margin-bottom: 0;
      padding-left: 0; }
    .accordion-header .description {
      width: calc(100% - 5rem);
      margin-right: 2.5rem; }
      .accordion-header .description .text--heading-sub {
        word-break: break-word;
        color: #6B6B6B; }
    .accordion-header .icon {
      background: url("/_assets/images/mm/fnb/svg/icons/Primary/accordion-chevron.svg");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      width: 2.5rem; }
      .accordion-header .icon.module.open {
        background: url("/_assets/images/mm/fnb/svg/icons/Primary/accordion-chevron.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 2.5rem;
        transform: rotate(180deg); }
  .accordion.body {
    overflow: hidden;
    transition: all 0.3s; }
    .accordion.body .content {
      padding: 2.5rem; }

.accordion-body {
  max-height: 0;
  opacity: 0;
  overflow-y: hidden;
  transition: all 0.4s ease-out; }
  .accordion-body.module.open {
    opacity: 1;
    max-height: 100%; }

.module-status {
  width: 100%;
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1.5rem; }
  .module-status .status-icon {
    width: 2.5rem;
    margin-top: 1rem;
    margin-right: 2.5rem;
    background: url("/_assets/images/mm/fnb/svg/icons/Primary/lesson-notdone.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    .module-status .status-icon.done {
      background: url("/_assets/images/mm/fnb/svg/icons/Primary/lesson-done.svg");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; }
  .module-status .description {
    display: flex;
    flex-direction: column; }
    .module-status .description .atom.text--paragraph {
      margin-bottom: 0; }
    .module-status .description .text--heading-sub {
      word-break: break-word;
      color: #6B6B6B; }

.filter-checkbox {
  margin-top: 1rem;
  margin-bottom: 1.5rem; }
  .filter-checkbox .atom.text--paragraph {
    margin-bottom: 0;
    top: 0; }
  .filter-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-apperance: none;
    -moz-appearance: none;
    height: 2rem;
    width: 2rem;
    border: 1px solid #9B9B9B;
    cursor: pointer;
    outline: none;
    margin-right: 2rem;
    position: relative;
    top: .6rem; }
  .filter-checkbox input[type="checkbox"]:after {
    content: '';
    background: #fff url("../../../images//generic/skins/00/chevron/primary_list-tick.svg") no-repeat;
    display: none;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 100%;
    left: 0; }
  .filter-checkbox input[type="checkbox"]:checked:after {
    display: block; }
  .filter-checkbox label {
    cursor: pointer;
    display: inline; }

.navigation-border {
  border-bottom: 0.5rem solid rgba(128, 128, 128, 0.2);
  width: calc(100% + 20vw);
  position: absolute;
  left: -10vw;
  top: 70px; }

article.wrapper .nextIcon, article.wrapper .prevIcon {
  width: 2.5rem;
  height: inherit;
  background: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  display: inline-block; }

article.wrapper .nextIcon {
  background-image: url("/_assets/images/generic/skins/00/chevron/crumbArrowRight.svg");
  margin-right: -2.5rem;
  box-shadow: -6px 0 10px -9px #888; }
  article.wrapper .nextIcon.fade-arrow {
    opacity: .2; }

article.wrapper .prevIcon {
  background-image: url("/_assets/images/generic/skins/00/chevron/crumbArrowLeft.svg");
  margin-left: -2.5rem;
  box-shadow: 6px 0 10px -9px #888; }
  article.wrapper .prevIcon.fade-arrow {
    opacity: .2; }

.tab-container {
  position: relative;
  height: 7.5rem;
  background-color: #ffffff;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  border-bottom: 1px solid #DADADA; }
  .tab-container .tab-float {
    width: calc(100% + 20vw);
    position: absolute;
    left: -10vw;
    background: #ffffff;
    height: inherit; }
  .tab-container .blog-tabs {
    position: relative;
    display: flex;
    width: 100%;
    height: inherit;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: flex-start;
    justify-content: space-between;
    -ms-overflow-style: scroll;
    scrollbar-width: none;
    outline: none; }
    .tab-container .blog-tabs::-webkit-scrollbar {
      display: none; }
    .tab-container .blog-tabs > li {
      position: relative;
      display: inline-block;
      text-decoration: none;
      padding: 2rem 3rem;
      text-transform: capitalize;
      font-size: 1.5rem;
      font-weight: 400;
      text-align: center;
      outline: none;
      height: 100%;
      flex: 1 1 0;
      margin-right: 0; }
      .tab-container .blog-tabs > li:not(:last-child) {
        margin-right: 2.5rem; }
      .tab-container .blog-tabs > li .notification {
        background: orange;
        height: 2rem;
        width: 2rem;
        border-radius: 1rem;
        position: absolute;
        top: 1rem;
        right: 0; }
        .tab-container .blog-tabs > li .notification span {
          color: #ffffff;
          font-family: RobotoRegular;
          font-size: 1.4rem; }
    .tab-container .blog-tabs .blog-tab.is-active {
      color: #01AAAD;
      border-bottom: 2px solid #01AAAD; }
    .tab-container .blog-tabs .nav-item {
      cursor: pointer;
      background-color: inherit; }
      .tab-container .blog-tabs .nav-item.is-active {
        font-weight: 400;
        outline: none; }

.blog-search {
  cursor: pointer;
  display: flex;
  margin-left: 1rem;
  -webkit-box-shadow: -3.5rem 0 3rem -3rem rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -3.5rem 0 3rem -3rem rgba(0, 0, 0, 0.3);
  box-shadow: -3.5rem 0 3rem -3rem rgba(0, 0, 0, 0.3); }
  .blog-search .icon {
    width: 2.5rem;
    background: #ffffff;
    background-image: url("/_assets/images/generic/skins/00/navigation/search-icon/ink.svg");
    background-position: center;
    padding: 0 2.5rem;
    background-repeat: no-repeat;
    position: relative;
    top: -1rem; }
  .blog-search .text {
    position: relative;
    top: 1rem;
    width: max-content; }
    .blog-search .text .text--paragraph {
      margin-bottom: 0;
      font-weight: 600; }

.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"); }

#integration-channel a {
  border-bottom: unset;
  font-family: unset;
  font-size: unset;
  margin: unset;
  padding: unset;
  line-height: unset; }

#integration-channel .card--divider:first-child {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background-color: #009999; }

#integration-channel .toggle-filter--trigger {
  display: none; }
  @media only screen and (max-width: 1199px) {
    #integration-channel .toggle-filter--trigger {
      display: none; } }
  @media only screen and (max-width: 899px) {
    #integration-channel .toggle-filter--trigger {
      display: none; } }
  @media only screen and (max-width: 599px) {
    #integration-channel .toggle-filter--trigger {
      display: flex; } }
  #integration-channel .toggle-filter--trigger .text--paragraph {
    margin-bottom: 0;
    margin-left: 1rem;
    top: 0; }
  #integration-channel .toggle-filter--trigger > .toggle-icon {
    background-image: url("/_assets/images/mm/fnb/svg/icons/Primary/grid-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    z-index: 9;
    display: none; }
    #integration-channel .toggle-filter--trigger > .toggle-icon:hover {
      transition: all 0.4s linear; }
    @media only screen and (max-width: 1199px) {
      #integration-channel .toggle-filter--trigger > .toggle-icon {
        display: none; } }
    @media only screen and (max-width: 899px) {
      #integration-channel .toggle-filter--trigger > .toggle-icon {
        display: none; } }
    @media only screen and (max-width: 599px) {
      #integration-channel .toggle-filter--trigger > .toggle-icon {
        display: block; } }

@media only screen and (max-width: 599px) {
  #integration-channel .filter-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    z-index: 999;
    background: white;
    width: 100%;
    padding: 3.125rem; }
    #integration-channel .filter-sidebar.filterToggleShow {
      display: block; }
    #integration-channel .filter-sidebar.filterToggleHide {
      display: none; } }

#integration-channel .filter-sidebar .filter-clear .clear-filter--link {
  text-decoration: none; }
  #integration-channel .filter-sidebar .filter-clear .clear-filter--link:visited {
    color: #000000; }
  #integration-channel .filter-sidebar .filter-clear .clear-filter--link:link {
    color: #000000; }

#integration-channel .filter-sidebar .sidebar-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  display: none; }
  @media only screen and (max-width: 1199px) {
    #integration-channel .filter-sidebar .sidebar-header {
      display: none; } }
  @media only screen and (max-width: 899px) {
    #integration-channel .filter-sidebar .sidebar-header {
      display: none; } }
  @media only screen and (max-width: 599px) {
    #integration-channel .filter-sidebar .sidebar-header {
      display: flex; } }
  #integration-channel .filter-sidebar .sidebar-header > .close-icon {
    background-image: url("/_assets/images/generic/skins/00/icons/swapout/overlay_close_black.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    z-index: 9;
    display: none; }
    #integration-channel .filter-sidebar .sidebar-header > .close-icon:hover {
      transition: all 0.4s linear; }
    @media only screen and (max-width: 1199px) {
      #integration-channel .filter-sidebar .sidebar-header > .close-icon {
        display: none; } }
    @media only screen and (max-width: 899px) {
      #integration-channel .filter-sidebar .sidebar-header > .close-icon {
        display: none; } }
    @media only screen and (max-width: 599px) {
      #integration-channel .filter-sidebar .sidebar-header > .close-icon {
        display: block; } }

#integration-channel .catalogue-items {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 599px) {
    #integration-channel .catalogue-items {
      flex-direction: column; } }
  #integration-channel .catalogue-items .catalogue-item {
    display: flex; }
    @media only screen and (max-width: 599px) {
      #integration-channel .catalogue-items .catalogue-item {
        margin-right: 0; } }
    #integration-channel .catalogue-items .catalogue-item:nth-child(3n) {
      margin-right: 0 !important; }
    #integration-channel .catalogue-items .catalogue-item .getting-started--link {
      text-decoration: none; }
      #integration-channel .catalogue-items .catalogue-item .getting-started--link:visited {
        color: #000000; }
      #integration-channel .catalogue-items .catalogue-item .getting-started--link:link {
        color: #000000; }

#integration-channel .service-title {
  font-size: 3.5rem !important;
  letter-spacing: 0 !important;
  padding: 0 0 1rem 0 !important;
  transition: all 0.5s !important;
  font-family: "AtomFNBSansThin", sans-serif;
  font-weight: normal !important;
  width: 42.8rem;
  text-align: left !important; }
  @media only screen and (max-width: 1199px) {
    #integration-channel .service-title {
      width: 29.5rem; } }
  @media only screen and (max-width: 899px) {
    #integration-channel .service-title {
      width: 29.5rem; } }
  @media only screen and (max-width: 599px) {
    #integration-channel .service-title {
      width: unset; } }

#integration-channel .section-title {
  border-bottom: 1px solid #212121; }

#integration-channel .border-bottom {
  border-bottom: 1px solid #cecece; }

@media only screen and (max-width: 599px) {
  #integration-channel .navbar {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    z-index: 999;
    background: white;
    width: 100%;
    padding: 3.125rem; }
    #integration-channel .navbar.menuToggleShow {
      display: block; }
    #integration-channel .navbar.menuToggleHide {
      display: none; } }

#integration-channel .navbar .navbar-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  display: none; }
  @media only screen and (max-width: 1199px) {
    #integration-channel .navbar .navbar-header {
      display: none; } }
  @media only screen and (max-width: 899px) {
    #integration-channel .navbar .navbar-header {
      display: none; } }
  @media only screen and (max-width: 599px) {
    #integration-channel .navbar .navbar-header {
      display: flex; } }
  #integration-channel .navbar .navbar-header > .close-icon {
    background-image: url("/_assets/images/generic/skins/00/icons/swapout/overlay_close_black.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    z-index: 9;
    display: none; }
    #integration-channel .navbar .navbar-header > .close-icon:hover {
      transition: all 0.4s linear; }
    @media only screen and (max-width: 1199px) {
      #integration-channel .navbar .navbar-header > .close-icon {
        display: none; } }
    @media only screen and (max-width: 899px) {
      #integration-channel .navbar .navbar-header > .close-icon {
        display: none; } }
    @media only screen and (max-width: 599px) {
      #integration-channel .navbar .navbar-header > .close-icon {
        display: block; } }

#integration-channel .navbar .list-style-bullet {
  list-style-type: none; }

#integration-channel .navbar .list {
  margin-left: 0; }

#integration-channel .navbar .nav-link {
  text-decoration: none; }
  #integration-channel .navbar .nav-link:visited {
    color: #000000; }
  #integration-channel .navbar .nav-link:link {
    color: #000000; }
  #integration-channel .navbar .nav-link:hover {
    color: #01AAAD; }

#integration-channel .navbar-item {
  margin-bottom: 5rem; }

#integration-channel .navbar .atom.text--heading {
  display: inline-block; }

#integration-channel .navbar .router-link-active > .atom.text--heading {
  border-left: 5px solid #01AAAD;
  padding: 0.2rem 0 1.5rem 1rem;
  border-radius: 0.3rem; }

#integration-channel .navbar-child.list-style-bullet {
  list-style-type: none; }

#integration-channel .navbar-child .nav-link {
  text-decoration: none; }
  #integration-channel .navbar-child .nav-link:visited {
    color: #000000; }
  #integration-channel .navbar-child .nav-link:link {
    color: #000000; }
  #integration-channel .navbar-child .nav-link:hover {
    color: #01AAAD; }

#integration-channel .navbar-child .router-link-active > .atom.text--paragraph {
  color: #01AAAD; }

#integration-channel .tab-container {
  position: relative;
  height: 7.5rem;
  background-color: #ffffff;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  z-index: 1;
  border-bottom: 1px solid #DADADA; }
  #integration-channel .tab-container .tab-float {
    width: 100%;
    position: absolute;
    left: 0;
    background: #ffffff;
    height: inherit; }
  #integration-channel .tab-container .integration-tabs {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: flex-start;
    -ms-overflow-style: scroll;
    scrollbar-width: none;
    outline: none; }
    #integration-channel .tab-container .integration-tabs::-webkit-scrollbar {
      display: none; }
    #integration-channel .tab-container .integration-tabs > li {
      position: relative;
      display: flex;
      align-items: flex-end;
      text-decoration: none;
      padding: 2rem 3rem;
      text-transform: capitalize;
      font-size: 1.5rem;
      font-weight: 400;
      text-align: center;
      outline: none;
      height: inherit; }
    #integration-channel .tab-container .integration-tabs .integration-tab.is-active {
      color: #01AAAD;
      border-bottom: 2px solid #01AAAD; }
    #integration-channel .tab-container .integration-tabs .nav-item {
      cursor: pointer;
      background-color: inherit;
      width: max-content; }
      #integration-channel .tab-container .integration-tabs .nav-item.is-active {
        font-weight: 400;
        outline: none; }

.filter-selectbox {
  appearance: none;
  -webkit-appearance: none; }
  .filter-selectbox label {
    color: rgba(0, 0, 0, 0.26);
    font-size: 1.4rem;
    line-height: 1.5rem;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: -1rem;
    transition: 0.2s ease all; }
    .filter-selectbox label:focus {
      top: 1rem;
      transition: 0.2s ease all;
      font-size: 1.4rem; }
  .filter-selectbox select {
    width: 100%;
    height: auto;
    background: transparent;
    padding: 1rem 1rem 1rem 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #9B9B9B;
    font-family: RobotoRegular;
    font-size: 1.6rem;
    appearance: none;
    outline: none;
    -webkit-appearance: none; }
    .filter-selectbox select:hover {
      cursor: pointer; }
    .filter-selectbox select:focus {
      outline: none;
      border-bottom: 1px solid #9B9B9B; }
    .filter-selectbox selectoption {
      padding: 1rem;
      border-bottom: 1px solid #9B9B9B; }
  .filter-selectbox:after {
    position: absolute;
    top: 1.5rem;
    right: 0;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #9B9B9B;
    pointer-events: none; }

#pricingBlock {
  border-radius: 1.6rem;
  padding: 2.5rem;
  position: relative;
  display: flex;
  flex-direction: row;
  width: calc(10 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 9));
  left: calc(1 * ((80vw - 11 * 2.5rem) / 12) + 2.5rem);
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 1199px) {
    #pricingBlock {
      width: 100%;
      left: 0; } }
  @media only screen and (max-width: 899px) {
    #pricingBlock {
      width: calc(6 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 5));
      left: calc(3 * ((90vw - 11 * 2.5rem) / 12) + (2.5rem * 3));
      flex-direction: column; } }
  @media only screen and (max-width: 599px) {
    #pricingBlock {
      width: 100%;
      left: 0;
      flex-direction: column; } }
  #pricingBlock .frame-col {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 20rem;
    border-right: 1px solid #9B9B9B;
    padding-right: 2.5rem;
    padding-top: 0rem; }
    #pricingBlock .frame-col-flex-direction--space-between {
      justify-content: space-between; }
    #pricingBlock .frame-col-flex-direction--space-evenly {
      justify-content: space-evenly; }
    #pricingBlock .frame-col-flex-direction--center {
      justify-content: center; }
    #pricingBlock .frame-col-flex-direction--start {
      justify-content: start; }
    #pricingBlock .frame-col-flex-direction--end {
      justify-content: end; }
    #pricingBlock .frame-col:last-child {
      border-right: 0;
      padding-right: 0; }
    @media only screen and (max-width: 899px) {
      #pricingBlock .frame-col {
        border-bottom: 1px solid #9B9B9B;
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
        border-right: 0;
        padding-right: 0;
        min-height: 10rem; }
        #pricingBlock .frame-col:last-child {
          border-bottom: 0;
          padding-bottom: 0; } }
    @media only screen and (max-width: 599px) {
      #pricingBlock .frame-col {
        border-bottom: 1px solid #9B9B9B;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        border-right: 0;
        padding-right: 0;
        min-height: 10rem; }
        #pricingBlock .frame-col:last-child {
          border-bottom: 0;
          padding-bottom: 0; } }
  #pricingBlock .atom.text--paragraph.type--sub {
    font-weight: bold; }
    @media only screen and (max-width: 899px) {
      #pricingBlock .atom.text--paragraph.type--sub {
        font-family: "AtomFNBSansThin", sans-serif;
        font-size: 3.5rem;
        line-height: 3.75rem;
        letter-spacing: 0;
        margin-bottom: 2.5rem;
        font-weight: normal; } }
    @media only screen and (max-width: 599px) {
      #pricingBlock .atom.text--paragraph.type--sub {
        font-family: "AtomFNBSansThin", sans-serif;
        font-size: 3.5rem;
        line-height: 3.75rem;
        letter-spacing: 0;
        margin-bottom: 2.5rem;
        font-weight: normal; } }

.atom.blogs {
  position: relative;
  display: block; }
  @media only screen and (max-width: 599px) {
    .atom.blogs {
      overflow-x: scroll;
      padding: 2.5rem 0 0 0; } }
  .atom.blogs-tabs {
    position: relative;
    display: flex;
    justify-content: space-between; }
    .atom.blogs-tabs::before {
      content: "";
      width: 100vw;
      height: 0.5rem;
      background-color: #DADADA;
      bottom: 0;
      left: -10vw;
      position: absolute; }
    .atom.blogs-tabs--selected {
      border-bottom: solid 0.5rem #01AAAD;
      z-index: 2;
      position: relative; }
    @media only screen and (max-width: 599px) {
      .atom.blogs-tabs {
        flex-direction: row; } }
  .atom.blogs-content {
    position: relative;
    display: flex;
    top: -0.5rem; }
    .atom.blogs-content-heading::after {
      content: '';
      height: 2.5rem;
      width: 100%;
      display: block;
      position: relative;
      border-bottom: 1px solid #9B9B9B;
      top: -0.6rem; }
    .atom.blogs-content-leftBlock {
      margin-bottom: 5rem; }
    .atom.blogs-content-rightBlock {
      margin-bottom: 5rem; }
    .atom.blogs-content.atom.section .section-content {
      padding-top: 0; }
  .atom.blogs-articles {
    position: relative;
    display: block;
    top: -1rem;
    display: inline-flex;
    flex-wrap: wrap; }
    .atom.blogs-articles-article {
      position: relative;
      display: flex;
      margin-bottom: 5rem; }
      .atom.blogs-articles-article a:link,
      .atom.blogs-articles-article a:visited,
      .atom.blogs-articles-article a:hover {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        border-bottom: 0; }
      .atom.blogs-articles-article-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 2; }
        .atom.blogs-articles-article-content--row {
          flex-direction: row; }
        @media only screen and (max-width: 599px) {
          .atom.blogs-articles-article-content {
            margin: 0; } }
        @media only screen and (max-width: 599px) {
          .atom.blogs-articles-article-content {
            margin: 0; } }
      .atom.blogs-articles-article--hero {
        flex-direction: column; }
      .atom.blogs-articles-article--default {
        flex-direction: row; }
      .atom.blogs-articles-article--small-hero {
        flex-direction: column; }
      .atom.blogs-articles-article--small-default {
        flex-direction: column; }
        @media only screen and (max-width: 599px) {
          .atom.blogs-articles-article--small-default {
            flex-direction: row; } }
      .atom.blogs-articles-article--small-left {
        flex-direction: row; }
      .atom.blogs-articles-article-subcategory {
        font-size: 1.4rem;
        color: #009999;
        margin-bottom: 0rem; }
      .atom.blogs-articles-article-heading {
        font-size: 2rem; }
      .atom.blogs-articles-article-blurb {
        font-size: 1.6rem;
        color: #6B6B6B; }
      .atom.blogs-articles-article-stamp {
        font-size: 1.4rem;
        color: #6B6B6B;
        margin-bottom: 0; }
      .atom.blogs-articles-article-image {
        font-size: 1.4rem;
        color: #6B6B6B;
        margin-bottom: 0;
        z-index: 2; }
    .atom.blogs-articles-article::after {
      content: '';
      position: absolute;
      background-color: #FFFFFF;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 1;
      transition: all .2s; }
    .atom.blogs-articles-article:hover::after {
      content: '';
      width: calc(100% + 2.5rem);
      height: calc(100% + 5rem);
      top: -2.5rem;
      left: -2.5rem;
      opacity: 1; }
  .atom.blogs-filter {
    position: relative;
    display: block; }
    .atom.blogs-filter-desktop {
      display: block; }
      @media only screen and (max-width: 599px) {
        .atom.blogs-filter-desktop {
          display: none; } }
    .atom.blogs-filter-mobile {
      display: none; }
      @media only screen and (max-width: 599px) {
        .atom.blogs-filter-mobile {
          display: block; } }
    .atom.blogs-filter-form {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      font-family: RobotoRegular;
      line-height: 1.6rem;
      margin-bottom: 2.5rem; }
    .atom.blogs-filter-input {
      padding: 0.8rem 5rem;
      width: 100%;
      color: #000;
      border: 1px solid #DADADA;
      border-radius: 12px 12px 12px 12px;
      background-color: #FBFDFD;
      height: 5rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .atom.blogs-filter-input:focus {
        border: 1px solid #009999;
        background: #e1ebeb;
        border-radius: 12px 12px 12px 12px; }
      .atom.blogs-filter-input--hidden {
        display: none; }
      .atom.blogs-filter-input--main::after {
        content: '';
        position: absolute;
        display: block;
        width: 2.5rem;
        height: 2.5rem;
        margin-left: 1.25rem;
        margin-top: 1.25rem;
        background-image: url(/_assets/images/generic/skins/00/navigation/search-icon/ink.svg);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: .3;
        padding: 0; }
    .atom.blogs-filter-button {
      position: absolute;
      width: 8rem;
      height: calc(5rem - 2px);
      background-color: #000;
      color: #FFFFFF;
      border: 0;
      border-radius: 12px;
      right: 1px;
      top: 1px;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .atom.blogs-filter-button--active {
        border-radius: 12px 12px 0px 12px; }
      .atom.blogs-filter-button:hover {
        background-color: #b6c8ce; }
      @media only screen and (max-width: 599px) {
        .atom.blogs-filter-button {
          right: 1px;
          top: 1px; } }
    .atom.blogs-filter-filters {
      position: relative;
      display: block;
      height: min-content;
      margin-top: 2.5rem; }
      .atom.blogs-filter-filters--hidden {
        position: relative;
        display: none;
        height: 0; }
    .atom.blogs-filter-mobile .blogs-filter-input:focus {
      border: 1px solid #009999;
      background: #e1ebeb;
      border-radius: 12px 12px 0px 0px; }
    .atom.blogs-filter-mobile .blogs-filter-filters {
      margin-top: 0;
      padding-top: 0;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
      padding-bottom: 0;
      height: 0;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      transition-delay: .1s; }
    .atom.blogs-filter-mobile .blogs-filter-input:focus ~ .blogs-filter-filters {
      height: 100%;
      padding: 2.5rem;
      background: #e1ebeb;
      border-left: 1px solid #009999;
      border-right: 1px solid #009999;
      border-bottom: 1px solid #009999;
      border-radius: 0px 0px 12px 12px;
      opacity: 1; }
    .atom.blogs-filter-radio {
      position: relative;
      display: flex;
      width: 100%;
      margin-bottom: 1.5rem; }
    .atom.blogs-filter-radio input {
      position: absolute;
      display: block;
      left: 0; }
    .atom.blogs-filter-radio label {
      position: relative;
      display: block;
      width: 100%;
      font-size: 1.6rem;
      padding-left: 2.5rem;
      cursor: pointer; }
  .atom.blogs.atom.section .section-content {
    padding-bottom: 0; }
    @media only screen and (max-width: 599px) {
      .atom.blogs.atom.section .section-content {
        padding-top: 0;
        display: contents; } }

.atom.catalogue {
  position: relative;
  display: block; }
  @media only screen and (max-width: 599px) {
    .atom.catalogue {
      overflow-x: scroll;
      padding: 2.5rem 0 0 0; } }
  .atom.catalogue-content {
    position: relative;
    display: flex;
    top: 7.5rem;
    padding-top: 2.5rem;
    min-height: 80rem; }
    .atom.catalogue-content-leftBlock {
      margin-bottom: 5rem; }
    .atom.catalogue-content-rightBlock {
      margin-bottom: 5rem; }
    .atom.catalogue-content.atom.section .section-content {
      padding-top: 0; }
  .atom.catalogue-services {
    position: relative;
    display: block;
    top: -1rem; }
    .atom.catalogue-services-main {
      background-color: #F7F7F7;
      height: min-content; }
      .atom.catalogue-services-main .catalogue-services-service-bg {
        justify-content: space-between; }
      .atom.catalogue-services-main .catalogue-services-service-image {
        max-height: 18rem; }
    .atom.catalogue-services-service {
      position: relative;
      display: flex;
      margin-bottom: 5rem;
      animation: fadeIn .5s ease-out; }
      .atom.catalogue-services-service a:link,
      .atom.catalogue-services-service a:visited,
      .atom.catalogue-services-service a:hover {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        border-bottom: 0; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
      .atom.catalogue-services-service-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 2; }
        .atom.catalogue-services-service-content--row {
          flex-direction: row; }
        @media only screen and (max-width: 599px) {
          .atom.catalogue-services-service-content {
            margin: 0; } }
        @media only screen and (max-width: 599px) {
          .atom.catalogue-services-service-content {
            margin: 0; } }
      .atom.catalogue-services-service--hero {
        flex-direction: column; }
      .atom.catalogue-services-service--default {
        flex-direction: row; }
      .atom.catalogue-services-service--small-hero {
        flex-direction: column; }
      .atom.catalogue-services-service--small-default {
        flex-direction: column; }
        @media only screen and (max-width: 599px) {
          .atom.catalogue-services-service--small-default {
            flex-direction: row; } }
      .atom.catalogue-services-service--small-left {
        flex-direction: row; }
      .atom.catalogue-services-service-subcategory {
        font-size: 1.4rem;
        color: #009999;
        margin-bottom: 0rem; }
      .atom.catalogue-services-service-heading {
        font-size: 2rem; }
      .atom.catalogue-services-service-blurb {
        font-size: 1.6rem;
        color: #6B6B6B; }
      .atom.catalogue-services-service-stamp {
        font-size: 1.4rem;
        color: #6B6B6B;
        margin-bottom: 0; }
      .atom.catalogue-services-service-bg {
        font-size: 1.4rem;
        margin-bottom: 0;
        z-index: 2;
        border-radius: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2.5rem; }
        .atom.catalogue-services-service-bg--bg-block-3pim {
          background-color: #007A7A; }
        .atom.catalogue-services-service-bg--bg-block-eft_payment {
          background-color: #F4791F; }
        .atom.catalogue-services-service-bg--bg-block-real_time {
          background-color: #007A7A; }
        .atom.catalogue-services-service-bg--bg-block-push_message {
          background-color: #F19E39; }
        .atom.catalogue-services-service-bg--bg-block-statements {
          background-color: #5CC9CA; }
        .atom.catalogue-services-service-bg--bg-block-transaction_history {
          background-color: #F19E39; }
        .atom.catalogue-services-service-bg--bg-block-avs {
          background-color: #5CC9CA; }
        .atom.catalogue-services-service-bg--bg-block-getting_started {
          background-color: #F4791F; }
        .atom.catalogue-services-service-bg--bg-block-cross_boder {
          background-color: #F4791F; }
        .atom.catalogue-services-service-bg--bg-block-debicheck {
          background-color: #F19E39; }
        .atom.catalogue-services-service-bg--bg-block-eft_collections {
          background-color: #5CC9CA; }
      .atom.catalogue-services-service-image {
        position: relative;
        width: 50%; }
      .atom.catalogue-services-service-section {
        padding: 2.5rem;
        border-radius: 2.5rem;
        background-color: white;
        margin-bottom: 2.5rem; }
      .atom.catalogue-services-service-nav {
        position: fixed;
        display: block;
        height: calc(100vh - 10rem);
        overflow-y: scroll;
        margin-right: 0; }
        @media only screen and (max-width: 599px) {
          .atom.catalogue-services-service-nav {
            position: relative;
            height: auto; } }
        .atom.catalogue-services-service-nav-mobile {
          display: none; }
          @media only screen and (max-width: 599px) {
            .atom.catalogue-services-service-nav-mobile {
              display: block;
              z-index: 99;
              position: fixed;
              top: 6.5rem;
              left: 0;
              width: 100%;
              background: white;
              padding: 2.5rem 2.5rem 0 7.5rem;
              box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
              cursor: pointer; } }
          .atom.catalogue-services-service-nav-mobile-arrow {
            display: block;
            position: absolute;
            width: 5em;
            height: 5em;
            background-color: #333;
            border-radius: 50%;
            left: 2.5rem;
            top: 3rem; }
          .atom.catalogue-services-service-nav-mobile-arrow:after {
            content: '';
            display: inline-block;
            margin-top: 0.5rem;
            margin-left: 0.7rem;
            width: 1.4em;
            height: 1.4em;
            border-top: 0.5em solid #fff;
            border-right: 0.5em solid #fff;
            -moz-transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
          .atom.catalogue-services-service-nav-mobile-arrow-down {
            display: block;
            position: absolute;
            width: 5em;
            height: 5em;
            background-color: #333;
            border-radius: 50%;
            left: 2.5rem;
            top: 3rem; }
          .atom.catalogue-services-service-nav-mobile-arrow-down:after {
            content: '';
            display: inline-block;
            margin-top: 0.9rem;
            margin-left: 0.7rem;
            width: 1.4em;
            height: 1.4em;
            border-top: 0.5em solid #fff;
            border-right: 0.5em solid #fff;
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
        .atom.catalogue-services-service-nav-content {
          position: absolute;
          z-index: 2;
          width: inherit;
          top: 0; }
          @media only screen and (max-width: 599px) {
            .atom.catalogue-services-service-nav-content {
              position: fixed;
              top: 16.5rem;
              overflow: hidden;
              height: 0; } }
        @media only screen and (max-width: 599px) {
          .atom.catalogue-services-service-nav-content-show {
            height: calc(100vh - 10rem);
            overflow: scroll; } }
        @media only screen and (max-width: 599px) {
          .atom.catalogue-services-service-nav-content-show::after {
            content: '';
            position: fixed;
            display: block;
            background-color: #E7E7E7;
            height: 100vh;
            width: 100%;
            left: 0;
            top: 0;
            z-index: -1; } }
        .atom.catalogue-services-service-nav.atom .acc-header {
          position: relative;
          display: flex;
          align-items: center;
          border-radius: 0;
          border: 0;
          margin: 0px;
          background: transparent;
          padding: 10px;
          cursor: pointer;
          padding: 0; }
        .atom.catalogue-services-service-nav.atom .acc-header .heading {
          margin-left: 0; }
        .atom.catalogue-services-service-nav.atom .acc-header .accarrow-back {
          background: transparent;
          padding: 0;
          border-radius: 0;
          position: relative;
          margin-bottom: 2.5rem; }
        .atom.catalogue-services-service-nav.atom .acc-content {
          padding: 0;
          border: 0;
          background: transparent;
          margin-bottom: 2.5rem; }
          @media only screen and (max-width: 599px) {
            .atom.catalogue-services-service-nav.atom .acc-content {
              background: #F7F7F7;
              width: 100vw;
              position: relative;
              height: min-content;
              padding: 2rem 4rem;
              border-radius: 0;
              left: -2rem; } }
        .atom.catalogue-services-service-nav.atom .anchor {
          position: absolute;
          width: 10px;
          height: 10px;
          transform: translateY(-10rem); }
        .atom.catalogue-services-service-nav.atom .acc-content .open .acc-content {
          display: block; }
        .atom.catalogue-services-service-nav.atom .acc-item .accarrow {
          right: 20px; }
        .atom.catalogue-services-service-nav.atom .acc-item.open .accarrow {
          transform: rotate(-135deg);
          -webkit-transform: rotate(-135deg);
          margin-top: -2px;
          position: absolute;
          right: 20px; }
        .atom.catalogue-services-service-nav.atom .acc-item.open + .acc-content {
          display: block; }
      .atom.catalogue-services-service-nav::after {
        content: '';
        position: fixed;
        display: block;
        background-color: #E7E7E7;
        height: 100vh;
        width: calc(5 * ((80vw - 11 * 2.5rem) / 12) + (2.5rem * 4) + 10vw);
        left: -10vw;
        top: 0;
        z-index: 1; }
        @media only screen and (max-width: 599px) {
          .atom.catalogue-services-service-nav::after {
            display: none; } }
    .atom.catalogue-services-service::after {
      content: '';
      position: absolute;
      background-color: #FFFFFF;
      border-radius: 2rem;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 1;
      transition: all .2s; }
    .atom.catalogue-services-service:hover::after {
      content: '';
      width: calc(100% + 4rem);
      height: calc(100% + 4rem);
      top: -2rem;
      left: -2rem;
      opacity: 1; }
    .atom.catalogue-services-service:hover-image {
      width: 60%; }
    .atom.catalogue-services.catalogue-services-service-bg {
      justify-content: space-between; }
    .atom.catalogue-services.catalogue-services-service-image {
      width: 30%; }
  .atom.catalogue-filter {
    position: relative;
    display: block; }
    .atom.catalogue-filter-desktop {
      display: block;
      width: inherit;
      position: fixed; }
      @media only screen and (max-width: 599px) {
        .atom.catalogue-filter-desktop {
          display: none; } }
    .atom.catalogue-filter-mobile {
      display: none; }
      @media only screen and (max-width: 599px) {
        .atom.catalogue-filter-mobile {
          display: block;
          position: absolute;
          top: -11rem;
          width: 100%;
          z-index: 99; } }
    .atom.catalogue-filter-form {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      font-family: RobotoRegular;
      line-height: 1.6rem;
      margin-bottom: 2.5rem; }
    .atom.catalogue-filter-input {
      padding: 0.8rem 5rem;
      width: 100%;
      color: #000;
      border: 1px solid #DADADA;
      border-radius: 12px 12px 12px 12px;
      background-color: #FBFDFD;
      height: 5rem;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .atom.catalogue-filter-input:focus {
        border: 1px solid #009999;
        background: #e1ebeb;
        border-radius: 12px 12px 12px 12px; }
      .atom.catalogue-filter-input--hidden {
        display: none; }
      .atom.catalogue-filter-input--main::after {
        content: '';
        position: absolute;
        display: block;
        width: 2.5rem;
        height: 2.5rem;
        margin-left: 1.25rem;
        margin-top: 1.25rem;
        background-image: url(/_assets/images/generic/skins/00/navigation/search-icon/ink.svg);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: .3;
        padding: 0; }
    .atom.catalogue-filter-button {
      position: absolute;
      width: 8rem;
      height: calc(5rem - 2px);
      background-color: #000;
      color: #FFFFFF;
      border: 0;
      border-radius: 12px;
      right: 1px;
      top: 1px;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .atom.catalogue-filter-button--active {
        border-radius: 12px 12px 0px 12px; }
      .atom.catalogue-filter-button:hover {
        background-color: #b6c8ce; }
      @media only screen and (max-width: 599px) {
        .atom.catalogue-filter-button {
          right: 1px;
          top: 1px; } }
    .atom.catalogue-filter-filters {
      position: relative;
      display: block;
      height: min-content;
      margin-top: 2.5rem; }
    .atom.catalogue-filter-mobile .catalogue-filter-input:focus {
      border: 1px solid #009999;
      background: #e1ebeb;
      border-radius: 12px 12px 0px 0px; }
    .atom.catalogue-filter-mobile .catalogue-filter-filters {
      margin-top: 0;
      padding-top: 0;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
      padding-bottom: 0;
      height: 0;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      transition-delay: .1s; }
    .atom.catalogue-filter-mobile .catalogue-filter-input:focus ~ .catalogue-filter-filters {
      height: 100%;
      padding: 2.5rem;
      background: #e1ebeb;
      border-left: 1px solid #009999;
      border-right: 1px solid #009999;
      border-bottom: 1px solid #009999;
      border-radius: 0px 0px 12px 12px;
      opacity: 1; }
    .atom.catalogue-filter-radio {
      position: relative;
      display: flex;
      width: 100%;
      margin-bottom: 1.5rem; }
    .atom.catalogue-filter-radio input {
      position: absolute;
      display: block;
      left: 0; }
    .atom.catalogue-filter-radio label {
      position: relative;
      display: block;
      width: 100%;
      font-size: 1.6rem;
      padding-left: 2.5rem;
      cursor: pointer; }
  .atom.catalogue-anchor {
    position: absolute;
    transform: translateY(-10rem); }
  .atom.catalogue.atom.section .section-content {
    padding-bottom: 0; }
    @media only screen and (max-width: 599px) {
      .atom.catalogue.atom.section .section-content {
        padding-top: 0;
        display: contents; } }

.catalogue-services-service-section .atom.table {
  font-size: 16px; }

.catalogue-services-service-section .atom.table th, td {
  padding: 1rem !important;
  vertical-align: top; }

.search-tag-buttonall {
  background-color: #ffffff;
  color: #000000;
  padding: 3px 15px !important;
  border-radius: 10rem;
  border: 1px solid #000;
  cursor: pointer;
  margin-right: 1rem; }

.search-tag-buttonall.active-link {
  background-color: #000000;
  color: #ffffff;
  padding: 3px 15px;
  border-radius: 10rem;
  border: 1px solid #000; }

.search-tag-buttonall.inactive-link {
  padding: 3px 15px;
  border-radius: 10rem;
  border: 1px solid #000; }

.search-tag-buttonall.black {
  background: black;
  color: white; }

.fnbloader {
  width: 48px;
  height: 48px;
  border: 3px solid #009999;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotationSpinner 1s linear infinite; }

.fnbloader::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  background: #F4791F;
  width: 16px;
  height: 16px;
  transform: translate(-50%, 50%);
  border-radius: 50%; }

@keyframes rotationSpinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  text-align: center;
  padding-top: 50vh;
  box-sizing: border-box; }

.search-history-container.atom.searchSingle-quickLinksBlock-listBlock {
  display: none; }

.search-history-button-wrapper p {
  font-size: 1.6rem !important; }

#atom-search-history {
  width: 100%;
  overflow-wrap: break-word; }

#atom-search-history li p {
  width: 100%;
  padding: 1.7rem 0px;
  font-size: 1.6rem; }

ul#atom-search-history li {
  padding: 1.5rem 2.5rem; }

ul#atom-search-popular li {
  padding: 1.5rem 2.5rem; }

#atom-search-popular {
  margin-bottom: 1.5rem; }

.search-history-button-wrapper {
  display: flex;
  padding: 2.5rem 2.5rem 1rem !important; }

div#popularSearch .atom.searchSingle-quickLinksBlock-contentBlock-heading {
  padding: 2rem 2.5rem 1rem !important; }

.search-history-container {
  display: none;
  line-height: 1.6rem;
  font-size: 1.6rem !important;
  letter-spacing: normal;
  width: 100%;
  border: 1px solid #009999 !important;
  border-top: 0px solid #009999 !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background: #e1ebeb;
  padding: 0px !important;
  background: #e1ebeb; }

.search-result-clearResult {
  z-index: 999;
  right: 9.5rem !important; }

.searchInput-noBorderRadius {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.atom.searchSingle-contaner--slide {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0px;
  margin-bottom: 2.5rem; }

.kendra-search {
  top: -1px;
  position: relative;
  left: 9px; }

.kendra-search-wrapper {
  position: absolute; }

.search__circle {
  width: 15px;
  height: 15px;
  border: 2px solid #9B9B9B;
  border-radius: 100%; }

.search__rectangle {
  position: relative;
  right: -11px;
  bottom: 1px;
  width: 10px;
  transform: rotate(45deg);
  border: 2px solid #9B9B9B;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px; }

#dropDownInput {
  display: none; }

#atom-search-input.clicked {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

#atom-search-popular li {
  border-bottom: 1px solid #DADADA; }

#searchCountResult {
  font-size: 1.6rem !important; }

#atom-search-popular li p {
  width: 100%;
  padding: 1.7rem 0px;
  font-size: 1.6rem; }

ul#atom-search-popular {
  width: 100%; }

#atom-search-history li:last-child {
  border-bottom: 1px solid #DADADA; }

.atom.searchSingle-quickLinksBlock-contentBlock-heading p {
  font-size: 1.6rem !important; }

.search-result-searchBtnShowMore {
  margin: 0px !important;
  padding: 0px !important;
  height: auto;
  height: 3.5rem !important; }

.search-result-clearResult {
  z-index: 999;
  right: 11.5rem;
  position: absolute;
  background: none;
  border: none;
  font-size: 2rem;
  color: #888;
  cursor: pointer;
  display: none; }
  @media only screen and (max-width: 599px) {
    .search-result-clearResult {
      right: 9.5rem !important; } }

.search-result-pdfbox {
  background: #009999;
  max-width: 8rem;
  text-align: center;
  color: #fff;
  padding: 1rem !important;
  margin-top: 8px !important;
  border-radius: 8px; }

.search-result-pdfbox span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left; }

.search-result-pdfbox img, .search-result-pdfbox .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .search-result-pdfbox .icon--img {
  width: 23px;
  margin-bottom: 6px; }

.search-result-pdflink {
  border: none;
  width: fit-content;
  display: block; }

.search-result-buttonall {
  background-color: #ffffff;
  color: #000000;
  padding: 3px 15px !important;
  border-radius: 10rem;
  border: 1px solid #000;
  cursor: pointer; }

.search-result-content {
  display: block; }

.search-result-border {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 0rem !important;
  margin-bottom: 1rem !important; }

.search-result-headingLink {
  width: fit-content;
  display: block; }

.search-result-searchblock li {
  font-size: 16px;
  cursor: pointer;
  list-style: none; }

.search-result-input-container {
  display: flex;
  align-items: center; }

.search-result-searchblock {
  display: flex;
  align-items: flex-start; }

.search-result-clear-button {
  background: none;
  border: none;
  font-size: 1.6rem !important;
  letter-spacing: -.5px !important;
  line-height: 1.6rem;
  cursor: pointer;
  margin-left: auto;
  border-bottom: 1px solid; }

.search-result-border.guide {
  border: 1px solid transparent; }

.search-result-border.VERY_HIGH {
  background: #f3f7f7;
  padding: 8px 15px 0px 15px;
  padding-bottom: 10px;
  border-radius: 12px;
  border: 1px solid #f3f7f7 !important;
  margin: 0 -14px 0 -14px; }

.search-result-border.guide {
  border-bottom: 1px solid #dcdcdc !important; }

.atom.searchSingle-postion {
  position: absolute;
  z-index: 1; }

.atom.searchSingle-contaner--slide {
  position: relative;
  width: 80vw;
  margin: 0 5vw; }
  @media only screen and (max-width: 1199px) {
    .atom.searchSingle-contaner--slide {
      width: 90vw;
      margin: 0 5vw;
      margin-bottom: 2.5rem; } }
  @media only screen and (max-width: 899px) {
    .atom.searchSingle-contaner--slide {
      width: 90vw;
      margin: 0 5vw;
      margin-bottom: 2.5rem; } }
  @media only screen and (max-width: 599px) {
    .atom.searchSingle-contaner--slide {
      width: calc(100vw - 6.25rem);
      margin: 0 3.125rem;
      margin-bottom: 2.5rem; } }

.atom.searchSingle-contaner--default {
  position: relative;
  width: 100%;
  margin: 0; }

.atom.searchSingle-inputBlock {
  position: relative;
  width: 100%;
  min-height: 40px !important;
  padding: 0px !important; }
  .atom.searchSingle-inputBlock-icon {
    position: absolute;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 1.25rem;
    margin-top: 1.25rem;
    background-image: url(/_assets/images/generic/skins/00/navigation/search-icon/ink.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: .3;
    padding: 0; }
  .atom.searchSingle-inputBlock-input {
    padding: 0px 11rem 0px 38px !important;
    font-family: RobotoRegular;
    line-height: 1.6rem;
    width: 100%;
    border: 1px solid #DADADA;
    border-radius: 12px 12px 12px 12px;
    background: #FFFFFF;
    height: 40px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .atom.searchSingle-inputBlock-input--quickLinks {
      border-radius: 12px 12px 12px 12px; }
    .atom.searchSingle-inputBlock-input:focus {
      border: 1px solid #009999;
      background: #e1ebeb;
      border-radius: 12px 12px 12px 12px; }
  .atom.searchSingle-inputBlock-input--quickLinks:focus {
    border: 1px solid #009999;
    background: rgba(0, 153, 153, 0.1);
    border-radius: 12px 12px 0 0; }
  .atom.searchSingle-inputBlock-clear {
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0;
    cursor: pointer;
    -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: 599px) {
      .atom.searchSingle-inputBlock-clear {
        right: 0;
        top: 1.25rem; } }
    .atom.searchSingle-inputBlock-clear--active {
      opacity: 0.3;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      right: 11.5rem; }
      @media only screen and (max-width: 599px) {
        .atom.searchSingle-inputBlock-clear--active {
          right: 9.5rem; } }
      .atom.searchSingle-inputBlock-clear--active:hover {
        opacity: 1; }
      .atom.searchSingle-inputBlock-clear--active::before, .atom.searchSingle-inputBlock-clear--active:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 2.5rem;
        width: 2px;
        background-color: #333; }
      .atom.searchSingle-inputBlock-clear--active:before {
        transform: rotate(45deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .atom.searchSingle-inputBlock-clear--active:after {
        transform: rotate(-45deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .atom.searchSingle-inputBlock-clear--active:hover:before {
        transform: rotate(135deg); }
      .atom.searchSingle-inputBlock-clear--active:hover:after {
        transform: rotate(45deg); }
  .atom.searchSingle-inputBlock-button {
    position: absolute;
    width: 8rem;
    height: 38px;
    background-color: #000;
    color: #FFFFFF;
    border: 0;
    font-family: RobotoRegular;
    border-radius: 12px;
    right: 0;
    top: 1px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .atom.searchSingle-inputBlock-button--active {
      border-radius: 12px 12px 0px 12px; }
    .atom.searchSingle-inputBlock-button:hover {
      background-color: #b6c8ce;
      color: #000; }

.atom.searchSingle-quickLinksBlock {
  position: relative;
  display: flex;
  width: 100%;
  padding: 0 2.5rem 1.25rem 2.5rem;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s; }
  @media only screen and (max-width: 599px) {
    .atom.searchSingle-quickLinksBlock {
      padding: 0; } }
  .atom.searchSingle-quickLinksBlock--active {
    min-height: 7.5rem;
    top: -1.25rem;
    display: flex;
    opacity: 1; }
  .atom.searchSingle-quickLinksBlock-output {
    padding: 0.8rem 1.25rem;
    font-family: RobotoRegular;
    line-height: 1.6rem;
    width: 100%;
    border-left: 1px solid #009999;
    border-right: 1px solid #009999;
    border-bottom: 1px solid #009999;
    background: #e1ebeb;
    min-height: 5rem;
    border-radius: 0 0 12px 12px; }
  .atom.searchSingle-quickLinksBlock-contentBlock {
    color: #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 2.5rem 0; }
    .atom.searchSingle-quickLinksBlock-contentBlock-heading {
      font-family: RobotoRegular;
      font-weight: bold; }
    .atom.searchSingle-quickLinksBlock-contentBlock-buton {
      font-family: RobotoRegular;
      cursor: pointer; }
  .atom.searchSingle-quickLinksBlock-listBlock {
    display: flex;
    flex-direction: column;
    color: #000; }
    .atom.searchSingle-quickLinksBlock-listBlock-item {
      font-family: RobotoRegular; }

.atom .acc-item {
  margin-bottom: 2.5rem;
  width: 100%; }

.atom .acc-content {
  padding: 2.5rem;
  display: none;
  border-left: 1.5px solid #DADADA;
  border-right: 1.5px solid #DADADA;
  border-bottom: 1.5px solid #DADADA;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  background: #fff; }

.atom .acc-content.show {
  display: block; }

.atom .accarrow {
  border: 1px solid #9B9B9B;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  margin: 0px; }

.atom .accarrow.down {
  transform: rotate(90deg);
  margin-top: 0px;
  margin-bottom: 0px; }

.atom .accarrow.up {
  transform: rotate(-90deg); }

.atom .icon img, .atom.icon--wrapper .icon .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .icon .icon--img {
  width: 40px;
  margin-right: 0rem;
  height: auto; }

.atom .acc-header {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 2rem;
  border: 1.5px solid #DADADA;
  margin: 0px;
  background: #f3f7f7;
  padding: 10px;
  cursor: pointer;
  padding: 2rem; }

.atom .acc-header .icon {
  position: relative;
  background: transparent; }

.atom .acc-header .accarrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  margin-top: -6px;
  right: 12px; }

.atom .acc-header.open .accarrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: -2px;
  position: absolute;
  right: 12px; }

.atom .heading {
  margin-left: 1rem; }

.atom .acc-header.open {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.atom .head {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between; }

.atom .accarrow-back {
  background: #E0E8EA;
  padding: 17.5px;
  border-radius: 100%;
  position: relative; }

.atom .acc-header .heading .text--paragraph {
  margin-bottom: 6px;
  font-size: 1.6rem;
  line-height: 1.6rem; }

.home-searchBlock {
  display: flex;
  justify-content: center; }

.home-search-area-block {
  grid-area: home-search-area-block; }

.home-icons-area-block {
  grid-area: home-icons-area-block; }

.home-banner-area-block {
  grid-area: home-banner-area-block; }

.home-small-banner-area-block {
  grid-area: home-small-banner-area-block; }

.home-homeLogin {
  display: none; }

.home-icons-area-block img, .home-icons-area-block .atom.icon--wrapper .icon--outer .icon--inner .icon--img, .atom.icon--wrapper .icon--outer .icon--inner .home-icons-area-block .icon--img {
  max-width: 56px !important; }

.home-search-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-template-areas: "home-search-area-block" "home-icons-area-block" "home-banner-area-block" "home-small-banner-area-block"; }

@media (max-width: 599px) {
  .home-homeLogin {
    display: block; } }

@media (max-width: 899px) {
  .home-iconWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .home-search-container {
    grid-template-areas: "home-banner-area-block" "home-search-area-block" "home-small-banner-area-block" "home-icons-area-block"; }
  .home-iconWrapper .frame-col.frame-col-TP3 {
    width: 25%;
    margin: 0 !important; } }

.atom.home-search-container .atom.entries-home {
  width: 100%;
  margin: 0px;
  -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.home-search-container .atom.entries-home {
      width: 100%;
      margin: 0px; } }
  @media only screen and (max-width: 899px) {
    .atom.home-search-container .atom.entries-home {
      width: 100%;
      margin: 0px; } }
  @media only screen and (max-width: 599px) {
    .atom.home-search-container .atom.entries-home {
      width: 100%;
      margin: 0px; } }

.atom.home-search-container .atom.banner-home {
  width: 100%;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  scale: 1; }
  @media only screen and (max-width: 1199px) {
    .atom.home-search-container .atom.banner-home {
      width: 100%;
      margin: 0; } }
  @media only screen and (max-width: 899px) {
    .atom.home-search-container .atom.banner-home {
      width: 100%;
      margin: 0; } }
  @media only screen and (max-width: 599px) {
    .atom.home-search-container .atom.banner-home {
      width: 100%;
      margin: 0; } }

.atom .scroll-wrapper .menu-item .active {
  background: #82CCD0;
  font-weight: bold; }

.atom .scroll-wrapper .menu-item {
  display: inherit;
  height: inherit; }

.atom .scrollmenu-container {
  position: relative !important; }

.atom .scrollMenuItem.menu-item a:hover {
  height: inherit;
  display: flex;
  align-items: center; }

.atom .scroll-left-arrow:after, .atom .scroll-right-arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  border: solid #6f797b;
  border-width: 0 2px 2px 0;
  display: inline-block;
  transform: translate(-50%, -50%); }

.atom .scroll-left-arrow:after {
  transform: translate(0%, -50%) rotate(135deg); }

.atom .scroll-right-arrow:after {
  transform: translate(-100%, -50%) rotate(-45deg); }

.atom .scroll-arrows {
  position: relative; }

.atom .scroll-left-arrow.active:after, .atom .scroll-right-arrow.active:after {
  border-color: black; }

.atom .scrollmenu-container {
  background: #E1E9EB;
  border-radius: 20px;
  width: max-content;
  margin: 0 auto;
  z-index: 1; }
  @media (min-width: 1200px) {
    .atom .scrollmenu-container {
      max-width: 900px; } }
  @media (max-width: 1199px) and (min-width: 900px) {
    .atom .scrollmenu-container {
      max-width: 810px; } }
  @media (max-width: 899px) and (min-width: 600px) {
    .atom .scrollmenu-container {
      max-width: 600px;
      width: 90%; } }
  @media (max-width: 599px) {
    .atom .scrollmenu-container {
      max-width: 600px;
      width: 90%; } }

.atom .scroll-wrapper {
  overflow-x: hidden;
  white-space: nowrap;
  width: auto;
  position: relative;
  overflow-y: hidden;
  padding: 0rem 0rem !important;
  margin: 0rem 3rem;
  text-align: center;
  height: 4rem; }
  .atom .scroll-wrapper .menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: inherit;
    justify-content: space-between; }
  .atom .scroll-wrapper .menu-item a {
    border: none;
    font-size: 2rem;
    border-radius: 2.5rem;
    height: inherit;
    display: flex;
    align-items: center;
    padding: 0rem 2rem; }
    .atom .scroll-wrapper .menu-item a:hover {
      background: #82CCD0; }

.atom .menu-item {
  display: inline-block;
  text-decoration: none;
  color: #333; }

.atom .scroll-right-arrow,
.atom .scroll-left-arrow {
  position: absolute;
  height: 4rem;
  z-index: 9999; }

.atom .scroll-right-arrow {
  right: 0; }

.atom .scroll-left-arrow {
  left: 0; }

.atom .scroll-arrows {
  width: 100%;
  text-align: center;
  height: 4rem;
  position: absolute; }
  .atom .scroll-arrows button {
    margin: 0 0px;
    background-color: transparent;
    padding: 1.4rem !important;
    border: none;
    color: #333;
    cursor: pointer; }

.atom .scroll-left-arrow {
  display: none; }

.atom .scroll-right-arrow {
  display: none; }

.atom .scroll-left-arrow.active {
  display: block; }

.atom .scroll-right-arrow.active {
  display: block; }

.atom li.scrollMenuItem {
  position: relative; }

.atom li.scrollMenuItem:active {
  position: relative; }

.atom.scrollmenu-main-container {
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 0;
  position: fixed !important;
  background-color: white;
  margin-bottom: 20px;
  height: 8rem !important;
  border-bottom: 2px solid #dcdcdc; }
  @media (min-width: 1200px) {
    .atom.scrollmenu-main-container {
      top: 85px; } }
  @media (max-width: 1199px) and (min-width: 900px) {
    .atom.scrollmenu-main-container {
      top: 65px; } }
  @media (max-width: 899px) and (min-width: 600px) {
    .atom.scrollmenu-main-container {
      top: 60px; } }
  @media (max-width: 1800px) and (min-width: 1200px) {
    .atom.scrollmenu-main-container {
      top: 76px; } }
  @media (max-width: 599px) {
    .atom.scrollmenu-main-container {
      top: 60px; } }

.atom #inputCalc {
  display: flex;
  flex-direction: column; }
  .atom #inputCalc .input-style {
    height: 7rem;
    margin-bottom: 20px; }
  .atom #inputCalc .textarea-style,
  .atom #inputCalc .checkbox-style {
    margin-bottom: 20px; }
  .atom #inputCalc .calcLabel {
    font-family: RobotoRegular;
    font-size: 1.4rem;
    width: 100%;
    padding-left: 1rem;
    padding-bottom: 0.5rem; }
  .atom #inputCalc .calcinput {
    width: 100%;
    height: 4rem;
    border: 1px solid #C4D2D7;
    border-radius: 12px;
    background: #F2F2F2;
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 2rem;
    box-sizing: border-box; }
  .atom #inputCalc .calcError {
    width: 100%;
    color: #F4791F;
    text-align: left;
    font-family: RobotoRegular;
    font-size: 1.2rem;
    line-height: 1.4rem;
    display: none;
    padding-left: 1rem;
    padding-top: 0.5rem; }
  .atom #inputCalc input[type="text"]:focus,
  .atom #inputCalc textarea:focus,
  .atom #inputCalc input[type="password"]:focus,
  .atom #inputCalc input[type="number"]:focus {
    border: 1px solid #009999 !important;
    background-color: #F2FAFA !important; }
  .atom #inputCalc .checkbox-style {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px; }
    .atom #inputCalc .checkbox-style .checkbox-wrapper {
      display: flex;
      align-items: center;
      width: 100%; }
    .atom #inputCalc .checkbox-style input[type="checkbox"] {
      height: 2.1rem;
      width: 2.1rem;
      margin-right: 0.8rem;
      accent-color: #009999; }
  .atom #inputCalc .input-style:focus-within label,
  .atom #inputCalc .textarea-style:focus-within label {
    color: #009999; }
  .atom #inputCalc .input-tooltip-wrapper {
    display: flex;
    align-items: center;
    position: relative; }
  .atom #inputCalc .tooltip-container {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    position: relative; }
    .atom #inputCalc .tooltip-container .tooltip-trigger {
      cursor: pointer;
      display: inline-block;
      width: 25px;
      height: 25px;
      background-color: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 21px;
      font-size: 17px;
      border: 2px solid #888;
      border-radius: 100%;
      font-family: RobotoRegular;
      color: #888; }
      .atom #inputCalc .tooltip-container .tooltip-trigger::before {
        content: "i"; }
    .atom #inputCalc .tooltip-container .tooltip-text {
      visibility: hidden;
      width: 28rem;
      background-color: #009999;
      color: #fff;
      text-align: center;
      border-radius: 0.5rem;
      padding: 1rem;
      position: absolute;
      z-index: 1000;
      right: calc(100% + 1rem);
      top: 50%;
      transform: translateY(-50%);
      opacity: 0;
      transition: opacity 0.3s;
      font-family: RobotoRegular;
      font-size: 1.6rem;
      line-height: 2.5rem;
      white-space: normal;
      box-sizing: border-box; }
    .atom #inputCalc .tooltip-container:hover .tooltip-text {
      visibility: visible;
      opacity: 1; }
  .atom #inputCalc .checkbox-wrapper .calcLabel {
    padding: 0px !important; }
  .atom #inputCalc .textarea-style {
    height: 110px;
    margin-bottom: 10px !important; }
  .atom #inputCalc textarea {
    height: 70px !important;
    min-height: auto; }
  .atom #inputCalc input[type="number"] {
    appearance: auto; }
  .atom #inputCalc .checkbox-style {
    margin-bottom: 10px !important;
    height: 5rem; }

#leadForm {
  width: 100%; }
  #leadForm .dropdownwrap {
    width: 100%; }
  #leadForm .dropdownwrap::before {
    content: '';
    background: none; }
  #leadForm .dropdownwrap::after {
    background: none; }
  #leadForm .validationWrapper .dropdown label {
    width: 100%;
    margin: 0 0 4px 10px; }
  #leadForm .validationWrapper .textinput label {
    margin: 0 0 4px 10px; }
  #leadForm .validationWrapper .textarea label {
    margin: 0 0 4px 10px; }
  #leadForm .validationWrapper input[type="text"],
  #leadForm .validationWrapper input[type="password"] {
    width: 100%;
    height: 40px;
    border: 1px solid #C4D2D7;
    background: white;
    border-radius: 12px; }
    #leadForm .validationWrapper input[type="text"]:focus,
    #leadForm .validationWrapper input[type="password"]:focus {
      border: 1px solid #009999;
      background: #F2F2F2; }
  #leadForm .validationWrapper textarea {
    width: 100%;
    border: 1px solid #C4D2D7;
    border-radius: 12px;
    padding: 10px; }
  #leadForm .validationWrapper select {
    height: 40px;
    width: 100%;
    border: 1px solid #C4D2D7;
    border-radius: 12px; }
  #leadForm .validationWrapper .checkBox {
    padding: 0; }
    #leadForm .validationWrapper .checkBox.noLegend.checkStyle1 ul {
      padding: 0; }
  #leadForm legend {
    margin: 0px 6% 0px 10px; }

.callMePanel .hr.hrThick2.hrBorderBlack {
  display: none; }

.callMePanel .hrBorderBlack {
  box-shadow: 0 0 0 0 #fff; }

.callMePanel .overlayPanel3 {
  background: white;
  width: 100%;
  max-width: 900px; }

.callMePanel .section.height2.overlayPanelControls.sectionBorderBottomGrey {
  border: none; }

.callMePanel .section.height1 {
  display: none; }

.callMePanel .boxButtonOrange {
  height: auto;
  border-radius: 25px;
  line-height: unset;
  font-size: 2rem;
  padding: 0.5rem 2.5rem !important;
  background: black;
  border: none; }
  .callMePanel .boxButtonOrange:hover {
    color: #fff; }

.callMePanel .boxButtonOrange:not(:last-child) {
  margin-right: 2.5rem; }

.callMePanel h2 {
  margin: 0px 8px; }

#compareTool .income {
  color: #6F797B !important; }

#compareTool .product-details1 .descList,
#compareTool .product-details2 .descList,
#compareTool .product-details3 .descList {
  margin-bottom: 1.5rem !important; }

#compareTool .atom.section .section-content {
  padding-top: 0rem; }

#compareTool .compare-HeadingWrapper {
  position: sticky;
  height: 16rem;
  top: 7rem;
  width: 100%;
  background: white;
  z-index: 99;
  padding-top: 2rem; }

#compareTool .ProductSelection {
  position: fixed;
  width: inherit;
  top: 22.3rem;
  z-index: 99; }

#compareTool #productGrid3,
#compareTool #productGrid2,
#compareTool #productGrid1 {
  position: sticky;
  margin-top: 14rem; }

#compareTool .compare-Wrappers {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #C4D2D7 !important;
  min-height: 7rem; }

#compareTool .descList {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1.5rem; }

#compareTool .selectTag {
  padding: 0;
  width: inherit;
  height: 4rem; }

#compareTool .SelectWrapperContent {
  border: solid 1px red;
  position: fixed;
  top: 28rem;
  height: 44rem;
  width: 28%; }

#compareTool .SelectWrapper {
  padding-left: 1rem;
  cursor: pointer;
  height: 4rem;
  border-radius: 1.5rem;
  width: 100%;
  position: relative;
  background-color: #F2F2F2;
  border: solid 1px #C4D2D7;
  background-image: url("/00Assets/v2.2/images/global/arrow.svg");
  background-repeat: no-repeat;
  background-position: right 3% top 49%; }
  #compareTool .SelectWrapper div {
    cursor: pointer;
    width: 100%;
    height: 100%; }

#compareTool .active {
  border: none;
  border-radius: 1.5rem 1.5rem 0 0 !important;
  border-bottom: solid 1px #C4D2D7;
  border-right: solid 1px #01AAAD;
  border-top: 1px solid #01AAAD;
  border-left: 1px solid #01AAAD;
  background-color: #F2FAFA !important;
  background-position: right 3% top 49%; }

#compareTool .HideSelected {
  display: none; }

#compareTool .frame-col.frame-col-12 {
  height: 16rem; }

@media screen and (min-width: 700px) and (max-width: 800px) {
  #compareTool .compare-HeadingWrapper {
    padding-top: 4rem; }
  #compareTool #productGrid3,
  #compareTool #productGrid2,
  #compareTool #productGrid1 {
    margin-top: 28rem; }
  #compareTool .ProductSelection {
    margin-top: 2rem; } }

@media screen and (min-width: 600px) and (max-width: 890px) {
  #compareTool .SelectWrapper {
    height: 6.5rem; }
  #compareTool #productGrid3,
  #compareTool #productGrid2,
  #compareTool #productGrid1 {
    margin-top: 14rem; }
  #compareTool .frame-col.frame-col-TP12 {
    width: calc((90vw / 1) - ((2.5rem * 0) / 1));
    height: 19rem; } }

@media screen and (min-width: 600px) and (max-width: 700px) {
  #compareTool .SelectWrapper {
    height: 6.5rem; } }

@media screen and (min-width: 600px) and (max-width: 880px) {
  #compareTool .SelectWrapper div {
    padding-right: 15%; }
  #compareTool .frame-row .frame-row-TP2 {
    min-height: 8rem; }
  #compareTool .compare-SelectItems {
    top: 6.4rem;
    height: 223px; } }

@media only screen and (max-width: 599px) {
  #compareTool .compareButtons {
    margin-top: 20px; }
  #compareTool .compare-Wrappers {
    min-height: 9rem !important; }
  #compareTool .HideOnPhone {
    display: none !important; }
  #compareTool .descList {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1.5rem; }
  #compareTool .selectTag {
    height: 6.5rem; }
  #compareTool .SelectWrapper {
    height: 6.3rem !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  #compareTool .compare-SelectItems p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  #compareTool .compare-SelectItems {
    top: 6.5rem;
    height: 218px; }
  #compareTool .frame-col.frame-col-M6 {
    width: calc(((100vw - 8.9rem) / 2) - ((1.875rem * 1) / 3)) !important;
    height: 19rem; }
  #compareTool .SelectWrapperContent {
    top: 30rem;
    height: 44rem;
    width: 21rem; }
  #compareTool .ProductSelection {
    margin-top: 2rem; }
  #compareTool #productGrid3,
  #compareTool #productGrid2,
  #compareTool #productGrid1 {
    margin-top: 10rem; }
  #compareTool .SelectWrapper div {
    padding-right: 12%; }
  #compareTool .frame-col.frame-col-12 {
    height: 19rem; } }

.compare-SelectItems {
  height: 221px;
  border-radius: 0rem 0rem 1.5rem 1.5rem;
  display: none;
  width: 100%;
  z-index: 99;
  border-right: solid 1px #01AAAD;
  border-bottom: 1px solid #01AAAD;
  border-left: 1px solid #01AAAD;
  padding: 0rem 1.25rem 1.25rem 1.25rem;
  background: #F2FAFA;
  position: absolute;
  top: 4rem;
  overflow-y: scroll;
  transition: 0.5s ease;
  scrollbar-color: #01AAAD;
  scrollbar-width: thin; }

#compareTool .compare-SelectItems p {
  border-bottom: solid 1px #C4D2D7 !important;
  margin: 0px !important;
  line-height: 2rem !important;
  top: 0 !important;
  letter-spacing: 0 !important;
  position: relative;
  padding: 1rem 0rem !important; }

/*# sourceMappingURL=skin.css.map */