/*
    Instructions for Visual Studio less compiler:
1.       Installed a NuGet package called Web Compiler for Visual Studio.
2.       Once this is installed, right click the .less file and select Web Compiler --> Compile File.
3.       Once this is done, a file called compileconfig.jsonî will appear in the root project folder.
4.       Right click compileconfig.json and select Web Compiler --> Enable Compile on Build.
5.       There is a file called compileconfig.json.defaults in the root project folder.  In that file, change the option "strictMath": true,
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler
*/
@font-face {
  font-family: 'Corporates';
  src: url('../fonts/corporates-regular.woff2') format('woff2'), url('../fonts/corporates-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Corporatesdemi';
  src: url('../fonts/corporates-demi.woff2') format('woff2'), url('../fonts/corporates-demi.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Corporateslight';
  src: url('../fonts/corporates-light.woff2') format('woff2'), url('../fonts/corporates-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Corporateacon';
  src: url('../fonts/corporateacon-reg.woff2') format('woff2'), url('../fonts/corporateacon-reg.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CorpOA';
  src: url('../fonts/c062003t-CorpoA.ttf') format('truetype'), url('../fonts/c062003t-CorpoA.woff') format('woff'), url('../fonts/c062003t -CorpoA.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
.vishid {
  color: transparent;
  height: 1px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 1px;
}
* {
  box-sizing: border-box;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
* + * {
  margin-top: 1em;
}
html {
  min-height: 100%;
}
body,
br,
li,
dt,
dd,
th,
td,
option,
span {
  margin-top: 0;
}
body {
  background-color: #000;
  background-size: cover;
  color: #fff;
  font-family: 'Corporates', sans-serif;
  line-height: 1.5;
}
/*
----------------------------------------------
BASE ELEMENTS
----------------------------------------------
*/
a {
  text-decoration: none;
  transition: color 0.3s;
}
a:hover {
  color: #00aef2;
}
a img {
  border: 0;
}
p a {
  border-bottom: 1px solid currentColor;
}
strong {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Corporateacon', serif;
  font-weight: 500;
  line-height: 1.35;
}
h1 {
  color: inherit;
  font-size: 1.75em;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  h1 {
    font-size: 2.5em;
  }
}
h2 {
  font-size: 1.5em;
}
@media screen and (min-width: 600px) {
  h2 {
    font-size: 2em;
  }
}
h3 {
  font-size: 1.25em;
}
@media screen and (min-width: 600px) {
  h3 {
    font-size: 1.5em;
  }
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 0.66em;
  text-transform: uppercase;
}
form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
form.form-inline {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
form.form-inline > * {
  align-self: flex-end;
  flex-grow: 1;
  margin: 0.5em;
  width: auto;
}
form > * {
  width: 100%;
}
@media screen and (min-width: 40em) {
  form .half,
  form .quarter,
  form .eighth,
  form .three-eighths {
    width: calc(50% - 0.5em);
  }
  form .third {
    width: calc(33.33% - 0.66em);
  }
}
@media screen and (min-width: 60em) {
  form .eighth {
    width: calc(12.5% - 0.5em);
  }
  form .quarter {
    width: calc(25% - 0.5em);
  }
  form .three-eighths {
    width: calc(37.5% - 0.5em);
  }
}
@media screen and (min-width: 40em) {
  form .form-row {
    display: flex;
    margin-left: -0.5em;
    margin-right: -0.5em;
    width: calc(100% + 1em);
  }
  form .form-row > * {
    flex-basis: 2em;
    flex-grow: 1;
    margin: 0 0.5em;
  }
  form .form-row > *.double-weight {
    flex-grow: 2;
  }
}
form * + p {
  margin-top: 1.5em;
}
@media screen and (min-width: 600px) {
  form .forgotten-password {
    align-self: flex-end;
    text-align: right;
  }
}
form .form-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
  width: 100%;
}
form .form-section.collapsed {
  display: none;
}
form .form-section > * {
  margin-top: 1.5em;
  width: 100%;
}
@media screen and (min-width: 600px) {
  form .form-section .half,
  form .form-section .quarter,
  form .form-section .eighth,
  form .form-section .three-eighths {
    width: calc(50% - 1em);
  }
  form .form-section .third {
    width: calc(33.33% - 1.33em);
  }
}
@media screen and (min-width: 900px) {
  form .form-section .eighth {
    width: calc(12.5% - 1em);
  }
  form .form-section .quarter {
    width: calc(25% - 1em);
  }
  form .form-section .three-eighths {
    width: calc(37.5% - 1em);
  }
}
form .form-section-btn {
  background-color: #333;
  cursor: pointer;
  padding: 0.25em 0.5em;
  padding-right: 3em !important;
  position: relative;
  transition: background-color 0.3s;
}
form .form-section-btn:hover {
  background-color: #444;
}
form .form-section-btn.collapsed:after {
  transform: rotate(0deg);
}
form .form-section-btn:after {
  background-image: url(../images/icons/icon-arrow-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1em;
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.3s;
  transform: rotate(180deg);
  width: 3em;
}
form .radio-checkbox-btn {
  display: inline-block;
  margin-right: 2em;
  margin-top: 1em;
}
fieldset {
  border: 0;
}
fieldset legend {
  border-bottom: 1px solid #7a7f82;
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.5em 0;
  width: 100%;
}
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #7a7f82;
  border: 2px solid transparent;
  border-radius: 0;
  color: #c9ced4;
  font-size: 1em;
  line-height: 1.3;
  margin: 0;
  padding: 0.75em 1em;
  transition: background-color 0.3s, border 0.3s;
  width: 100%;
}
input:focus,
select:focus,
textarea:focus,
input:hover,
select:hover,
textarea:hover {
  border-color: #00aef2;
  outline: 0;
}
input:focus,
select:focus,
textarea:focus {
  background-color: #fff;
  color: #000;
}
input:disabled,
select:disabled,
textarea:disabled {
  opacity: 0.5;
  pointer-events: none;
}
input ::-webkit-input-placeholder,
select ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c9ced4;
}
input ::-moz-placeholder,
select ::-moz-placeholder,
textarea ::-moz-placeholder {
  /* Firefox 19+ */
  color: #c9ced4;
}
input :-ms-input-placeholder,
select :-ms-input-placeholder,
textarea :-ms-input-placeholder {
  /* IE 10+ */
  color: #c9ced4;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: #c9ced4;
}
input[type='checkbox'],
input[type='radio'] {
  background-color: transparent;
  background-image: url(../images/icons/icon-tick.svg);
  background-position: 50% 500%;
  background-repeat: no-repeat;
  background-size: 1em;
  border-color: #c9ced4;
  cursor: pointer;
  display: inline-block;
  height: 2em;
  padding: 0;
  vertical-align: middle;
  transition: background 0.3s ease-out, border 0.3s;
  width: 2em;
}
input[type='checkbox']:checked,
input[type='radio']:checked {
  background-color: transparent;
  background-position: 50% 50%;
}
input[type='checkbox']:checked + label,
input[type='radio']:checked + label {
  color: #00aef2;
}
input[type='checkbox']:checked ~ .if-checked,
input[type='radio']:checked ~ .if-checked {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1em;
}
input[type='checkbox']:checked ~ .if-checked > *,
input[type='radio']:checked ~ .if-checked > * {
  margin-top: 1.5em;
  margin-right: 1em;
  width: 100%;
}
@media screen and (min-width: 600px) {
  input[type='checkbox']:checked ~ .if-checked .half,
  input[type='radio']:checked ~ .if-checked .half,
  input[type='checkbox']:checked ~ .if-checked .quarter,
  input[type='radio']:checked ~ .if-checked .quarter {
    width: calc(50% - 1em);
  }
  input[type='checkbox']:checked ~ .if-checked .third,
  input[type='radio']:checked ~ .if-checked .third {
    width: calc(33.33% - 1em);
  }
}
@media screen and (min-width: 900px) {
  input[type='checkbox']:checked ~ .if-checked .quarter,
  input[type='radio']:checked ~ .if-checked .quarter {
    width: calc(25% - 1em);
  }
}
input[type='checkbox']:checked,
input[type='radio']:checked,
input[type='checkbox']:hover,
input[type='radio']:hover {
  border-color: #00aef2;
}
input[type='checkbox']:checked + label,
input[type='radio']:checked + label,
input[type='checkbox']:hover + label,
input[type='radio']:hover + label {
  color: #00aef2;
}
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {
  opacity: 0.5;
  pointer-events: none;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
  display: inline;
  margin-top: 0;
  padding-left: 0.5em;
  transition: color 0.3s;
  vertical-align: middle;
}
input[type='checkbox'] ~ .if-checked,
input[type='radio'] ~ .if-checked {
  display: none;
}
input[type='radio'] {
  border-radius: 50%;
}
input[type='file'] {
  background-color: transparent;
  border: 0;
  color: #fff;
  padding: 0;
}
label {
  display: inline-block;
  vertical-align: middle;
}
select {
  background-image: url(../images/icons/icon-select-arrow.svg);
  background-position: calc(100% - 1em) center;
  background-repeat: no-repeat;
  background-size: auto calc(100% + 6px);
  cursor: pointer;
  padding-right: 4em;
}
select:hover,
select:focus {
  background-color: #7a7f82;
  border-color: transparent;
}
select::-ms-expand {
  display: none;
  opacity: 0;
}
textarea {
  display: block;
  height: 6em;
  resize: none;
}
.has-error input,
.has-error select,
.has-error textarea {
  border-color: crimson;
}
.has-error label,
.has-error .help-block {
  color: crimson;
}
.has-error .hide-until-error {
  display: block;
}
.help-block {
  color: #c9ced4;
  display: block;
  margin-top: 0.25em;
}
.hide-until-error {
  display: none;
}
.help-btn {
  border: 2px solid currentColor;
  display: inline-block;
  font-size: 0.8em;
  height: 1.5em;
  line-height: 1.25;
  margin: 0 0.5em;
  text-align: center;
  vertical-align: text-bottom;
  width: 1.5em;
}
.required {
  color: crimson;
  font-size: 0.9em;
  padding-right: 0.3em;
  vertical-align: bottom;
}
.required + label {
  margin-top: 0;
}
.validation-summary-errors {
  border: 2px solid crimson;
  color: crimson;
  padding: 1.5em 1em;
}
[role='button'],
input[type='submit'],
input[type='reset'],
button {
  background-color: #00aef2;
  border: 2px solid transparent;
  color: #fff;
  display: inline-block;
  padding: 0.75em 1.5em;
  transition: background 0.3s;
}
[role='button']:hover,
input[type='submit']:hover,
input[type='reset']:hover,
button:hover {
  background-color: #7a7f82;
  color: #fff;
}
[role='button'].cta,
button.cta {
  font-size: 1.15em;
  font-weight: 700;
  padding-left: 1em;
}
[role='button'].cta::before,
button.cta::before {
  background-image: url(../images/icons/icon-arrow-right-light.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 1em;
  margin-bottom: 0.2em;
  margin-right: 0.5em;
  vertical-align: middle;
  width: 0.75em;
}
input[type='submit'],
input[type='reset'] {
  cursor: pointer;
  width: auto;
}
input[type='reset'] {
  background-color: #c9ced4;
  color: #000;
}
input[type='reset']:hover {
  color: #000;
}
button {
  background-color: #c9ced4;
  border-radius: 0;
  color: #000;
  cursor: pointer;
  font-size: 1em;
}
button:hover {
  background-color: #7a7f82;
  color: #000;
}
button.cta {
  background-color: #00aef2;
  color: #fff;
}
button.cta:hover {
  background-color: #7a7f82;
}
button:disabled {
  cursor: auto;
  opacity: 0.5;
  pointer-events: none;
}
table:not(.report-table) {
  border-collapse: collapse;
  font-size: 0.85em;
  width: 100%;
}
@media screen and (max-width: 40em) {
  table:not(.report-table) {
    display: block;
  }
}
@media screen and (max-width: 40em) {
  table:not(.report-table) tbody {
    display: block;
  }
}
table:not(.report-table) thead td,
table:not(.report-table) thead th {
  background-color: #d0d0d0;
}
table:not(.report-table) td,
table:not(.report-table) th {
  background-color: #ededed;
  color: #000;
  border-right: 2px solid #000;
  min-width: 9em;
  padding: 0.25em 0.5em;
  text-align: left;
}
@media screen and (max-width: 40em) {
  table:not(.report-table) td,
  table:not(.report-table) th {
    border-right: 0;
    display: block;
  }
}
table:not(.report-table) td:last-child,
table:not(.report-table) th:last-child {
  border-right: 0;
}
@media screen and (max-width: 40em) {
  table:not(.report-table) td[title]::before {
    border-right: 2px solid #000;
    content: attr(title);
    display: inline-block;
    margin: -0.25em 0.5em -0.25em 0;
    padding: 0.25em 0.5em 0.25em 0;
    vertical-align: top;
    width: 8em;
  }
}
@media screen and (max-width: 40em) {
  table:not(.report-table) th {
    display: none;
  }
}
@media screen and (max-width: 40em) {
  table:not(.report-table) tr {
    display: block;
  }
}
table:not(.report-table) tr:nth-child(2n) td,
table:not(.report-table) tr:nth-child(2n) th {
  background-color: #d0d0d0;
}
@media screen and (max-width: 40em) {
  table:not(.report-table) tr + tr {
    border-top: 2px solid #000;
    margin-top: 0;
  }
}
.table-container {
  overflow-x: auto;
  width: 100%;
}
.highlight {
  font-weight: 700;
}
dt {
  font-weight: 700;
}
hr {
  background-color: #7a7f82;
  border: 0;
  height: 1px;
  margin: 2em 0 1em 0;
}
hr.soft {
  background-color: transparent;
  background-image: repeating-linear-gradient(90deg, #7a7f82 0, #7a7f82 0.5em, transparent 0.5em, transparent 1em);
}
/*
----------------------------------------------
LAYOUT & STRUCTURE
----------------------------------------------
*/
article {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 35%, transparent);
  padding: 1em;
}
@media screen and (min-width: 60em) {
  article {
    padding: 4em;
  }
}
article .half-page {
  max-width: 40em;
}
article .third-page {
  max-width: 30em;
}
article ul,
article ol {
  padding-left: 2em;
}
article ul li + li,
article ol li + li {
  margin-top: 0.25em;
}
body > header {
  background-color: #000;
  height: 5em;
  left: 0;
  padding: 1.05em;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
@media screen and (min-width: 60em) {
  body > header {
    height: 9.1em;
    padding: 2.1em 2.1em 1em 2.1em;
  }
}
body > header .logo img {
  display: block;
  height: 3em;
  width: auto;
}
@media screen and (min-width: 60em) {
  body > header .logo img {
    height: 6em;
  }
}
body > header .logo-text {
  bottom: 0;
  font-size: 0.75em;
  left: 5em;
  position: absolute;
  font-family: 'CorpOA', serif !important;
}
@media screen and (max-width: 60em) {
  body > header .logo-text span {
    display: block;
  }
  body > header .logo-text .divider {
    display: none;
  }
}
@media screen and (min-width: 60em) {
  body > header .logo-text {
    font-size: 1.5em;
    left: 8em;
  }
}
body > header label[for='menu-btn'],
body > header #menu-btn {
  background-image: url(../images/icons/icon-menu-btn.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2em;
  border: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  height: 3em;
  position: absolute;
  right: 0;
  transition: background-color 0.3s;
  width: 3em;
}
body > header label[for='menu-btn']::before,
body > header #menu-btn::before {
  content: none;
}
@media screen and (min-width: 60em) {
  body > header label[for='menu-btn']:hover:before,
  body > header #menu-btn:hover:before {
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 400%;
  }
}
body > header label[for='menu-btn']:hover,
body > header #menu-btn:hover,
body > header label[for='menu-btn']:focus,
body > header #menu-btn:focus,
body > header label[for='menu-btn']:active,
body > header #menu-btn:active {
  background-color: #00aef2;
  outline: 0;
}
body > header label[for='menu-btn']:hover ~ #menu,
body > header #menu-btn:hover ~ #menu,
body > header label[for='menu-btn']:focus ~ #menu,
body > header #menu-btn:focus ~ #menu,
body > header label[for='menu-btn']:active ~ #menu,
body > header #menu-btn:active ~ #menu {
  display: block;
}
body > header label[for='user-menu-btn'] {
  background-image: url(../images/icons/icon-account.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.25em;
  display: block;
  height: 3em;
  overflow: hidden;
  margin-top: 0;
  position: absolute;
  right: 4em;
  top: 0;
  transition: background-color 0.3s;
  width: 3em;
}
body > header label[for='user-menu-btn']:hover {
  background-color: #00aef2;
}
@media screen and (min-width: 60em) {
  body > header label[for='user-menu-btn'] {
    display: none;
  }
}
body > header nav a::before {
  content: '>';
  display: inline-block;
  margin-right: 0.5em;
}
body > header nav ul {
  list-style: none;
}
body > header nav .sub-menu {
  font-size: 0.85em;
  margin-bottom: 0.5em;
  margin-left: 1.25em;
  margin-top: 0;
}
body > header #menu-btn {
  display: none;
}
body > header #menu-btn:checked ~ #menu {
  display: block;
}
body > header #menu-btn:checked ~ label[for='menu-btn'] {
  background-color: #00aef2;
}
body > header #menu {
  background-color: #000;
  display: none;
  overflow-y: auto;
  margin-top: 0;
  max-height: calc(100vh - 5em);
  padding: 2em;
  position: absolute;
  right: 0;
  top: 100%;
}
@media screen and (min-width: 60em) {
  body > header #menu {
    max-height: calc(100vh - 8em);
  }
}
@media screen and (max-width: 45em) {
  body > header #menu {
    margin-top: 1em;
    padding: 0;
    right: -1em;
    width: calc(100% + 2em);
  }
  body > header #menu li {
    border-top: 1px solid #7a7f82;
  }
  body > header #menu li a {
    display: block;
    padding: 0.5em 2em;
  }
  body > header #menu .sub-menu {
    margin-bottom: 0;
    margin-left: 0;
  }
  body > header #menu .sub-menu li a {
    background-color: #222;
    margin-left: 1.5em;
  }
}
body > header #menu:hover {
  display: block;
}
body > header #menu .has-children {
  cursor: pointer;
}
body > header #menu .has-children.closed + .sub-menu {
  display: none;
}
body > header #user-menu-btn {
  display: none;
}
@media screen and (max-width: 60em) {
  body > header #user-menu-btn:checked ~ #user-menu {
    display: block;
  }
  body > header #user-menu-btn:checked ~ label[for='user-menu-btn'] {
    background-color: #00aef2;
  }
}
body > header #user-menu {
  display: none;
  list-style: none;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 60em) {
  body > header #user-menu {
    background-color: #000;
    padding: 2em;
    top: 100%;
    z-index: 99;
  }
  body > header #user-menu li + li {
    margin-top: 1em;
  }
}
@media screen and (min-width: 60em) {
  body > header #user-menu {
    display: flex;
  }
  body > header #user-menu li {
    margin-left: 2em;
  }
}
body > header #user-menu .user::before,
body > header #user-menu .lock::before,
body > header #user-menu .edit::before {
  background-image: url(../images/icons/icon-account.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 1.25em;
  margin-bottom: 0.3em;
  margin-right: 0.5em;
  vertical-align: middle;
  width: 1.25em;
}
body > header #user-menu .lock::before {
  background-image: url(../images/icons/icon-lock.svg);
}
body > header #user-menu .edit::before {
  background-image: url(../images/icons/icon-edit.svg);
}
main {
  display: block;
  margin-top: 5em;
}
@media screen and (min-width: 60em) {
  main {
    margin-top: 9em;
  }
}
footer {
  margin-bottom: 2em;
  margin-top: 2em;
  padding: 0 1em;
  text-align: center;
}
@media screen and (min-width: 45em) {
  footer {
    text-align: left;
  }
}
@media screen and (min-width: 65em) {
  footer.container {
    display: flex;
  }
}
footer > * {
  font-size: 0.85em;
}
@media screen and (min-width: 65em) {
  footer > * {
    margin-top: 0;
  }
}
footer ul {
  list-style: none;
}
@media screen and (min-width: 45em) {
  footer ul {
    display: flex;
  }
}
footer ul li {
  display: inline-block;
  margin: 0.25em 1em;
}
@media screen and (min-width: 45em) {
  footer ul li {
    margin: 0;
  }
  footer ul li::before {
    background-color: currentColor;
    content: '';
    display: inline-block;
    height: 1.25em;
    margin-left: 1em;
    margin-right: 1em;
    vertical-align: top;
    width: 1px;
  }
}
@media screen and (max-width: 65em) {
  footer ul li:first-child::before {
    content: none;
  }
}
footer #dealer-login {
  margin-left: auto;
}
footer #dealer-login a {
  border-bottom: 0;
}
.container {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 75em;
  position: relative;
}
/*
----------------------------------------------
HELPERS
----------------------------------------------
*/
.featured {
  font-size: 1.2em;
}
.light-background,
.inverted-block {
  background-color: #fff;
  color: #000;
}
.light-background article,
.inverted-block article {
  background-image: none;
}
.light-background td,
.inverted-block td,
.light-background th,
.inverted-block th {
  border-color: #fff;
}
@media screen and (max-width: 40em) {
  .light-background td[title]::before,
  .inverted-block td[title]::before {
    border-right-color: #fff;
  }
}
@media screen and (max-width: 40em) {
  .light-background tr + tr,
  .inverted-block tr + tr {
    border-top-color: #fff;
  }
}
.inverted-block {
  padding: 1em;
}
@media screen and (min-width: 40em) {
  .inverted-block {
    padding: 2em;
  }
}
.margin-top-large {
  margin-top: 4em;
}
.modal-overlay {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  height: calc(100% - 5em);
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow-y: auto;
  margin-top: 0;
  position: fixed;
  top: 5em;
  transition: opacity 0.3s, visibility 0s 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 998;
}
@media screen and (min-width: 60em) {
  .modal-overlay {
    height: calc(100% - 8em);
    top: 8em;
  }
}
.modal-overlay:target {
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  visibility: visible;
}
.modal-overlay > * {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 100%;
  padding: 1em 0;
  position: relative;
}
@media screen and (min-width: 60em) {
  .modal-overlay > * {
    padding: 1em;
  }
}
.modal-overlay > * > * {
  background-color: #000;
  flex-basis: 26em;
  flex-grow: 1;
  overflow-y: auto;
  margin: 1em;
  max-width: 36em;
  padding: 1em;
}
.modal-overlay > * > *.full-width {
  flex-basis: auto;
  max-width: 72em;
}
@media screen and (min-width: 60em) {
  .modal-overlay > * > * {
    padding: 2em;
  }
}
.modal-overlay a[href="#close"] {
  background-color: transparent;
  background-image: url(../images/icons/icon-cross.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5em;
  height: 3em;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 1em;
  top: -1em;
  transition: background-color 0.3s;
  width: 3em;
}
@media screen and (min-width: 60em) {
  .modal-overlay a[href="#close"] {
    background-size: 1em;
    height: 2em;
    right: 2em;
    top: 0;
    width: 2em;
  }
}
.modal-overlay a[href="#close"]:hover {
  background-color: #7a7f82;
}
.modal-overlay h1,
.modal-overlay h2,
.modal-overlay h3,
.modal-overlay h4,
.modal-overlay h5,
.modal-overlay h6 {
  font-family: inherit;
}
.text-center {
  text-align: center;
}
@media screen and (min-width: 40em) {
  .text-center-desk {
    text-align: center;
  }
}
@media screen and (max-width: 40em) {
  .text-center-mob {
    text-align: center;
  }
}
.align-center {
  margin-left: auto;
  margin-right: auto;
}
.align-left {
  float: left !important;
  margin-right: 1em;
}
.align-right {
  float: right !important;
  margin-left: 1em;
}
.title-highlight {
  background-color: #00aef2;
  color: #fff;
  padding: 0.25em 0.5em;
  transition: background-color 0.3s;
}
a:hover .title-highlight {
  background-color: #7a7f82;
}
/*
----------------------------------------------
BLOCKS
----------------------------------------------
*/
.actions {
  background-color: #7a7f82;
  background-image: linear-gradient(#7a7f82, #33383d);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 1em 0.5em;
  margin-top: 0;
}
@media screen and (min-width: 60em) {
  .actions {
    padding: 1em;
  }
}
.actions div {
  background-color: #000;
  border-bottom: 5px solid #00aef2;
  padding: 1em;
  text-align: center;
}
.actions div img {
  display: block;
  height: 4em;
  margin: auto;
}
.actions li {
  flex-basis: calc(50% - 1em);
  flex-grow: 1;
  margin: 0.5em;
}
@media screen and (min-width: 45em) {
  .actions li {
    flex-basis: calc(33.33% - 1em);
  }
}
@media screen and (min-width: 45em) and (max-width: 60em) {
}
@media screen and (min-width: 60em) {
  .actions li {
    flex-basis: calc(14.28% - 1em);
    margin: 0 0.5em;
  }
}
.actions h4 {
  margin-top: 0.5em;
}
.actions h4::before {
  content: '>';
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: top;
}
.actions h4 span {
  display: inline-block;
  width: calc(100% - 2em);
  vertical-align: text-top;
}
.apply-for-membership {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dealer-results {
  align-items: flex-start;
  min-height: 30em;
  /*
    &:after {
        background-image: url(../images/icons/icon-pin.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        height: 3em;
        left: calc(50% - 1.5em);
        position: absolute;
        top: calc(50% - 1.5em);
        width: 3em;
    }
    */
}
.dealer-results:before {
  display: none;
}
.dealer-results > div {
  height: 100%;
}
.dealer-list {
  background-color: #fff;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  color: #000;
  counter-reset: dealers;
  height: calc(100% - 4em);
  overflow: hidden;
  pointer-events: auto;
  transition: height 0.3s ease-out;
}
.dealer-list a[href^='mailto:'],
.dealer-list a[href^='tel:'],
.dealer-list .directions,
.dealer-list .address,
.dealer-list .hours,
.dealer-list .approved {
  border-bottom: 0;
}
.dealer-list a[href^='mailto:']:before,
.dealer-list a[href^='tel:']:before,
.dealer-list .directions:before,
.dealer-list .address:before,
.dealer-list .hours:before,
.dealer-list .approved:before {
  background-image: url(../images/icons/icon-email.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  content: '';
  display: inline-block;
  height: 1em;
  margin: 0.25em 0.5em 0.25em 0;
  vertical-align: middle;
  width: 1em;
}
.dealer-list a[href^='tel:']:before {
  background-image: url(../images/icons/icon-phone.svg);
}
.dealer-list .directions:before {
  background-image: url(../images/icons/icon-directions.svg);
}
.dealer-list .approved::before {
  background-image: url(../images/icons/icon-approved.svg);
}
.dealer-list .address,
.dealer-list .hours {
  padding-left: 1.5em;
  position: relative;
}
.dealer-list .address:before,
.dealer-list .hours:before {
  background-image: url(../images/icons/icon-address.svg);
  left: 0;
  position: absolute;
  top: 0;
}
.dealer-list .hours:before {
  background-image: url(../images/icons/icon-time.svg);
}
.dealer-list h2 {
  background-color: #7a7f82;
  color: #fff;
  font-size: 1em;
}
.dealer-list h2 label {
  cursor: pointer;
  display: block;
  font-size: 1em;
  padding: 1em;
  position: relative;
  text-shadow: none;
}
.dealer-list h2 label:after {
  border-left: 2px solid currentColor;
  border-top: 2px solid currentColor;
  content: '';
  height: 0.5em;
  position: absolute;
  right: 1.5em;
  top: calc(50% - 0.2em);
  transform: rotate(45deg);
  transform-origin: 35% 35%;
  transition: transform 0.3s;
  width: 0.5em;
}
.dealer-list h3 {
  font-size: 1em;
  font-weight: 700;
}
.dealer-list li {
  counter-increment: dealers;
  padding: 1em;
  transition: background 0.3s;
}
.dealer-list li.active {
  background-color: #eee;
}
.dealer-list li + li {
  border-top: 1px solid #c9ced4;
}
.dealer-list li h3:before {
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  content: counter(dealers);
  display: inline-block;
  font-size: 0.75em;
  height: 1.5em;
  line-height: 1.6;
  margin-bottom: 0.2em;
  margin-right: 0.5em;
  text-align: center;
  vertical-align: middle;
  width: 1.5em;
}
.dealer-list ul {
  height: calc(100% - 3.3em);
  list-style: none;
  overflow-y: auto;
  margin-top: 0;
  padding: 0;
  position: relative;
}
.dealer-list [role='button'] {
  padding: 0.5em 1em;
}
.filters {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
@media screen and (min-width: 40em) {
  .filters {
    justify-content: flex-end;
  }
}
.filters > * {
  margin-right: 1em;
  margin-top: 0;
  width: auto;
}
@media screen and (min-width: 40em) {
  .filters > * {
    margin-left: 1em;
    margin-right: 0;
  }
}
.locate-dealer {
  align-items: center;
  background-color: #c9ced4;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  height: calc(100vh - 6em);
  position: relative;
}
@media screen and (min-width: 60em) {
  .locate-dealer {
    height: calc(100vh - 14.5em);
  }
}
.locate-dealer:before {
  background-image: linear-gradient(#000000, rgba(0, 0, 0, 0));
  content: '';
  height: 33%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.locate-dealer form {
  margin: auto 0;
  pointer-events: auto;
  position: relative;
  width: 100%;
}
.locate-dealer h1,
.locate-dealer h2,
.locate-dealer h3,
.locate-dealer h4,
.locate-dealer h5,
.locate-dealer h6 {
  font-family: inherit;
}
.locate-dealer label {
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.25;
  text-shadow: 0 0 1em #000;
}
.locate-dealer input[type='text'] {
  background-color: #fff;
  border: 2px solid #7a7f82;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  color: #7a7f82;
  margin-top: 0;
  transition: box-shadow 0.3s;
  width: 100%;
}
.locate-dealer input[type='text']:focus {
  box-shadow: 0 0 3em rgba(0, 0, 0, 0.95);
}
.locate-dealer .map-overlay {
  height: calc(100% - 2em);
  left: 1em;
  margin-top: 0;
  max-width: 20em;
  pointer-events: none;
  position: absolute;
  top: 1em;
  width: calc(100% - 2em);
  z-index: 100;
}
@media screen and (min-width: 45em) {
  .locate-dealer .map-overlay {
    height: calc(100% - 8em);
    left: 4em;
    top: 4em;
  }
}
.locate-dealer input[type='submit'].search-submit {
  background-color: transparent;
  background-image: url(../images/icons/icon-search.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5em;
  border: 0;
  bottom: 1px;
  color: transparent;
  cursor: pointer;
  height: 3em;
  opacity: 0.5;
  position: absolute;
  right: 1px;
  transition: opacity 0.3s;
  width: 3em;
}
.locate-dealer input[type='submit'].search-submit:hover {
  opacity: 1;
}
@media screen and (min-width: 45em) {
  .login-page {
    align-items: flex-start;
    display: flex;
    margin-left: -1em;
    margin-right: -1em;
  }
}
.login-page > * {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 1em;
}
@media screen and (min-width: 45em) {
  .login-page > * {
    flex-basis: 15em;
    flex-grow: 1;
    margin: 0 1em;
    padding: 2em;
  }
}
.offers {
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 40em) {
  .offers {
    display: flex;
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
}
@media screen and (min-width: 60em) {
  .offers {
    margin-left: -1em;
    margin-right: -1em;
  }
}
.offers img {
  display: block;
  height: auto;
  margin-top: 0;
  width: 100%;
}
.offers li {
  margin: 1em 0;
}
@media screen and (min-width: 40em) {
  .offers li {
    flex-basis: 10em;
    flex-grow: 1;
    margin: 0.5em;
  }
}
@media screen and (min-width: 60em) {
  .offers li {
    margin: 1em;
  }
}
@media screen and (min-width: 40em) {
  .page-title {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
  }
}
.part-offer {
  background-color: #fff;
  color: #000;
}
.part-offer ul {
  background-position: center 1em;
  background-repeat: no-repeat;
  background-size: 15em auto;
  list-style: none;
  margin-top: 0;
  padding: 15em 1em 1em 1em;
}
@media screen and (min-width: 60em) {
  .part-offer ul {
    background-position: left bottom;
    background-size: 25% auto;
    display: flex;
    padding: 1.5em 1.5em 1.5em 25%;
  }
}
.part-offer ul h3 {
  font-family: inherit;
}
@media screen and (max-width: 60em) {
  .part-offer ul li + li {
    border-top: 1px solid #c9ced4;
    margin-top: 1em;
    padding-top: 1em;
  }
}
@media screen and (min-width: 60em) {
  .part-offer ul li {
    flex-basis: 10em;
    flex-grow: 1;
    margin: 0.5em;
  }
}
@media screen and (min-width: 60em) {
  .part-offer ul .featured {
    font-size: 1.5em;
    line-height: 1.25;
  }
}
.products-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-left: -0.5em;
  margin-right: -0.5em;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .products-list {
    margin-left: -1em;
    margin-right: -1em;
  }
}
.products-list a:hover h3,
.products-list a:hover .top-products {
  background-color: #7a7f82;
}
.products-list h3,
.products-list .top-products {
  background-color: #00aef2;
  color: #fff;
  padding: 0.5em;
  transition: background 0.3s;
}
.products-list div {
  background-color: #000;
  color: #fff;
}
.products-list img {
  display: block;
  height: auto;
  margin-top: 0;
  width: 100%;
}
.products-list > li {
  /*background-color: #fff;*/
  color: #000;
  display: flex;
  flex-direction: column;
  margin: 0.5em;
  width: 100%;
}
@media screen and (min-width: 25em) {
  .products-list > li {
    width: calc(50% - 1em);
  }
}
@media screen and (min-width: 40em) {
  .products-list > li {
    width: calc(33.33% - 1em);
  }
}
@media screen and (min-width: 55em) {
  .products-list > li {
    width: calc(25% - 1em);
  }
}
@media screen and (min-width: 65em) {
  .products-list > li {
    margin: 1em;
    width: calc(25% - 2em);
  }
}
.products-list .sub-list {
  list-style: none;
  padding-left: 1em;
}
.products-list .sub-list li + li {
  margin-top: 0;
}
.products-list .top-products {
  display: block;
  font-size: 1.1em;
  padding: 0 0.5em 0.5em 0.5em;
}
.products-list .top-products::before {
  background-image: url(../images/icons/icon-arrow-right-light.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 1em;
  margin-bottom: 0.2em;
  margin-right: 0.5em;
  vertical-align: middle;
  width: 0.75em;
}
.products-list .view-all {
  background-image: url(../images/icons/icon-arrow-down.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 0.75em;
  color: #7a7f82;
  display: block;
  margin: auto 1em 0.5em 1em;
}
.products-list .view-all:hover {
  color: #00aef2;
}
.slider {
  color: #fff;
  overflow: hidden;
  margin-top: -1em;
  padding: 0;
  position: relative;
  /*
    & > label {
        background-color: @slate-screen;
        bottom: .5em;
        cursor: pointer;
        display: block;
        height: 3em;
        left: 0;
        margin-top: 0;
        position: absolute;
        transition: background .3s, left 0s .75s, transform 0s .75s, visibility 0s .75s;
        visibility: hidden;
        width: 3em;
        z-index: 100;

        @media screen and (min-width: 600px) {
            bottom: calc(50% - 1.5em);
        }

        &:before {
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            content: '';
            height: 1em;
            left: calc(50% - .75em);
            position: absolute;
            top: calc(50% - .6em);
            transform: rotate(45deg);
            width: 1em;
        }

        &:hover {
            background-color: @light-blue;
        }
    }
    */
}
.slider input[name^='slider'] {
  display: none;
}
.slider input[name^='slider']:checked:nth-child(1) ~ ul li:nth-child(1),
.slider input[name^='slider']:checked:nth-child(2) ~ ul li:nth-child(2),
.slider input[name^='slider']:checked:nth-child(3) ~ ul li:nth-child(3),
.slider input[name^='slider']:checked:nth-child(4) ~ ul li:nth-child(4),
.slider input[name^='slider']:checked:nth-child(5) ~ ul li:nth-child(5) {
  opacity: 1;
  transform: translateZ(0) translateX(0);
  transition: opacity 0s, transform 0.75s ease-in-out;
  z-index: 50;
}
.slider input[name^='slider']:checked:nth-child(1) ~ ul li:nth-child(1) + li,
.slider input[name^='slider']:checked:nth-child(2) ~ ul li:nth-child(2) + li,
.slider input[name^='slider']:checked:nth-child(3) ~ ul li:nth-child(3) + li,
.slider input[name^='slider']:checked:nth-child(4) ~ ul li:nth-child(4) + li,
.slider input[name^='slider']:checked:nth-child(5) ~ ul li:nth-child(5) + li {
  transform: translateZ(0) translateX(100%);
}
.slider input[name^='slider']:checked:nth-child(1) ~ ul li:nth-last-child(1) {
  transform: translateZ(0) translateX(-100%);
}
.slider input[name^='slider']:checked:nth-last-of-type(1) ~ ul li:nth-child(1) {
  transform: translateZ(0) translateX(100%);
}
.slider input[name^='slider']:checked:nth-child(1) ~ label:nth-of-type(2),
.slider input[name^='slider']:checked:nth-child(2) ~ label:nth-of-type(3),
.slider input[name^='slider']:checked:nth-child(3) ~ label:nth-of-type(4),
.slider input[name^='slider']:checked:nth-child(4) ~ label:nth-of-type(5),
.slider input[name^='slider']:checked:nth-last-of-type(1) ~ label:nth-of-type(1) {
  left: calc(100% - 3em);
  visibility: visible;
}
.slider input[name^='slider']:checked:nth-child(1) ~ label:nth-last-of-type(1),
.slider input[name^='slider']:checked:nth-child(2) ~ label:nth-of-type(1),
.slider input[name^='slider']:checked:nth-child(3) ~ label:nth-of-type(2),
.slider input[name^='slider']:checked:nth-child(4) ~ label:nth-of-type(3),
.slider input[name^='slider']:checked:nth-child(5) ~ label:nth-of-type(4) {
  left: 0;
  transform: scaleX(-1);
  visibility: visible;
}
.slider input[name^='slider']:checked:nth-child(1) ~ .controls label:nth-child(1),
.slider input[name^='slider']:checked:nth-child(2) ~ .controls label:nth-child(2),
.slider input[name^='slider']:checked:nth-child(3) ~ .controls label:nth-child(3),
.slider input[name^='slider']:checked:nth-child(4) ~ .controls label:nth-child(4),
.slider input[name^='slider']:checked:nth-child(5) ~ .controls label:nth-child(5) {
  background-color: #00aef2;
}
.slider ul {
  height: 30em;
  list-style: none;
  overflow: hidden;
  margin-top: 0;
  position: relative;
}
@media screen and (min-width: 45em) {
  .slider ul {
    height: 40em;
  }
}
.slider li {
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 2em 1em;
  position: absolute;
  top: 0;
  transform: translateZ(0) translateX(-100%);
  transition: opacity 0s 0.75s, transform 0.75s ease-in-out;
  width: 100%;
}
@media screen and (min-width: 60em) {
  .slider li {
    padding: 4em;
  }
}
.slider li::before {
  background-image: radial-gradient(circle at 0 25%, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0) 75%);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider li > * {
  z-index: 5;
  position: relative;
}
.slider p {
  margin-top: 0;
}
@media screen and (min-width: 60em) {
  .slider p {
    font-size: 1.25em;
  }
}
.slider .controls {
  bottom: 2em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  width: 100%;
  z-index: 99;
}
@media screen and (max-width: 45em) {
  .slider .controls {
    text-align: center;
  }
}
@media screen and (min-width: 60em) {
  .slider .controls {
    padding: 0 4em;
  }
}
.slider .controls label {
  background-color: #c9ced4;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 1.25em;
  margin: 0 0.5em 0 0;
  transition: background 0.3s;
  width: 1.25em;
}
.slider .controls label:hover {
  background-color: #00aef2;
}
#map {
  height: 100%;
  left: 0;
  overflow: hidden;
  max-width: none;
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 100%;
}
#map * + * {
  margin-top: auto;
}
#map .dealer-address {
  color: #7a7f82;
}
#map .dealer-address * + * {
  margin-top: 1em;
}
#map .dealer-address br {
  margin-top: 0;
}
#mapLegend {
  text-align: right;
}
#mapLegend + * {
  margin-top: 0;
}
#mapLegend img {
  height: 2em;
  vertical-align: middle;
}
#mapLegend li {
  cursor: pointer;
  display: inline-block;
  line-height: 2;
  padding: 0.5em;
  transition: background-color 0.3s, color 0.3s;
}
#mapLegend li:hover {
  background-color: #7a7f82;
  color: #00aef2;
}
#mapLegend li + li {
  margin-left: 0.5em;
}
#mapLegend ul {
  display: flex;
  list-style: none;
  justify-content: flex-end;
}
#results-btn {
  display: none;
}
#results-btn:checked ~ .dealer-list {
  height: 3.2em;
}
#results-btn:checked ~ .dealer-list h2 label:after {
  transform: rotate(225deg);
}
.support-promotions-section .btn.disabled:hover {
  background-color: transparent !important;
  background-image: none;
  cursor: not-allowed !important;
}
.support-promotions-section .btn.disabled {
  cursor: not-allowed !important;
}
.support-promotions-section .support-promotions-list {
  padding-top: 3rem;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #000;
}
.support-promotions-section .support-promotions-list td,
.support-promotions-section .support-promotions-list th {
  border: 1px solid #000;
}
.support-promotions-section .support-promotions-list th {
  background-color: royalblue;
  color: white;
  padding: 1rem 0.5rem;
  font-size: 1.1rem;
}
.support-promotions-section .support-promotions-list td div,
.support-promotions-section .support-promotions-list th div,
.support-promotions-section .support-promotions-list td span,
.support-promotions-section .support-promotions-list th span {
  word-break: break-all;
}
.support-promotions-section .support-promotions-list .col-content {
  max-height: 4rem;
  overflow-y: auto;
}
.support-promotions-section .support-promotions-list .type-col {
  width: 7.5%;
}
.support-promotions-section .support-promotions-list .title-col {
  width: 7.5% !important;
}
.support-promotions-section .support-promotions-list .description-col {
  width: 20% !important;
}
.support-promotions-section .support-promotions-list .show-col {
  width: 5%;
}
.support-promotions-section .support-promotions-list .image-col {
  width: 150px;
}
.support-promotions-section .support-promotions-list .image-cell {
  width: 150px;
  min-width: 150px;
}
.support-promotions-section .support-promotions-list .image-cell .promotion-image {
  width: 100%;
  height: auto;
}
.support-promotions-section .support-promotions-list .resource-col {
  width: 7.5%;
}
.support-promotions-section .support-promotions-list .link-col {
  width: 11%;
}
.support-promotions-section .support-promotions-list .date-col {
  width: 9%;
}
.support-promotions-section .support-promotions-list .sort-command-col > div {
  width: 7.5%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.support-promotions-section .support-promotions-list .sort-command-col > div .btn.up {
  transform: rotate(180deg);
}
.support-promotions-section .support-promotions-list .sort-command-col > div .btn {
  background-image: url("../images/icons/icon-arrow-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 0.25rem;
}
.support-promotions-section .support-promotions-list .sort-command-col > div .edit-button {
  word-break: normal;
  padding: 0 0.5rem;
  height: 2.5rem;
  vertical-align: middle;
  line-height: 2.5rem;
}
.support-promotions-section .pager {
  margin-top: -0.5rem;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.support-promotions-section .pager .btn {
  margin-right: 0.25rem;
}
.support-edit-promotions-section .file {
  display: block;
  padding: 0;
  margin-top: 0;
}
.support-edit-promotions-section .go-back {
  text-decoration: underline;
}
.textCenter {
  text-align: center !important;
}
.ErrorText {
  color: crimson;
}
.TextboxClass {
  float: left;
  margin-right: 10px;
}
.BlueButtonClass {
  /* float: left; */
  margin-top: -6px;
  height: 48px;
  vertical-align: middle;
  padding-top: 0.55em;
  background-color: #00aef2;
  color: white;
}
.rightText {
  text-align: right !important;
}
.offerRow {
  display: flex;
  list-style: none;
  padding: 2em 0;
  margin: 2em 0;
}
.offerRow .firstCol,
.offerRow .secondCol {
  /*background-color: pink;*/
  min-width: 25%;
  flex-basis: 25%;
  margin: 0 0.5em;
}
.offerRow .firstCol img,
.offerRow .secondCol img {
  max-height: 250px;
  max-width: 250px;
}
.offerRow .lastCol {
  min-width: 50%;
  flex-basis: 50%;
  margin: 0 0.5em;
}
.offerRow .smallButton {
  background-color: #00aef2;
  border: 2px solid transparent;
  color: #fff;
  display: inline-block;
  padding: 0.1em 0.5em;
  width: 100%;
  transition: background 0.3s;
}
.offerRow .smallButton:hover {
  background-color: #7a7f82;
  color: #fff;
}
.offerRow .assetsList {
  display: flex;
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 1em;
  overflow-x: overlay;
}
.offerRow .assetsList li {
  margin: 0 1em;
  margin-bottom: 2em;
  max-width: 145px;
  min-width: 145px;
}
.offerRow .assetsList li img {
  text-align: center;
  display: block;
  max-width: 100%;
  max-height: 200px;
  height: auto;
}
.offerRow .assetsList li [role='button'] {
  width: 100%;
  max-width: 100%;
  text-align: center;
}