/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #0056b3;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #6c757d; }

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700; }

pre {
  display: block;
  font-size: 87.5%;
  color: #212529; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6; }
  .table tbody + tbody {
    border-top: 2px solid #dee2e6; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #dee2e6; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff; }

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff; }

.table-hover .table-primary:hover {
  background-color: #9fcdff; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #9fcdff; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db; }

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb; }

.table-hover .table-secondary:hover {
  background-color: #c8cbcf; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb; }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e; }

.table-hover .table-success:hover {
  background-color: #b1dfbb; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #b1dfbb; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb; }

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda; }

.table-hover .table-info:hover {
  background-color: #abdde5; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #abdde5; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba; }

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e; }

.table-hover .table-warning:hover {
  background-color: #ffe8a1; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe8a1; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb; }

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e; }

.table-hover .table-danger:hover {
  background-color: #f1b0b7; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #f1b0b7; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe; }

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc; }

.table-hover .table-light:hover {
  background-color: #ececf6; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca; }

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c; }

.table-hover .table-dark:hover {
  background-color: #b9bbbe; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55; }

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.table-dark {
  color: #fff;
  background-color: #343a40; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #454d55; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .table-responsive > .table-bordered {
    border: 0; }

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  .was-validated .custom-select:valid ~ .valid-feedback,
  .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #28a745; }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745; }

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .was-validated .custom-select:invalid ~ .invalid-feedback,
  .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #dc3545; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #212529;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-success {
  color: #28a745;
  border-color: #28a745; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none; }
  .btn-link:hover {
    color: #0056b3;
    text-decoration: underline; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    box-shadow: none; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; }
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff; }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff; }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff; }
  .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }
    .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e9ecef; }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px; }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%; }

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5); }

.custom-switch {
  padding-left: 2.25rem; }
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem; }
  .custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none; }
  .custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-select:focus::-ms-value {
      color: #495057;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .custom-select::-ms-expand {
    display: none; }

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem; }

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0; }

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  appearance: none; }
  .custom-range:focus {
    outline: none; }
    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .custom-range::-moz-focus-outer {
    border: 0; }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-webkit-slider-thumb {
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-moz-range-thumb {
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-ms-thumb {
        transition: none; } }
    .custom-range::-ms-thumb:active {
      background-color: #b3d7ff; }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem; }
  .custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem; }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem; }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: #adb5bd; }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none; } }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 1px solid #dee2e6; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.25rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-top,
          .card-group > .card:not(:last-child) .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-bottom,
          .card-group > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-top,
          .card-group > .card:not(:first-child) .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-bottom,
          .card-group > .card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.accordion > .card {
  overflow: hidden; }
  .accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0; }
  .accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0; }
  .accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .accordion > .card .card-header {
    margin-bottom: -1px; }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #6c757d; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem; }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .badge {
      transition: none; } }
  a.badge:hover, a.badge:focus {
    text-decoration: none; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary {
  color: #fff;
  background-color: #007bff; }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc; }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.badge-secondary {
  color: #fff;
  background-color: #6c757d; }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62; }
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.badge-success {
  color: #fff;
  background-color: #28a745; }
  a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34; }
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.badge-info {
  color: #fff;
  background-color: #17a2b8; }
  a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b; }
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.badge-warning {
  color: #212529;
  background-color: #ffc107; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.badge-danger {
  color: #fff;
  background-color: #dc3545; }
  a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130; }
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-light {
  color: #212529;
  background-color: #f8f9fa; }
  a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5; }
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.badge-dark {
  color: #fff;
  background-color: #343a40; }
  a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124; }
  a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem; }
  @media (min-width: 576px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 4rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff; }
  .alert-primary hr {
    border-top-color: #9fcdff; }
  .alert-primary .alert-link {
    color: #002752; }

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db; }
  .alert-secondary hr {
    border-top-color: #c8cbcf; }
  .alert-secondary .alert-link {
    color: #202326; }

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }
  .alert-success hr {
    border-top-color: #b1dfbb; }
  .alert-success .alert-link {
    color: #0b2e13; }

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb; }
  .alert-info hr {
    border-top-color: #abdde5; }
  .alert-info .alert-link {
    color: #062c33; }

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }
  .alert-warning hr {
    border-top-color: #ffe8a1; }
  .alert-warning .alert-link {
    color: #533f03; }

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }
  .alert-danger hr {
    border-top-color: #f1b0b7; }
  .alert-danger .alert-link {
    color: #491217; }

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe; }
  .alert-light hr {
    border-top-color: #ececf6; }
  .alert-light .alert-link {
    color: #686868; }

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }
  .alert-dark hr {
    border-top-color: #b9bbbe; }
  .alert-dark .alert-link {
    color: #040505; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none; } }

.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa; }
  .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0; }
    .list-group-horizontal .list-group-item:first-child {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .list-group-flush .list-group-item:last-child {
    margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0; }

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085; }

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41; }

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724; }

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460; }

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404; }

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24; }

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182; }

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover {
    color: #000;
    text-decoration: none; }
  .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none; }

a.close.disabled {
  pointer-events: none; }

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem; }
  .toast:not(:last-child) {
    margin-bottom: 0.75rem; }
  .toast.showing {
    opacity: 1; }
  .toast.show {
    display: block;
    opacity: 1; }
  .toast.hide {
    display: none; }

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.toast-body {
  padding: 0.75rem; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1); }
    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1); }
    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529; }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite; }

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em; }

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1; } }

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite; }

.spinner-grow-sm {
  width: 1rem;
  height: 1rem; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important; }

.bg-secondary {
  background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important; }

.bg-danger {
  background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #007bff !important; }

.border-secondary {
  border-color: #6c757d !important; }

.border-success {
  border-color: #28a745 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded-sm {
  border-radius: 0.2rem !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-lg {
  border-radius: 0.3rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:hover, a.text-success:focus {
  color: #19692c !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important; }

.text-body {
  color: #212529 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important; }
  .table-dark {
    color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: #dee2e6; }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6; } }

#navigation {
  padding: 23px 0 21px 0;
  background: #333333;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 767px) {
    #navigation {
      padding: 8px 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #navigation {
      padding: 26px 0 23px 0; } }
  #navigation.fixed {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%; }
  #navigation.addOp {
    padding: 10px 0 6px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      #navigation.addOp {
        padding: 12px 0 8px; } }
    @media (max-width: 767px) {
      #navigation.addOp {
        padding: 8px 0; } }
  #navigation .aprLogo,
  #navigation .aseLogo,
  #navigation .aaspLogo {
    width: 140px;
    height: 50px;
    margin: 0 5px 0 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    #navigation .aprLogo {
      margin: 0 -10px 0 0; } }
  #navigation #logo {
    margin: 12px 30px 0 0;
    width: 144px;
    height: 22px; }
    @media (max-width: 767px) {
      #navigation #logo {
        margin: 14px 0 0; } }
  @media (max-width: 991px) {
    #navigation li, #navigation .foot-nav li {
      display: inline-block;
      padding: 0;
      margin: 0;
      width: 100%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #navigation li, #navigation .foot-nav li {
      width: auto; } }
  #navigation li a, #navigation .foot-nav li a {
    padding: 19px 10px 14px 10px;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    @media (max-width: 991px) {
      #navigation li a, #navigation .foot-nav li a {
        padding: 15px 25px;
        color: #dddddd;
        font-weight: 300;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        margin: 0;
        display: inline-block;
        width: 100%;
        position: relative; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #navigation li a, #navigation .foot-nav li a {
        padding: 16px 7px 8px 7px;
        width: auto; } }
    #navigation li a .has-child-icon, #navigation li a .fa-caret-down, #navigation .foot-nav li a .has-child-icon, #navigation .foot-nav li a .fa-caret-down {
      display: none; }
      @media (max-width: 991px) {
        #navigation li a .has-child-icon, #navigation li a .fa-caret-down, #navigation .foot-nav li a .has-child-icon, #navigation .foot-nav li a .fa-caret-down {
          position: absolute;
          right: 0;
          top: 0;
          display: inline-block;
          font-size: 10px;
          border-left: solid 1px #555555;
          padding: 22px;
          height: 52px;
          width: 52px; }
          #navigation li a .has-child-icon::before, #navigation li a .fa-caret-down::before, #navigation .foot-nav li a .has-child-icon::before, #navigation .foot-nav li a .fa-caret-down::before {
            display: inline-block;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          #navigation li a .has-child-icon:hover, #navigation li a .fa-caret-down:hover, #navigation .foot-nav li a .has-child-icon:hover, #navigation .foot-nav li a .fa-caret-down:hover {
            background: #444444; } }
    @media (min-width: 992px) {
      #navigation li a .fa-caret-down, #navigation .foot-nav li a .fa-caret-down {
        display: inline-block; } }
  #navigation ul {
    margin: 0;
    padding: 0; }
    @media (max-width: 991px) {
      #navigation ul {
        position: fixed;
        height: 100%;
        background: #333333;
        top: 0;
        bottom: 0;
        right: -250px;
        padding-right: 30px;
        width: 250px;
        overflow-y: auto;
        overflow-x: hidden; } }
    @media (min-width: 992px) {
      #navigation ul {
        display: block;
        width: auto; } }
    @media (max-width: 991px) {
      #navigation ul li {
        margin: 0;
        border-bottom: solid 1px #555555;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; } }
    @media (min-width: 992px) {
      #navigation ul li a.home-nav-item {
        display: none; } }
    #navigation ul li a:hover {
      background: none;
      border: none;
      /*@include respond-to(small-screens) {
                        padding: 12px 7px 8px 7px;
                    }*/ }
      @media (max-width: 991px) {
        #navigation ul li a:hover {
          border: none;
          background: none;
          padding: 15px 25px;
          color: #ffffff; } }
    #navigation ul li.active {
      font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif; }
      #navigation ul li.active .subnav {
        display: none; }
      #navigation ul li.active a {
        background: none; }
        @media (min-width: 992px) and (max-width: 1199px) {
          #navigation ul li.active a {
            padding: 12px 7px 8px 7px; } }
        @media (min-width: 1200px) {
          #navigation ul li.active a {
            padding: 16px 10px 8px 10px; } }
    #navigation ul li.open .has-child-icon::before {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    #navigation ul li.open .open .fa-caret-down::before {
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    #navigation ul li.open .has-child-icon::before,
    #navigation ul li.open .fa-caret-down::before {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    @media (min-width: 992px) {
      #navigation ul li.onthispage .subnav {
        display: block; } }
    @media (min-width: 992px) {
      #navigation ul li.onthispage a {
        color: #ffffff; } }
    #navigation ul .subnav {
      width: 100%;
      background: #ffffff;
      border-bottom: solid 1px #dddddd;
      /*height: 48px;*/
      display: none;
      line-height: 39px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      position: fixed;
      top: 99px;
      left: 0;
      opacity: 0.98;
      filter: alpha(opacity=98); }
      @media (max-width: 991px) {
        #navigation ul .subnav {
          display: none; } }
      #navigation ul .subnav.dropdown {
        position: relative;
        top: 0;
        border-bottom: none; }
      #navigation ul .subnav.addOp {
        top: 70px; }
        #navigation ul .subnav.addOp .subnav {
          top: 0; }
      @media (max-width: 991px) {
        #navigation ul .subnav .container {
          padding: 0;
          width: auto; } }
      #navigation ul .subnav li {
        margin: 0 10px 0 0;
        line-height: 15px; }
        #navigation ul .subnav li a {
          font-size: 14px;
          font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
          color: #666666;
          border: none;
          padding: 19px 10px 14px 10px; }
          @media (min-width: 992px) and (max-width: 1199px) {
            #navigation ul .subnav li a {
              padding: 18px 4px 10px 4px; } }
          #navigation ul .subnav li a:hover {
            color: #0d0d0d;
            border: none; }
      #navigation ul .subnav .subnav ul {
        display: none; }
      #navigation ul .subnav a.phone {
        font-size: 14px; }
        #navigation ul .subnav a.phone span {
          font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif; }

.no-positionfixed .subnav {
  display: none; }

.navigation li,
.foot-nav li {
  display: inline-block;
  padding: 0;
  margin: 0;
  position: relative; }
  .navigation li a,
  .foot-nav li a {
    color: #dddddd;
    font-size: 14px;
    font-weight: 300;
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    padding: 16px 6px 8px 6px; }

.foot-nav li a:hover, .foot-nav li span:hover {
  color: #ffffff;
  background: #222222; }

.addOp .nav .dropdown,
.navigation.addOp .nav .dropdown {
  background: rgba(52, 52, 52, 0.9); }
  .addOp .nav .dropdown strong,
  .navigation.addOp .nav .dropdown strong {
    color: #ffffff; }

.showNav {
  opacity: 1;
  filter: alpha(opacity=100); }

.navicon-button {
  display: inline-block;
  position: relative;
  padding: 2.0625rem 1.5rem;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80); }
  .navicon-button:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
  .navicon-button.active .navicon {
    background: transparent;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
    .navicon-button.active .navicon:before {
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      -moz-transform: scale(0.8) rotate(45deg);
      -ms-transform: scale(0.8) rotate(45deg);
      -o-transform: scale(0.8) rotate(45deg);
      transform: scale(0.8) rotate(45deg); }
    .navicon-button.active .navicon:after {
      -moz-transform: scale(0.8) rotate(-45deg);
      -ms-transform: scale(0.8) rotate(-45deg);
      -o-transform: scale(0.8) rotate(-45deg);
      transform: scale(0.8) rotate(-45deg);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }

.navicon {
  position: relative;
  width: 20px;
  height: 3px;
  background: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  top: 10px;
  right: 5px;
  /* Smoother animations */ }
  .navicon *:before,
  .navicon *:after {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .navicon:before, .navicon:after {
    display: block;
    content: "";
    height: 3px;
    width: 20px;
    background: #ffffff;
    position: absolute;
    z-index: -1;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .navicon:before {
    top: .4rem; }
  .navicon:after {
    top: -.4rem; }

.active .navicon:before,
.active .navicon:after {
  top: 0 !important;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

@media (max-width: 991px) {
  body,
  #navigation {
    left: 0;
    position: relative;
    -webkit-transition: right 0.3s ease-in-out, left 0.3s ease-in-out, padding 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out, left 0.3s ease-in-out, padding 0.3s ease-in-out;
    transition: right 0.3s ease-in-out, left 0.3s ease-in-out, padding 0.3s ease-in-out; }
    body ul.parent-nav,
    #navigation ul.parent-nav {
      -webkit-transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
      -moz-transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
      transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
      padding: 0; }
      body ul.parent-nav.showNav,
      #navigation ul.parent-nav.showNav {
        right: 0;
        display: block;
        border-left: 1px solid #555555; }
        body ul.parent-nav.showNav ul,
        #navigation ul.parent-nav.showNav ul {
          left: 0;
          position: relative;
          /*border-bottom: 1px solid #555555;*/
          width: 100%;
          padding: 0;
          margin-top: -5px;
          background: #3e3e3e; }
          body ul.parent-nav.showNav ul li ul,
          #navigation ul.parent-nav.showNav ul li ul {
            background: #4e4e4e; }
      body ul.parent-nav li .subnav,
      #navigation ul.parent-nav li .subnav {
        position: static;
        background: none;
        border: none; }
        body ul.parent-nav li .subnav li,
        #navigation ul.parent-nav li .subnav li {
          margin: 0 10px 0 0;
          font-size: 14px;
          font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
          line-height: 15px;
          padding-bottom: 0;
          display: block;
          width: 100%;
          border-bottom: none;
          position: relative; } }
        @media (max-width: 991px) and (max-width: 991px) {
          body ul.parent-nav li .subnav li.no-mobile,
          #navigation ul.parent-nav li .subnav li.no-mobile {
            display: none; } }

@media (max-width: 991px) {
          body ul.parent-nav li .subnav li a,
          #navigation ul.parent-nav li .subnav li a {
            font-size: 14px;
            color: #999999;
            padding: 15px 25px;
            border: none;
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
            position: relative; }
            body ul.parent-nav li .subnav li a:hover,
            #navigation ul.parent-nav li .subnav li a:hover {
              color: #ffffff;
              border: none; } }
      @media (max-width: 991px) and (min-width: 992px) {
        body ul.parent-nav li .subnav.addOp li a,
        #navigation ul.parent-nav li .subnav.addOp li a {
          padding: 16px 20px 9px 4px; } }

@media (max-width: 991px) {
      body ul.parent-nav li.active .subnav,
      #navigation ul.parent-nav li.active .subnav {
        display: block; }
    body.act-mob-nav,
    #navigation.act-mob-nav {
      overflow: hidden; } }
    @media (max-width: 991px) and (max-width: 991px) {
      body.act-mob-nav #navigation,
      #navigation.act-mob-nav #navigation {
        left: -250px; } }

@media (max-width: 991px) {
      body.act-mob-nav .mob-nav-overlay,
      #navigation.act-mob-nav .mob-nav-overlay {
        -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
        -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
        transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
        opacity: 0.75;
        visibility: visible; } }

.mob-nav-overlay {
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s;
  -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s;
  transition: opacity 0.3s ease-in-out, visibility 0.3s linear 0.3s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  background: #333;
  left: 0;
  bottom: 0;
  z-index: 999; }

@media (min-width: 992px) {
  #navigation .search-mobile {
    display: none; } }

@media (max-width: 991px) {
  #navigation .search-mobile {
    display: block; } }

#navigation .search-mobile input.search-box-text, #navigation .search-mobile input.search-box-text[type="text"] {
  border: none;
  background: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 25px 15px 22px;
  margin: 0;
  background-color: #222222;
  color: #cccccc; }
  #navigation .search-mobile input.search-box-text:focus, #navigation .search-mobile input.search-box-text[type="text"]:focus {
    box-shadow: none; }

@media (min-width: 992px) {
  #navigation .search-box {
    margin: 10px 20px 0;
    width: 185px;
    display: block; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #navigation .search-box {
    margin: 10px 20px 0;
    width: 170px;
    display: block; } }

@media (max-width: 991px) {
  #navigation .search-box {
    display: none; } }

#navigation .search-box form {
  overflow: visible; }
  #navigation .search-box form input.search-box-text, #navigation .search-box form input.search-box-text[type="text"] {
    background: none;
    padding: 9px 15px 5px 15px;
    border: solid 1px #666666;
    font-size: 14px;
    color: #999999;
    margin-bottom: 0;
    width: 150px;
    right: 0;
    position: absolute;
    margin-top: -3px;
    transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out; }
    #navigation .search-box form input.search-box-text:focus, #navigation .search-box form input.search-box-text[type="text"]:focus {
      box-shadow: none;
      width: 200px; }

#navigation .search-box-button {
  color: #666666;
  position: absolute;
  right: 15px;
  top: 7px; }
  @media (max-width: 991px) {
    #navigation .search-box-button {
      padding: 0;
      font-weight: normal;
      margin: 0;
      display: block;
      width: auto;
      top: 23px;
      right: 20px; } }
  #navigation .search-box-button:hover {
    padding: 0; }

#navigation .top-menu .sublist.active {
  display: none; }
  @media (min-width: 992px) {
    #navigation .top-menu .sublist.active {
      display: block; } }

/* ----  additional NOP styles added subsequently ----*/
@media (min-width: 992px) {
  #navigation .subnav .top-menu .sublist {
    display: block;
    width: 250px;
    position: absolute;
    text-align: left;
    border: solid 1px #dddddd;
    left: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 0;
    background: white;
    top: 97%;
    box-shadow: 0 3px 6px -2px #cccccc;
    border-top: none;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-in-out;
    transition: visibility 0s 0.3s, opacity 0.3s ease-in-out; }
  #navigation .subnav .top-menu .sublist.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s 0s, opacity 0.3s ease-in-out;
    -moz-transition: visibility 0s 0s, opacity 0.3s ease-in-out;
    transition: visibility 0s 0s, opacity 0.3s ease-in-out; }
  #navigation .subnav .top-menu .sublist li {
    width: 100%; }
  #navigation .subnav .top-menu .sublist li a {
    width: 100%;
    cursor: pointer;
    padding: 12px 15px 12px 15px; }
  #navigation .subnav .top-menu .sublist li a:hover {
    background: #eff3f5; }
  #navigation .subnav.store-sub li a {
    padding: 15px 15px 11px 15px; }
  /*#navigation .subnav .top-menu {
    margin-left: -15px;
}*/
  #navigation .subnav .sub-actions {
    margin-right: -20px; }
  #navigation .subnav .header-links a {
    padding: 0;
    font-size: 12px;
    color: #555555; } }

@media (max-width: 991px) {
  .mobile-btn,
  p .mobile-btn {
    padding: 14px 18px 10px;
    border: solid 2px;
    font-size: 14px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    display: inline-block;
    line-height: 100%;
    background: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .mobile-btn.btn-full-width,
  p .mobile-btn.btn-full-width {
    width: 94%; }
  .hb-small .mobile-btn.btn-full-width,
  .hb-small p .mobile-btn.btn-full-width {
    width: 90%; }
  .mobile-btn.blue {
    color: #2daae1;
    border-color: #2daae1; }
  .mobile-btn.blue:hover {
    background: #2daae1;
    color: #ffffff; }
  /*navigtion*/
  #mobile-nav-button,
  #contact-nav-button,
  #cart-nav-button {
    display: inline-block;
    float: right;
    margin-left: 0;
    color: #cccccc;
    position: relative;
    z-index: 999; }
    #mobile-nav-button a,
    #contact-nav-button a,
    #cart-nav-button a {
      padding: 15px 12px 4px 12px;
      display: inline-block;
      color: #d5d5d5;
      font-size: 20px;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      overflow: hidden;
      height: 50px;
      position: relative;
      width: 46px;
      -webkit-transition: all 0.16s ease-in-out;
      -moz-transition: all 0.16s ease-in-out;
      transition: all 0.16s ease-in-out; }
      #mobile-nav-button a #cart-nav-button-badge,
      #contact-nav-button a #cart-nav-button-badge,
      #cart-nav-button a #cart-nav-button-badge {
        position: absolute;
        background: #2daae1;
        color: #ffffff;
        font-size: 8px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        padding: 6px 0;
        height: 16px;
        width: 16px;
        top: 9px;
        right: 2px;
        line-height: 100%;
        text-align: center;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      #mobile-nav-button a #cart-nav-button-badge.empty,
      #contact-nav-button a #cart-nav-button-badge.empty,
      #cart-nav-button a #cart-nav-button-badge.empty {
        display: none; }
  #navigation .subnav .sub-actions li {
    white-space: nowrap; }
  #mobile-nav-button a .nav-btn-icons i.fa {
    margin: 10px 0; }
  #mobile-nav-button a .nav-btn-icons {
    position: absolute;
    top: 7px;
    left: 12px;
    display: block;
    width: 24px;
    transition: all 0.16s ease-in-out;
    -moz-transition: all 0.16s ease-in-out;
    -webkit-transition: all 0.16s ease-in-out; }
  #mobile-nav-button.active a .nav-btn-icons {
    top: -33px; } }

@media (min-width: 992px) {
  #mobile-nav-button,
  #contact-nav-button,
  #cart-nav-button {
    display: none; }
  #navigation ul .subnav li:hover .subnav {
    display: block; } }

@media (max-width: 991px) {
  #navigation #topcartlink {
    display: none; } }

#navigation #topcartlink a {
  padding: 18px 15px 10px 15px;
  font-size: 14px; }

#navigation #topcartlink span {
  color: #555555;
  font-size: 14px;
  font-weight: normal;
  padding: 0 0 0 5px; }
  #navigation #topcartlink span.hover {
    background: none; }

#navigation #topcartlink.active {
  background: none; }
  #navigation #topcartlink.active span:hover {
    background: none; }

/*#region MINI-SHOPPING CART */
#navigation .flyout-cart {
  display: none;
  position: absolute;
  float: left;
  top: 63px;
  right: 10px;
  width: 400px;
  min-height: 50px;
  z-index: 99999;
  box-shadow: 0 3px 6px -2px #cccccc; }
  #navigation .flyout-cart::before {
    content: "";
    width: 11px;
    height: 6px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNDM0E0RTgzRjRCQTExRTNCRDNGODc3QkZDQUY0MDAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNDM0E0RTg0RjRCQTExRTNCRDNGODc3QkZDQUY0MDAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0MzQTRFODFGNEJBMTFFM0JEM0Y4NzdCRkNBRjQwMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0MzQTRFODJGNEJBMTFFM0JEM0Y4NzdCRkNBRjQwMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7q2EelAAAAd0lEQVR42mL8//8/AwycPXvWD0itA2ImIA40NjbeyIAEmJAUmgOp5VJSUsxAzAhkL4OKoSoGCqoAqc1ARVySkpIMIAxig8SgchDFQI4okN4OlBQFKYIBqAawHFQN2GSQiSrICtE0qEBt4GIAerDxP2EAUsMAEGAADoNN3luDEIwAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    position: absolute;
    top: -4px;
    right: 20%; }
  #navigation .flyout-cart .mini-shopping-cart {
    padding: 0;
    margin: 0;
    border: 1px solid #dddddd;
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 14px;
    text-align: left;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px; }
    #navigation .flyout-cart .mini-shopping-cart a {
      font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
      text-decoration: none;
      color: #333333;
      border-bottom: none;
      margin: 0;
      padding: 0; }
      #navigation .flyout-cart .mini-shopping-cart a:hover {
        text-decoration: none;
        color: #2daae1;
        border-bottom: none;
        margin: 0;
        padding: 0; }
    #navigation .flyout-cart .mini-shopping-cart .count {
      margin: 10px 0 10px 10px; }
    #navigation .flyout-cart .mini-shopping-cart .item {
      overflow: hidden;
      clear: both;
      border-bottom: 1px solid #EEEEEE;
      padding: 10px 5px;
      transition: background 0.3s ease-in-out;
      -moz-transition: background 0.3s ease-in-out;
      -webkit-transition: background 0.3s ease-in-out; }
      #navigation .flyout-cart .mini-shopping-cart .item .picture {
        float: left;
        width: 90px;
        text-align: center; }
      #navigation .flyout-cart .mini-shopping-cart .item .product {
        float: left;
        width: 200px;
        margin: 10px 0; }
        #navigation .flyout-cart .mini-shopping-cart .item .product .name {
          line-height: 100%; }
      #navigation .flyout-cart .mini-shopping-cart .item .attributes {
        font-size: 14px;
        margin: 0; }
      #navigation .flyout-cart .mini-shopping-cart .item .price {
        font-size: 13px;
        color: #999999;
        line-height: 100%;
        margin: 3px 0 0 0;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif; }
      #navigation .flyout-cart .mini-shopping-cart .item .quantity {
        font-size: 14px;
        margin: 14px;
        line-height: 100%;
        color: #999999; }
    #navigation .flyout-cart .mini-shopping-cart .totals {
      display: none; }
    #navigation .flyout-cart .mini-shopping-cart .buttons {
      padding: 20px; }
      #navigation .flyout-cart .mini-shopping-cart .buttons .button {
        width: 100%; }

.bottom-nav {
  position: fixed;
  left: 0;
  width: 100%;
  border-top: solid 1px #000000;
  background: rgba(51, 51, 51, 0.85);
  z-index: 3;
  padding: 20px 0;
  font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
  bottom: -85px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }
  .bottom-nav h3 {
    padding: 0;
    line-height: 100%;
    margin: 14px 0 0 0;
    color: #ffffff;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif; }
  .bottom-nav .price-finance-link {
    margin: 13px 20px 0 0; }
    .bottom-nav .price-finance-link a {
      color: #cccccc; }
  .bottom-nav.affix-top, .bottom-nav.affix-bottom {
    bottom: -85px; }
  .bottom-nav.affix {
    bottom: -1px;
    top: auto !important; }
  @media (max-width: 767px) {
    .bottom-nav .right.right-change-full-mobile {
      float: none; } }

.river .foot-nav.copyright {
  margin-bottom: 82px; }
  @media (max-width: 767px) {
    .river .foot-nav.copyright {
      margin-bottom: 80px; } }

@media (max-width: 767px) {
  .river.double .foot-nav.copyright {
    margin-bottom: 130px; }
  .river.double .bottom-nav,
  .river.double .bottom-nav.affix-top,
  .river.double .bottom-nav.affix-bottom {
    bottom: -130px; }
  .river.double .bottom-nav.affix {
    bottom: -1px;
    top: auto !important; } }

/*#endregion*/
@-webkit-keyframes spin-active {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(180deg); } }

@keyframes spin-active {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(180deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(180deg); }
  to {
    -webkit-transform: rotate(0deg); } }

@keyframes spin {
  from {
    transform: rotate(180deg); }
  to {
    transform: rotate(0deg); } }

.footer-feature.light-mesh {
  border-top: solid 1px #DDDDDD;
  background: url(/assets/images/lghtmesh.png);
  width: 100%; }

.footer-feature h3 {
  padding: 8px 0 3px 0; }

.footer-feature .first {
  padding: 30px 40px 30px 0;
  border-right: solid 1px #dddddd; }
  @media (max-width: 767px) {
    .footer-feature .first {
      border: none;
      padding: 30px 0; } }

.footer-feature .last {
  padding: 30px 0 30px 20px; }
  @media (max-width: 767px) {
    .footer-feature .last {
      padding: 30px 0;
      border-right: none;
      border-top: solid 1px #dddddd; } }

/* ---- footer ---- */
.foot-nav {
  background: #292929; }
  .foot-nav ul {
    padding: 0;
    margin: 0; }
    .foot-nav ul li a {
      font-size: 12px; }

#footer {
  background: #333333;
  padding: 50px 0; }
  #footer h4 {
    color: #ffffff;
    font-family: "proxima_novaregular", Helvetica, Arial, sans-serif; }
  #footer ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 5px 0 10px 0; }
    #footer ul li {
      padding: 0;
      margin-bottom: 10px; }
      #footer ul li a:hover {
        text-decoration: underline; }
  #footer ul li,
  #footer p,
  #footer ul li a {
    color: #A0A0A0;
    font-size: 12px;
    line-height: 130%; }
  #footer .quick-contact ul li {
    margin-bottom: 15px; }
    #footer .quick-contact ul li a {
      line-height: 170%; }
  #footer .footer-social {
    margin-top: 20px; }
    #footer .footer-social a {
      color: #999999; }
      #footer .footer-social a:hover {
        color: #2daae1; }
  @media (min-width: 768px) and (max-width: 991px) {
    #footer .foot-con {
      min-height: 250px;
      margin-bottom: 0; } }
  @media (max-width: 767px) {
    #footer .foot-con {
      margin-bottom: 25px; } }
  #footer .aprLogo {
    display: none; }
    @media (max-width: 767px) {
      #footer .aprLogo {
        display: block; } }

.footer form input[type="text"],
.footer form input[type="email"],
.ie8 .select select,
.ie9 .select select,
.notie .select select {
  background: #555555;
  border: solid 1px #555555;
  color: #A0A0A0;
  font-size: 12px;
  margin-bottom: 10px; }

#copyright p,
#copyright a {
  font-size: 12px;
  color: #999;
  margin: 12px 0 7px; }

#contact-us .location-search-container form input[type="text"],
#contact-us .location-search-container form input[type="email"],
#contact-us .location-search-container .ie8 .select select,
#contact-us .location-search-container .ie9 .select select {
  background: #eee;
  border: solid 1px #ddd;
  margin-bottom: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  padding: 12px 15px 8px;
  width: 100%;
  color: #666; }

@media (max-width: 991px) {
  #contact-us .location-search-container .button {
    float: left; } }

.footer-trustpilot {
  border: solid 1px;
  padding: 30px 15px 15px;
  margin-top: -120px;
  height: 80px;
  overflow: hidden;
  max-width: 300px; }
  @media (max-width: 991px) {
    .footer-trustpilot {
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

#ipod .main h2 {
    font-size: 40px;
    color: #333333;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 126%;
}

#ipod .main p {
    font-size: 18px;
    padding: 0;
}

#ipod .main ul li {
    font-size: 16px;
    margin-bottom: 5px;
}

#ipod .acc-color {
    margin: 6px 10px 6px 0;
}

    #ipod .acc-color span {
        display: inline-block;
        margin: 0 2px;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    #ipod .priceWrap p {
        margin-right:10px;
        margin-bottom:15px;
    }

    #ipod .centre-mobile {
        text-align:left;
    }

/* mobile */
@media(max-width:767px) {
    /* body, .main{background:red;}*/
    #ipod .main p {
        font-size: 16px;
        padding: 0;
    }

    #ipod .main h2 {
        font-size: 30px;
        color: black;
        margin-top: 0;
        margin-bottom: 10px;
    }
    #ipod .priceWrap p {
        margin-right:10px;
        margin-bottom:0;
    }
    #ipod .centre-mobile {
        text-align:center;
    }
    #ipod .centre-mobile .left {
        float:none;
    }
}
/* tablet */
@media(min-width:768px) {
    /*body, .main{background:blue;}*/
    #ipod .main h2 {
        font-size: 30px;
        color: black;
        margin-top: 0;
        margin-bottom: 20px;
    }
    #ipod .centre-mobile {
        text-align:left;
    }
}
/* medium */
@media(min-width:992px) {
    /*body, .main{background:yellow;}*/

    #ipod .main h2 {
        font-size: 40px;
        color: #333333;
        margin-top: 0;
        margin-bottom: 30px;
        line-height: 126%;
    }
}

@media(min-width:1200px) {
    /*body, .main{background:green;}*/

}

p.superscript {
    font-size: 12px !important;
}



/*Disney Inifity 3.0 Landing Page*/
#disney .bb8 {
    padding: 70px 0px;
}

    #disney .bb8 h1 {
        color: white;
        font-family: 'proxima_novathin',Helvetica, Arial, sans-serif;
        font-size: 33px;
        line-height: 41px;
        margin-bottom: 20px;
        letter-spacing: .01em;
    }

    #disney .bb8 p {
        color: white;
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }

#disney .disney-fade {
    position: relative;
    background-color: #f47727;
    background: #ee3a50;
    background: -moz-linear-gradient(#ee3a50 0%, #f47727 100%);
    background: -webkit-linear-gradient(#ee3a50 0%, #f47727 100%);
    background: -o-linear-gradient(#ee3a50 0%, #f47727 100%);
    background: -ms-linear-gradient(#ee3a50 0%, #f47727 100%);
    background: linear-gradient(#ee3a50 0%, #f47727 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3a50', endColorstr='#f47727')";
    padding-top: 100px;
    padding-bottom: 100px;
}

    #disney .disney-fade h1 {
        color: white;
        font-family: 'proxima_novathin',Helvetica, Arial, sans-serif;
        font-size: 33px;
        line-height: 41px;
        margin-bottom: 20px;
        letter-spacing: .01em;
    }

    #disney .disney-fade p {
        color: white;
        font-size: 18px;
        line-height: 24px;
    }

    #disney .disney-fade img {
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

        #disney .disney-fade img:hover {
            -webkit-transform: scale3d(0.97, 0.97, 1);
            transform: scale3d(0.97, 0.97, 1);
        }

#disney .figure-title span {
    font-size: 26px;
    text-align: center;
    font-family: 'proxima_novathin',Helvetica, Arial, sans-serif;
}

#disney .figure-title {
    background-color: #f47727;
    background: #ee3a50;
    background: -moz-linear-gradient(#ee3a50 0%, #f47727 100%);
    background: -webkit-linear-gradient(#ee3a50 0%, #f47727 100%);
    background: -o-linear-gradient(#ee3a50 0%, #f47727 100%);
    background: -ms-linear-gradient(#ee3a50 0%, #f47727 100%);
    background: linear-gradient(#ee3a50 0%, #f47727 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3a50', endColorstr='#f47727')";
    padding: 10px 0px 0px 0px;
    color: white;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    text-align: center;
    margin-bottom: 11px;
    z-index: 10;
}

#disney .heading-divider hr {
    border-top: 1px solid #ee3a50;
    padding-bottom: 30px;
}

#disney .figure {
    text-align: center;
}

#disney .figure-container {
    padding-top: 70px;
    padding-bottom: 100px;
}

#disney .apple-products {
    padding-top: 70px;
    /* padding-bottom: 100px; */
}

    #disney .apple-products p {
        font-size: 18px;
        line-height: 24px;
    }

#disney .hdmi p {
    font-size: 18px;
    line-height: 24px;
}

#disney .bb8 p {
    font-size: 18px;
    line-height: 24px;
}

#disney .apple-products hr {
    border-top: 1px solid #333333;
    margin-bottom: -30px;
}

#disney .river-block {
    padding: 80px 0;
    position: relative;
}

#disney .apple-products h1,
#disney .apple-products h2 {
    color: #333333;
    font-family: 'proxima_novathin',Helvetica, Arial, sans-serif;
    font-size: 31px;
    line-height: 41px;
    margin-bottom: 20px;
    letter-spacing: .01em;
    text-align: center;
}

#disney .apple-products h2 {
    text-align: left !important;
    margin-top: 45px;
}

#disney .apple-tv {
    bottom: -100px;
    position: relative;
}

#disney .hdmi-img {
    margin-right: -70px;
}

#disney .hdmi-cable {
    max-height: 150px;
    padding-left: 30px;
    margin-top: -180px;
    /* padding-bottom: 200px; */
}

#disney .hdmi-fluid {
    overflow-x: hidden;
    padding-bottom: 100px;
    padding-top: 150px;
}

#disney .figure-container h1 {
    color: #ee3a50;
    font-family: 'proxima_novathin',Helvetica, Arial, sans-serif;
    font-size: 33px;
    line-height: 41px;
    margin-bottom: 20px;
    letter-spacing: .01em;
    text-align: center;
}

#disney .intro-text {
    background-color: #f6f6f6;
    /* height: 600px; */
}

#disney .disney-btn {
    color: #ee3a50 !important;
    background-color: white !important;
    border: none !important;
    min-width: 130px;
    text-align: center;
}

    #disney .disney-btn:hover {
        background-color: #ee3a50 !important;
        color: white !important;
        border: none !important;
    }

#disney .disney-fig-btn {
    color: #ee3a50 !important;
    background-color: white !important;
    border: #ee3a50 1px solid !important;
    min-width: 130px;
    text-align: center;
    margin-bottom: 20px;
    z-index: 10;
}

    #disney .disney-fig-btn:hover {
        background-color: #ee3a50 !important;
        color: white !important;
    }

#disney .intro-text p {
    padding: 125px 0px 70px 0px;
    color: #333333;
    font-size: 23px;
    text-align: center;
}

#disney .dis-header {
    background-image: url(/assets/images/disney/Disney_infi_header_Bg.jpg);
    background-position: top;
    min-height: 260px;
    margin-top: 150px;
    background-position-y: -80px;
    background-repeat: repeat-x;
}

#disney .disney-logo {
    position: relative;
    bottom: -62px;
}

#disney .parallax-feature {
    height: 250px;
    background-position-y: -60% !important;
}

@media (max-width:660px) {
}

@media (max-width:767px) {
    #disney .intro-text p {
        padding-top: 80px;
    }
}

@media (max-width:991px) {
    #disney .dis-header {
        margin-top: 60px;
    }

    #disney .disney-logo {
        bottom: -74px;
    }

    #disney .disney-fade {
        text-align: center;
    }

        #disney .disney-fade img {
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    #disney .river-block {
        text-align: center;
        padding: 40px 0px 10px 0px;
    }

    #disney .bb8 {
        text-align: center;
    }

        #disney .bb8 p {
            text-align: center;
        }

        #disney .bb8 img {
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    #disney .apple-tv {
        position: static;
        margin-top: 80px;
        margin-bottom: 60px;
        text-align: center;
    }

    #disney .apple-products h2 {
        text-align: center !important;
        margin-top: 50px;
    }

    #disney .apple-products img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #disney .hdmi-fluid {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #disney .hdmi-cable {
        margin-top: 70px;
        margin-bottom: 70px;
    }
}


/*Valentines Landing Page*/



#valentines .val-header-row {
    top: 200px;
}

#valentines .top-header {
    background-color: #a31d21;
    height: 555px;
    color: white;
}

#valentines .macbook-gold {
    z-index: 50;
    position: relative;
    max-width: 221px;
    margin-top: 9px;
    right: 38px;
}

#valentines .val-iphone {
    z-index: 50;
    position: relative;
    left: -31px;
    margin-top: 17px;
    max-width: 154px;
}

#valentines .val-watch {
    z-index: 50;
    position: relative;
    max-width: 182px;
    margin-top: 31px;
}

#valentines .val-ipad {
    z-index: 50;
    position: relative;
    max-width: 199px;
    margin-top: 22px;
}

#valentines .val-head-title {
    color: white;
    position: relative;
    margin-top: 236px;
}

    #valentines .val-head-title h1 {
        color: white;
        font-family: 'proxima_novathin', Helvetica, Arial, sans-serif;
        line-height: 70px;
        letter-spacing: -0.024em;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -moz-font-feature-settings: 'liga', 'kern';
        font-size: 68px;
    }

#valentines .feat-info-wrap {
    min-height: 129px;
}

#valentines .val-banner {
    margin-top: 129px;
    /* right: 6px; */
    z-index: 21;
    /* position: absolute; */
    width: 550px;
}

#valentines .pro-img {
    border: thin rgba(6, 6, 8, 0.05) inset;
}

#valentines .feat-val-box {
    background-color: #a31d21 !important;
}

    #valentines .feat-val-box h3 {
        color: white !important;
    }

    #valentines .feat-val-box p {
        color: white !important;
    }

    #valentines .feat-val-box span {
        color: #ffffff !important;
    }

#valentines .val-info-box {
    background-color: #ededed;
    padding: 10px;
    margin-bottom: 30px;
}

    #valentines .val-info-box h3 {
        margin-bottom: 0px;
        font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
        margin-top: -2px;
    }

    #valentines .val-info-box p {
        margin-bottom: 10px;
        color: black;
        font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;
        min-height: 72px;
        line-height: 18px;
    }

    #valentines .val-info-box span {
        margin-bottom: 10px;
        color: #a31d21;
        font-weight: 700;
    }

#valentines .val-footer {
    background-color: #a31d21;
    color: white;
    padding: 0 0 38px 0px;
}

#valentines .products-container {
    padding-top: 110px;
    padding-bottom: 70px;
}

#valentines .val-footer h3 {
    text-align: center;
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
    line-height: 33px;
    letter-spacing: -0.024em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
    color: white;
    margin: 60px 0 0px 0;
}

#valentines .pointer {
    position: relative;
    max-width: 100px;
}

#valentines .three-year-img {
    /* max-width: 100px; */
}

#valentines .val-intro {
    padding: 120px 0 50px 0;
}

#valentines .pointer-svg {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

#valentines .val-intro p {
    color: black;
    text-align: center;
    font-size: 18px;
}

#valentines .val-intro h1 {
    text-align: center;
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
    line-height: 58px;
    letter-spacing: -0.024em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}

#valentines .feature-products {
    background-color: #FAFAFA;
    margin-top: 70px;
    margin-bottom: 70px;
}

#valentines .para-heart {
    margin-top: -10px;
    z-index: 100;
    position: relative;
}

#valentines .footer-heart {
    margin-bottom: -14px;
    z-index: 100;
    position: relative;
}

#valentines .footer-heart-img {
    width: 25px;
}

#valentines .three-year {
    background-color: #333333;
    padding: 30px 0 30px 0;
}

    #valentines .three-year p {
        color: white;
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 4px;
    }

    #valentines .three-year h4 {
        color: white;
        margin-top: 0px;
    }

    #valentines .three-year a {
        color: white;
    }

        #valentines .three-year a:hover {
            color: grey;
        }

#valentines .val-para {
    height: 350px;
    z-index: 10;
    margin: 0px 0 40px 0;
}

#valentines .red-feat-btn,
#valentines .pink-feat-btn {
    color: #a31d21 !important;
    margin-top: 28px;
    margin-bottom: 9px;
}

#valentines .pink-feat-btn {
    color: #cf7777 !important;
}

#valentines .feat-btn {
    color: white !important;
    border-color: white;
    margin-top: 28px;
    margin-bottom: 9px;
}

    #valentines .feat-btn:hover {
        color: #a31d21 !important;
        border-color: white;
        background: white !important;
    }

#valentines .red-feat-btn:hover {
    color: white !important;
    border-color: #a31d21;
    background: #a31d21 !important;
}

#valentines .pink-feat-btn:hover {
    color: white !important;
    border-color: #cf7777;
    background: #cf7777 !important;
}

#valentines .red-val-btn {
    margin-top: 28px;
    margin-bottom: 9px;
    color: white !important;
    border-color: #a31d21;
    background: #a31d21 !important;
}

    #valentines .red-val-btn:hover {
        background-color: #FAFAFA !important;
        color: #a31d21 !important;
    }

#valentines .feat-left {
    text-align: left !important;
}

#valentines .feat-right {
    text-align: right !important;
}

#valentines .xs-feat {
    background-color: #FAFAFA;
    padding: 20px 20px 20px 20px;
    margin: 30px 0 30px 0;
}

#valentines .red-feat-pro {
    background-color: #a31d21;
    color: white;
    padding: 33px 30px 29px 30px;
    z-index: 20;
}

#valentines .feat-pro {
    padding: 33px 30px 20px 30px;
}

#valentines .red-feat-pro span {
    font-size: 16px;
}

#valentines .red-feat-pro h3 {
    color: white;
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
    line-height: 23px;
    font-size: 19px;
    letter-spacing: 0.014em;
    margin-bottom: 10px;
    margin-top: 0px;
}

#valentines .feat-pro span {
    font-size: 16px;
}

#valentines .feat-pro h3 {
    color: black;
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
    line-height: 23px;
    font-size: 19px;
    letter-spacing: 0.014em;
    margin-bottom: 10px;
    margin-top: 0px;
}

#valentines .val-heart {
    max-width: 25px;
    border: 4px solid white;
}

#valentines .val-hr {
    text-align: center;
    color: #a31d21 !important;
}

    #valentines .val-hr hr {
        border-top: 1px solid #a31d21 !important;
    }

    #valentines .val-hr img {
        position: relative;
        top: -32px;
    }

@media(max-width:1199px) {
    #valentines .val-info-box p {
        min-height: 50px;
    }

    #valentines .val-head-title {
        margin-top: 200px;
    }

    #valentines .feat-info-wrap {
        min-height: 149px;
    }

    #valentines .macbook-gold {
        z-index: 50;
        position: relative;
        min-width: 221px;
        margin-top: 9px;
        right: 73px;
    }

    #valentines .val-iphone {
        z-index: 50;
        position: relative;
        left: -31px;
        margin-top: 17px;
    }

    #valentines .val-watch {
        z-index: 50;
        position: relative;
        min-width: 182px;
        margin-top: 31px;
        right: 30px;
    }

    #valentines .val-ipad {
        z-index: 50;
        position: relative;
        min-width: 199px;
        margin-top: 22px;
        left: -16px;
    }
}

@media(max-width:991px) {

    #valentines .val-top-header {
        padding-top: 0;
        margin-top: 0px;
    }

    #valentines .feat-info-wrap {
        min-height: 173px;
    }

    #valentines .macbook-gold {
        right: 140px;
        margin-top: 19px;
        max-width: 249px;
    }

    #valentines .val-iphone {
        left: -31px;
        margin-top: 22px;
        min-width: 177px;
    }

    #valentines .val-watch {
        margin-top: 61px;
        left: -72px;
        width: 200px;
    }

    #valentines .val-ipad {
        left: -18px;
        margin-top: 40px;
        width: 213px !important;
    }

    #valentines .val-head-title {
        margin-top: 116px;
    }

        #valentines .val-head-title h1 {
            text-align: center;
        }

    #valentines .val-banner {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        width: 439px;
        display: block;
    }

    #valentines .top-header {
        height: 641px;
    }

    #valentines .val-info-box {
        padding: 30px;
    }
}

@media(max-width:767px) {

    #valentines .val-top-header {
        padding-top: 0;
        margin-top: -40px;
    }

    #valentines .val-banner {
        top: -10px;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    #valentines .val-intro h1 {
        line-height: 41px;
    }

    val-head-title {
        top: 100px;
    }

    #valentines .three-year h4 {
        margin-top: 20px;
    }
}

@media(max-width:584px) {
    #valentines .val-head-title h1 {
        font-size: 50px;
        line-height: 60px;
    }
}


@media(max-width:450px) {

      #valentines .val-top-header {
        padding-top: 0;
        margin-top: 50px;
    }

    #valentines .val-head-title h1 {
        font-size: 40px;
        line-height: 50px;
    }

    #valentines .val-banner {
        top: 10px;
        width: 298px;
    }

    #valentines .top-header {
        height: 580px;
    }

    #valentines .val-intro {
        padding: 20px 0 50px 0;
    }
}

@media(max-width:767px) {
    #valentines .text-xs-center {
        text-align:center !important;
    }
     #valentines .text-xs-center img.img-responsive {
        margin-left:auto;
        margin-right:auto;
    }
    
}

/* -------Sonons Landing Page--------*/

#sonos-landing .lowerWrap {
    overflow: initial;
}

#sonos-landing .main.sonos-menubar {
    padding: 30px 0;
    overflow: visible;
}

#sonos-landing .main {
    overflow: hidden;
}

#sonos-banner {
    background: #000000;
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pattern.jpg);
    background-repeat: no-repeat;
}

#sonos-promo-banner {
    background: #000000;
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-promo-banner.jpg);
    background-repeat: no-repeat;
}

    #sonos-promo-banner .title-container {
        margin-top: 160px;
    }

#sonos-banner .title-container {
    margin-top: 110px;
}

    #sonos-banner .title-container h1 {
        font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
        font-size: 26px;
        color: #cccccc;
        margin: 20px 0;
    }

    #sonos-banner .title-container h3 {
        font-family: "proxima_novalight", Helvetica, Arial, sans-serif;
        font-size: 18px;
        color: #cccccc;
        text-transform: uppercase;
    }

#sonos-landing .main.sonos-menubar .button {
    margin: 0 5px 10px 0;
}

.button.sonos-purple {
    color: #b0008e;
    border-color: #b0008e;
}

    .button.sonos-purple:hover {
        color: #ffffff;
        background: #b0008e;
    }

.button.sonos-green {
    color: #a6be33;
    border-color: #a6be33;
}

    .button.sonos-green:hover {
        color: #ffffff;
        background: #a6be33;
    }

.button.sonos-yellow {
    color: #efb22d;
    border-color: #efb22d;
}

    .button.sonos-yellow:hover {
        color: #ffffff;
        background: #efb22d;
    }

.button.sonos-blue {
    color: #00adc6;
    border-color: #00adc6;
}

    .button.sonos-blue:hover {
        color: #ffffff;
        background: #00adc6;
    }

.button.sonos-black {
    color: #000000;
    border-color: #000000;
}

    .button.sonos-black:hover {
        color: #ffffff;
        background: #000000;
    }

#sonos-family-img {
    position: absolute;
    width: 100%;
    bottom: -141px;
    z-index: 999;
}

.sonos-deezer-container img {
    margin-top: 90px;
    margin-bottom: 40px;
}

.sonos-deezer-container p {
    color: #eeeeee;
    font-size: 16px;
}

#sonos-landing .main h2 {
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#sonos-landing .main p {
    font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #999999;
}

#play-1 h2,
#play-1 h4 {
    color: #b0008e;
}

#play-1-promo h2,
#play-1-promo h4 {
    color: #a6be33;
}

#play-3 h2,
#play-3 h4 {
    color: #efb22d;
}

#play-5 h2,
#play-5 h4 {
    color: #00adc6;
}

#bridge h2,
#bridge h4 {
    color: #000000;
}

.sonos-feature-text {
    margin: 80px 0;
}

.sonos-foot-bar {
    padding: 30px;
    background: #000000;
}

.sonos-foot-text {
    padding: 0 0 0 30px;
}

    .sonos-foot-text p {
        color: #ffffff;
    }

.parallax-feature.pa-sonos-one,
.parallax-feature.pa-sonos-two,
.parallax-feature.pa-promo-sonos-one {
    box-shadow: inset 0 0 7px -2px #333333;
}

.parallax-feature.pa-sonos-one {
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-feature-one.jpg);
}

.parallax-feature.pa-sonos-two {
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-feature-two.jpg);
}

.parallax-feature.pa-sonos-three {
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-feature-three.jpg);
}

.parallax-feature.pa-promo-sonos-one {
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pa-promo.jpg);
}

.sonos-promo-list {
    list-style: none;
    padding: 20px 0;
    margin: 0;
}

    .sonos-promo-list li {
        margin-bottom: 15px;
    }

.sonos-purple-colour-block {
    height: 350px;
    width: 120%;
    background: #b0008e;
    position: absolute;
    z-index: 1;
    bottom: -300px;
    -ms-transform: rotate(-7deg);
    /* IE 9 */
    -webkit-transform: rotate(-7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

.sonos-purple-colour-block-top {
    height: 500px;
    width: 125%;
    background: #00728d;
    position: absolute;
    top: -417px;
    -ms-transform: rotate(-15.5deg);
    /* IE 9 */
    -webkit-transform: rotate(-15.5deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-15.5deg);
    z-index: 1;
    left: -50%;
}

.sonos-yellow-colour-block-top {
    height: 500px;
    width: 125%;
    background: #efb22d;
    position: absolute;
    top: -417px;
    -ms-transform: rotate(-8.5deg);
    /* IE 9 */
    -webkit-transform: rotate(-8.5deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-8.5deg);
    z-index: 1;
    left: -10%;
}

.sonos-yellow-block-bottom {
    height: 150px;
    width: 100%;
    background: #efb22d;
    position: absolute;
    bottom: -100px;
    -ms-transform: rotate(-15deg);
    /* IE 9 */
    -webkit-transform: rotate(-15deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
    z-index: 1;
    right: -35%;
}

.sonos-blue-colour-block-top {
    height: 500px;
    width: 155%;
    background: #00adc6;
    position: absolute;
    top: -417px;
    -ms-transform: rotate(-10deg);
    /* IE 9 */
    -webkit-transform: rotate(-10deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
    z-index: 1;
    left: -60%;
}

.sonos-blue-block-bottom {
    height: 220px;
    width: 150%;
    background: #00adc6;
    position: absolute;
    bottom: -192px;
    -ms-transform: rotate(8deg);
    /* IE 9 */
    -webkit-transform: rotate(8deg);
    /* Chrome, Safari, Opera */
    transform: rotate(8deg);
    z-index: 1;
    left: -35%;
}

.sonos-purple-opactiy-block,
.sonos-yellow-opactiy-block,
.sonos-blue-opactiy-block,
.sonos-white-opactiy-block-top,
.sonos-white-opactiy-block-bottom {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    /* IE 5-7 */
    filter: alpha(opacity=5);
    /* Netscape */
    -moz-opacity: 0.05;
    /* Safari 1.x */
    -khtml-opacity: 0.05;
    /* Good browsers */
    opacity: 0.05;
}

.sonos-purple-opactiy-block {
    height: 350px;
    width: 120%;
    background: #000000;
    position: absolute;
    bottom: -330px;
    -ms-transform: rotate(7deg);
    /* IE 9 */
    -webkit-transform: rotate(7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    left: -10%;
}

.sonos-yellow-opactiy-block {
    height: 150px;
    width: 120%;
    background: #000000;
    position: absolute;
    top: -130px;
    -ms-transform: rotate(7deg);
    /* IE 9 */
    -webkit-transform: rotate(7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    right: -10%;
}

.sonos-blue-opactiy-block {
    height: 150px;
    width: 120%;
    background: #000000;
    position: absolute;
    top: -130px;
    -ms-transform: rotate(7deg);
    /* IE 9 */
    -webkit-transform: rotate(7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    right: -10%;
}

.sonos-white-opactiy-block-top {
    height: 250px;
    width: 120%;
    background: #000000;
    position: absolute;
    top: -230px;
    -ms-transform: rotate(10deg);
    /* IE 9 */
    -webkit-transform: rotate(10deg);
    /* Chrome, Safari, Opera */
    transform: rotate(10deg);
    right: -30%;
}

.sonos-white-opactiy-block-bottom {
    height: 250px;
    width: 120%;
    background: #000000;
    position: absolute;
    bottom: -230px;
    -ms-transform: rotate(8deg);
    /* IE 9 */
    -webkit-transform: rotate(8deg);
    /* Chrome, Safari, Opera */
    transform: rotate(8deg);
    left: -30%;
}

.ie8 .sonos-purple-colour-block,
.ie8 .sonos-yellow-colour-block-top,
.ie8 .sonos-yellow-block-bottom,
.ie8 .sonos-blue-colour-block-top,
.ie8 .sonos-blue-block-bottom,
.ie8 .sonos-purple-opactiy-block,
.ie8 .sonos-yellow-opactiy-block,
.ie8 .sonos-blue-opactiy-block,
.ie8 .sonos-white-opactiy-block-top,
.ie8 .sonos-white-opactiy-block-bottom {
    width: 100%;
    left: 0;
}

.deezer-terms-wrapper {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 35px 20px;
    background: #f9f9f9;
    border-radius: 4px;
}

.deezer-terms {
    height: 250px;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
}

    .deezer-terms.open {
        height: auto;
    }

.deezer-terms-shadow {
    position: absolute;
    height: 38px;
    width: 100%;
    bottom: 0;
    left: -38px;
    z-index: 1;
    overflow: hidden;
}

    .deezer-terms-shadow span {
        display: block;
        position: absolute;
        left: -10%;
        width: 110%;
        height: 0px;
        box-shadow: 5px 0px 20px 23px #f9f9f9;
        bottom: 0px;
    }

#sonos-terms .terms-scroll-label {
    text-align: center;
    color: #bbbbbb;
    box-shadow: 5px 0px 20px 23px #f9f9f9;
    position: absolute;
    width: 100%;
    bottom: 7px;
    left: 0;
    padding: 0;
    margin: 0;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

    #sonos-terms .terms-scroll-label.open i {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    }

    #sonos-terms .terms-scroll-label:hover {
        color: #000000;
    }

.switching-image-wrapper {
    text-align: center;
}

    .switching-image-wrapper .colour-switcher {
    }

        .switching-image-wrapper .colour-switcher a {
            height: 25px;
            width: 25px;
            margin: 3px;
            display: inline-block;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

            .switching-image-wrapper .colour-switcher a.white {
                background: #ffffff;
                border: solid 1px #cccccc;
            }

            .switching-image-wrapper .colour-switcher a.black {
                background: #222222;
                border: solid 1px #222222;
            }

            .switching-image-wrapper .colour-switcher a.active,
            .switching-image-wrapper .colour-switcher a:hover {
                border: solid 2px #2daae1;
                height: 25px;
                width: 25px;
            }
/* ------- // Sonons Landing Page --------*/


/* -------BEATS --------*/


#beats .beats-active {
    padding-top: 150px;
    height: 575px;
    overflow: hidden;
}

#beats .price {
    font-size: 24px;
    margin-bottom: 30px;
}

#beats .span {
    padding-top: 30px;
}

    #beats .beats-active .beats-hero {
        min-width: 130%;
        margin-top: -160px;
        left: -110px;
        position: absolute;
    }

    #beats .beats-active h3 {
        color: #ffffff !important;
        margin-top: 20px;
    }

    #beats .beats-active h2, #beats .beats-active p {
        color: white !important;
    }

    #beats .beats-active h4 {
        color: #DFE736 !important;
    }

    #beats .beats-active h3 {
        font-size: 65px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        line-height: 120%;
    }

    #beats .beats-active .beats-text {
        margin-top: 50px;
    }

    #beats .beats-active .beats-logo {
        width: 240px;
        margin-bottom: 13px;
        position: relative !important;
        padding-top:30px;
    }

@media (max-width: 1199px) {
    #beats #beats .beats-active {
    }

    #beats .beats-active .beats-text {
        margin-top: 40px;
    }
}


@media (max-width: 991px) {
    #beats .beats-active {
        text-align: left;
    }

        #beats .beats-active .beats-text {
            margin-top: 10px;
        }

        #beats .beats-active .beats-hero {
            min-width: 137%;
            margin-top: -60px;
            left: -40px;
        }

    #beats .beats-active h3 {
        font-size: 50px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        line-height: 120%;
    }
}

@media (max-width: 767px) {
    #beats .beats-active {
        text-align: center;
    }

        #beats .beats-active .beats-text {
            margin-top: -82px;
        }

    #beats .beats-active {
        padding-top: 150px;
        height: 300px;
        overflow: hidden;
    }

    #beats .beats-hero {
        min-width: 100%;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        left: initial;
    }

        #beats .beats-active .beats-logo {
        padding-top:0px;
    }

    #beats .beats-active h3 {
        font-size: 40px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        line-height: 120%;
        margin-top: 0px;
    }
}

@media (max-width: 450px) {
    #beats .beats-active {
        text-align: center;
    }

        #beats .beats-active .beats-text {
            margin-top: -120px;
        }

        #beats .beats-active .beats-hero {
            min-width: 100%;
            margin-top: 0;
            margin-left: auto;
            margin-right: auto;
            left: initial;
        }

        #beats .beats-active h3 {
             font-size: 30px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        line-height: 120%;
        margin-top: 0px;
        }

        #beats .beats-active .beats-logo {
            width: 200px;
            margin-bottom: 13px;
            position: relative !important;
        }
}




#beats-banner {
    background-image: url(/assets/images/accessories/landing-pages/beats/active-header.jpg);
    background-position: center bottom !important;
    height: 500px;
    background-size: cover;
    margin-top: 95px;
}

    #beats-banner .title-container {
        margin-top: 220px;
    }

#beats .main p {
    font-size: 16px;
    color: black !important;
}

#beats .button.beats-red {
    color: #444444;
    border-color: #777777;
    margin-top: 20px;
}

    #beats .button.beats-red:hover {
        background: #777777;
        color: #ffffff;
    }

#beats .button.beats-red-rev {
    background-color: #e41c39;
    color: #ffffff !important;
    margin-top: 20px;
    border-color: #e41c39;
}

    #beats .button.beats-red-rev:hover {
        color: #e41c39 !important;
        border-color: #e41c39;
        background-color: transparent !important;
    }

#beats .banner-foreground {
    top: -480px;
    right: -25px;
    z-index: 21;
    position: absolute;
}

#beats .solo2-wireless {
    background: #f9f9f9;
}

#beats .urbeats {
    padding: 210px 0px 0px 0px;
}

#beats .tourbeats {
    background: #f9f9f9;
    padding: 90px 0px 0px 0px;
}

#beats .ava-colour {
    border-top: #dddddd solid thin;
    border-bottom: #dddddd solid thin;
    margin-bottom: 25px;
}

#beats #beatsSoloWireless {
    background: #f5f5f5;
    width: 130%;
    /** -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); **/
}

    #beats #beatsSoloWireless .container {
        /**-ms-transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg); 
        transform: rotate(-4deg);**/
    }

#beats .typog h3 {
    font-size: 39px;
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    margin-top: 0;
}

#beats .typog h4 {
    margin-top: -8px;
    font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: .001em;
    margin-bottom: 20px;
}

#beats .typog-white h3 {
    color: #333333 !important;
}

#beats .typog-white h4 {
    color: #333333 !important;
}

#beats .main img {
    max-width: 100%;
}

#beats .solo-wireless-img {
    /* margin-left: -70px; */
    margin-top: 12px;
}

#beats .solo-img {
    margin-top: -41px;
}

#beats .powerbeats-img {
    margin-top: -44px;
}

#beats .tour-img {
    margin-top: -41px;
}

#beats .urbeats-img {
    margin-bottom: -10px;
    margin-top: -50px;
}

#beats #urbeats-top-image {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari */
    transform: rotate(90deg);
    /* Standard syntax */
    margin-left: -210px;
}

#beats .solo2-wireless {
    margin-top: 0px;
}

#beats .tourbeats {
    background-color: rgba(0, 0, 0, 0.11);
}

#beats .pill {
    margin-top: 30px;
}

#beats .acc-color {
    font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;
    margin: 18px 0px 20px 0px;
}

    #beats .acc-color span {
        display: inline-block;
        margin: 6px 1px -8px 8px;
        height: 25px;
        width: 25px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        #beats .acc-color span.white {
            border: solid 1px #999999;
        }


        #beats .acc-color span.colour-spot:hover {
            box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.50);
        }

        #beats .acc-color span.colour-spot-white:hover {
            box-shadow: inset 0 0 0 2px rgba(51, 51, 51, 0.51);
        }
/* -------   // Beats  --------*/








/* -------   START SOMETHING NEW   --------*/


#start-something-new :target:before {
    content: "";
    display: block;
    height: 90px; /* fixed header height*/
    margin: -90px 0 0; /* negative fixed header height */
}



#start-something-new .ssn-fadein {
    position: relative;
    /* top:0px; */
    /* left: 110px; */
    /* margin:auto; */
    max-width: 380px;
    height: 269px;
}

    #start-something-new .ssn-fadein img {
        position: absolute;
        /* left:-65px; */
        /* top:0; */
        -webkit-animation-name: fade;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 6s;
        animation-name: fade;
        animation-iteration-count: infinite;
        animation-duration: 6s;
    }

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    33% {
        opacity: 1;
    }

    53% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    33% {
        opacity: 1;
    }

    53% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

#start-something-new .spread1, .spread2, .spread3 {
    max-width: 380px;
}


#start-something-new .spread2 {
    -webkit-animation-delay: -8s;
}

#start-something-new .spread3 {
    -webkit-animation-delay: -4s;
}



#start-something-new .hr-ssn {
    margin-bottom: 43px;
}

#start-something-new .icreate-mag {
    width: 150px;
    vertical-align: middle;
    display: block;
    padding: 25px 0px 10px 0;
    margin-left: auto;
    margin-right: auto;
}


#start-something-new .no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


#start-something-new .hr-ssn-bottom {
    margin-top: 0;
}

#start-something-new .hr-ssn-middle {
    margin-top: 43px;
    margin-bottom: 29px;
}

#start-something-new .carousel.fade {
    opacity: 1;
    overflow: visible;
}

    #start-something-new .carousel.fade .item {
        transition: opacity ease-out .7s;
        left: 0;
        opacity: 0; /* hide all slides */
        top: 0;
        position: absolute;
        width: 100%;
        display: block;
        overflow: visible;
    }




        #start-something-new .carousel.fade .item:first-child {
            top: auto;
            opacity: 1; /* show first slide */
            position: relative;
        }

        #start-something-new .carousel.fade .item.active {
            opacity: 1;
        }


#start-something-new .ssn-container {
    /* padding-top: 10px !important; */
    margin-bottom: 0px;
    padding-bottom: 10px;
}


#startsomething-banner {
    height: 0px;
}

#start-something-new .ssn-bg {
    background-image: url('/assets/images/start-something-new/ssn-bg.jpg');
    background-repeat: repeat-x;
    padding-bottom: 0px;
    background-position-y: 35px;
    padding-top: 35px;
}




#start-something-new .social-grey {
    height: auto;
    background-color: #FCFCFC;
    color: white !important;
    padding: 20px 20px 20px 20px;
    border: thin solid rgba(51, 51, 51, 0.04);
}

    #start-something-new .social-grey h3 {
        margin-top: 3px;
    }

#start-something-new .social-grey-text {
    padding-left: 26px;
}

    #start-something-new .social-grey-text P {
        margin-bottom: 5px;
        margin-top: 5px;
    }

#start-something-new .social-grey-icon {
    border-right: white solid thin;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
}

#start-something-new .sn-fade-cont {
    width: 100%;
}



@media(max-width:991px) {
    #start-something-new .icreate-p p {
        text-align: center;
    }

    #start-something-new .ssn-fadein {
        /* left: auto !important; */
        /* right: auto; */
        display: block;
        /* margin-left: auto; */
        /* width: 380px; */
        /* margin-right: auto; */
    }
}

@media(min-width:992px) {

    #start-something-new .icreate-mag {
        display: block;
        margin-left: 0px;
    }
}

@media(max-width:767px) {
    #start-something-new h3 {
        text-align: center;
    }

    #start-something-new p {
        text-align: center;
    }
}

@media(max-width:1199px) {

    #start-something-new .ssn-fadein {
        margin-left: auto;
        margin-right: auto;
    }
}



/* -------   // START SOMETHING NEW  --------*/


/* -------   FATHERS DAY   --------*/

#fathersday-banner {
    height: 0px;
}

    #fathersday-banner .title-container {
        margin-top: 70px;
    }

#fathers-day .banner-foreground {
    top: -480px;
    right: -25px;
    z-index: 21;
    position: absolute;
}

#fathers-day #drones .prices p.left {
    margin-right: 30px;
}

.button.fd-blue {
    color: #5687bb;
    border-color: #5687bb;
}

    .button.fd-blue:hover {
        background: #5687bb;
        color: #ffffff;
    }

#fathers-day .acc-color {
    margin: 13px 0 13px 15px;
}

    #fathers-day .acc-color span {
        display: inline-block;
        margin: 4px;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

        #fathers-day .acc-color span.white {
            border: solid 1px #cccccc;
        }

#fathers-day img {
    max-width: 100%;
}
/* ------- // FATHERS DAY --------*/


/* mobile */

@media(max-width:767px) {
    /* body, .main{background:red;}*/



    /* ------- Sonons Landing Page --------*/

    #sonos-banner {
        background: #000000;
        background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pattern-mobile.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .sonos-foot-bar {
        background: #000000;
    }

    .sonos-foot-text {
        padding: 50px 0 0 0;
    }

    .sonos-feature-text.first {
        margin: 0 0 50px 0;
    }

    .sonos-feature-text {
        margin: 50px;
    }

    #play-1 {
        padding: 60px 0 120px 0;
        overflow: hidden;
    }

    .sonos-deezer-container img {
        margin: auto;
        margin-top: 50px;
        margin-bottom: 30px;
        max-width: 100%;
    }
    /* ------- // Sonons Landing Page --------*/

    /* ------- FATHERS DAY --------*/

    #fathers-day {
        text-align: center;
    }

        #fathers-day p.left,
        #fathers-day .acc-color {
            float: none;
            margin-left: 0;
            margin-right: 0;
        }
    /* ------- // FATHERS DAY --------*/



    #beats #beatsSoloWireless {
        background: #f5f5f5;
        width: 100%;
        margin-left: 0;
        padding: 50px 0;
        margin-top: 0;
    }

        #beats #beatsSoloWireless .container {
        }

    #beats .solo-wireless-img {
        margin-left: 0px;
        margin-top: 0px;
    }

    #beats .solo-img {
        margin-top: 0px;
        margin-right: 45px;
    }

    #beats .powerbeats-img {
        margin-top: 6px;
        margin-left: 0px;
    }

    #beats-banner .title-container {
        margin-top: 128px;
        /* margin-left: 78px; */
    }

    #beats .solo2-wireless,
    #beats .powerbeats,
    #beats .pill {
        margin: 0px 0;
    }

    #beats .urbeats {
        padding: 18px 0px 37px 0px;
    }

    #beats .tourbeats {
        padding: 0px 0px 40px 0px;
    }

    #beats .main {
        text-align: center;
    }

        #beats .main .left {
            float: none;
        }

    #beats .solo-wireless-img {
        min-width: 100% !important;
        margin-top: 12px;
    }

    #beats .tourbeats-img {
        min-width: 100% !important;
        margin-left: -80px;
    }

    #beats .page-banner {
        height: auto;
        margin-top: 0px;
        background-image: url(/assets/images/accessories/landing-pages/beats/active-small.jpg);
    }

    #startsomething-banner {
        height: 0px;
    }
}
/* tablet */



@media(min-width:768px) {
    /*body, .main{background:blue;}*/


    /* -------   START SOMETHING NEW   --------*/



    #start-something-new .ssn-bg {
        padding-bottom: -7px;
        background-position-y: 0;
        padding-top: 0;
        margin-top: 136px;
    }







    /* ------- Sonons Landing Page --------*/

    #sonos-banner {
        background: #000000;
        background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pattern-mobile.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .sonos-foot-text {
        padding: 50px 0 0 0;
    }

    .sonos-feature-text.first {
        margin: 0 0 50px 0;
    }

    .sonos-feature-text {
        margin: 50px;
    }

    /* ------- // Sonons Landing Page --------*/



    #beats .powerbeats-img {
        margin-top: 5px;
    }

    #beats .solo2-wireless,
    #beats .powerbeats,
    #beats .pill {
        margin: 0px;
    }

    #beats .tourbeats-img {
        margin-top: 42px;
        /* margin-left: -100px; */
    }

    #beats #beatsSoloWireless {
        background: #f5f5f5;
        width: 130%;
        margin-left: -15%;
        padding: 150px 0 100px;
        margin-top: -100px;
    }

        #beats #beatsSoloWireless .container {
        }

    #beats .main {
        text-align: left;
    }

    #beats .solo2 {
        padding-top: 111px;
    }

    #beats .urbeats {
        padding-top: 111px;
    }

    #beats .tourbeats {
        padding-top: 100px;
        padding-bottom: 0px;
        margin-top: -4px;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.11);
    }
}

@media(max-width:992px) {
    #beats #solo-top-image {
        display: none;
    }

    #beats #urbeats-top-image {
        display: none;
    }

    #beats .tourbeats-img {
        min-width: 135%;
        margin-left: -108px;
    }

    #beats .solo-wireless-img {
        /* margin-left: -70px; */
        margin-top: -18px;
        min-width: 190%;
    }

    #start-something-new .ssn-bg {
        margin-top: 88px;
        background-position-y: -106px;
        overflow: visible;
    }
}


@media (min-width: 950px) {
    #start-something-new .carousel-inner-ssn {
        height: 640px !important;
        margin-top: 2px;
    }
}

@media (max-width: 949px) {
    #start-something-new .carousel-indicators {
        display: none;
    }
}







@media(max-width:768px) {



    #start-something-new .ssn-bg {
        margin-top: 33px;
    }

    #start-something-new .ssn-container {
        width: 100% !important;
    }






    #beats #solo-top-image {
        display: none;
    }

    #beats .acc-color span {
        margin: 0px -3px -2px 6px !important;
        height: 13px;
        width: 13px;
    }

    #beats .typog h3 {
        font-size: 39px;
        margin-top: 20px;
    }

    #beats #solo-top-image {
        display: inline;
        margin-right: 0px;
    }

    #beats #urbeats-top-image {
        display: inline;
        margin-right: 0px;
    }

    #beats .acc-color {
        margin: 18px 0px 9px 0px !important;
    }
}

@media(max-width:1200px) {
    #beats .acc-color span {
        margin: 0px -3px -6px 6px !important;
    }

    #beats .acc-color {
        margin: 18px 0px 17px 0px !important;
    }
}

@media(max-width:992px) {
    #beats .acc-color span {
        margin: 0px -3px -2px 6px !important;
        height: 13px;
        width: 13px;
    }

    #beats .solo-img {
        margin-right: -41px;
    }

    #beats .typog h3 {
        font-size: 29px;
    }

    #beats .acc-color {
        margin: 18px 0px 9px 0px !important;
    }


    #start-something-new .ssn-container {
        width: 100% !important;
        overflow: visible;
    }
}
/* medium */

@media(min-width:992px) {
    /*body, .main{background:yellow;}*/


    /* ------- Sonons Landing Page --------*/

    #sonos-banner {
        background: #000000;
        background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pattern.jpg);
        background-repeat: no-repeat;
        background-position: 50% 0;
    }

    #sonos-family-img {
        position: absolute;
        width: 110%;
        bottom: -130px;
        right: 0;
    }

    .sonos-deezer-container img {
        margin-top: 90px;
        margin-bottom: 40px;
    }

    .sonos-foot-text {
        padding: 0 0 0 30px;
    }

    .sonos-feature-text {
        margin: 60px 0;
    }
    /* ------- // Sonons Landing Page --------*/


    /* ------- FATHERS DAY --------*/

    #fathers-day {
        text-align: left;
    }
    /* ------- // FATHERS DAY --------*/



    #beats .banner-foreground {
        top: -558px;
        right: -64px;
        z-index: 21;
        position: absolute;
        width: 594px;
    }

    #beats .solo2-wireless {
        margin-top: 0px;
        padding: 142px 0px 100px 0px;
    }

    #beats .solo2 {
        padding: 180px 0px 120px 0px;
    }

    #beats .urbeats {
        padding: 225px 0px 0px 0px;
    }

    #beats .pill {
        margin-top: -53px;
    }
}

@media(min-width:1200px) {
    /*body, .main{background:green;}*/


    /* -------  Sonons Landing Page --------*/

    #sonos-family-img {
        position: absolute;
        width: 100%;
        bottom: -141px;
    }

    .sonos-feature-text {
        margin: 80px 0;
    }

    /* ------- // Sonons Landing Page --------*/



    #beats .banner-foreground {
        top: -554px;
        right: 26px;
        z-index: 21;
        position: absolute;
        width: 602px;
    }

    #beats .solo2-wireless {
        margin-top: 0px;
        padding-top: 160px;
        padding-bottom: 80px;
    }

    #beats .pill {
        margin-top: -65px;
        margin-left: 60px;
    }

    #beats .powerbeats {
    margin-bottom: -100px;
    background-color: rgba(0, 0, 0, 0.11);
}
}

@media(max-width:550px) {

    #start-something-new .ssn-container {
    }
}

/*--------------------------------------- 


Website: 	unicornstore.in
Version: 	2.0

Copyright 2018  unicornstore.in


---------------------------------------*/
/*
#blackFriday {
    padding: 10% 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    position: fixed;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00a0df;
    background: -moz-linear-gradient(top, #00a0df 0%, #175fa0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a0df), color-stop(100%,#175fa0));
    background: -webkit-linear-gradient(top, #00a0df 0%,#175fa0 100%);
    background: -o-linear-gradient(top, #00a0df 0%,#175fa0 100%);
    background: -ms-linear-gradient(top, #00a0df 0%,#175fa0 100%);
    background: linear-gradient(to bottom, #00a0df 0%,#175fa0 100%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    #blackFriday h1,
    #blackFriday h2,
    #blackFriday h3 {
        color: #ffffff;
        line-height: 100%;
    }

    #blackFriday h1 {
        font-size: 140px;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    #blackFriday h2 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 50px;
        font-weight: normal;
    }

    #blackFriday h3 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 30px;
    }

    #blackFriday .close-text {
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        cursor: pointer;
        color: #ffffff;
    }

    #blackFriday .close-button {
        display: block;
        position: absolute;
        font-size: 18px;
        top: 120px;
        right: 20px;
        height: 40px;
        width: 40px;
        border: solid 2px #ffffff;
        padding: 9px;
        color:#ffffff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #blackFriday .close-button:hover {
        background: #ffffff;
        color: #0985c4;
    }


@media(max-width:767px) {
   
    #blackFriday {
        padding: 30% 0;
    }
    #blackFriday h1 {
        
        font-size: 60px;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    #blackFriday h2 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: normal;
    }

    #blackFriday h3 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 16px;
    }

    #blackFriday .close-button {

        top: 85px;
    }
}

@media(min-width:768px) {
  
     #blackFriday {
        padding: 30% 0;
    }
    #blackFriday h1 {
        
        font-size: 95px;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    #blackFriday h2 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 32px;
        font-weight: normal;
    }

    #blackFriday h3 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 16px;
        margin-bottom:30px;
    }

    #blackFriday .close-button {

        top: 120px;
    }
}

@media(min-width:992px) {

     #blackFriday {
        padding: 15% 0;
    }
    #blackFriday h1 {
        
        font-size: 110px;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    #blackFriday h2 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 36px;
        font-weight: normal;
    }

    #blackFriday h3 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 16px;
        margin-bottom:30px;
    }

    #blackFriday .close-button {

        top: 120px;
    }
}

*/

.clickTarget {
    position: relative;
    top: -150px;
}

.overflow-hidden {
    overflow: hidden;
}
/* ---- header ----*/
.header {
    padding: 30px 0;
}

.apr-container img {
    float: right;
}

.closeDrop {
    position: absolute;
    right: 0;
    top: -25px;
    font-size: 16px;
}

.page-subtitle {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.white-block {
    padding: 35px 40px 40px 40px;
    border: solid 1px #EEEEEE;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

    .white-block.pullout {
        background: #f9f9f9;
    }

.feature.grey .white-block {
    background: #f8f8f8;
    margin-bottom: 40px;
    border: solid 1px #ddd;
}

.feature.light-grey {
    background: #f9f9f9;
}

.white-block.imageTop {
    padding: 135px 40px 10px 40px;
}

.small-splitter {
    width: 50px;
    height: 2px;
    background: #dddddd;
    margin: 40px 0;
}

    .small-splitter.white {
        background: #ffffff;
    }

    .small-splitter.blue {
        background: #1a9ede;
    }

.text-center .small-splitter {
    margin: 40px auto;
}

.no-pad {
    padding: 0;
}

ul.no-pad {
    padding-left: 0;
}

ul.no-bullet,
ul.no-bullet li {
    list-style: none;
}

ul.superscript {
    list-style-type: decimal;
    padding: 0 10px;
}

    ul.superscript li,
    p.superscript {
        margin: 0;
        font-size: 10px !important;
        color: #999;
    }


/*---- home main ----*/


.hb {
    min-height: 350px;
    float: left;
    border: solid 1px #ddd;
    margin: -1px 0 0 -1px;
    border-bottom: none;
}

.hb-first .hb-text {
    padding-top: 0;
}

.hb-text {
    padding: 0 30px 30px 30px;
}

    .hb-text p {
        /*min-height:75px; */
        margin: 5px 0 15px 0;
    }

    .hb-text h4 {
        margin-top: 25px;
        margin-bottom: 0;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    }

    .hb-text img {
        max-width: 100%;
    }

    .hb-text a,
    .hb a {
        display: inline-block;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

/*#home-pt {
    padding: 20px 20px;
    width: 70%;
  
}

#home-contact {
    padding: 0 20px 20px;
    width: 30%;
 
}*/

.home-block {
    width: 33%;
}


#home-pt img.img-right {
    position: absolute;
    right: 0;
    bottom: 25px;
}

#home-pt img.img-left {
    position: absolute;
    left: 0;
    bottom: 25px;
}

.home-block h4 {
    font-size: 30px;
}

.hb-small {
    border: solid 1px #ddd;
    width: 25%;
    float: left;
    margin: -1px 0 0 -1px;
    position: relative;
}

    .hb-small h4 {
        padding: 0;
        margin-bottom: 0;
    }

    .hb-small p {
        margin: 5px 0 15px 0;
    }

    .hb-small img {
        width: 95%;
        margin: 10px 0;
    }

    .hb-small .actionWrap a {
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

.stretch102 {
    width: 102%;
    margin-bottom: -3px;
    overflow: hidden;
    margin-top: -1px;
}

.home-mobile-contact {
}

    .home-mobile-contact a {
        display: block;
        text-align: center;
        width: 110%;
        margin-left: -5%;
        background: #dddddd;
        padding: 25px 10px 20px 10px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .home-mobile-contact a:hover {
            background: #cccccc;
        }

    .home-mobile-contact h5 {
        color: #333333;
        font-size: 18px;
    }

/*----- contact page -----*/
.stores-con {
    padding-right: 50px;
    overflow: hidden;
}

.contact-con {
    padding-left: 50px;
}

    .store-list a,
    .contact-con a {
        color: #666666;
    }

        .store-list a:hover,
        .contact-con a:hover {
            text-decoration: underline;
        }

.store-list .light-link {
    color: #bbbbbb;
}

.store-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.threeCol {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.store-locations {
    padding: 0;
    list-style: none;
}

    .store-locations li {
        padding: 0;
        list-style: none;
    }

        .store-locations li a {
            color: #666666;
        }

            .store-locations li a:hover,
            .store-locations li.active a {
                color: #333333;
                text-decoration: underline;
            }

#store-locator input[type="text"],
#finance-calculator input[type="text"] {
    width: 50%;
    margin-right: 10px;
}

#contact-map {
    width: 100%;
    height: 550px;
    display: block;
}


.mapWrap {
    padding-left: 320px;
}

.search-store-result-container {
    background: #fafafa;
    overflow: hidden;
    position: relative;
}

.search-store-result {
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
    overflow: scroll;
    overflow-x: auto;
    height: 505px;
    background: none;
    position: relative;
    border-radius: 10px;
    box-shadow: 2px 2px 20px #888;
    background-color: #fff;
}

.search-store-result:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-right: solid 10px #fff;
}

.directions {
    cursor: pointer;
}

.search-store-result-container .fade-block {
    height: 100%;
    width: 30px;
    position: absolute;
    right: 15px;
    top: 0;
    background: url(/assets/images/store-list-fade.png) no-repeat top right;
    z-index: 1;
}

.search-store-result-container .store-block-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.search-store-result .container {
}

.search-store-result.mapInfo {
    padding: 15px 18px 10px 15px;
    width: 230px;
    overflow: visible;
    height: auto;
    margin: 0;
}

.search-store-result ul {
    position: relative;
}

    .search-store-result ul li {
        margin: 5px 0 5px 10px;
        float: left;
        background: #fff;
        border: solid 1px #ddd;
        margin-bottom: 10px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }

        .search-store-result ul li .letter,
        .search-store-result .letter {
            height: 24px;
            width: 24px;
            background: #2daae1;
            color: #ffffff;
            font-weight: bold;
            display: block;
            padding: 4px;
            text-align: center;
            margin-right: 10px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .search-store-result ul li .distance td,
        .search-store-result .distance td {
            padding-top: 15px;
        }

        .search-store-result ul li b,
        .search-store-result b {
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        }

        .search-store-result ul li img {
            margin: -15px 0 0 -15px;
        }

        .search-store-result ul li .letter {
            position: absolute;
            left: 15px;
            top: -15px;
            height: 34px;
            width: 34px;
            background: #2daae1;
            color: #ffffff;
            font-weight: bold;
            display: block;
            padding: 6px;
            text-align: center;
            margin-right: 10px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border: solid 3px #ffffff;
        }

        .search-store-result ul li .store-info-con {
            padding: 0;
        }

        .search-store-result ul li .widget-con {
            padding: 15px 15px 13px 15px;
            border-bottom: solid 1px #dddddd;
            overflow: hidden;
        }

        .search-store-result ul li .widget-store-name {
            font-size: 12px;
            height: 95px;
            cursor: pointer;
        }

        .search-store-result ul li .widget-con i {
            float: left;
            font-size: 14px;
        }

        .search-store-result ul li .widget-con p {
            font-size: 12px;
            float: left;
            width: 205px;
            margin: 0 0 0 12px;
        }

            .search-store-result ul li .widget-con p a,
            .search-store-result ul li .widget-con p a:hover {
                color: #666666;
                text-decoration: none;
            }


        .search-store-result ul li .widget-con .view-on-map {
            font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
            color: #2daae1;
            cursor: pointer;
        }

        .search-store-result ul li .widget-con.widget-distance {
            float: left;
            border-bottom: none;
            width: 49%;
        }

        .search-store-result ul li .widget-con.widget-map-view {
            float: right;
            border-bottom: none;
            width: 50%;
            border-left: solid 1px #dddddd;
        }

        .search-store-result ul li .widget-con .view-on-map:hover {
            text-decoration: underline;
        }

#location-used {
    display: none;
}

#mapHoverScroll {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}


.single-store-overview {
}

    .single-store-overview h3 span {
        color: #999999;
    }

    .single-store-overview .store-image {
        height: 275px;
        overflow: hidden;
        margin-bottom: 30px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -wekbit-border-radius: 2px;
    }

        .single-store-overview .store-image img {
            max-width: 100%;
            margin-top: -60px;
        }



.contact-store-left-wrap {
    border-right: solid 1px #dddddd;
    margin-right: 20px;
    padding-right: 46px;
}

.overview-open-times {
    border-left: solid 1px #dddddd;
    padding-left: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .overview-open-times .bank-hol-row td {
        padding-top: 15px;
    }

.seasonal-opeining-times {
    background: #eeeeee;
    padding: 30px;
    padding-right: 0;
    margin-top: 40px;
}

    .seasonal-opeining-times .timeColumn {
        padding-right: 30px;
    }

    .seasonal-opeining-times td {
        font-size: 12px;
    }

.seasonal-opeining-times__hours {
    font-size: 12px;
    line-height: 160%;
    color: #999999;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    -webkit-columns: 3 200px;
    -moz-columns: 3 200px;
    columns: 3 200px;
}

    .seasonal-opeining-times__hours.seasonal-opeining-times__hours--two-col {
        -webkit-columns: 2 200px;
        -moz-columns: 2 200px;
        columns: 2 200px;
    }

    .seasonal-opeining-times__hours.seasonal-opeining-times__hours--one-col {
        -webkit-columns: 1 200px;
        -moz-columns: 1 200px;
        columns: 1 200px;
    }

    .seasonal-opeining-times__hours label {
        width: 80px;
        display: inline-block;
    }

.page-slice-container {
    background: url('/assets/images/store-list-splitter@2x.png') no-repeat;
    background-size: 293px 11px;
    margin-top: -23px;
    position: relative;
}

    .page-slice-container p {
        color: #999999;
        font-size: 12px;
        padding-top: 40px;
    }

.store-overview-info-con .actions {
    margin-top: 15px;
}

.store-overview-info-con .number,
.store-overview-info-con .address {
    width: 45%;
}

.store-overview-info-con .number {
    margin-right: 10%;
}







/*search focus amends*/
.location-search-container {
    width: 85%;
    margin: 0 auto;
}

#store-locator {
    margin-top: 30px;
}

    #store-locator input[type="text"] {
        width: 70%;
    }

    #store-locator .button {
        float: left;
        margin-right: 10px;
    }


#location-used {
    padding-top: 25px;
    margin-bottom: 0;
}

.contact-methods {
    padding: 0;
}

    .contact-methods .department {
        width: 25%;
        float: left;
        padding: 30px 0 10px 0;
    }

        .contact-methods .department.ho {
            width: 25%;
            float: left;
            padding-left: 20px;
            background: #f9f9f9;
        }

            .contact-methods .department.ho::after {
                content: "";
                background-color: #f9f9f9;
                width: 300%;
                position: absolute;
                left: 100%;
                height: 100%;
                top: 0;
                display: block;
            }

        .contact-methods .department a {
            color: #666;
        }

            .contact-methods .department a:hover {
                color: #666;
                text-decoration: underline;
            }

.contact-map-image {
    height: 100px;
    background-size: cover;
    display: block;
}


.lower-page-ctas.first {
    padding-right: 25px;
}

.lower-page-ctas.last {
    padding-left: 25px;
}

.lower-page-ctas h4 {
    margin-top: 25px;
}

#contact-feature-banner {
    background: #eeeeee;
}

.feature.grey h3,
.feature.grey h6 {
    color: #333333;
}

.feature.grey p,
.feature.grey ul li {
    color: #555555;
}

.feature.grey .split-bar {
    width: 100%;
    height: 1px;
    background: #dddddd;
    margin: 50px 0;
}

.contact-depart-grid .icon-con {
    float: left;
    width: 40px;
}

.contact-depart-grid .copy-con {
    float: left;
    display: inline-block;
}

    .contact-depart-grid .copy-con p {
        margin: 0;
    }

.contact-depart-grid .head-office {
    padding-left: 50px;
    border-left: solid 1px #dddddd;
    padding-right: 20px;
}




/* ---- Business Template page---- */
.grid-icon {
    width: 40px;
}

.grid-copy {
    width: 81%;
    margin-left: 15px;
}

.corner-image {
    position: absolute;
}

    .corner-image.right-bot-corner {
        bottom: -15px;
        right: -10px;
    }

.image-grid img {
    margin: 2px;
    width: 45%;
}

.icon-list {
    padding-left: 30px;
}

    .icon-list h2 {
        margin-bottom: 30px;
    }



    .icon-list .last {
        border-bottom: solid 1px #ddd;
    }

        .icon-list .last .grid-copy {
            margin-bottom: 15px;
        }

.grid-copy p {
    margin-top: 3px;
}

.icon-list .grid-copy {
    width: 90%;
}

.ptBlock div {
    margin-left: 25%;
}

.ptBlock .left-bot-corner {
    left: 0;
    bottom: 0;
}

.ptBlock .right-bot-corner {
    right: 0;
    bottom: 0;
}

.ptBlock .middle-copy {
    width: 50%;
}



/* ---- stores Template page---- */
.store-sidebar {
    padding-right: 50px;
    border-right: solid 1px #eeeeee;
}

.store-features {
    padding-left: 30px;
}

.st-info-block {
    margin-bottom: 40px;
}

.st-social a {
    color: inherit;
}

.st-feature-block.first {
    padding-top: 0;
}

.st-feature-block {
    border-bottom: 1px solid #eeeeee;
    padding: 40px 0;
}

    .st-feature-block.img-left img {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .st-feature-block.img-right img {
        position: absolute;
        right: 0;
        top: 30px;
    }

    .st-feature-block.pt.img-left img {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .st-feature-block.pd article {
        padding-left: 225px;
    }

    .st-feature-block.pt article {
        padding-right: 320px;
    }

    .st-feature-block.ps article {
        padding-left: 250px;
    }

    .st-feature-block.last {
        padding-bottom: 0;
        border: none;
    }

    .st-feature-block.finance {
        border: solid 2px #2daae1;
        padding: 40px;
        margin-bottom: 40px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .st-feature-block.finance article {
            padding-right: 260px;
        }



/* ---- education Template page---- */

.blue-block {
    width: 50px;
    height: 3px;
    background: #00aeef;
    margin: 25px auto;
}

.fitImageDesk {
    width: 100%;
    height: auto;
}

.fixCornerwrap-nm {
    width: 50%;
}

.gridItem.md-2col {
    width: 50%;
}

.gridItem {
    float: left;
    border: solid 1px #ddd;
    padding: 35px;
    border: solid 1px #ddd;
    margin: -1px 0 0 -1px;
}

    .gridItem h4 {
        margin-bottom: 0;
    }

    .gridItem.first {
        padding-left: 0;
    }

    .gridItem.last {
        padding-right: 2%;
    }

.case-study-video {
    margin-bottom: 30px;
}

#case-studies .gridItem.last {
    padding-right: 0;
}

.case-study-grid h4 {
    margin-top: 25px;
}

.case-study-grid .feature {
    padding-left: 0;
    padding-right: 0;
}

.edu-products header div {
    width: 64%;
    text-align: left;
}

.edu-products header img {
    position: absolute;
    bottom: 20px;
    right: 2%;
    width: 22%;
}

.edu-contact {
    padding-top: 20px;
}

    .edu-contact i.fa {
        font-size: 20px;
        color: #666666;
        margin-right: 5px;
    }

.edu-steps div {
    min-height: 270px;
}

    .edu-steps div img {
        margin-bottom: 25px;
    }

.cs-article {
    text-align: justify;
}

    .cs-article.first {
        padding-right: 35px;
    }

    .cs-article.last {
        padding-left: 35px;
    }

blockquote.cs-quote {
    color: #1f97cc;
    font-size: 24px;
    text-align: center;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    margin: 40px 5px;
}

    blockquote.cs-quote footer {
        color: #666666;
        font-size: 18px;
        margin-top: 15px;
    }

.cs-feature-img {
    position: absolute;
    margin-top: 35px;
}

    .cs-feature-img.ipad {
        top: -190px;
        right: 15%;
    }

.case-study-apps .app-con {
    padding: 0 20px;
    margin-bottom: 30px;
}

    .case-study-apps .app-con h4 {
        margin-top: 25px;
    }

.case-study-apps h2 {
    margin-bottom: 25px;
}

#edu-ed-row {
    margin-bottom: 50px;
}

    #edu-ed-row ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #edu-ed-row ul li {
            list-style: none;
            margin-bottom: 10px;
        }

    #edu-ed-row .ed-col {
        padding: 0 11px;
        margin-bottom: 10px;
    }

    #deployed h2.title,
    #connected h2.title,
    #supported h2.title,
    #developed h2.title,
    #edu-ed-row h2.title {
        color: #333333;
        margin-bottom: 20px;
    }

        #deployed h2.title span,
        #connected h2.title span,
        #supported h2.title span,
        #developed h2.title span,
        #edu-ed-row h2.title span {
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        }

            #deployed h2.title span,
            #edu-ed-row h2.title span.deployed {
                color: #eeab4e;
            }

            #connected h2.title span,
            #edu-ed-row h2.title span.connected {
                color: #e77a31;
            }

            #supported h2.title span,
            #edu-ed-row h2.title span.supported {
                color: #d12329;
            }

            #developed h2.title span,
            #edu-ed-row h2.title span.developed {
                color: #1e9bd8;
            }


#supported {
    padding-bottom: 80px;
}

#deployed .imageCollage img {
    position: absolute;
}

#deployed .imageCollage .stackOne {
    top: 15px;
    left: 20px;
    z-index: 20;
}

#deployed .imageCollage .stackTwo {
    top: 350px;
    left: 310px;
    z-index: 30;
}

#deployed .imageCollage .stackThree {
    top: 260px;
    left: 584px;
    z-index: 10;
}

#supported .imageCollage .stackOne {
    position: relative;
    left: -170px;
}

#supported .imageCollage .stackTwo {
    position: absolute;
    top: 370px;
    left: 310px;
    z-index: 20;
}

#supported .imageCollage p {
    width: 290px;
    text-align: right;
    display: block;
}

#supported .caption {
    position: absolute;
    width: 150px;
    top: 265px;
    right: 0px;
}

#deployed .caption {
    text-align: right;
}



    #deployed .caption h4,
    #supported .caption h4 {
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        padding: 5px 10px 0;
        color: #666666;
    }


    #deployed .caption h4 {
        border-right: solid 4px #333333;
    }


.ed-soft-wrapper {
    padding: 20px;
    border: solid 1px #dddddd;
    background: #ffffff;
    margin-bottom: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    height: 200px;
}

#developed .developed-icons div {
    margin: 30px 0 20px;
    text-align: center;
}

/* --- Rotate containers ---*/

#connected {
    padding: 100px 0;
    width: 120%;
    position: relative;
    left: -10%;
    top: -20px;
    background: #f9f9f9;
    -ms-transform: rotate(-9deg); /* IE 9 */
    -webkit-transform: rotate(-9deg); /* Chrome, Safari, Opera */
    transform: rotate(-9deg);
}

    #connected .straighten {
        -ms-transform: rotate(9deg); /* IE 9 */
        -webkit-transform: rotate(9deg); /* Chrome, Safari, Opera */
        transform: rotate(9deg);
    }

#developed {
    padding: 40px 0 150px 0;
    width: 120%;
    position: relative;
    left: -10%;
    top: 10px;
    background: #f9f9f9;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}


    #developed .straighten {
        -ms-transform: rotate(-7deg); /* IE 9 */
        -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
        transform: rotate(-7deg);
    }

#contact {
    margin-top: -85px;
    background: #ffffff;
    position: relative;
    z-index: 99;
}

.edu-contact-block {
    font-size: 20px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    line-height: 130%;
    color: #666666;
    padding: 20px 0;
}

.edu-brochure-dl {
    padding: 30px 30px 22px 30px;
    border: solid 1px #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

    .edu-brochure-dl,
    .edu-brochure-dl .fa-file-o,
    .edu-brochure-dl .fa-chevron-right {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .edu-brochure-dl:hover {
            background: #1e9bd8;
            border: solid 1px #1e9bd8;
            color: #ffffff;
        }

            .edu-brochure-dl:hover .fa-file-o,
            .edu-brochure-dl:hover .fa-chevron-right {
                color: #ffffff;
            }

        .edu-brochure-dl .fa-file-o {
            color: #d12329;
            font-size: 48px;
            padding: 0px 10px 0 0;
            float: left;
        }

        .edu-brochure-dl .fa-chevron-right {
            float: right;
            margin-top: -10px;
        }



/* ---- product river Template page---- */
.river .river-block {
    padding: 50px 0;
    position: relative;
    border-bottom: solid 1px #ddd;
}

    .river .river-block.last {
        padding-bottom: 0;
        border: none;
    }

    .river .river-block img {
        width: 100%;
    }

    .river .river-block h3 {
        font-size: 30px;
        color: #333333;
        margin-top: 0;
    }

    .river .river-block p {
        font-size: 20px;
        padding: 0 10%;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    }


.ipad-single-feature {
    padding: 65px 0;
}

.river.ipad-2 .river-block,
.river.ipad-4 .river-block {
    border: none;
}

.river.ipad-2.river-grey,
.river.ipad-4.river-grey,
.river.iphone.river-grey {
    background: #f1f1f1;
}

.river.ipad-2 .river-block h3,
.river.ipad-4 .river-block h3,
.river.macbook .river-block h3,
.river.macbook-pro-river .river-block h3 {
    font-size: 50px;
    color: #333333;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 126%;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
}

.river.ipad-4 .river-block h3 {
    font-size: 40px;
}

.river.ipad-2 .river-block.two-col p {
    font-size: 20px;
    padding: 0;
}

.river.ipad-2 .river-block img {
    width: auto;
    max-width: 100%;
}

.river.ipad-2.waves-bg {
    background-image: url(/assets/images/ipad-air-2-river/waves.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.river.ipad-2.waves-bg-mini {
    background-image: url(/assets/images/ipad-mini-3-river/wave.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.river.ipad-4.waves-bg-mini {
    background-image: url(/assets/images/ipad-mini-four-river/wave.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}



#ipad-air-2-capable {
    margin-top: -150px;
    margin-bottom: -50px;
}

#ipad-air-2-touchid {
    margin-top: -350px;
    margin-bottom: -120px;
    margin-left: -30%;
    width: 130%;
}

#ipad-air-2-apps {
    margin-bottom: -50px;
    margin-left: -15%;
    min-width: 130%;
}

#ipad-mini-3-apps {
    margin-bottom: 0;
    margin-left: -15%;
    min-width: 130%;
}


#ipad-air-2-print {
    margin-bottom: 0px;
    margin-top: 25px;
    margin-left: -60%;
    min-width: 220%;
}

#ipad-mini-3-hero {
    margin-left: -15%;
    min-width: 130%;
    margin-bottom: -50px;
}

#ipad-mini-3-intro {
    margin-top: 100px;
}

#ipad-mini-3-innovations {
    margin-left: -60%;
    min-width: 160%;
    margin-bottom: 0;
}

.river.ipad-2.overflow-hidden {
    overflow: hidden;
}

.river.macbook {
    position: relative;
}

    .river.macbook .river-block {
        border: none;
    }



.river .river-block.block-one {
    position: absolute;
    z-index: 1;
    top: 700px;
    width: 100%;
    left: 0;
}

.river #macbook-intro {
    margin-top: 100px;
    margin-bottom: 30px;
}

.river #macbook-one-specs {
    margin: 25px 0;
}

.river #macbook-keyboard {
    margin: 55px 0;
}

.river #macbook-retina,
.river #macbook-trackpad,
.river #macbook-builtapps {
    margin-left: -30%;
    min-width: 160%;
    margin-bottom: 60px;
}


.river #macbook-wifi {
    margin-top: -100px;
    margin-left: -10%;
}

.river #macbook-usbc {
    width: 130%;
    margin: 40px 0 60px -30%;
}

.river #macbook-oneport {
    position: relative;
    width: 100%;
    top: 50px;
    background-size: 1203px 993px;
    height: 933px;
    width: 1203px;
}

.river #macbook-osx {
    position: absolute;
    width: 100%;
    top: -200px;
}

.river #macbook-quietly {
    margin: 30px 0;
}

.river #spec-battery {
    margin-top: 200px;
}

.river .river-block.left-algin-block p {
    padding: 0;
}

.river.macbook .river-block.knockdown p {
    margin-bottom: 500px;
}

.river .river-block .spec-att {
    width: auto;
    max-width: 100%;
    margin: 25px 0;
}

    .river .river-block .spec-att.left {
        margin-right: 45px;
    }

.river.river-grey-gradient {
    background: #f7f6f7;
    background: -moz-linear-gradient(top, #f7f6f7 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f6f7), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f7f6f7 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f7f6f7 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f7f6f7 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f7f6f7 0%,#ffffff 100%);
}

.river.macbook.river-grey {
    background: #f7f6f7;
}

.imac-river img {
    width: 100%;
    max-width: 90%;
}



.imac-river.split-shadow {
    background: url(/assets/images/imac-retina-river/split-shadow@2x.png) bottom center no-repeat;
    background-size: 1200px 20px;
    border: none;
}

.imac-river h3,
.imac-river .river-block h3 {
    font-size: 50px;
    color: #333333;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 126%;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
}

.imac-river .river-block {
    padding: 0 0 60px 0;
    border-bottom: solid 3px #dddddd;
}

    .imac-river p,
    .imac-river .river-block p {
        font-size: 20px;
        padding: 0;
    }

.imac-river img {
    margin-top: 50px;
}

.imac-river.bottom-align {
    padding-bottom: 11px;
}

#imac-hero {
    margin: 0;
    margin-top: -120px;
}

#imac-intro {
    margin-top: 130px;
    max-width: 100%;
}


/* --------------------------
       button overlays
    -------------------------- */

/* imac river cross sell */
.btn-overlay {
    position: absolute;
    z-index: 1;
}

    .btn-overlay span {
        float: left;
    }

    .btn-overlay.imac-retina {
        left: 160px;
        top: 300px;
    }

    .btn-overlay.imac {
        left: 160px;
        top: 300px;
    }


@media (min-width: 320px) and (max-width: 767px) {
    /* mobile */

    .btn-overlay.imac-retina {
        left: 20px;
        top: 60%;
    }

    .btn-overlay.imac {
        left: 37%;
        top: 26%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* tablet */
    .btn-overlay.imac-retina {
        left: 70px;
        top: 190px;
    }

    .btn-overlay.imac {
        left: 70px;
        top: 190px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* small desktop */
    .btn-overlay.imac-retina {
        left: 115px;
        top: 260px;
    }

    .btn-overlay.imac {
        left: 115px;
        top: 260px;
    }
}


#macbook-pro-intro {
    margin-top: 100px;
    max-width: 100%;
}


/* --- iphone river --- */
.river.iphone .river-block {
    padding: 80px 0;
    position: relative;
    border: none;
}

    .river.iphone .river-block p {
        padding: 0;
    }

    .river.iphone .river-block h3 {
        font-size: 50px;
        margin: 20px 0 0 0;
        line-height: 100%;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    }


.ext-height {
    padding: 130px 0 50px 0;
}

#iphone-hero-container,
#iphone6s-hero-container {
    padding-bottom: 160px;
}

    #iphone-hero-container .iphone-models {
        text-align: left;
    }

    #iphone6s-hero-container .iphone-models {
        text-align: center;
    }

#iphone-hero {
    margin-bottom: -355px;
}

#iphone6s-hero {
    margin-bottom: -330px;
}

#iphone-intro {
    margin-top: 40px;
}

#iphone6s-intro {
    margin-top: 60px;
}

.river.iphone .iphone-model {
    max-width: 100%;
    width: 80%;
    margin-bottom: 10px;
}

#iphone-retinahd,
#iphone-wireless {
    margin-top: -150px;
    margin-bottom: -180px;
    width: 90%;
}

#iphone-a8chip {
    margin-top: 20px;
    margin-bottom: -120px;
    width: 185%;
    margin-left: -56%;
}

.river.iphone.shrink-height {
    padding: 130px 0;
}

#iphone-m8motion {
    margin-top: -100px;
    margin-bottom: -225px;
    width: 90%;
}

#iphone-camera {
    margin-top: -60px;
    margin-bottom: -120px;
    width: 185%;
    margin-left: -56%;
}

#iphone-touchid {
    margin-top: -180px;
    margin-bottom: -180px;
    margin-left: -5%;
    width: 100%;
}

#iphone-ios8 {
    margin-top: -200px;
    margin-bottom: -200px;
    width: 95%;
}

#iphone-compare table tr th img {
    max-width: 90%;
    width: 180px;
    margin-bottom: 20px;
}

#iphone-compare table tr td, #iphone-compare table tr th {
    border-bottom: 1px solid #d1d3d4;
    padding: 12px 4px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    text-align: left;
}


#iphone-compare table tr.last td,
#iphone-compare table tr.first th,
#iphone-compare table tr.spacerTop th,
#iphone-compare .iphone-compare-mobile table tr.spacerTop th {
    border-bottom: none;
}

#iphone-compare p {
    line-height: 140%;
    margin-bottom: 15px;
}



#iphone-compare .strong {
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
}

#iphone-compare .space {
    margin: 0 7px;
}

    #iphone-compare .space.first,
    #iphone-compare .space:first-child {
        margin-left: 0;
    }

    #iphone-compare .space.last,
    #iphone-compare .space:last-child {
        margin-right: 0;
    }

.compSingleProd {
    margin-bottom: 30px;
}

#iphone-compare .iphone-compare-mobile table tr th img {
    width: 80%;
    margin-bottom: 0;
}

#iphone-compare .iphone-compare-mobile table tr td {
    padding-top: 0;
    padding-bottom: 0;
}

#iphone-compare .iphone-compare-mobile h3 sup {
    font-size: 12px;
}


#iphone6s-camera,
#iphone6s-design,
#iphone6s-touch {
    width: 130%;
    left: -15%;
    position: relative;
}

#iphone6s-design {
    margin-bottom: 30px;
}

#iphone6s-ios9 {
    width: 170%;
    left: -70%;
    position: relative;
}

#iphone-nothing {
    width: 130%;
    left: -30%;
    position: relative;
    top: 20px;
}

#iphone6s-camera-container h3 {
    margin-top: 100px;
}

#iphone6s-chip-container h3 {
    margin-top: 100px;
}

#iphone6s-design-container h3 {
    margin-top: 100px;
}

#iphone6s-4g-container h3 {
    margin-top: 200px;
}

.iphone-cross-sell.iphone6 {
    background: #f9f9f9;
}

    .iphone-cross-sell.iphone6 .iphone-model {
        margin-top: 160px;
    }

#iphone6-cross-hero {
    margin-bottom: -260px;
}

#iphone6-cross-title {
    margin-bottom: 50px;
    width: 80%;
}

#iphone-6s .river.iphone .river-block {
    padding: 50px 0;
}

#ipad-mini4 .ipad4-spec-attr {
    font-size: 65px;
    color: #333333;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    display: inline-block;
    margin-right: 30px;
    letter-spacing: -1px;
}

    #ipad-mini4 .ipad4-spec-attr small {
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #999999;
        clear: both;
        display: block;
        letter-spacing: 0;
        margin-top: -15px;
    }

#ipad-mini4 #ipad-mini4-light .ipad-4-text-wrapper {
    margin-top: 150px;
}

#ipad-mini4 #ipad-mini4-light .ipad4-spec-attr {
    font-size: 50px;
}

#ipad-mini4 #ipad-mini4-light .ipad4-spec-attr,
#ipad-mini4 #ipad-mini4-chip .ipad4-spec-attr,
#ipad-mini4 #ipad-mini4-wifi .ipad4-spec-attr {
    margin-top: 50px;
    margin-bottom: 40px;
}




#ipad-mini-4-chip {
    margin-bottom: -100px;
}

#ipad-mini4-security img {
    width: 200%;
    margin-left: -50%;
}

#ipad-mini4-wifi img {
    margin-bottom: -50px;
    width: 130%;
    margin-left: -15%;
}

#ipad-mini4-ios img {
    margin-bottom: -100px;
    margin-top: 30px;
}

#ipad-mini4-apps img {
    width: 170%;
    margin-left: -35%;
}

#ipad-mini4-covers img {
    width: 150%;
    margin-left: -40%;
    margin-bottom: -70px;
    margin-top: -700px;
}

#ipad-mini4-connect img {
    width: 140%;
    margin-left: -20%;
}

#imac-display img {
    margin: -150px 0 -120px 0;
}

#imac-storage img {
    margin: -200px 0 0 0;
}

#imac-redesigned img {
    width: 200%;
    margin-left: -50%;
}

#imac-connections img {
    width: 200%;
    margin-right: -100%;
    margin-top: -60px;
}

#imac-connections .river-text {
    margin-top: -150px;
}

#imac-osx img,
#imac-apps img {
    max-width: 100%;
    margin-top: 50px;
}

#imac-icloud img {
    max-width: 250%;
    margin-left: -135%;
}

/* ---- jobs Template page---- */
#jobs-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #jobs-list li {
        margin: 0;
        border-bottom: solid 1px #dddddd;
        padding: 0;
        text-align: left;
    }

        #jobs-list li span {
            display: inline-block;
            width: 24%;
        }

/* ---- products Template page---- */
.overwhite {
    overflow: hidden;
}

.productGrid {
    overflow: hidden;
    border: solid 1px #ffffff;
    padding: 0;
    margin: 0;
    width: 102%;
    height: 102%;
    margin-bottom: -2px;
}

    .productGrid li {
        display: block;
        width: 33%;
        border: solid 1px #ddd;
        float: left;
        list-style: none;
        text-align: center;
        padding: 20px 30px;
        margin: -1px 0 0 -1px;
        min-height: 460px;
        transition: background .3s ease-in-out;
        -moz-transition: background .3s ease-in-out;
        -webkit-transition: background .3s ease-in-out;
        position: relative;
    }

    .productGrid.accessories li {
        min-height: 380px;
    }

    .productGrid.appcessories li {
        min-height: 380px;
    }

    .productGrid.accessories.ipad li {
        min-height: 400px;
    }

    .productGrid.accessories.iphone li {
        min-height: 460px;
    }

    .productGrid.accessories.bags-sleeves li {
        min-height: 430px;
    }

    .productGrid.accessories.mac li {
        min-height: 420px;
    }

    .productGrid.accessories.mac.make-it-stick li {
        min-height: 310px;
        padding-top: 40px;
    }

    .productGrid.accessories.speakers li {
        min-height: 450px;
    }

    .productGrid.accessories.ipod li {
        min-height: 450px;
    }

    .productGrid.accessories.headphones li {
        min-height: 420px;
    }

    .productGrid.ipad li {
        min-height: 495px;
    }

    .productGrid li h4 {
        margin: 20px 0 5px 0;
    }

    .productGrid li .actionWrap,
    .hb-small .actionWrap {
        position: absolute;
        bottom: 25px;
        left: 0;
        width: 100%;
    }

.hb-small .actionWrap {
    bottom: 10px;
}


.productGrid.accessories li .acc-color span {
    display: inline-block;
    margin: 0 2px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

    .productGrid.accessories li .acc-color span.white {
        height: 12px;
        width: 12px;
        border: solid 1px #999;
    }

.productGrid li:hover {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 30%, #fbfbfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 30%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 30%,#fbfbfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 30%,#fbfbfb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 30%,#fbfbfb 100%); /* W3C */
}

.macpro h4 {
    margin-top: 25px;
}

/* ---- take finance options page---- */

#finance-options .take-wrapper p,
#finance-options .take-wrapper ul li {
    font-size: 16px;
}

    #finance-options .take-wrapper p.small {
        font-size: 14px;
    }

#finance-options .take-wrapper h3 {
    font-size: 24px;
}

.finance-compare-table {
    border: solid 1px #dddddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.finance-compare-table-limited {
    background: #019de1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    padding: 40px 0 40px 0;
}

.finance-compare-table-limited img {
    padding: 40px 0 0 0;
}

    .finance-compare-table .fc-column {
        text-align: center;
        padding: 30px;
    }

        .finance-compare-table .fc-column.grey {
            background: #f7f7f7;
            margin-left: -10px;
        }

       .finance-compare-table .fc-column.blue {
            background: #019de1;
            margin-left: 0px;
            margin-right: 0px;
            border: none;
        }

       #finance-options .fc-column.blue p{
            color: #ffffff;
        }

       #finance-options h2.fo-title.blue {
            font-size: 28px;
            color: #ffffff;
        }

       #finance-options h2.fo-title.blue strong{
            color: #ffffff;
        }

       #finance-options h3.fc-title.blue {
            font-size: 20px;
            color: #ffffff;
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        }



#finance-options h3.fc-title {
    font-size: 20px;
    color: #019de1;
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
}

#finance-options h2.fo-title {
    font-size: 28px;
    margin-bottom: 10px;
    color: #333333;
}

.finance-reasons-list {
    list-style-type: decimal;
    padding-left: 20px;
    margin: 0 0 20px 0;
    list-style-position: outside;
}

    .finance-reasons-list li {
        margin-bottom: 10px;
        font-size: 16px;
    }

#zero-int-squares {
    margin: 15px 0;
}

#fo-macbook-pro,
#fo-imac,
#fo-ipad {
    position: relative;
    z-index: 1;
}

#fo-macbook-pro {
    width: 400%;
    margin-left: -300%;
}

#fo-imac {
    width: 120%;
    margin-right: 5%;
    top: 150px;
}

#fo-ipad {
    width: 110%;
    margin-left: -10%;
    margin-top: 10px;
}

.fo-step-block {
    margin: 5px 0;
    min-height: 190px;
    position: relative;
}

    .fo-step-block.first {
        margin-bottom: -40px;
        margin-top: 60px;
    }

    .fo-step-block.fo-arrow {
        padding: 30px 0;
        min-height: 0;
    }

    .fo-step-block h4 {
        margin: 15px 0 -5px 0;
        color: #1a9ede;
        text-transform: uppercase;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    .fo-step-block .level-wrap {
        position: absolute;
        top: 70px;
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

#finance-options p {
    color: #999999;
}

    #finance-options p strong {
        color: inherit;
    }

#fo-takesix {
    padding: 60px 0 450px 0;
    width: 150%;
    position: relative;
    left: -25%;
    top: 15px;
    background: #f9f9f9;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

    #fo-takesix .straighten {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

#fo-takelonger {
    padding: 120px 0 0 0;
    margin-bottom: -351px;
    width: 120%;
    position: relative;
    left: -10%;
    top: -350px;
    background: #ffffff;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
}

    #fo-takelonger .straighten {
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

#finance-options #navigation .subnav.finance-nav li a {
    padding: 10px 20px 8px 8px;
}

#finance-options .top-spacing {
    padding-top: 180px;
}

#finance-options h1,
#finance-options h3 {
    margin: 0;
}

#finance-options .finance-icons {
    margin: 50px 0 0 0;
}

    #finance-options .finance-icons .col {
        float: left;
    }

        #finance-options .finance-icons .col.col-int,
        #finance-options .finance-icons .col.col-dep,
        #finance-options .finance-icons .col.col-ear {
            width: 33%;
            padding-right: 10px;
        }

        #finance-options .finance-icons .col.col-ear {
            padding-right: 0;
        }


    #finance-options .finance-icons p {
        margin: 0;
        line-height: 110%;
        padding: 0;
    }

        #finance-options .finance-icons p img {
            margin: 0 15px 20px 0;
        }

#finance-options #finace-calculation.single-finance-calc {
    padding: 30px 0 20px 0;
}

    #finance-options #finace-calculation.single-finance-calc .finance-table {
        margin-bottom: 0;
    }

#finance-options .takefinance-product-hero {
    padding-top: 5px;
}

#fo-faq {
}

#finance-options h3 {
    font-size: 30px;
}

#finance-options h4 {
    font-size: 22px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

#fo-faq h5 {
    font-size: 20px;
    margin-top: 30px;
    color: #333333;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
}

#fo-faq p,
#fo-faq li {
    font-size: 16px;
    margin-top: 5px;
    color: #999999;
}

#fo-faq li {
    margin-bottom: 10px;
}

#finance-options .finance-guarantee-block {
    margin-top: 0;
}
/* ---- take finance Template page---- */
.price-finance-link {
    margin: -10px 0 10px 0;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}

    .price-finance-link a {
        font-size: 12px;
        font-weight: normal;
    }

    .price-finance-link.three-yg a {
        color: #999999;
    }

.recommended-finance {
    border: solid 2px #2daae1;
    background-image: url(/assets/images/finance-corner.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.finance-type img {
    margin: 15px auto 25px auto;
}

.column-spacer-10 {
    padding: 0 10px;
}

.payment-plan h4,
.payment-plan p {
    color: #1a9ed8;
}

#finace-calculation {
    display: none;
}

.finance-table tr.recommended {
    background-color: #888;
}

.finance-table th,
.finance-table td {
    text-align: left;
}

.finance-table {
    margin: 15px 0 40px 0;
}

    .finance-table td,
    .finance-table th {
        padding: 10px 0;
    }

    .finance-table tbody td {
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }




/*--- pricing table ---*/
.thead {
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
    padding-top: 20px;
}

.pricingTable {
    padding: 0;
    margin: 0;
    width: 100%;
    display: table;
}

    .pricingTable .column {
        display: table-cell;
        float: left;
        list-style-type: none;
        position: relative;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0;
    }

        .pricingTable .column.last {
            padding-right: 0;
        }

        .pricingTable .column .sub-head {
            margin-bottom: 10px;
        }

        .pricingTable .column .prod-spec ul {
            padding: 0 0 0 12px;
            margin: 0;
            list-style: disc;
            display: table-cell;
        }

.ipad-table.pricingTable .column .prod-spec {
    min-height: 270px;
}

.pricingTable.three-col .column {
    width: 33%;
}

.pricingTable.two-col .column {
    width: 50%;
}


.pricingTable.macpro-table .column .prod-spec {
    min-height: 330px;
}

.pricingTable.macair-table .column .prod-spec {
    min-height: 230px;
}

.pricingTable.imac-table .column .prod-spec {
    min-height: 250px;
}




#personal-trainer .lowerWrap {
    box-shadow: none;
    overflow: hidden;
}

.training-login-container {
    background: #ffffff;
    overflow: hidden;
    padding: 17px 0 0 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    bottom: 0;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    /* IE 5-7 */
    filter: alpha(opacity=90);
    /* Netscape */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* Good browsers */
    opacity: 0.9;
}

    .training-login-container input[type="text"],
    .training-login-container input[type="password"] {
        width: 44%;
        background-color: #999;
        background: #dddddd;
        color: #000000;
        border: none;
        margin-right: 10px;
    }

.course-list ul {
    padding: 0;
    list-style: none;
    list-style-type: none;
}

    .course-list ul li {
        margin-bottom: 11px;
    }

.pt-steps .pt-single-step {
    width: 100%;
    float: left;
}

    .pt-steps .pt-single-step img {
        margin: 15px 10px 0 0;
        float: left;
    }

    .pt-steps .pt-single-step p {
        width: 75%;
        margin-right: 4%;
        float: right;
    }

#pt-login ::-webkit-input-placeholder {
    color: #666666;
}

#pt-login :-moz-placeholder { /* Firefox 18- */
    color: #666666;
}

#pt-login ::-moz-placeholder { /* Firefox 19+ */
    color: #666666;
}

#pt-login :-ms-input-placeholder {
    color: #666666;
}

.forgottenPasswordLink {
    font-size: 10px;
    color: #666;
    margin: 0;
    padding: 0;
}

.pt-signin-title {
    color: #ffffff;
}



/* ---- footer feature ---- */
.footer-feature {
    width: 100%;
    padding: 20px;
}

    .footer-feature.grey {
        background: #EEEEEE;
        border-top: solid 1px #DDDDDD;
    }



    .footer-feature.light-mesh {
        border-top: solid 1px #DDDDDD;
        background: url(/assets/images/lghtmesh.png);
    }

.tf-thumbnail {
    left: -30px;
    top: -40px;
}


/*----------------------------------------
 
 PAGE BANNERS
 
 page banner/feature containers have an image
 set as a background, defined via unique ID.
 
 Each banner contains a title, this title
 must have a specified space above.
 
 
 -----------------------------------------*/
.topWrap {
    overflow: hidden;
}

.topWrap,
.header,
.navigation {
    width: 100%;
}

.page-banner {
    height: 630px;
    width: 100%;
    background-size: cover;
    position: relative;
    margin-top: 0;
}


.banner-overlay,
.banner-pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: #000000 !important;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* IE 5-7 */
    filter: alpha(opacity=30);
    /* Netscape */
    -moz-opacity: 0.3;
    /* Safari 1.x */
    -khtml-opacity: 0.3;
    /* Good browsers */
    opacity: 0.3;
}

#guarantee-banner .banner-overlay {
    background: #000000 !important;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    /* IE 5-7 */
    filter: alpha(opacity=35);
    /* Netscape */
    -moz-opacity: 0.35;
    /* Safari 1.x */
    -khtml-opacity: 0.35;
    /* Good browsers */
    opacity: 0.35;
}

.banner-pattern {
    background: url(/assets/images/dotted-overlay.png);
    background-size: 2px 2px;
}

.title-container h1 {
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
}

#contact-banner .title-container,
#support-banner .title-container,
#institution-banner .title-container,
#jobs-banner .title-container,
#business-banner .title-container,
#benefits-banner .title-container,
#edu-ed-banner .title-container {
    margin-top: 300px;
    padding: 0 20%;
}

#contact-banner > section.container > img {
    position: absolute;
    right: 30px;
    top: 125px;
    z-index: 1;
}

#contact-banner .title-container {
    padding: 0;
    margin-top: 140px;
}

#contact-banner .search-container {
    margin-top: 0;
}

#contact-banner .title-container .split {
    width: 100%;
    height: 3px;
    background: #555555;
    position: relative;
    margin-top: 110px;
    margin-bottom: -50px;
}

    #contact-banner .title-container .split::before {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background: #555555;
        position: absolute;
        left: -100%;
        top: 0;
    }

#contact-banner #store-locator input[type="text"] {
    background: #555555;
    color: #cccccc;
    border-color: #444444;
}

#contact-banner .title-container h3 {
    margin-top: 20px;
    font-size: 24px;
}


#about-banner .title-container {
    margin-top: 130px;
}

#about-banner {
    background-image: url(/assets/images/about-banner.jpg);
    background-position: 50% 20%;
}

#sgpg-banner {
    background: linear-gradient(#333333, #777777);
}

#sgpg-banner .page-banner {
    height: 450px;
}

#sgpg-banner .page-banner h1 {
    font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 50px;
    line-height: 150%;
    letter-spacing: -1px;
    font-weight: normal;
    text-shadow: none;
    text-align: center;
    margin-top: 270px;
}

#sgpg-banner .sgpg-container p {
    font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0px;
    font-weight: normal;
    text-shadow: none;
    text-align: left;
}

#sgpg-banner .sgpg-container a {
    font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;
    color: #2daae1;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    font-weight: normal;
    text-shadow: none;
    text-align: left;
}

#sgpg-banner .sgpg-container a:hover {
    color: #2a6496;
    text-decoration: underline;
}

#sgpg-banner .sgpg-container span {
    font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    font-weight: normal;
    text-shadow: none;
    text-align: left;
}

@media (max-width: 991px) {
    #sgpg-banner .downloads {
        padding-top: 20px;
    }
    #sgpg-banner .page-banner {
    height:360px;
}
}

@media (max-width: 767px) {
    #sgpg-banner .downloads {
        padding-top: 20px;
    }
    #sgpg-banner .page-banner {
    height:250px;
}
     #sgpg-banner .page-banner h1 {
    margin-top: 100px !important;
        font-size: 40px !important;
}
}

@media (max-width: 496px) {
    #sgpg-banner .downloads {
        padding-top: 20px;
    }
    #sgpg-banner .page-banner {
    height:250px;
}
     #sgpg-banner .page-banner h1 {
    margin-top: 80px !important;
        font-size: 40px !important;
        line-height: 120%;
}
}

#mss-banner {
    background: linear-gradient(#333333, #777777);
}

#mss-banner .page-banner h1 {
    font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 50px;
    line-height: 150%;
    letter-spacing: -1px;
    font-weight: normal;
    text-shadow: none;
    text-align: center;
    margin-top: 230px;
}

@media (max-width: 991px) {
#mss-banner .page-banner h1 {
    margin-top: 150px;
    font-size: 35px;
}
#mss-banner .page-banner {
    height: 300px !important;
}

#sgpg-banner .page-banner h1 {
    font-size: 50px;
    margin-top: 200px;
}

}

@media (max-width: 767px) {
#mss-banner .page-banner h1 {
    margin-top: 50px;
    font-size: 35px;
}
#mss-banner .page-banner {
    height: 200px !important;
}
}

@media (max-width: 568px) {
#mss-banner .page-banner h1 {
    margin-top: 50px;
    font-size: 25px;
}
#mss-banner .page-banner {
    height: 150px !important;
}
}

@media (max-width: 374px) {
#mss-banner .page-banner h1 {
    margin-top: 50px;
    font-size: 25px;
}
#mss-banner .page-banner {
    height: 200px !important;
}
}


#mss-banner .page-banner {
    height: 450px;
}

#mss-banner .mss-container p {
    font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    font-weight: normal;
    text-shadow: none;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

#mss-banner .mss-container li {
    font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    font-weight: normal;
    text-shadow: none;
    text-align: left;
    margin: 0px;
}

#error404,
#genericError {
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#thankyou {
    background-color: #ffffff;
}

#thankyou .email-thanks-main {
	padding-top: 180px;
    padding-bottom: 140px;
    text-align: center;
}

#thankyou .email-thanks-main h1 {
	font-size: 50px;
    line-height: 130%;
    font-family: 'proxima_novabold', Helvetica, Arial, sans-serif;
}

#thankyou .email-thanks-main p {
	color: #000000;
}


@media (max-width: 994px) {
    #thankyou .email-thanks-main {
	padding-top: 90px;
    }
    #thankyou .email-thanks-main h1 {
	text-align: center;
    padding-top:0px;
    }
    #thankyou .email-thanks-main p {
	text-align: center;
    }
}

@media (max-width: 764px) {
    #thankyou .email-thanks-main {
	padding-top: 70px;
    }

    #thankyou .email-thanks-main h1 {
	font-size: 24px;
    line-height: 130%;
}
}

@media (max-width: 415px) {
    #thankyou .email-thanks-main {
	padding-top: 80px;
    }
}


#error404 {
    /*background-image: url(/assets/images/error-background.jpg);*/
    background: #ffffff;
}

#genericError {
    background-image: url(/assets/images/fallback-error-background.jpg);
}

.parallax-feature {
    height: 450px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

    .parallax-feature.pa-store {
        background-image: url(/assets/images/about-store-parrallax.jpg);
    }

    .parallax-feature.pa-service {
        background-image: url(/assets/images/about-service-parrallax.jpg);
    }


/* case study banners */
#isca-banner .title-container,
#holmesdale-banner .title-container,
#stmartins-banner .title-container,
#stpeters-banner .title-container,
#millfield-banner .title-container {
    margin-top: 290px;
}

#takefinance-banner .title-container {
    margin-top: 205px;
}

#finance-options-banner {
    background-size: cover;
    padding-top: 0px;
    height: 1000px;
    text-align: center;
    margin-bottom: 0px;
    background-color: #444444;
}

#finance-options-banner h1 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 46px;
    line-height: 120%;
    padding-top:240px;
    padding-bottom:0px;
    margin-bottom:0px;
    text-shadow: none;
}

#finance-options-banner h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    text-shadow: none;
}

    #finance-options-banner img {
        padding: 10px;
        position: relative;
        text-shadow: none;
    }

#finance-options-banner p {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    padding-top:20px;
    text-shadow: none;
}

#guarantee-banner .title-container {
    margin-top: 150px;
}

#health-and-fitness-banner .title-container {
    margin-top: 205px;
}

#training-banner .title-container {
    margin-top: 200px;
}


#contact-banner,
.store-banner,
#support-banner,
#institution-banner,
#jobs-banner,
#business-banner {
    background-color: #ffffff;
}

#contact-banner {
    background: #444444;
    background-position: 50% 20%;
}

#store-banner {
    background-image: url(/assets/images/store-banner.jpg);
    background-position: 50% 50%;
}

.store-banner .title-container {
    margin-top: 170px;
    padding: 0;
}


/*#Canterbury-banner {
    background-image: url(/assets/images/contact/banners/Canterbury-banner.jpg);
    background-position: 50% 50%;
}*/

/*#support-banner {
    background-image: url(/assets/images/support-banner.jpg);
    background-position: 50% 20%;
}

#institution-banner {
    background-image: url(/assets/images/institution-banner.jpg);
    background-position: 50% 40%;
}*/


#isca-banner {
    background-image: url(/assets/images/isca-banner.jpg);
    background-position: 50% 40%;
}

#jobs-banner {
    background-image: url(/assets/images/jobs-banner.jpg);
    background-position: 50% 40%;
}

#millfield-banner {
    background-image: url(/assets/images/millfield-banner.jpg);
    background-position: 50% 40%;
}

#holmesdale-banner {
    background-image: url(/assets/images/holmesdale-banner.jpg);
    background-position: 50% 40%;
}

#stmartins-banner {
    background-image: url(/assets/images/stmartins-banner.jpg);
    background-position: 50% 40%;
}

#stpeters-banner {
    background-image: url(/assets/images/stpeters-banner.jpg);
    background-position: 50% 40%;
}

#takefinance-banner {
    background-image: url(/assets/images/takefinance-banner.jpg);
    background-position: 50% 40%;
}

#guarantee-banner {
    background-image: url(/assets/images/guarantee-banner.jpg);
    background-position: 50% 40%;
}

#training-banner {
    background-image: url(/assets/images/training-banner.jpg);
    background-position: 50% 0;
    height: 550px;
}

#health-and-fitness-banner {
    background-image: url(/assets/images/health-fitness-banner.jpg);
    background-position: 50% 40%;
}

#business-banner {
    background-position: 50% 40%;
}

#benefits-banner {
    background-position: 50% 40%;
}

.title-container {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    position: relative;
    z-index: 999;
}

    .title-container h1 {
        color: #ffffff;
        margin: 10px 0 0 0;
    }

    .title-container h3 {
        color: #ffffff;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        margin-top: 0px;
    }

#guarantee-banner .title-container h1,
#guarantee-banner .title-container h3 {
    color: #ffffff;
    text-shadow: none;
}



#takefinance-banner .title-container h3 {
    font-size: 24px;
    max-width: 500px;
}

#training-banner .title-container h3 {
    font-size: 24px;
    max-width: 600px;
    width: 600px;
    margin: 0 auto;
}

    #training-banner .title-container h3 strong {
        color: #ffffff;
    }

    #training-banner .title-container h3 i {
        letter-spacing: -1px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    }

#health-and-fitness-banner .health-and-fitness-fg {
    position: absolute;
    bottom: -405px;
    right: 50px;
    z-index: 21;
}

#health-and-fitness .main {
    padding: 80px 0;
}

#health-and-fitness .acc-color {
    margin: 13px 0 13px 15px;
}

    #health-and-fitness .acc-color span {
        display: inline-block;
        margin: 4px;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }


#health-and-fitness .footer-feature {
    position: relative;
}

#health-and-fitness img {
    max-width: 100%;
}

#health-and-fitness #micoach-band .prices p.left {
    margin-right: 30px;
}


#health-and-fitness #urbanista-rio img {
    position: absolute;
    bottom: 0;
    top: -125px;
}


#health-and-fitness #itunes-card img {
    width: 120%;
    margin: 30px -20% 0 0;
}

#health-and-fitness #zepp-tennis img.player {
    position: absolute;
    bottom: 0;
    top: -125px;
    right: 0;
}

#health-and-fitness #zepp-tennis img {
    max-width: none;
}

/*#health-and-fitness #itunes-card img {
    position: absolute;
    bottom: 0;
    top: -125px;
}*/

#health-and-fitness #bose-earbuds img {
    margin: -30px 0;
}



/* ------- Application Form --------*/

#application-form .form-container h4 {
    margin-bottom: 5px;
}

#application-form .form-container p {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    color: #999999;
    margin-top: 0;
}

#application-form .application-form a {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
}

#application-form .application-form label,
.ls-demo-form label {
    font-size: 14px;
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 5px;
    display: inline-block;
}

    #application-form .application-form label.small-lab {
        font-size: 10px;
        color: #999999;
        margin-bottom: 25px;
        display: inline-block;
    }

#application-form .form-container label.small-lab.inline,
span.small-lab.inline {
    font-size: 12px;
    margin-bottom: 0px;
    color: #999999;
}

#application-form .application-form input[type="text"].bot-lab,
#application-form .application-form input[type="email"].bot-lab {
    margin-bottom: 0;
}

#application-form .application-form input[type="text"],
#application-form .application-form input[type="email"],
.ls-demo-form input[type="text"],
.ls-demo-form input[type="email"] {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    border: solid 1px #dddddd;
    background: #ffffff;
    padding: 16px 15px 12px;
    margin-bottom: 25px;
    width: 100%;
}

    #application-form .application-form input[type="text"].readonly {
        background: #f9f9f9;
        color: #999999;
    }

    #application-form .application-form input[type="text"]:focus,
    #application-form .application-form input[type="email"]:focus,
    .ls-demo-form input[type="text"]:focus,
    .ls-demo-form input[type="email"]:focus {
        box-shadow: none;
        border-color: #2daae1;
        color: #2daae1;
    }

#application-form .application-form .form-splitter {
    height: 1px;
    background: #dddddd;
    width: 100%;
    margin: 25px 0 50px 0;
}

#application-form .application-form .field-validation-error {
    color: #c0392b;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 15px;
}

#application-form .application-form input[type="text"].input-validation-error,
#application-form .application-form input[type="email"].input-validation-error {
    border-color: #c0392b;
}

#application-form .application-form .signature {
    border-radius: 2px;
    font-family: "proxima_novaregular",Helvetica,Arial,sans-serif;
    border: 1px solid #DDD;
    background: none repeat scroll 0% 0% #FFF;
    margin-bottom: 25px;
    width: 100%;
}

/* ------- END Application Form --------*/


#loading-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999999;
    background: #ffffff;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}

    #loading-overlay h4 {
        color: #000000;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        margin-top: -18px;
    }


#tradein {
    overflow: hidden;
}

    #tradein iframe {
        margin: -125px 0 0 -8px;
    }

.trade-in-steps .grid-copy {
    min-height: 0 !important;
}

.trade-in-steps .large-blue-number {
    font-size: 28px;
    color: #2daae1;
    display: block;
    width: 100%;
    text-align: left;
    border-right: solid 1px #dddddd;
}

.ti-recycle-icon {
}



.acc-link i {
    padding: 6px;
    color: #333333;
    line-height: 150%;
}


.acc-link.selected h3 {
    font-weight: bold;
}

#terms-conditions h4 {
    margin: 30px 0 10px 0;
}

#terms-conditions h5 {
    margin: 25px 0 -5px 0;
}

.panel-collapse {
    overflow: hidden;
}

.panel-link {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 15px 0 5px 0;
}

.collapse.in {
    display: block;
}

.collapse {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
}

.accoridan .panel-heading .r-more {
    display: none;
}

.accoridan .panel-heading .collapsed .r-more {
    display: inline-block;
}

.accoridan .panel-heading .collapsed .r-less {
    display: none;
}



.accoridan .panel-heading {
    padding: 5px 10px;
    border-bottom: 1px solid;
    overflow: hidden;
}

.accoridan .panel-default > .panel-heading {
    color: #333;
    border-color: #ddd;
}

.accoridan .panel-group .panel-heading {
    border-bottom: solid 1px #ddd;
}

.accoridan .panel-link h3 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-family: "proxima_novalight",Helvetica,Arial,sans-serif;
}

.accoridan .compSingleProd h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "proxima_novabold",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #666666;
}

.accoridan .panel-link.collapsed h3 {
    font-family: "proxima_novalight",Helvetica,Arial,sans-serif;
}

.accoridan .panel-heading a i {
    padding: 6px;
    color: #333333;
    line-height: 150%;
}

.accoridan .panel-heading a:hover h3,
.accoridan .panel-heading a:hover i {
    color: #2daae1;
}


.panel-body {
    padding: 15px;
}

    .panel-body ul {
        padding: 0 20px;
    }

        .panel-body ul li {
            margin-bottom: 7px;
            font-size: 16px;
        }

.panel-group {
    margin-bottom: 20px;
}

/* ------- Repsonsive --------*/
.no-tablet, .no-mobile {
    display: block;
}

table.no-tablet, table.no-mobile {
    display: table;
}



.alert {
    padding: 17px 15px 12px 15px;
    margin: 15px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    font-size: 16px;
}

    .alert.alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

    .alert.alert-error {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .alert.alert-error a {
            color: #a94442;
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        }

            .alert.alert-error a:hover {
                text-decoration: underline;
            }


.videoBorder {
    padding: 4px;
    background: #fff;
    border: solid 1px #ddd;
    margin-bottom: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.youtubeWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .youtubeWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }





/* ------------- GUARANTEE  --------------- */


.guarantee-bar {
    width: 100%;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 35px;
    margin: -10px 0 10px 0;
}

    .guarantee-bar.blue {
        background-image: url(/assets/images/guarantee-bar-blue.jpg);
    }

    .guarantee-bar.grey {
        background-image: url(/assets/images/guarantee-bar-grey.jpg);
    }


    .guarantee-bar span {
        width: 33.33%;
        float: left;
        display: block;
        padding: 12px 0 10px 0;
        position: relative;
        text-transform: uppercase;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        text-align: center;
    }



    .guarantee-bar.blue span {
        color: #ffffff;
    }

    .guarantee-bar.grey span {
        color: #333333;
    }

#guarantee h3 {
    margin-bottom: 15px;
}

#guarantee h5 {
    margin-bottom: 10px;
    margin-top: 30px;
}

#guarantee h6 {
    margin-bottom: 8px;
    margin-top: 20px;
}

#guarantee .guarantee-multi {
    width: 120%;
    margin-right: -20%;
}

#guarantee .feature img {
    max-width: 100%;
}

/*.guarantee-bar span img {
    position: absolute;
    left: -22px;
    top: -5px;
    width: 45px;
    height: 45px;
}*/


/* ------------- // GUARANTEE  --------------- */

/* ---  Slide / fade in animation  ---  */
.come-in.in-fade {
    -webkit-animation-name: come-in-fade; /* Chrome, Safari, Opera */
    animation-name: come-in-fade;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.in-bottom {
    -webkit-animation-name: come-in-bottom; /* Chrome, Safari, Opera */
    animation-name: come-in-bottom;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.in-top {
    -webkit-animation-name: come-in-top; /* Chrome, Safari, Opera */
    animation-name: come-in-top;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.in-left {
    -webkit-animation-name: come-in-left; /* Chrome, Safari, Opera */
    animation-name: come-in-left;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.in-right {
    -webkit-animation-name: come-in-right; /* Chrome, Safari, Opera */
    animation-name: come-in-right;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.subtle-in-left {
    -webkit-animation-name: subtle-come-in-left; /* Chrome, Safari, Opera */
    animation-name: subtle-come-in-left;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.subtle-in-right {
    -webkit-animation-name: subtle-come-in-right; /* Chrome, Safari, Opera */
    animation-name: subtle-come-in-right;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.subtle-in-bottom {
    -webkit-animation-name: subtle-come-in-bottom; /* Chrome, Safari, Opera */
    animation-name: subtle-come-in-bottom;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.subtle-in-top {
    -webkit-animation-name: subtle-come-in-top; /* Chrome, Safari, Opera */
    animation-name: subtle-come-in-top;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.eleAnimate {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}

    .eleAnimate.in-fade {
        -webkit-transition: opacity 1.5s ease-in;
        -moz-transition: opacity 1.5s ease-in;
        transition: opacity 1.5s ease-in;
    }

.come-in {
    opacity: 1;
}

@-webkit-keyframes come-in-fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes come-in-bottom {
    from {
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        transform: translateY(150px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes come-in-bottom {
    from {
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        transform: translateY(150px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes come-in-top {
    from {
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        transform: translateY(-150px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes come-in-top {
    from {
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        transform: translateY(-150px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes come-in-left {
    from {
        -webkit-transform: translateX(-150px);
        -moz-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes come-in-left {
    from {
        -webkit-transform: translateX(-150px);
        -moz-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes come-in-right {
    from {
        -webkit-transform: translateX(150px);
        -moz-transform: translateX(150px);
        transform: translateX(150px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes come-in-right {
    from {
        -webkit-transform: translateX(150px);
        -moz-transform: translateX(150px);
        transform: translateX(150px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes subtle-come-in-left {
    from {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes subtle-come-in-left {
    from {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes subtle-come-in-right {
    from {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        transform: translateX(40px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes subtle-come-in-right {
    from {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        transform: translateX(40px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes subtle-come-in-bottom {
    from {
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        transform: translateY(60px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes subtle-come-in-bottom {
    from {
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        transform: translateY(60px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes subtle-come-in-top {
    from {
        -webkit-transform: translateY(-60px);
        -moz-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes subtle-come-in-top {
    from {
        -webkit-transform: translateY(-60px);
        -moz-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes scale-and-fadein {
    0% {
        -webkit-transform: scale(0.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-and-fadein {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* mobile */
@media(max-width:767px) {
    /* body, .main{background:red;}*/




    .mobile-btn,
    p .mobile-btn {
        padding: 14px 18px 10px;
        border: solid 2px;
        font-size: 14px;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        display: inline-block;
        line-height: 100%;
        background: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .mobile-btn.btn-full-width,
        p .mobile-btn.btn-full-width {
            width: 94%;
        }

    .hb-small .mobile-btn.btn-full-width,
    .hb-small p .mobile-btn.btn-full-width {
        width: 90%;
    }



    .mobile-btn.blue {
        color: #2daae1;
        border-color: #2daae1;
    }

        .mobile-btn.blue:hover {
            background: #2daae1;
            color: #ffffff;
        }

    .productGrid li .actionWrap, .hb-small .actionWrap {
        position: static;
    }

    .main {
       /* background: #ffffff;*/
        padding: 40px 0;
    }

    h1 {
        font-size: 36px;
    }

    .title-container h3 {
        font-size: 20px;
    }

    .button.btn-full-width,
    p .button.btn-full-width {
        width: 100%;
        text-align: center;
    }

    .page-banner {
        height: 500px;
    }



    .store-banner .title-container,
    #support-banner .title-container,
    #institution-banner .title-container,
    #jobs-banner .title-container,
    #business-banner .title-container,
    #takefinance-banner .title-container,
    #edu-ed-banner .title-container,
    #guarantee-banner .title-container {
        margin-top: 200px;
        padding: 0 5%;
    }

    .left-change-center-text .left {
        float: none;
    }


    /* ----- contact page ------ */
    #store-locator input[type="text"], #finance-calculator input[type="text"] {
        width: 100%;
        margin-right: 10px;
    }

    .stores-con {
        padding: 0;
    }

    .contact-con {
        padding-left: 0px;
    }


    .mapWrap {
        padding-left: 0;
    }

    .search-store-result.search-store-result-container {
        background: none;
        margin: 0;
        width: auto;
    }

    .search-store-result {
        position: static;
        width: 100%;
        margin: 0;
        overflow: visible;
        height: auto;
    }

    .search-store-result-container {
        height: auto;
        background: #f9f9f9;
    }

    .search-store-result ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .search-store-result ul li {
            width: 100%;
            margin: 0 0 15px 0;
        }


    .search-store-result .container {
        max-width: 100%;
        background: #eee;
    }

    .contact-details td {
        width: 100%;
    }




    img.fit-mobile {
        max-width: 100%;
    }

    .no-mobile,
    table.no-mobile {
        display: none;
    }


    .no-tablet {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .hb {
        text-align: center;
        min-height: 0;
        width: 100%;
    }

    #home-contact,
    #home-pt {
        width: 100%;
    }

        #home-pt img,
        #home-contact img {
            position: relative;
            height: 190px;
            text-align: center;
            bottom: 0;
            display: block;
            margin: auto;
        }

    .hb-text {
        float: none;
        width: 100%;
        padding: 30px;
    }



    .hb-small {
        width: 100%;
        min-height: 345px;
        padding: 0 20px 30px;
        border: none;
        border-top: solid 1px #ddd;
    }

        .hb-small img {
            height: 150px;
            width: auto;
        }










    .stores-con {
        border: none;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 40px;
    }

    .contact-con {
        padding-left: 0;
    }

    .grid-copy {
        width: 80%;
        margin-left: 15px;
    }

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

        .left-change-center-text .small-splitter {
            margin-left: auto;
            margin-right: auto;
        }

    .mob-break {
        display: block;
        clear: both;
        height: 0;
        width: 100%;
        margin-top: 20px;
    }

    .image-grid img {
        margin: 3px;
        width: 45%;
    }

    .padding-right-50 {
        padding-right: 0px;
    }

    .border-right-1-light {
        border-right: none;
    }

    .icon-list {
        padding-left: 0px;
    }

        .icon-list .grid-copy {
            min-height: 0;
            margin-bottom: 30px;
        }

        .icon-list .grid-copy {
            width: 80%;
        }

    .title-container h3 {
        font-size: 20px;
    }

    .productGrid li,
    .productGrid.accessories.ipod li,
    .productGrid.accessories.iphone li,
    .productGrid.appcessories li,
    .productGrid.accessories.mac li,
    .productGrid.accessories.mac.make-it-stick li,
    .productGrid.accessories.bags-sleeves li {
        min-height: 0;
        width: 100%;
    }

    .pricingTable.three-col .column,
    .pricingTable.two-col .column {
        width: 100%;
    }

    .pricingTable .column {
        margin-bottom: 25px;
    }

    .pricingTable.macpro-table .column .prod-spec {
        min-height: 0;
    }

    .pricingTable.imac-table .column .prod-spec {
        min-height: 0;
    }

    .ipad-table.pricingTable .column .prod-spec {
        min-height: 0;
    }



    .fitImageDesk {
        width: auto;
        height: auto;
    }

    .fixCornerwrap-nm {
        width: 100%;
    }

    .gridItem {
        padding: 30px 0px;
    }

        .gridItem.xs-1col {
            width: 100%;
        }

    .edu-steps div {
        min-height: 0px;
    }

    .cs-article.first,
    .cs-article.last {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cs-feature-img {
        position: static;
        width: 70%;
    }

    #jobs-list li span {
        display: inline-block;
        width: 32%;
    }

        #jobs-list li span.job-actions {
            width: 100%;
        }

    .edu-products header div {
        width: 100%;
        text-align: center;
    }

    .edu-products header img {
        position: static;
        display: block;
        margin: 16px auto;
        width: auto;
        float: none;
    }

    .case-study-grid img {
        max-width: 100%;
    }


    .st-feature-block.pd article,
    .st-feature-block.pt article,
    .st-feature-block.ps article {
        padding-left: 0;
        padding-right: 0;
    }

    .store-sidebar,
    .store-features {
        padding-right: 0px;
        padding-left: 0px;
        border-right: none;
    }

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

    #jobs-list li {
        margin: 0;
        border-bottom: solid 1px #dddddd;
        padding: 0;
        text-align: left;
        padding: 20px 0;
    }



    .pt-steps .pt-single-step {
        width: 100%;
        float: left;
    }

        .pt-steps .pt-single-step img {
            margin: 0;
            float: none;
        }

        .pt-steps .pt-single-step p {
            width: 100%;
            margin-right: 0;
            float: none;
        }

    #training-banner .title-container h3 {
        font-size: 20px;
        max-width: 600px;
        width: auto;
    }

    .training-login-container input[type="text"],
    .training-login-container input[type="password"] {
        width: 100%;
    }

        .training-login-container input[type="text"].last,
        .training-login-container input[type="password"].last {
            margin-right: 0;
            width: 100%;
        }

    .forgottenPasswordLink {
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    #training-banner {
        height: 530px;
    }

    #personal-trainer .title-container {
        margin-top: 50px;
    }

        #personal-trainer .title-container h1 img {
            max-width: 90%;
        }

    #store-locator .button {
        margin-bottom: 10px;
    }

    .lower-page-ctas.last,
    .lower-page-ctas.first {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-map-image {
        height: 100px;
        width: 100%;
        min-height: 100px;
        background-size: cover;
    }


    .productGrid li .actionWrap {
        position: static;
    }

    .productGrid.mac li img {
        max-width: 100%;
        max-height: 100%;
    }



    .padded-text.no-pad-mobile {
        padding: 0;
    }



    #contact-feature-banner {
        background: none;
        background: #eeeeee;
    }

    .contact-depart-grid .head-office {
        padding-top: 50px;
        padding-left: 0;
        margin-top: 20px;
        border-top: solid 1px #dddddd;
        border-left: none;
        padding-right: 20px;
    }


    #contact-banner {
        height: 460px;
    }

        #contact-banner > section.container {
            padding-top: 0;
        }

        #contact-banner .title-container {
            margin-top: 60px;
        }

            #contact-banner .title-container h1 {
                font-size: 32px;
            }

            #contact-banner .title-container .split {
                width: 100%;
                height: 3px;
                background: #555555;
                position: relative;
                margin-top: 50px;
                margin-bottom: -70px;
            }

    .search-store-result ul li .widget-con p strong {
        font-size: 14px;
    }

    .search-store-result ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .search-store-result {
        height: 285px;
    }

    .page-slice-container {
        background: none;
        display: none;
    }

    .search-store-result ul li .widget-con p {
        width: 85%;
    }

    .contact-store-left-wrap {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

    .macbook-river .river-block.first {
        padding: 0px 0;
    }

    #takefinance-banner .title-container,
    #guarantee-banner .title-container {
        margin-top: 80px;
    }

    .river.ipad-2 .river-block h3,
    .river.ipad-4 .river-block h3,
    .river.macbook .river-block h3,
    .river.macbook-pro-river .river-block h3,
    .river.iphone .river-block h3 {
        font-size: 30px;
        color: black;
        margin-top: 0;
    }

    .river.ipad-4 .river-block h3 {
        font-size: 30px;
    }

    .river.ipad-2 .river-block p,
    .river.ipad-4 .river-block p,
    .river.macbook .river-block p,
    .river.macbook-pro-river .river-block p,
    .river.iphone .river-block p {
        font-size: 20px;
        padding: 0;
    }

    .river.ipad-2 .river-block img,
    .river.macbook .river-block img,
    .river.macbook-pro-river .river-block img {
        width: auto;
        max-width: 100%;
    }

    .river .river-block .spec-att.left {
        height: 50px;
        width: auto;
    }

    #ipad-air-2-capable {
        margin-top: -100px;
        margin-bottom: 30px;
    }

    #ipad-air-2-touchid {
        margin-top: -280px;
        margin-bottom: 30px;
        margin-left: 0%;
        width: auto;
    }

    #ipad-air-2-camera,
    #ipad-air-2-apps {
        margin-bottom: -100px;
    }

    #ipad-mini-3-intro,
    #macbook-pro-intro {
        margin-top: 0px;
    }

    #imac-hero {
        margin-top: 0px;
    }

    #imac-intro {
        margin: 0;
    }

    .imac-river h3,
    .imac-river .river-block h3 {
        font-size: 40px;
        margin: 10px 0 0 0;
        line-height: 100%;
    }

    .imac-river img {
        max-width: 100%;
    }

    .imac-river p,
    .imac-river .river-block p {
        font-size: 16px;
    }

    .river #macbook-osx {
        position: relative;
        max-width: 100%;
        width: auto;
        margin-top: -90px;
        top: auto;
    }

    .river #macbook-keyboard-background {
        background-size: 850px 447px;
        background-repeat: no-repeat;
        height: 990px;
        width: 850px;
        position: relative;
        left: 50%;
        top: -125px;
        z-index: 1;
        margin-left: -425px;
        margin-bottom: 0;
    }

    .river .river-block.block-one {
        top: 280px;
    }

    .river.macbook .river-block.knockdown p {
        margin-bottom: 0;
    }

    .river #macbook-intro {
        margin-top: 0;
    }

    .river #macbook-usbc {
        width: 170%;
        margin: 40px 0 60px -85%;
        max-width: none;
    }

    .ptBlock .middle-copy {
        width: 100%;
    }

    .ptBlock div {
        margin-left: 0;
    }

    .ti-recycle-icon {
        width: 40%;
    }

    #deployed .imageCollage img,
    #deployed .imageCollage .stackOne {
        position: relative;
        max-width: 100%;
        top: 0;
        left: 0;
    }

    .imageCollage .stackTwo,
    .imageCollage .stackThree {
        display: none;
    }

    #deployed .caption {
        margin-top: 20px;
        text-align: center;
    }

        #deployed .caption h4 {
            border: none;
            padding: 0;
        }

    #connected,
    #developed {
        width: 100%;
        left: 0;
        padding: 70px 0;
        -ms-transform: rotate(0); /* IE 9 */
        -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
        transform: rotate(0);
    }

        #connected .straighten,
        #developed .straighten {
            -ms-transform: rotate(0); /* IE 9 */
            -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
            transform: rotate(0);
        }

    #supported .imageCollage .stackOne {
        position: relative;
        left: 0;
        max-width: 100%;
        margin-bottom: 30px;
        width: 100%;
    }

    #supported .imageCollage .stackTwo,
    #supported .imageCollage p,
    #supported .caption {
        display: none;
    }


    .river.iphone .river-block {
        padding: 40px 0;
    }

    #iphone-hero-container,
    #iphone6s-hero-container {
        padding-bottom: 0;
    }

        #iphone-hero-container .iphone-models,
        #iphone6s-hero-container .iphone-models {
            text-align: center;
        }


    #iphone-hero,
    #iphone6s-hero {
        margin-bottom: 40px;
    }

    #iphone-intro {
        margin-top: -70px;
    }

    #iphone6s-intro {
        margin-top: -40px;
    }


    #iphone-retinahd,
    #iphone-wireless {
        margin-top: 0;
        margin-bottom: -130px;
        width: 90%;
    }

    #iphone-a8chip-container,
    .river.iphone.shrink-height {
        padding: 130px 0;
        padding: 0 0 140px 0;
    }

    #iphone-camera-container {
        padding: 0 0 240px 0;
    }

    #iphone-a8chip {
        margin-top: 0;
        margin-bottom: -600px;
        width: 220%;
        margin-left: -8%;
    }

    #iphone-m8motion {
        margin-top: 0;
        margin-bottom: -225px;
        width: 90%;
    }

    #iphone-camera {
        margin-top: -60px;
        margin-bottom: -750px;
        width: 200%;
        margin-left: -91%;
    }

    #iphone-touchid {
        margin-top: -112px;
        margin-bottom: 50px;
        margin-left: -5%;
        width: 100%;
    }

    #iphone-ios8 {
        margin-top: -20px;
        margin-bottom: -200px;
        width: 95%;
    }

    #iphone6s-camera,
    #iphone6s-design,
    #iphone6s-touch {
        width: 100%;
        left: 0;
        position: relative;
    }

    #iphone6s-ios9 {
        width: 100%;
        left: 0;
        position: relative;
    }

    #iphone-nothing {
        width: 120%;
        left: -20%;
        position: relative;
        top: 20px;
    }

    #iphone6s-touch,
    #iphone6s-design {
        margin-bottom: 30px;
    }

    #iphone-6s .river.iphone .river-block {
        padding: 25px 0;
    }

        #iphone-6s .river.iphone .river-block h3 {
            margin-top: 0;
        }

    #iphone-6s .ext-height {
        padding: 100px 0 50px 0;
    }

    #ipad-mini4-covers img {
        width: 210%;
        margin-left: -97%;
        margin-bottom: -100px;
        margin-top: -298px;
    }

    #ipad-mini4-wifi img {
        margin-bottom: -100px;
        width: 140%;
        margin-left: -20%;
    }


    #contact {
        margin-top: 0;
    }

    #edu-ed-row .ed-col {
        padding: 0 11px;
        margin-bottom: 35px;
        padding-bottom: 30px;
        border-bottom: solid 1px #dddddd;
    }


    #health-and-fitness #urbanista-rio img {
        position: relative;
        bottom: 0;
        top: 0;
    }

    #health-and-fitness {
        text-align: center;
    }

        #health-and-fitness p.left,
        #health-and-fitness .acc-color {
            float: none;
            margin-left: 0;
            margin-right: 0;
        }

        #health-and-fitness #micoach-band .prices p.left {
            margin-right: 0;
        }

        #health-and-fitness #bose-earbuds img {
            margin: 20px 0;
        }

        #health-and-fitness #itunes-card img {
            width: 100%;
            margin: 30px 0 0 0;
        }

        #health-and-fitness #zepp-tennis img {
            max-width: 100%;
        }

            #health-and-fitness #zepp-tennis img.player {
                display: none;
            }


    .guarantee-bar.blue {
        background-image: url(/assets/images/guarantee-bar-blue-mobile.jpg);
    }

    .guarantee-bar.grey {
        background-image: url(/assets/images/guarantee-bar-grey-mobile.jpg);
    }


    #fo-takesix,
    #fo-takelonger {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        padding: 50px 0;
        margin: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }


        #fo-takesix .straighten,
        #fo-takelonger .straighten {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

    .fo-content-block.left,
    .fo-content-block.right {
        float: none;
    }

    #takefinance-banner .title-container,{
        margin-top: 145px;
    }


    #finance-options .finance-icons p img {
        margin: 0 0 15px 0;
    }

    #finance-options .finance-icons {
        margin: 50px 0 50px 0;
    }

    .finance-compare-table .fc-column.grey {
        margin-left: 0;
    }

    #finance-options .calculator {
        text-align: center;
    }

    #finance-options .finance-guarantee-block {
        margin-top: 30px;
        padding-top: 30px;
        border-top: solid 1px #dddddd;
    }

    #guarantee .threeyg-ipad-feature,
    #guarantee .threeyg-mac-feature {
        position: relative;
        max-width: 100%;
        right: 0;
    }

    #guarantee-banner .title-container {
        margin-top: 50px;
        padding: 0 20%;
    }

    #guarantee .blue-block {
        margin-left: auto;
    }

    .topWrap {
        margin-top: 70px;
    }

    #imac-display img {
        margin: 0 0 -80px 0;
    }

    #imac-innovation img {
        margin: 0 0 50px 0;
    }

    #imac-storage img {
        margin: 0;
    }

    #imac-icloud img {
        max-width: 180%;
        margin-left: -80%;
    }

    #imac-osx img,
    #imac-apps img {
        margin-top: 0;
    }

    #imac-connections .river-text {
        margin-top: 0;
    }
}
/* tablet */
@media(min-width:768px) {
    /*body, .main{background:blue;}*/

    .topWrap {
        margin-top: 0;
    }

    #edu-ed-row .ed-col {
        padding: 0 11px;
        margin-bottom: 65px;
        padding-bottom: 0;
        border-bottom: none;
    }

    #deployed .imageCollage img,
    #deployed .imageCollage .stackOne {
        position: relative;
        max-width: 100%;
        top: 0;
        left: 0;
    }

    #deployed .imageCollage .stackOne {
        width: 100%;
    }

    #deployed .imageCollage .stackTwo,
    #deployed .imageCollage .stackThree {
        display: none;
    }

    #deployed .caption {
        margin-top: 20px;
        text-align: center;
    }

        #deployed .caption h4 {
            border: none;
            padding: 0;
        }

    #connected {
        width: 150%;
        left: -25%;
        padding: 80px 0;
    }


    #supported .imageCollage .stackOne {
        position: relative;
        left: 0;
        max-width: 100%;
        margin-bottom: 30px;
        margin-top: -30px;
        width: 100%;
    }

    #supported .imageCollage .stackTwo,
    #supported .imageCollage p,
    #supported .caption {
        display: none;
    }



    .no-tablet {
        display: none;
    }

    .hb {
        min-height: 250px;
    }

    #home-contact,
    #home-pt {
        /*width: 50%;*/
        text-align: center;
        padding-top: 0;
    }

        #home-pt img,
        #home-contact img {
            position: static;
            height: 180px;
            text-align: center;
            bottom: 25px;
            right: 10px;
            clear: both;
            display: block;
            margin: auto;
        }

    .hb-text {
        float: none;
        width: 100%;
        padding: 0 30px 30px 30px;
    }


    .hb-small {
        min-height: 365px;
    }

        .hb-small p {
            font-size: 14px;
        }

        .hb-small h4, .hb-small p {
            padding: 0 25px;
        }

    #finance-calculator input[type="text"] {
        width: 100%;
        margin-right: 0px;
    }

    .left-change-center-text .left {
        float: none;
    }

    /*navigtion*/
    #mobile-nav-button,
    #contact-nav-button {
        display: inline-block;
        float: right;
        margin-left: 10px;
        color: #cccccc;
    }




        #mobile-nav-button a,
        #contact-nav-button a {
            /*padding: 15px 17px 4px 17px;
            display: inline-block;
            color: #ffffff;
            font-size: 20px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;*/
            padding: 15px 17px 4px 17px;
            display: inline-block;
            color: #d5d5d5;
            font-size: 20px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            overflow: hidden;
            height: 50px;
            position: relative;
            width: 50px;
            transition: all 0.16s ease-in-out;
            -moz-transition: all 0.16s ease-in-out;
            -webkit-transition: all 0.16s ease-in-out;
        }

            #mobile-nav-button a:hover,
            #contact-nav-button a:hover {
                /*background: #444;*/
                color: #ffffff;
            }

            #mobile-nav-button a .nav-btn-icons i.fa {
                margin: 10px 0;
            }

            #mobile-nav-button a .nav-btn-icons {
                position: absolute;
                top: 7px;
                left: 12px;
                display: block;
                width: 24px;
                transition: all 0.16s ease-in-out;
                -moz-transition: all 0.16s ease-in-out;
                -webkit-transition: all 0.16s ease-in-out;
            }

        #mobile-nav-button.active a .nav-btn-icons {
            top: -33px;
        }


    .stores-con {
        border: none;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 40px;
        padding-right: 0;
    }

    .contact-con {
        padding-left: 10px;
    }

    .grid-copy {
        width: 81%;
        margin-left: 15px;
        min-height: 200px;
    }

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

        .left-change-center-text .small-splitter {
            margin-left: auto;
            margin-right: auto;
        }




    .mob-break {
        display: block;
        clear: both;
        height: 0;
        width: 100%;
        margin-top: 20px;
    }

    .image-grid img {
        margin: 3px;
        width: 23.6%;
    }

    .padding-right-50 {
        padding-right: 0px;
    }

    .border-right-1-light {
        border-right: none;
    }

    .icon-list {
        padding-left: 0px;
    }

        .icon-list .grid-copy {
            min-height: 0;
            margin-bottom: 30px;
        }

        .icon-list .grid-copy {
            width: 88%;
        }

    .title-container h3 {
        font-size: 28px;
    }

    .productGrid li {
        min-height: 485px;
        width: 50%;
    }

    .productGrid.mac li {
        min-height: 520px;
    }

    .productGrid.crosssell-mac-three li {
        min-height: 365px;
    }

    .productGrid.appcessories li {
        min-height: 410px;
    }

    .productGrid.accessories.headphones li {
        min-height: 450px;
    }

    .productGrid.accessories.ipad li {
        min-height: 460px;
    }

    .productGrid.iphone li {
        min-height: 430px;
        padding-left: 35px;
        padding-right: 35px;
    }

    .pricingTable.macpro-table .column .prod-spec {
        min-height: 0;
    }

    .ipad-table.pricingTable .column .prod-spec {
        min-height: 0;
    }

    .pricingTable.imac-table .column .prod-spec {
        min-height: 300px;
    }


    .fitImageDesk {
        width: 100%;
        height: auto;
    }

    fixCornerwrap-nm {
        width: 50%;
    }

    .cs-article.first,
    .cs-article.last {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cs-feature-img {
        position: static;
        width: auto;
    }

    #jobs-list li span {
        display: inline-block;
        width: 33%;
    }

        #jobs-list li span.job-actions {
            width: 31%;
        }

    .edu-products header div {
        width: 64%;
    }

    .edu-products header img {
        position: absolute;
        bottom: 20px;
        right: 2%;
        width: 30%;
    }

    .store-sidebar,
    .store-features {
        padding-right: 0px;
        padding-left: 0px;
        border-right: none;
    }

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

    #jobs-list li {
        margin: 0;
        border-bottom: solid 1px #dddddd;
        padding: 0;
        text-align: left;
        padding: 0;
    }

    .pt-steps .pt-single-step {
        width: 100%;
        float: left;
    }

        .pt-steps .pt-single-step img {
            margin: 0;
            float: none;
        }

        .pt-steps .pt-single-step p {
            width: 100%;
            margin-right: 0%;
            float: none;
        }

    .training-login-container input[type="text"] {
        width: 40%;
    }

        .training-login-container input[type="text"].last,
        .training-login-container input[type="password"] {
            margin-right: 2%;
            width: 39%;
        }

    .forgottenPasswordLink {
        text-align: left;
        width: 100%;
        display: inline-block;
    }

    .contact-methods .department {
        width: 33%;
        float: left;
        padding: 30px 0 10px 0;
        text-align: center;
    }

        .contact-methods .department.ho {
            width: 100%;
            float: left;
            padding-left: 20px;
            background: #ffffff;
        }

        .contact-methods .department p {
            margin-top: 0;
        }

    #store-locator input[type="text"] {
        width: 54%;
    }

    .lower-page-ctas.last,
    .lower-page-ctas.first {
        padding-left: 0;
        padding-right: 0;
    }


    .white-block.pullout {
        background: #f9f9f9;
    }


    .contact-depart-grid .head-office {
        padding-top: 50px;
        padding-left: 0;
        border-top: solid 1px #dddddd;
        border-left: none;
        padding-right: 20px;
    }


    #contact-banner > section.container {
        padding-top: 30px;
    }

    #contact-banner .title-container .split {
        width: 100%;
        height: 3px;
        background: #555555;
        position: relative;
        margin-top: 110px;
        margin-bottom: -50px;
    }

    .search-store-result ul li .widget-con p strong {
        font-size: 12px;
    }

    .contact-store-left-wrap {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

    .search-store-result ul li .widget-con p {
        width: 90%;
    }

    .search-store-result ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .search-store-result {
        height: 505px;
    }

    .page-slice-container {
        background: url('/assets/images/store-list-splitter@2x.png') no-repeat;
        background-size: 264px 11px;
        margin-top: -23px;
        position: relative;
        display: block;
    }

    .store-overview-info-con .number,
    .store-overview-info-con .address {
        width: 100%;
    }

    .overview-open-times {
        border-left: none;
        padding-left: 0px;
        margin-top: 30px;
    }


    .store-banner .title-container,
    #support-banner .title-container,
    #institution-banner .title-container,
    #jobs-banner .title-container,
    #business-banner .title-container,
    #takefinance-banner .title-container,
    #edu-ed-banner .title-container,
    #guarantee-banner .title-container {
        margin-top: 220px;
        padding: 0 5%;
    }

    #contact-map {
        width: 100%;
        height: 450px;
        display: block;
    }

    #takefinance-banner .title-container {
        margin-top: 200px;
    }

    #guarantee-banner .title-container {
        margin-top: 150px;
    }

    .macbook-river .river-block.first {
        padding: 30px 0;
    }

    .river.ipad-2 .river-block h3,
    .river.ipad-4 .river-block h3 {
        font-size: 30px;
        color: #333333;
        margin-top: 0;
    }


    .river.ipad-2 .river-block p,
    .river.ipad-4 .river-block p {
        font-size: 18px;
        padding: 0;
    }


    #ipad-air-2-touchid {
        margin-top: -125px;
        margin-bottom: -50px;
        margin-left: -30%;
        width: 126%;
    }

    #ipad-air-2-camera {
        margin-bottom: -100px;
    }

    #ipad-mini-3-intro {
        margin-top: 0px;
    }

    .river .river-block.block-one {
        top: 450px;
    }

    .river #macbook-osx {
        position: absolute;
        width: 100%;
        top: 0;
    }

    .river.macbook .river-block.knockdown p {
        margin-bottom: 200px;
    }

    .river #macbook-keyboard-background {
        background-size: 1979px 1064px;
        background-repeat: no-repeat;
        height: 1400px;
        width: 1979px;
        position: relative;
        left: 50%;
        top: -380px;
        z-index: 1;
        margin-left: -989px;
        margin-bottom: 0;
    }


    .river.iphone .river-block {
        padding: 60px 0;
    }

    #iphone-hero-container .iphone-models {
        text-align: left;
    }

    #iphone6s-hero-container .iphone-models {
        text-align: center;
    }

    #iphone-hero {
        margin-bottom: -290px;
    }

    #iphone6s-hero {
        margin-bottom: -290px;
    }

    #iphone-intro {
        margin-top: 40px;
    }

    #iphone6s-intro {
        margin-top: 70px;
    }

    #iphone-hero-container,
    #iphone6s-hero-container {
        padding-bottom: 160px;
    }

    #iphone-retinahd,
    #iphone-wireless {
        width: 100%;
    }

    #iphone-a8chip {
        margin-top: 54px;
        margin-bottom: -119px;
        width: 200%;
        margin-left: -97%;
    }

    .river.iphone.shrink-height {
        padding: 80px 0;
    }

    #iphone-m8motion {
        margin-top: -100px;
        margin-bottom: -225px;
        width: 90%;
    }

    #iphone-camera {
        margin-top: 30px;
        margin-bottom: -120px;
        width: 165%;
        margin-left: -62%;
    }

    #iphone-ios8 {
        margin-top: -164px;
        margin-bottom: -200px;
        width: 105%;
    }

    #iphone-m8motion {
        margin-top: -35px;
        margin-bottom: -200px;
        width: 120%;
    }

    #iphone6s-camera,
    #iphone6s-design,
    #iphone6s-touch {
        width: 100%;
        left: 0;
        position: relative;
    }

    #iphone6s-ios9 {
        width: 120%;
        left: -20%;
        position: relative;
    }

    #iphone-nothing {
        width: 115%;
        left: -15%;
        position: relative;
        top: 20px;
    }

    #iphone6s-touch,
    #iphone6s-design {
        margin-bottom: 30px;
    }

    #iphone-touchid {
        margin-top: -180px;
        margin-bottom: -180px;
        margin-left: -25%;
        width: 129%;
    }

    #iphone-compare .space {
        margin: 0 5px;
    }

    #iphone-6s .river.iphone .river-block {
        padding: 25px 0;
    }

        #iphone-6s .river.iphone .river-block h3 {
            margin-top: 0;
        }

    #iphone-6s .ext-height {
        padding: 100px 0 50px 0;
    }

    #ipad-mini4-covers img {
        width: 170%;
        margin-left: -50%;
        margin-bottom: -70px;
        margin-top: -540px;
    }

    #ipad-mini4-wifi img {
        margin-bottom: -50px;
        width: 130%;
        margin-left: -15%;
    }


    .ptBlock .middle-copy {
        width: 50%;
    }

    #ipad-mini-3-intro {
        margin-top: 100px;
    }

    #guarantee .feature img {
        max-height: 90px;
    }


    #health-and-fitness #urbanista-rio img {
        position: relative;
        bottom: 0;
        top: 0;
    }

    .fo-step-block {
        margin: 40px 0 0 0;
    }


    .fo-content-block.left,
    .fo-content-block.right {
        float: none;
    }

    #fo-imac {
        width: 120%;
        margin-top: -10px;
        position: absolute;
    }

    #fo-ipad {
        width: 90%;
        margin-left: 0;
    }

    #fo-beats {
        margin-left: -55%;
        width: 209%;
        position: absolute;
        top: -838px;
    }

    #fo-takesix,
    #fo-takelonger {
        text-align: left;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        padding: 50px 0;
        margin: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }


        #fo-takesix .straighten,
        #fo-takelonger .straighten {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

    #takefinance-banner .title-container {
        margin-top: 205px;
    }

    #finance-options .finance-icons p img {
        margin: 0 0 10px 0;
    }

    #finance-options .finance-icons {
        margin: 50px 0 50px 0;
    }

        #finance-options .finance-icons .col.col-int,
        #finance-options .finance-icons .col.col-dep,
        #finance-options .finance-icons .col.col-ear {
            width: 33%;
        }

    .finance-compare-table .fc-column.grey {
        margin-left: 0;
    }

    #finance-options .calculator {
        text-align: left;
    }

    #finance-options .finance-guarantee-block {
        margin-top: 30px;
        padding-top: 0;
        padding-left: 20px;
        border-top: none;
        border-left: solid 1px #dddddd;
    }


    #health-and-fitness #zepp-tennis img.player {
        display: none;
    }


    #health-and-fitness #bose-earbuds img {
        margin: 20px 0;
    }

    #health-and-fitness #micoach-band .prices p.left {
        margin-right: 30px;
    }

    #health-and-fitness #itunes-card img {
        width: 120%;
        margin: 30px -20% 0 0;
    }

    #guarantee .threeyg-ipad-feature,
    #guarantee .threeyg-mac-feature {
        position: absolute;
        max-width: none;
        right: 40px;
    }



    #guarantee .blue-block {
        margin-left: auto;
    }

    .page-banner {
        height: 500px;
    }

    #imac-osx img,
    #imac-apps img {
        margin-top: 0;
    }

    #imac-connections .river-text {
        margin-top: -150px;
    }
}
/* medium */
@media(min-width:992px) {
    /*body, .main{background:yellow;}*/

    .store-banner .title-container,
    #support-banner .title-container,
    #institution-banner .title-container,
    #jobs-banner .title-container,
    #business-banner .title-container,
    #takefinance-banner .title-container,
    #edu-ed-banner .title-container,
    #guarantee-banner .title-container {
        margin-top: 160px;
        padding: 0 5%;
    }

    .no-tablet {
        display: block;
    }

    span.no-tablet.inline {
        display: inline;
    }

    .mobile-only {
        display: none;
    }

    .no-desktop {
        display: none;
    }

    .hb-small {
        /*min-height: auto;*/
        border-bottom: none;
        padding: 0 10px;
    }

    #home-contact,
    #home-pt {
        text-align: left;
    }

        /*#home-pt {
        width: 57%;
    }

    #home-contact {
        width: 43%;
    }*/

        #home-pt img,
        #home-contact img {
            position: absolute;
            height: 75%;
            text-align: center;
            bottom: 25px;
            right: 30px;
            clear: both;
            display: block;
        }



    #mobile-nav-button,
    #contact-nav-button {
        display: none;
    }



    .stores-con {
        border: none;
        border-right: 1px solid #eeeeee;
        padding-bottom: 0px;
        padding-right: 20px;
    }

    .contact-con {
        padding-left: 0px;
    }

    .grid-copy {
        width: 81%;
        margin-left: 15px;
    }

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

        .left-change-center-text .small-splitter {
            margin-left: 0;
            margin-right: auto;
        }

    .mob-break {
        display: none;
        clear: both;
        height: 0;
        width: 100%;
    }

    .image-grid img {
        float: left;
        margin: 0 4px 4px 0;
        width: 45%;
    }

    .padding-right-50 {
        padding-right: 50px;
    }

    .border-right-1-light {
        border-right: 1px solid #eeeeee;
    }

    .icon-list {
        padding-left: 30px;
    }

        .icon-list .grid-copy {
            min-height: 0;
            margin-bottom: 30px;
            width: 88%;
        }

    .productGrid li {
        min-height: 525px;
        width: 33%;
    }

    .productGrid.appcessories li {
        min-height: 455px;
    }

    .productGrid.accessories.ipad li {
        min-height: 460px;
    }

    .productGrid.accessories.iphone li {
        min-height: 480px;
    }

    .pricingTable.macpro-table .column .prod-spec {
        min-height: 420px;
    }

    .pricingTable.imac-table .column .prod-spec {
        min-height: 250px;
    }

    .ipad-table.pricingTable .column .prod-spec {
        min-height: 292px;
    }

    .ipadair2-table.pricingTable .column .prod-spec {
        min-height: 375px;
    }

    .gridItem.md-2col {
        width: 50%;
    }

    .edu-products header img {
        position: absolute;
        bottom: 20px;
        right: 2%;
        width: 22%;
    }

    .cs-article.first {
        padding-right: 35px;
    }

    .cs-article.last {
        padding-left: 35px;
    }

    .cs-feature-img {
        position: absolute;
    }

    #jobs-list li span {
        display: inline-block;
        width: 36%;
    }

        #jobs-list li span.job-actions {
            width: auto;
        }

    .edu-products header div {
        width: 64%;
    }

    .left-change-center-text .small-splitter {
        margin-left: 0;
        margin-right: 0;
    }

    .left-change-center-text .left {
        float: left;
    }

    .store-sidebar {
        padding-right: 30px;
        border-right: solid 1px #eeeeee;
    }

    .store-features {
        padding-left: 30px;
    }


    .pt-steps .pt-single-step {
        width: 48%;
        float: left;
    }

        .pt-steps .pt-single-step img {
            margin: 15px 10px 0 0;
            float: left;
        }

        .pt-steps .pt-single-step p {
            width: 75%;
            margin-right: 4%;
            float: right;
        }

    .contact-methods .department {
        text-align: center;
        width: 25%;
        float: left;
        padding: 30px 0 10px 0;
    }

        .contact-methods .department.ho {
            width: 100%;
            float: left;
            padding-left: 20px;
            background: #f9f9f9;
        }

            .contact-methods .department.ho::after {
                display: none;
                width: 0;
            }

    #store-locator input[type="text"] {
        width: 47%;
    }

    .lower-page-ctas.first {
        padding-right: 15px;
    }

    .lower-page-ctas.last {
        padding-left: 15px;
    }

    .white-block {
        padding: 35px 40px 40px 40px;
        border: solid 1px #EEEEEE;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    #finance-calculator input[type="text"] {
        width: 60%;
        margin-right: 10px;
    }

    .store-overview-info-con .number,
    .store-overview-info-con .address {
        width: 100%;
    }

    .store-overview-info-con .actions {
        margin-top: 0;
    }

    .overview-open-times {
        border-left: solid 1px #dddddd;
        padding-left: 20px;
        margin-top: 0;
    }


        .overview-open-times table td {
            font-size: 12px;
        }


    .search-store-result ul li {
        /* width: 245px; */
    }

    .contact-store-left-wrap {
        border-right: solid 1px #dddddd;
        margin-right: 0;
        padding-right: 0;
    }

    .page-slice-container {
        /* width: 245px; */
    }

    .tf-thumbnail {
        width: 505px;
        top: -15px;
    }


    #contact-map {
        width: 100%;
        height: 450px;
        display: block;
    }

    .macbook-river .river-block.first {
        padding: 40px 0;
    }

    .ptBlock .middle-copy {
        width: 50%;
    }

    .productGrid.ipad li {
        min-height: 550px;
    }

    .river.ipad-2 .river-block h3,
    .river.ipad-4 .river-block h3,
    .river.macbook-pro-river .river-block h3 {
        font-size: 50px;
        color: black;
        margin-top: 0;
        margin-bottom: 30px;
        line-height: 126%;
    }

    .river.ipad-4 .river-block h3 {
        font-size: 40px;
    }

    #ipad-air-2-touchid {
        margin-top: -225px;
        margin-bottom: -100px;
        margin-left: -30%;
        width: 126%;
    }

    .river .river-block.block-one {
        /*top: 550px;*/
    }

    .river #macbook-keyboard-background {
        background-size: 1979px 1064px;
        background-repeat: no-repeat;
        height: 1500px;
        width: 1979px;
        position: relative;
        left: 50%;
        top: -380px;
        z-index: 1;
        margin-left: -989px;
        margin-bottom: 0;
    }

    .river #macbook-osx {
        position: absolute;
        width: 100%;
        top: -200px;
    }

    .river.macbook .river-block.knockdown p {
        margin-bottom: 300px;
    }

    #iphone-hero {
        margin-bottom: -325px;
    }

    #iphone6s-hero {
        margin-bottom: -305px;
    }

    #iphone-retinahd,
    #iphone-wireless {
        margin-top: -150px;
        margin-bottom: -180px;
        width: 90%;
    }

    #iphone-a8chip {
        margin-top: 34px;
        margin-bottom: -119px;
        width: 181%;
        margin-left: -85%;
    }

    #iphone-compare .space {
        margin: 0 5px;
    }

    #iphone6s-camera,
    #iphone6s-design,
    #iphone6s-touch {
        width: 130%;
        left: -15%;
        position: relative;
    }

    #iphone6s-ios9 {
        width: 170%;
        left: -70%;
        position: relative;
    }

    #iphone-nothing {
        width: 130%;
        left: -30%;
        position: relative;
        top: 20px;
    }

    #iphone6s-touch {
        margin-bottom: -60px;
    }

    #iphone6s-design {
        margin-bottom: 30px;
    }

    #iphone-6s .river.iphone .river-block {
        padding: 50px 0;
    }

    #ipad-mini4-covers img {
        width: 150%;
        margin-left: -40%;
        margin-bottom: -70px;
        margin-top: -700px;
    }

    #deployed .imageCollage img {
        position: absolute;
        display: block;
    }

    #deployed .imageCollage .stackOne {
        top: 75px;
        left: 100px;
        z-index: 20;
        display: block;
        width: auto;
    }

    #deployed .imageCollage .stackTwo {
        top: 350px;
        left: 310px;
        z-index: 30;
        display: block;
    }

    #deployed .imageCollage .stackThree {
        top: 260px;
        left: 584px;
        z-index: 10;
        display: block;
    }

    #supported .imageCollage .stackOne {
        position: relative;
        left: -160px;
        top: 20px;
    }

    #supported .imageCollage .stackTwo {
        position: absolute;
        top: 370px;
        left: 210px;
        z-index: 20;
        display: block;
    }

    #supported .imageCollage p {
        width: 290px;
        text-align: right;
        display: none;
    }

    #supported .caption {
        position: absolute;
        width: 150px;
        top: 400px;
        right: 350px;
        display: block;
    }

    #deployed .caption {
        text-align: left;
    }

        #deployed .caption h4,
        #supported .caption h4 {
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
            margin-bottom: 0;
            color: #666666;
        }

    .reasons h3 {
        font-size: 24px;
    }


    #fo-imac {
        width: 130%;
        margin-right: -50%;
        margin-top: -50%;
        bottom: 65px;
    }

    #fo-beats {
        margin-left: -20%;
        width: 133%;
        position: absolute;
        top: -838px;
    }

    .fo-step-block {
        margin: 5px 0;
    }

    .fo-content-block.left {
        float: left;
    }

    .fo-content-block.right {
        float: right;
    }


    #fo-takesix {
        padding: 75px 0 450px 0;
        width: 150%;
        position: relative;
        left: -25%;
        top: -5px;
        background: #f9f9f9;
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

        #fo-takesix .straighten {
            -ms-transform: rotate(7deg);
            -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
        }

    #takefinance-banner .title-container {
        margin-top: 325px;
    }

    #finance-options .finance-icons p img {
        margin: 0 15px 20px 0;
    }

    #finance-options .finance-icons {
        margin: 50px 0 0 0;
    }

    .finance-compare-table .fc-column.grey {
        background: #f7f7f7;
        margin-left: -10px;
    }

    #finance-options .finance-icons .col.col-int,
    #finance-options .finance-icons .col.col-dep,
    #finance-options .finance-icons .col.col-ea {
        width: 30%;
        padding-right: 10px;
    }

    #finance-options .finance-icons .col.col-ea {
        padding-right: 0;
    }

    #finance-options .finance-guarantee-block {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }

    #finance-options .carousel-inner {
    width:100%;
    height: 1000px !important;
}

#finance-options .finance-options-banner {
    background-size: cover;
    padding-top: 0px;
    height: 970px;
    text-align: center;
    margin-bottom: 0px;
    background-color: #444444;
}

#finance-options .finance-options-banner h1 {
    font-family: 'proxima_novabold',Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 46px;
    line-height: 120%;
    padding-top:220px;
    padding-bottom:0px;
    margin-bottom:0px;
    text-shadow: none;
}

#finance-options .finance-options-banner h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    text-shadow: none;
}

    #finance-options .finance-options-banner img {
        padding: 10px;
        position: relative;
        text-shadow: none;
    }

#finance-options .finance-options-banner p {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    padding-top:20px;
    text-shadow: none;
}

#finance-options .finance-options-ipad {
    background-size: cover;
    height: 970px;
    text-align: center;
    margin-bottom: 0px;
    background-color: #444444;
}

#finance-options .finance-options-ipad h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    text-shadow: none;
}

    #finance-options .finance-options-ipad img {
        padding: 10px;
        position: relative;
        text-shadow: none;
        max-width: 700px;
    }

#finance-options .finance-options-ipad p {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    padding-top:60px;
    text-shadow: none;
}

    #health-and-fitness #urbanista-rio img {
        position: absolute;
        bottom: 0;
        top: -85px;
    }

    #health-and-fitness #zepp-tennis img.player {
        position: absolute;
        bottom: 0;
        top: -125px;
        display: inline-block;
        right: 0;
    }

    #health-and-fitness #bose-earbuds img {
        margin: 20px 0;
    }

    #guarantee .feature img {
        max-height: none;
    }


    #fo-takelonger {
        padding: 120px 0 60px 0;
        margin-bottom: -351px;
        width: 120%;
        position: relative;
        left: -10%;
        top: -350px;
        background: #ffffff;
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

        #fo-takelonger .straighten {
            -ms-transform: rotate(-7deg);
            -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
        }

    #guarantee .blue-block {
        margin-left: 0;
    }

    .page-banner {
        height: 550px;
    }

    #imac-osx img,
    #imac-apps img {
        margin-top: 50px;
    }

    #imac-connections .river-text {
        margin-top: -150px;
    }
}

@media(min-width:1200px) {

    /*body, .main{background:green;}*/

    .store-banner .title-container,
    #support-banner .title-container,
    #institution-banner .title-container,
    #jobs-banner .title-container,
    #business-banner .title-container,
    #takefinance-banner .title-container,
    #edu-ed-banner .title-container {
        margin-top: 309px;
        padding: 0 5%;
    }

        #guarantee-banner .title-container {
        margin-top: 259px;
        padding: 0 5%;
    }

    .no-tablet {
        display: block;
    }

    span.no-tablet.inline {
        display: inline;
    }

    .mobile-only {
        display: none;
    }

    .no-desktop {
        display: none;
    }

    #home-pt img,
    #home-contact img {
        position: absolute;
        height: 90%;
        text-align: center;
        bottom: 25px;
        right: 35px;
        clear: both;
        display: block;
    }


    #mobile-nav-button,
    #contact-nav-button {
        display: none;
    }

    .productGrid li {
        min-height: 485px;
        width: 33%;
    }

    .pricingTable.macpro-table .column .prod-spec {
        min-height: 330px;
    }

    .productGrid.appcessories li {
        min-height: 380px;
    }

    .productGrid.accessories.headphones li {
        min-height: 420px;
    }

    .productGrid.accessories.iphone li {
        min-height: 440px;
    }

    .edu-products header img {
        position: absolute;
        bottom: 20px;
        right: 2%;
        width: 22%;
    }

    .store-sidebar {
        padding-right: 50px;
        border-right: solid 1px #eeeeee;
    }

    .store-features {
        padding-left: 30px;
    }

    #store-locator input[type="text"] {
        width: 50%;
    }

    .contact-methods .department {
        text-align: left;
        width: 25%;
        float: left;
        padding: 30px 0 10px 0;
    }

        .contact-methods .department.ho {
            width: 25%;
            background-color: #f9f9f9;
            padding: 30px 0 25px 20px;
        }

            .contact-methods .department.ho::after {
                content: "";
                background-color: #f9f9f9;
                width: 300%;
                position: absolute;
            }

    .contact-depart-grid .head-office {
        padding-left: 50px;
        border-top: none;
        margin-top: 0;
        padding-top: 0;
        border-left: solid 1px #dddddd;
        padding-right: 20px;
    }

    #contact-banner > section.container {
        padding-top: 100px;
    }

        #contact-banner > section.container > img {
            top: 180px;
        }

    #contact-banner .title-container .split {
        width: 100%;
        height: 3px;
        background: #555555;
        position: relative;
        margin-top: 110px;
        margin-bottom: -50px;
    }

    .store-overview-info-con .actions {
        margin-top: 15px;
    }

    .store-overview-info-con .number,
    .store-overview-info-con .address {
        width: 45%;
        margin: 0;
    }

    .store-overview-info-con .address {
        min-height: 95px;
        margin-right: 10%;
    }

    .overview-open-times {
        border-left: solid 1px #dddddd;
        padding-left: 40px;
    }

    .contact-store-left-wrap {
        border-right: solid 1px #dddddd;
        margin-right: 20px;
        padding-right: 46px;
    }

    .tf-thumbnail {
        width: 590px;
        top: -42px;
    }


    #contact-map {
        width: 100%;
        height: 550px;
        display: block;
    }

    .macbook-river .river-block.first {
        padding: 40px 0;
    }

    #ipad-air-2-touchid {
        margin-top: -350px;
        margin-bottom: -120px;
        margin-left: -30%;
        width: 130%;
    }

    .river #macbook-osx {
        position: absolute;
        width: 100%;
        top: -200px;
    }

    .river.macbook .river-block.knockdown p {
        margin-bottom: 500px;
    }

    #supported .imageCollage .stackOne {
        position: relative;
        left: -170px;
    }

    #supported .imageCollage .stackTwo {
        position: absolute;
        top: 370px;
        left: 310px;
        z-index: 20;
    }

    #supported .imageCollage p {
        width: 290px;
        text-align: right;
        display: block;
    }

    #supported .caption {
        position: absolute;
        width: 150px;
        top: 265px;
        right: 10px;
    }

    .river #macbook-keyboard-background {
        background-size: 2560px 1557px;
        background-repeat: no-repeat;
        height: 1900px;
        width: 2560px;
        position: relative;
        left: 50%;
        top: -500px;
        z-index: 1;
        margin-left: -1280px;
        margin-bottom: 0;
    }

    .river .river-block.block-one {
        top: 700px;
    }

    #iphone-hero-container .iphone-models {
        text-align: left;
    }

    #iphone6s-hero-container .iphone-models {
        text-align: center;
    }

    #iphone-hero {
        margin-bottom: -355px;
    }

    #iphone-retinahd,
    #iphone-wireless {
        margin-top: -150px;
        margin-bottom: -180px;
        width: 90%;
    }

    #iphone-a8chip {
        margin-top: 20px;
        margin-bottom: -120px;
        width: 185%;
        margin-left: -56%;
    }

    #iphone-compare .space {
        margin: 0 7px;
    }

    #iphone6s-camera,
    #iphone6s-design,
    #iphone6s-touch {
        width: 130%;
        left: -15%;
        position: relative;
    }

    #iphone6s-touch {
        margin-bottom: -60px;
    }

    #iphone-6s .river.iphone .river-block {
        padding: 50px 0;
    }

    #ipad-mini4-covers img {
        width: 150%;
        margin-left: -40%;
        margin-bottom: -70px;
        margin-top: -700px;
    }

    #imac-icloud img {
        max-width: 250%;
        margin-left: -135%;
    }

    #imac-connections .river-text {
        margin-top: -150px;
    }

    .reasons h3 {
        font-size: 28px;
    }

    #fo-imac {
        width: 112%;
        margin-right: 5%;
        top: 150px;
    }

    .fo-step-block {
        margin: 5px 0;
    }

    .page-banner {
        height: 630px;
    }
}



#takefinance-banner .title-container {
    margin-top: 205px;
}

#finance-options .finance-options-banner {
    background-size: cover;
    padding-top: 0px;
    height: 970px;
    text-align: center;
    margin-bottom: 0px;
    background-color: #444444;
}

#finance-options .finance-options-banner h1 {
    font-family: 'proxima_novabold',Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 46px;
    line-height: 120%;
    padding-top:220px;
    padding-bottom:0px;
    margin-bottom:0px;
    text-shadow: none;
}

#finance-options .finance-options-banner h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    text-shadow: none;
}

    #finance-options .finance-options-banner img {
        padding: 10px;
        position: relative;
        text-shadow: none;
    }

#finance-options .finance-options-banner p {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    padding-top:20px;
    text-shadow: none;
}

#finance-options .finance-options-ipad {
    background-size: cover;
    height: 970px;
    text-align: center;
    margin-bottom: 0px;
    background-color: #444444;
}

#finance-options .finance-options-ipad h1 {
    font-family: 'proxima_novabold',Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-size: 46px;
    line-height: 120%;
    padding-top:220px;
    padding-bottom:0px;
    margin-bottom:0px;
    text-shadow: none;
}

#finance-options .finance-options-ipad h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    text-shadow: none;
}

    #finance-options .finance-options-ipad img {
        padding: 10px;
        position: relative;
        text-shadow: none;
        max-width: 700px;
    }

#finance-options .finance-options-ipad p {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    line-height: 120%;
    padding-top:60px;
    text-shadow: none;
}

#finance-options .carousel-inner {
    width:100%;
    height: 1000px !important;
}

#finance-options .finance-hero {
    padding-top: 190px;
    margin-left: auto;
    margin-right: auto;
}

#finance-options .finance-img {
    max-width: 650px !important;
    padding-top: 200px;
}


@media (max-width:1200px) {

    #finance-options .finance-img {
        padding-top: 20px;
        left: -10px;
    }

    #finance-options .finance-text {
        padding-top: 250px;
    }

    #finance-options .finance-text p {
        font-size: 18px;
        color: white;
    }

    #finance-options .finance-text h2 {
        font-size: 40px;
        line-height: 120%;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        margin-bottom: 20px;
        letter-spacing: .007em;
        color: white;
    }
}



#finance-options .take-wrapper p,
#finance-options .take-wrapper ul li {
    font-size: 16px;
}

    #finance-options .take-wrapper p.small {
        font-size: 14px;
    }

#finance-options .take-wrapper h3 {
    font-size: 24px;
}

#finance-options h3.fc-title {
    font-size: 20px;
    color: #019de1;
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
}

#finance-options h2.fo-title {
    font-size: 28px;
    margin-bottom: 10px;
    color: #333333;
}

.finance-reasons-list {
    list-style-type: decimal;
    padding-left: 20px;
    margin: 0 0 20px 0;
    list-style-position: outside;
}

    .finance-reasons-list li {
        margin-bottom: 10px;
        font-size: 16px;
    }

#zero-int-squares {
    margin: 15px 0;
}

#fo-macbook-pro,
#fo-imac,
#fo-ipad {
    position: relative;
    z-index: 1;
}

#fo-macbook-pro {
    width: 400%;
    margin-left: -300%;
}

#fo-imac {
    width: 120%;
    margin-right: 5%;
    top: 150px;
}

#fo-ipad {
    width: 110%;
    margin-left: -10%;
    margin-top: 10px;
}

.fo-step-block {
    margin: 5px 0;
    min-height: 190px;
    position: relative;
}

    .fo-step-block.first {
        margin-bottom: -40px;
        margin-top: 60px;
    }

    .fo-step-block.fo-arrow {
        padding: 30px 0;
        min-height: 0;
    }

    .fo-step-block h4 {
        margin: 15px 0 -5px 0;
        color: #1a9ede;
        text-transform: uppercase;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    .fo-step-block .level-wrap {
        position: absolute;
        top: 70px;
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

#finance-options p {
    color: #999999;
}

    #finance-options p strong {
        color: inherit;
    }

#fo-takesix {
    padding: 60px 0 450px 0;
    width: 150%;
    position: relative;
    left: -25%;
    top: 15px;
    background: #f9f9f9;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

    #fo-takesix .straighten {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

#fo-takelonger {
    padding: 120px 0 0 0;
    margin-bottom: -351px;
    width: 120%;
    position: relative;
    left: -10%;
    top: -350px;
    background: #ffffff;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
}

    #fo-takelonger .straighten {
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

#finance-options #navigation .subnav.finance-nav li a {
    padding: 10px 20px 8px 8px;
}

#finance-options .top-spacing {
    padding-top: 200px;
}

@media (max-width: 991px) {
    #finance-options .top-spacing {
        padding-top: 130px;
    }

    #finance-options .takefinance-product-hero {
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
        #finance-options .top-spacing {
        padding-top: 100px;
    }
}

#finance-options h1,
#finance-options h3 {
    margin: 0;
}

#finance-options .finance-icons {
    margin: 50px 0 0 0;
}

    #finance-options .finance-icons .col {
        float: left;
    }

        #finance-options .finance-icons .col.col-int,
        #finance-options .finance-icons .col.col-dep,
        #finance-options .finance-icons .col.col-ear {
            width: 33%;
            padding-right: 10px;
        }

        #finance-options .finance-icons .col.col-ear {
            padding-right: 0;
        }


    #finance-options .finance-icons p {
        margin: 0;
        line-height: 110%;
        padding: 0;
    }

        #finance-options .finance-icons p img {
            margin: 0 15px 20px 0;
        }

#finance-options #finace-calculation.single-finance-calc {
    padding: 30px 0 20px 0;
}

    #finance-options #finace-calculation.single-finance-calc .finance-table {
        margin-bottom: 0;
    }

#fo-faq {
}

#finance-options h3 {
    font-size: 30px;
}

#finance-options h4 {
    font-size: 22px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

#fo-faq h5 {
    font-size: 20px;
    margin-top: 30px;
    color: #333333;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
}

#fo-faq p,
#fo-faq li {
    font-size: 16px;
    margin-top: 5px;
    color: #999999;
}

#fo-faq li {
    margin-bottom: 10px;
}

#finance-options .finance-guarantee-block {
    margin-top: 0;
}
/* ---- take finance Template page---- */
.price-finance-link {
    margin: -10px 0 10px 0;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}

    .price-finance-link a {
        font-size: 12px;
        font-weight: normal;
    }

    .price-finance-link.three-yg a {
        color: #999999;
    }

.recommended-finance {
    border: solid 2px #2daae1;
    background-image: url(/assets/images/finance-corner.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.finance-type img {
    margin: 15px auto 25px auto;
}

.column-spacer-10 {
    padding: 0 10px;
}

.payment-plan h4,
.payment-plan p {
    color: #1a9ed8;
}

#finace-calculation {
    display: none;
}

.finance-table tr.recommended {
    background-color: #888;
}

.finance-table th,
.finance-table td {
    text-align: left;
}

.finance-table {
    margin: 15px 0 40px 0;
}

    .finance-table td,
    .finance-table th {
        padding: 10px 0;
    }

    .finance-table tbody td {
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }

@media (max-width:991px) { 
    #finance-options .carousel-inner {
        height: 740px !important;
    }

    #finance-options .finance-options-banner h1 {
        font-size: 36px;
        padding-top:180px;
    }

    #finance-options .finance-options-ipad h1 {
        font-size: 36px;
        padding-top:160px;
    }

    #finance-options .finance-options-banner img {
        max-height: 320px;
    }

    #finance-options .finance-options-ipad img {
        max-height: 320px;
    }
}



@media (max-width:899px) { 
    #finance-options .carousel-inner {
        height: 740px !important;
    }

    #finance-options .finance-options-banner h1 {
        font-size: 36px;
        padding-top:180px;
    }

    #finance-options .finance-options-ipad h1 {
        font-size: 36px;
        padding-top:160px;
    }

    #finance-options .finance-options-banner img {
        max-height: 320px;
    }

    #finance-options .finance-options-ipad img {
        max-height: 320px;
    }
}

@media (max-width:755px) { 
    #finance-options .carousel-inner {
        height: 600px !important;
    }

    #finance-options .finance-options-banner h1 {
        font-size: 36px;
        padding-top:140px;
    }

    #finance-options .finance-options-ipad h1 {
        font-size: 36px;
        padding-top:140px;
    }

    #finance-options .finance-options-banner img {
        max-height: 320px;
    }

    #finance-options .finance-options-ipad img {
        max-height: 320px;
    }
}

@media (max-width:694px) {
    #finance-options .carousel-inner {
        height: 570px !important;
    }

    #finance-options .finance-options-banner h1 {
        font-size: 36px;
        padding-top:130px;
    }

    #finance-options .finance-options-ipad h1 {
        font-size: 36px;
        padding-top:130px;
    }
}

@media (max-width:550px) {
    #finance-options .carousel-inner {
        height: 450px !important;
    }
    
    #finance-options .finance-options-banner h1 {
        font-size: 30px;
        padding-top:110px;
    }

    #finance-options .finance-options-banner h4 {
        font-size: 20px;
    }

    #finance-options .finance-options-banner img {
        max-height: 250px;
    }

    #finance-options .finance-options-banner p {
        font-size: 16px;
        padding-top:0px;
    }

    #finance-options .finance-options-ipad h1 {
        font-size: 30px;
        padding-top:110px;
    }

    #finance-options .finance-options-ipad h4 {
        font-size: 20px;
    }

    #finance-options .finance-options-ipad img {
        max-height: 250px;
    }

    #finance-options .finance-options-ipad p {
        font-size: 16px;
        padding-top:0px;
    }
}

@media (max-width:484px) {
    #finance-options .finance-options-banner h1 {
        font-size: 28px;
        padding-top:100px;
    }

    #finance-options .finance-options-ipad h1 {
        font-size: 28px;
        padding-top:110px;
    }
}

@media (max-width:438px) {
    #finance-options .finance-options-banner h1 {
        font-size: 28px;
        padding-top:100px;
    }

    #finance-options .finance-options-banner h4 {
        font-size: 20px;
    }

    #finance-options .finance-options-ipad h1 {
        font-size: 28px;
        padding-top:100px;
    }

    #finance-options .finance-options-ipad h4 {
        font-size: 20px;
    }

    #finance-options .carousel-inner {
        height: 470px !important;
    }
}

@media (max-width: 415px) {
    #finance-options .finance-options-ipad h1 {
        font-size: 36px;
        padding-top:100px;
    }

    #finance-options .finance-options-ipad h4 {
        font-size: 18px;
    }

    #finance-options .finance-options-ipad img {
        max-height: 200px;
    }

    #finance-options .finance-options-ipad p {
        font-size: 16px;
        padding-top:0px;
    }

    #finance-options .finance-options-banner h1 {
        font-size: 26px;
        padding-top:110px;
    }

    #finance-options .finance-options-banner h4 {
        font-size: 18px;
    }

    #finance-options .finance-options-banner img {
        max-height: 200px;
    }

    #finance-options .finance-options-banner p {
        font-size: 16px;
        padding-top:0px;
    }

    #finance-options .carousel-inner {
        height: 450px !important;
    }
}



@media (max-width: 375px) {
    #finance-options .carousel-inner {
        height: 400px !important;
    }
    
    #finance-options .finance-options-banner h1 {
        font-size: 24px;
        padding-top:95px;
    }

    #finance-options .finance-options-banner h4 {
        font-size: 18px;
    }

    #finance-options .finance-options-banner p {
        font-size: 14px;
        padding-top:0px;
    }

        #finance-options .finance-options-ipad h1 {
        font-size: 24px;
        padding-top:100px;
    }

    #finance-options .finance-options-ipad h4 {
        font-size: 18px;
    }

    #finance-options .finance-options-ipad p {
        font-size: 14px;
        padding-top:0px;
    }

}

@media (max-width:321px) {
    #finance-options .trade-prehead {
        padding-top: 47px;
        height: 70px;
        margin-top: 0px;
        font-size: 12px;
    }

    #finance-options .carousel-inner {
        height: 380px !important;
    }

    #finance-options .finance-options-banner h1 {
        font-size: 24px;
        padding-top: 60px;
    }

    #finance-options .finance-options-banner h4 {
        font-size: 14px;
    }

    #finance-options .finance-options-banner img {
        max-height: 180px;
    }

    #finance-options .finance-options-banner p {
        font-size: 12px;
        padding-top: 0px;
    }

    #finance-options .finance-options-ipad h1 {
        font-size: 24px;
        padding-top: 60px;
    }

    #finance-options .finance-options-ipad h4 {
        font-size: 14px;
    }

    #finance-options .finance-options-ipad img {
        max-height: 180px;
    }

    #finance-options .finance-options-ipad p {
        font-size: 12px;
        padding-top: 0px;
    }
}





#finance-options .findus-outer {
    padding-top: 450px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url(../../assets/images/hp-find-us.jpg);
    background-position: center center;
    display: flex;
}

#finance-options .findus-inner {
    background: white;
    margin-left:80px;
    margin-right:15px;
    margin-top:-165px;
    padding-left:20px;
    padding-top:20px;
    padding-right:20px;
    padding-bottom:20px;
    align-self: flex-end;
}

#finance-options .findus-inner h2 {
    font-size: 36px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
}

#finance-options .findus-inner h3 {
    font-size: 26px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    color: #333333;
    margin: 0px;
    text-align: left;
    line-height: 90%;
}

#finance-options .findus-inner p {
    font-size: 16px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
    padding-top:20px;
}

#finance-options .findus-search {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #666666;
}

#finance-options .findus-search h2 {
    font-size: 36px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
}

#finance-options .location-search-container {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #666666;
    padding-left: 0px;
}

#store-locator-finance {
    margin-top: 30px;
}

    #store-locator-finance input[type="text"] {
        width: 70%;
    }

#store-locator-finance .button {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top:0px;
    border-color: white;
    color: white;
}

#store-locator-finance .button:hover {
    border-color: white;
    background-color: white;
    color: #333333;
}

#finance-options .contact-us-two {
    padding: 0px;
    background-color: white;
}

#finance-options .contact-us-two h2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    font-size: 28px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
}

#finance-options .contact-us-two p {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
}

#finance-options .search {
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #666666;
    margin-bottom: 0px;
    text-align: left;
}

@media (max-width:1200px) {

    #finance-options .findus-inner {
        margin-top:-245px;
    }
}

@media (max-width:991px) {

    #finance-options .findus-inner {
        margin-left:0px;
        margin-top:-220px;
    }

    #store-locator input[type="text"] {
        width: 100%;
    }
}

@media (max-width:702px) {
    #finance-options .findus-inner {
        margin-top:-245px;
    }
}

@media (max-width:642px) {
    #finance-options .findus-inner {
        margin-top:-268px;
    }
}

/*----------!Booking Form----------*/

    .contact-main {
        margin-top:200px;
    }

@media (max-width:991px) {
    .contact-main {
        margin-top: 150px;
    }
}

@media (max-width:767px) {
    .contact-main {
        margin-top: 100px;
    }
}

.contact-form {
    padding: 50px 0 0 0;
    background-color: white;
}

.contact-form h1 {
    padding: 0 0 0 15px;
    margin-top: 0px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: black;
    text-align: center;
}

.contact-form h3 {
    padding: 20px 0 0 0px;
    margin-top: 0px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
    font-size: 18px;
}

.contact-form p {
    text-align: center;
}

.contact-form span {
    padding: 0 0 0 0;
    margin-top: 0px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
    font-size: 16px;
}

.contact-form form input {
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif; 

}

.contact-form form input[type="text"],
.contact-form form input[type="tel"],
.contact-form form input[type="email"] {
  background: #EEEEEE;
  border: solid 1px #DDDDDD;
  margin-bottom: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  padding: 12px 15px 8px;
  width: 100%;
  color: #666666; 
}

.contact-form form input[type="text"]:focus,
.contact-form form input[type="tel"]:focus,
.contact-form form input[type="email"]:focus {
  box-shadow: inset 0px 0px 4px 1px #5e9ed6;
}

.contact-form textarea:focus {
  outline: 0;
}

.contact-form form select {
  background: #EEEEEE;
  border: solid 1px #DDDDDD;
  margin-bottom: 10px;
  font-size: 14px;
  padding: 12px 15px 8px;
  width: 100%;
  color: #666666; 
  height: 42px;
}

.contact-form select:focus {
  box-shadow: 0px 0px 4px 1px #5e9ed6;
  outline: 0;
}

.contact-form textarea {
  background: #EEEEEE;
  border: solid 1px #DDDDDD;
  margin-bottom: 10px;
  font-size: 14px;
  padding: 12px 15px 8px;
  width: 100%;
  color: #666666; 

}
    .contact-form input[type="button"] {
        cursor: pointer;
        color: #2daae1;
        border: solid 2px #2daae1;
        padding: 13px 18px 9px;
        background: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;
        display: inline-block;
        line-height: 100%;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .contact-form input[type="button"]:hover {
        color: #ffffff;
        background-color: #2daae1;
    }

.store-details h5 {
    padding: 20px 0 10px 0;
    margin: 0px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
    font-size: 18px;
    line-height: 110%;
    color: #000000;
}

.store-details p {
    padding: 0 0 0 0;
    margin: 0px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    letter-spacing: .04px;
    font-size: 13px;
    line-height: 130%;
    color: #000000;
}

.store-details a {
    padding: 4px 0 0 0;
    margin: 0px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    letter-spacing: .04px;
    font-size: 13px;
    line-height: 130%;
    color: #000000;
    text-decoration: underline;
}

.store-details img {
    padding-top:20px;
}

.contacts {
    margin: 50px 0 10px 0;
}

.contacts h5 {
    padding: 20px 0 10px 0;
    margin: 0px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
    font-size: 18px;
    line-height: 110%;
    color: #000000;
}

.contacts p {
    padding: 5px 0 0 0;
    margin: 0px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    letter-spacing: .04px;
    font-size: 13px;
    line-height: 130%;
    color: #000000;
}

.contacts a {
    padding: 0 0 0 0;
    margin: 0px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    letter-spacing: .04px;
    font-size: 13px;
    line-height: 130%;
    color: #000000;
    text-decoration: underline;
}

.contact-title p {
    font-size: 18px;
    line-height: 160%;
    color: #666666;
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
}

.contact-title a {
    font-size: 18px;
    line-height: 160%;
    color: #666666;
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
    text-decoration: underline;
}

.vertical-align {
    position: absolute;
    top: 45%;
    left: 0%;
    transform: translateX(0%) translateY(-50%);
}

@media (max-width: 991px) {
    .vertical-align {
        position: unset;
        top: auto;
        left: auto;
        transform: none;
        padding-top: 30px;
    }
}

#contact-us .findus-outer {
    padding-top: 450px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url(../../assets/images/hp-find-us.jpg);
    background-position: center center;
    display: flex;
}

#contact-us .findus-inner {
    background: white;
    margin-left:80px;
    margin-right:15px;
    margin-top:-165px;
    padding-left:20px;
    padding-top:20px;
    padding-right:20px;
    padding-bottom:20px;
    align-self: flex-end;
}

#contact-us .findus-inner h2 {
    font-size: 36px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
}

#contact-us .findus-inner h3 {
    font-size: 26px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    color: #333333;
    margin: 0px;
    text-align: left;
    line-height: 90%;
}

#contact-us .findus-inner p {
    font-size: 16px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
    padding-top:20px;
}

#contact-us .findus-search {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #666666;
}

#contact-us .findus-search h2 {
    font-size: 36px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
}

#contact-us .location-search-container {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #666666;
    padding-left: 0px;
}

#store-locator-contact {
    margin-top: 30px;
}

    #store-locator-contact input[type="text"] {
        width: 70%;
    }

#store-locator-contact .button {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top:0px;
    border-color: white;
    color: white;
}

#store-locator-contact .button:hover {
    border-color: white;
    background-color: white;
    color: #333333;
}

#contact-us .contact-us-two {
    padding: 0px;
    background-color: white;
}

#contact-us .contact-us-two h2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    font-size: 28px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
}

#contact-us .contact-us-two p {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 0px;
    text-align: left;
}

#contact-us .search {
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #666666;
    margin-bottom: 0px;
    text-align: left;
}
/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url("https://fonts.googleapis.com/css?family=Caveat:400,700");
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

/*
*
*
* HIDE BY DEFAULT
*
*
*/
#easy-upgrade .main,
#apple-music-river .main {
  opacity: 0;
  -webkit-transition: 2s opacity cubic-bezier(0.2, 0.5, 0.5, 1);
  -moz-transition: 2s opacity cubic-bezier(0.2, 0.5, 0.5, 1);
  transition: 2s opacity cubic-bezier(0.2, 0.5, 0.5, 1); }

/*
*
*
* FADE ITEMS IN ON LOAD
*
*
*/
.animate#easy-upgrade .main, .animate#apple-music-river .main {
  opacity: 1; }

/*
    *
    *
    TRANSITIONS
    TRIGGERED WHEN ELEMENTS ARE IN PAGE VIEW
    *
    *
*/
.animate-top-fade {
  opacity: 0;
  -webkit-transform: translate3d(0px, -15px, 0px);
  -moz-transform: translate3d(0px, -15px, 0px);
  -ms-transform: translate3d(0px, -15px, 0px);
  transform: translate3d(0px, -15px, 0px);
  transition-property: opacity,transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }
  .animate-top-fade.active {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }

.animate-bottom-fade {
  opacity: 0;
  -webkit-transform: translate3d(0px, 15px, 0px);
  -moz-transform: translate3d(0px, 15px, 0px);
  -ms-transform: translate3d(0px, 15px, 0px);
  transform: translate3d(0px, 15px, 0px);
  transition-property: opacity,transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }
  .animate-bottom-fade.active {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }

.animate-left-fade {
  opacity: 0;
  -webkit-transform: translate3d(-15px, 0, 0px);
  -moz-transform: translate3d(-15px, 0, 0px);
  -ms-transform: translate3d(-15px, 0, 0px);
  transform: translate3d(-15px, 0, 0px);
  transition-property: opacity,transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }
  .animate-left-fade.active {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }

.animate-right-fade {
  opacity: 0;
  -webkit-transform: translate3d(15px, 0, 0px);
  -moz-transform: translate3d(15px, 0, 0px);
  -ms-transform: translate3d(15px, 0, 0px);
  transform: translate3d(15px, 0, 0px);
  transition-property: opacity,transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }
  .animate-right-fade.active {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }

.animate-text-swipe {
  position: relative;
  overflow: hidden;
  mix-blend-mode: multiply;
  display: inline;
  background-position-x: 0;
  background: linear-gradient(to right, #FFA600 50%, transparent 50%) 100%/200% no-repeat;
  background-repeat: no-repeat;
  transition-property: background;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }
  .animate-text-swipe.active {
    background-position-x: -100%; }

.animate-fade {
  opacity: 0;
  transition-property: opacity,transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }
  .animate-fade.active {
    opacity: 1; }

.animate-fade-scale {
  opacity: 0;
  filter: blur(3px);
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
  transition-property: opacity,transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }
  .animate-fade-scale.active {
    opacity: 1;
    filter: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }

/*
    *
    *
    ANIMATIONS
    TRIGGERED WHEN PAGE LOADS
    *
    *
*/
.animation {
  animation-duration: 0.6s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1);
  transition-property: opacity,transform;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }

@keyframes color-me-in {
  0% {
    background: #f9f9f9;
    color: #999999;
    -webkit-transform: translate3d(0, -70px, 0);
    -moz-transform: translate3d(0, -70px, 0);
    -ms-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0); }
  /* Adding a step in the middle */
  50% {
    background: #f9f9f9;
    color: #999999;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }
  100% {
    background: #2daae1;
    color: #ffffff; } }

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

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInScale {
  0% {
    opacity: 0;
    filter: blur(3px);
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98); }
  100% {
    opacity: 1;
    filter: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInScale {
  animation-name: fadeInScale; }

/*
    *
    *
    DELAY ANIMATION LOAD
    *
    *
*/
.delay-200 {
  transition-delay: 0.2s;
  animation-delay: 0.2s; }

.delay-300 {
  transition-delay: 0.3s;
  animation-delay: 0.3s; }

.delay-400 {
  transition-delay: 0.4s;
  animation-delay: 0.4s; }

.delay-500 {
  transition-delay: 0.5s;
  transition-delay: 0.5s; }

.delay-600 {
  transition-delay: 0.6s;
  animation-delay: 0.6s; }

.delay-700 {
  transition-delay: 0.7s;
  animation-delay: 0.7s; }

.delay-800 {
  transition-delay: 0.8s;
  animation-delay: 0.8s; }

.delay-900 {
  transition-delay: 0.9s;
  animation-delay: 0.9s; }

.delay-1000 {
  transition-delay: 1s;
  animation-delay: 1s; }

.delay-1250 {
  animation-delay: 1.25s; }

.delay-1500 {
  animation-delay: 1.5s; }

.modal {
  opacity: 0;
  -webkit-transform: translate3d(0px, -15px, 0px);
  -moz-transform: translate3d(0px, -15px, 0px);
  -ms-transform: translate3d(0px, -15px, 0px);
  transform: translate3d(0px, -15px, 0px);
  -webkit-transition: all 0.75s cubic-bezier(0.25, 0.25, 0.25, 0.1);
  -moz-transition: all 0.75s cubic-bezier(0.25, 0.25, 0.25, 0.1);
  -ms-transition: all 0.75s cubic-bezier(0.25, 0.25, 0.25, 0.1);
  -o-transition: all 0.75s cubic-bezier(0.25, 0.25, 0.25, 0.1);
  transition: all 0.75s cubic-bezier(0.25, 0.25, 0.25, 0.1); }
  .modal.show {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }

.modal.fade .modal-dialog {
  transform: translate(0, 0); }

/* Global Styles */
/*Add font smoothing and text rendering to handle SD-99 and SD-100*/
body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  -webkit-font-feature-settings: 'liga', 'kern';
  font-feature-settings: 'liga', 'kern'; }

/*
*
*
*
* NEW CSS 2019 - TRISTAN
*
*
*
*/
.container-fluid {
  max-width: 1600px; }
  .container-fluid.full-fluid {
    max-width: 100%; }

@media (min-width: 1200px) {
  .container-large {
    max-width: 1440px; } }

body {
  font-size: 16px;
  font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
  color: #999999;
  background: #ffffff;
  margin: 0 !important; }
  @media (max-width: 767px) {
    body .no-mobile {
      display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    body .no-tablet {
      display: none; } }
  @media (min-width: 992px) {
    body .no-desktop {
      display: none; } }

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
  color: #333333;
  margin: 10px 0;
  line-height: 130%; }
  h1.sub-title, h2.sub-title, h3.sub-title, h4.sub-title, h5.sub-title, h6.sub-title {
    color: #999999; }
  h1 .thin, h2 .thin, h3 .thin, h4 .thin, h5 .thin, h6 .thin {
    font-family: "proxima_novalight", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-weight: normal; }

h1 {
  font-size: 50px;
  letter-spacing: -1px; }

h2 {
  font-size: 42px;
  letter-spacing: -1px; }

h3 {
  font-size: 32px;
  letter-spacing: -1px; }

h4 {
  font-size: 26px;
  letter-spacing: -.03rem; }

h5 {
  font-size: 20px;
  letter-spacing: -.02rem; }

h6 {
  font-size: 18px; }

.subtitle {
  color: #999999;
  margin-top: 10px;
  margin-bottom: 20px; }

p, a, address, ul li, table td {
  font-size: inherit;
  line-height: 160%;
  color: #999999;
  font-family: "proxima_novaregular", Helvetica, Arial, sans-serif; }

p a, a.cta {
  color: #2780C5; }

a {
  color: #2daae1;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  text-decoration: none; }
  a:hover {
    color: #0b78a8;
    text-decoration: none; }
  a:focus, a:active {
    text-decoration: none;
    outline: none; }

img {
  max-width: 100%;
  max-height: 100%; }

@media (max-width: 767px) {
  h1 {
    font-size: 40px; }
  h2 {
    font-size: 32px; }
  h3 {
    font-size: 26px; }
  h4 {
    font-size: 22px; }
  h5 {
    font-size: 20px; }
  h6 {
    font-size: 18px; } }

.main {
  width: 100%;
  padding: 60px 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .main {
      padding: 40px 0; } }
  @media (max-width: 767px) {
    .main {
      padding: 30px 0; } }
  .main.no-hero {
    padding: 200px 0 50px 0; }
    @media (max-width: 767px) {
      .main.no-hero {
        padding: 100px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.no-hero {
        padding: 150px 0 50px 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main.no-hero {
        padding: 200px 0 50px 0; } }
  .main.light-grey {
    background: #f9f9f9; }
  @media (max-width: 767px) {
    .main.pulled-up {
      padding-top: 30px;
      margin-top: 0; } }
  @media (max-width: 767px) {
    .main.no-mobile-bottom {
      padding-bottom: 0px; } }
  @media (max-width: 767px) {
    .main.no-mobile-top {
      padding-top: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main.no-tablet-bottom {
      padding-bottom: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main.no-tablet-top {
      padding-top: 0px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main.no-desktop-top {
      padding-top: 0px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main.no-desktop-bottom {
      padding-bottom: 0px; } }
  .main img {
    max-width: 100%; }
  .main .easyup-logo {
    max-width: 100%;
    width: 130px; }

.no-margin-desktop {
  margin: 0; }

@media (max-width: 767px) {
  .center-mobile {
    text-align: center; } }

@media (min-width: 768px) and (max-width: 991px) {
  .center-tablet {
    text-align: center; } }

.inside-container {
  padding: 30px; }
  .inside-container.start {
    padding-top: 0; }
  .inside-container.end {
    padding-bottom: 0; }

@media (max-width: 767px) {
  .container-fluid .fluid-wrap-mobile {
    padding: 15px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .container-fluid .fluid-wrap-tablet {
    padding: 15px; } }

.crossover-callout .main {
  padding: 50px; }
  @media (max-width: 767px) {
    .crossover-callout .main {
      padding: 25px; } }

.gradient--blue-green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
  background: #2a6f92;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #2a6f92 0%, #53a96e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6f92', endColorstr='#53a96e',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.gradient--pink-purple {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
  background: #AD4F98;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #AD4F98 0%, #D8388C 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #AD4F98 0%, #D8388C 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #AD4F98 0%, #D8388C 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##AD4F98', endColorstr='##D8388C',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.gradient--blue-purple {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
  background: #7398DE;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #7398DE 0%, #D0B0D9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #7398DE 0%, #D0B0D9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #7398DE 0%, #D0B0D9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7398DE', endColorstr='#D0B0D9',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.gradient--blue-fade {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
  background: #2a6f92;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2a6f92 0%, #FFFFFF 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2a6f92 0%, #FFFFFF 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(top, #2a6f92 0%, #FFFFFF 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6f92', endColorstr='#FFFFFF',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.gradient--grey-fade {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #F1EFED 0%, #FFFFFF 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #F1EFED 0%, #FFFFFF 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(top, #F1EFED 0%, #FFFFFF 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1EFED', endColorstr='#FFFFFF',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.gradient:not(.gradient--grey-fade) h1, .gradient:not(.gradient--grey-fade) h2, .gradient:not(.gradient--grey-fade) h3, .gradient:not(.gradient--grey-fade) h4, .gradient:not(.gradient--grey-fade) h5, .gradient:not(.gradient--grey-fade) h6, .gradient:not(.gradient--grey-fade) p, .gradient:not(.gradient--grey-fade) table, .gradient:not(.gradient--grey-fade) ul, .gradient:not(.gradient--grey-fade) li, .gradient:not(.gradient--grey-fade) a {
  color: #ffffff !important; }

.gradient--grey {
  background-color: #333333; }

.gradient-title--orange {
  background: linear-gradient(to right, #FF6D00 0%, #FFA600 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

/* ---- genric ---- */
p {
  margin-bottom: 20px;
  margin-top: 5px; }
  p.large {
    font-size: 16px; }
  p.xl {
    font-size: 20px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif; }
  p a:hover {
    text-decoration: underline; }

p strong, b, strong {
  font-weight: normal;
  color: #333333;
  font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif; }

a {
  color: #2daae1;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out; }
  a:hover {
    color: #0b78a8;
    text-decoration: none; }
  a:focus, a:active {
    text-decoration: none;
    outline: none; }

a.link-underline {
  text-decoration: underline; }

a.link-underline:hover {
  text-decoration: none !important; }

a.not-blue {
  color: inherit;
  font-weight: inherit;
  font-family: inherit; }

ul.no-bullets,
.no-bullets ul,
ul.no-bullets li,
.no-bullets ul li {
  list-style: none;
  list-style-type: none;
  padding-left: 0; }

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

.left {
  float: left; }

.right {
  float: right; }

.smallprint {
  font-size: 12px;
  color: #A0A0A0; }

.small {
  font-size: 12px; }

.feature {
  width: 100%;
  padding: 50px 0;
  overflow: hidden; }

.feature.no-overflow {
  overflow: visible; }

.feature.grey {
  background: #EEEEEE;
  border-top: solid 1px #DDDDDD;
  border-bottom: solid 1px #DDDDDD; }

.feature.dark-grey {
  background: #333;
  color: #fff; }

.feature.dark-grey h2 {
  color: #fff; }

.feature.dark-grey p {
  color: #ddd; }

input,
button {
  outline: none; }

input[type="text"]:focus {
  box-shadow: inset 0px 0px 4px 1px #5e9ed6; }

.border-left-1-light {
  border-left: solid 1px #DDDDDD; }

.border-right-1-light {
  border-right: solid 1px #DDDDDD; }

.border-top-1-light {
  border-top: solid 1px #DDDDDD; }

.border-bottom-1-light {
  border-bottom: solid 1px #DDDDDD; }

.main {
  width: 100%;
  padding: 60px 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .main {
      padding: 40px 0; } }
  @media (max-width: 767px) {
    .main {
      padding: 30px 0; } }
  .main.no-hero {
    padding: 200px 0 50px 0; }
    @media (max-width: 767px) {
      .main.no-hero {
        padding: 100px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main.no-hero {
        padding: 150px 0 50px 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .main.no-hero {
        padding: 200px 0 50px 0; } }
  .main.light-grey {
    background: #f9f9f9; }
  @media (max-width: 767px) {
    .main.pulled-up {
      padding-top: 30px;
      margin-top: 0; } }
  @media (max-width: 767px) {
    .main.no-mobile-bottom {
      padding-bottom: 0px; } }
  @media (max-width: 767px) {
    .main.no-mobile-top {
      padding-top: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main.no-tablet-bottom {
      padding-bottom: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main.no-tablet-top {
      padding-top: 0px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main.no-desktop-top {
      padding-top: 0px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main.no-desktop-bottom {
      padding-bottom: 0px; } }
  .main img {
    max-width: 100%; }
  .main .easyup-logo {
    max-width: 100%;
    width: 130px; }

.padding-right-50 {
  padding-right: 50px; }

.padding-left-50 {
  padding-left: 50px; }

.padding-top-50 {
  padding-top: 50px; }

.padding-bottom-50 {
  padding-bottom: 50px; }

.padding-bot-40 {
  padding-bottom: 40px; }

.padding-top-40 {
  padding-top: 40px; }

.padding-left-40 {
  padding-left: 40px; }

.padding-right-40 {
  padding-right: 40px; }

.padding-bot-30 {
  padding-bottom: 30px; }

.padding-top-30 {
  padding-top: 30px; }

.padding-left-30 {
  padding-left: 30px; }

.padding-right-30 {
  padding-right: 30px; }

.margin-bot-60 {
  margin-bottom: 60px; }

.margin-top-60 {
  margin-top: 60px; }

.margin-left-60 {
  margin-left: 60px; }

.margin-right-60 {
  margin-right: 60px; }

.margin-bot-40 {
  margin-bottom: 40px; }

.margin-top-40 {
  margin-top: 40px; }

.margin-left-40 {
  margin-left: 40px; }

.margin-right-40 {
  margin-right: 40px; }

.margin-bot-30 {
  margin-bottom: 30px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-left-30 {
  margin-left: 30px; }

.margin-right-30 {
  margin-right: 30px; }

.padding-bot-20 {
  padding-bottom: 20px; }

.padding-top-20 {
  padding-top: 20px; }

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

.padding-right-20 {
  padding-right: 20px; }

.margin-bot-20 {
  margin-bottom: 20px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-left-20 {
  margin-left: 20px; }

.margin-right-20 {
  margin-right: 20px; }

.margin-bot-10 {
  margin-bottom: 10px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-right-10 {
  margin-right: 10px; }

.margin-bot-0 {
  margin-bottom: 0px; }

.margin-top-0 {
  margin-top: 0px; }

.margin-left-0 {
  margin-left: 0px; }

.margin-right-0 {
  margin-right: 0px; }

.padding-bot-0 {
  padding-bottom: 0px; }

.padding-top-0 {
  padding-top: 0px !important; }

.padding-left-0 {
  padding-left: 0px; }

.padding-right-0 {
  margin-right: 0px; }

.relative {
  position: relative; }

.fixed {
  position: fixed; }

.absolute {
  position: absolute; }

.relative-image-container {
  position: relative; }
  .relative-image-container img {
    max-width: 100%;
    max-height: 100%; }

/* 
*
Buttons 
*
*/
.button, p .button {
  padding: 15px 20px 11px;
  border: none;
  font-size: 16px;
  font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
  display: inline-block;
  line-height: 100%;
  background: #2780C5;
  color: #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  .button:hover, p .button:hover {
    text-decoration: none;
    color: #ffffff;
    background: #1b5a8a; }
  .button.blue, p .button.blue {
    background: #2780C5;
    color: #ffffff; }
  .button.white, p .button.white {
    background: #ffffff;
    color: #333333; }
  .button.grey, p .button.grey {
    background: #333333;
    color: #ffffff; }
  .button.peach, p .button.peach {
    background: #D86862;
    color: #ffffff; }
    .button.peach:hover, p .button.peach:hover {
      text-decoration: none;
      color: #ffffff;
      background: #b0322c; }
  @media (max-width: 767px) {
    .button.btn-full-width, p .button.btn-full-width {
      width: 100%;
      text-align: center; } }
  .button.spaced-button, p .button.spaced-button {
    margin: 40px 0; }
    @media (max-width: 767px) {
      .button.spaced-button, p .button.spaced-button {
        margin: 20px 0; } }
  .button.disabled, .button.disabled:hover, p .button.disabled, p .button.disabled:hover {
    cursor: default;
    color: #dddddd;
    border-color: #dddddd;
    background: none; }

.cta {
  font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif; }
  .cta.white {
    color: white; }
  .cta.no-pad {
    padding: 0 !important; }

.cta {
  font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif; }
  .cta.white {
    color: white; }
  .cta.no-pad {
    padding: 0 !important; }



.pagehero {
  min-height: 680px;
  padding: 60px 0;
  /* adjust for nav overlay */
  padding-top: 200px;
  /* END adjust for nav overlay */ }
  @media (min-width: 768px) and (max-width: 991px) {
    .pagehero {
      padding-top: 80px; } }
  @media (max-width: 767px) {
    .pagehero {
      padding: 40px 0; } }
  .pagehero.unicorn-grey {
    background: #333333; }
  .pagehero form input[type="email"],
  .pagehero form input[type="tel"],
  .pagehero form textarea,
  .pagehero form input[type="text"],
  .pagehero form input[type="password"],
  .pagehero form select {
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 14px 15px 10px;
    width: 100%;
    color: #ffffff; }
    .pagehero form input[type="email"]::placeholder,
    .pagehero form input[type="tel"]::placeholder,
    .pagehero form textarea::placeholder,
    .pagehero form input[type="text"]::placeholder,
    .pagehero form input[type="password"]::placeholder,
    .pagehero form select::placeholder {
      color: rgba(255, 255, 255, 0.5) !important; }
    .pagehero form input[type="email"]:focus, .pagehero form input[type="email"]:focus,
    .pagehero form input[type="tel"]:focus,
    .pagehero form input[type="tel"]:focus,
    .pagehero form textarea:focus,
    .pagehero form textarea:focus,
    .pagehero form input[type="text"]:focus,
    .pagehero form input[type="text"]:focus,
    .pagehero form input[type="password"]:focus,
    .pagehero form input[type="password"]:focus,
    .pagehero form select:focus,
    .pagehero form select:focus {
      border: solid 1px white;
      box-shadow: none; }

.homepagehero {
  padding: 150px 0 100px;
  margin-top: -53px;
  overflow: hidden;
  /* Students Banner Promo*/ }
  @media (max-width: 767px) {
    .homepagehero {
      padding: 120px 0 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .homepagehero {
      padding: 120px 0 40px; } }
  .homepagehero .hide-mobile {
    display: block; }
    @media (max-width: 767px) {
      .homepagehero .hide-mobile {
        display: none; } }
  .homepagehero h1 {
    font-size: 66px;
    line-height: 120%; }
    @media (max-width: 767px) {
      .homepagehero h1 {
        font-size: 40px; } }
  .homepagehero#student-banner h1 {
    margin-top: 0; }
  @media (max-width: 767px) {
    .homepagehero#student-banner .hero-shot {
      margin: 30px 0 45px; } }

.full-hero {
  min-height: auto;
  padding: 150px 0 20px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .full-hero {
      height: auto;
      padding: 80px 0 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .full-hero {
      height: auto;
      padding: 120px 0 80px; } }
  .full-hero .row {
    height: 100%; }
  .full-hero .hero-shot-extended {
    width: 110%;
    max-width: none !important;
    position: relative;
    left: -5%;
    margin-bottom: 20px !important; }
    @media (min-width: 1200px) {
      .full-hero .hero-shot-extended {
        width: 110%;
        left: -10%;
        margin-top: 30px;
        margin-bottom: 10px !important; } }
    @media (max-width: 767px) {
      .full-hero .hero-shot-extended {
        width: 130%;
        left: -30%;
        margin-top: 30px;
        margin-bottom: 10px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .full-hero .hero-shot-extended {
        width: 125%;
        left: -25%;
        margin-top: 30px;
        margin-bottom: 10px !important; } }
  .full-hero .darktext h1, .full-hero .darktext h2, .full-hero .darktext h3, .full-hero .darktext h4, .full-hero .darktext h5, .full-hero .darktext h6, .full-hero .darktext p {
    color: #333333 !important; }

#herohome .cta {
  position: relative; }
  #herohome .cta:after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2780C5;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  #herohome .cta.white:after {
    background: #ffffff; }

#herohome:hover .cta:after {
  bottom: 0px;
  opacity: 1; }

#herovideo, #herohome {
  width: 100%;
  margin-top: -2px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  display: block; }
  @media (max-width: 767px) {
    #herovideo, #herohome {
      margin-top: -0px; } }
  @media (min-width: 1200px) {
    #herovideo, #herohome {
      max-height: 860px; } }
  #herovideo:after, #herohome:after {
    content: '';
    display: block;
    padding-bottom: 56%;
    width: 100%; }
    @media (min-width: 1200px) {
      #herovideo:after, #herohome:after {
        /*padding-bottom: 45%;*/
        padding-bottom: 53%; } }
    @media (max-width: 767px) {
      #herovideo:after, #herohome:after {
        padding-bottom: 100%; } }
  #herovideo.christmasvideo, #herohome.christmasvideo {
    text-align: center;
    position: relative; }
    #herovideo.christmasvideo:after, #herohome.christmasvideo:after {
      display: none !important; }
    #herovideo.christmasvideo .christmastext, #herohome.christmasvideo .christmastext {
      padding: 30px;
      -moz-transform: transate3d(0, -50%, 0);
      -ms-transform: transate3d(0, -50%, 0);
      -o-transform: transate3d(0, -50%, 0);
      transform: transate3d(0, -50%, 0);
      padding-top: 200px;
      padding-bottom: 200px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #herovideo.christmasvideo .christmastext, #herohome.christmasvideo .christmastext {
          padding-top: 135px;
          padding-bottom: 135px; } }
      @media (max-width: 767px) {
        #herovideo.christmasvideo .christmastext, #herohome.christmasvideo .christmastext {
          padding-top: 70px;
          padding-bottom: 70px; } }
      #herovideo.christmasvideo .christmastext h1, #herohome.christmasvideo .christmastext h1 {
        font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
        letter-spacing: 9px;
        font-size: 60px;
        text-transform: uppercase;
        margin-bottom: 30px;
        color: #000002; }
        #herovideo.christmasvideo .christmastext h1 .pullback, #herohome.christmasvideo .christmastext h1 .pullback {
          letter-spacing: 0;
          margin-left: -9px; }
        @media (max-width: 767px) {
          #herovideo.christmasvideo .christmastext h1, #herohome.christmasvideo .christmastext h1 {
            font-size: 40px;
            margin-top: 0px; } }
        #herovideo.christmasvideo .christmastext h1 .small-return, #herohome.christmasvideo .christmastext h1 .small-return {
          font-size: 14px;
          font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
          letter-spacing: 0; }
      #herovideo.christmasvideo .christmastext .pre-title, #herohome.christmasvideo .christmastext .pre-title {
        font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
        letter-spacing: 9px;
        font-size: 32px;
        text-transform: uppercase;
        color: #000002;
        margin-top: 0px;
        line-height: 150%;
        margin-right: -9px; }
        @media (max-width: 767px) {
          #herovideo.christmasvideo .christmastext .pre-title, #herohome.christmasvideo .christmastext .pre-title {
            font-size: 26px;
            margin-top: 0; } }
      #herovideo.christmasvideo .christmastext .hero-title-break, #herohome.christmasvideo .christmastext .hero-title-break {
        width: 150px;
        border: solid 1px #000002;
        color: #000002;
        margin: 16px auto 20px auto; }
      #herovideo.christmasvideo .christmastext h4, #herohome.christmasvideo .christmastext h4 {
        font-size: 28px;
        color: #ffffff;
        margin-bottom: 30px;
        color: #000002;
        font-family: "proxima_novaregular", Helvetica, Arial, sans-serif; }
        @media (max-width: 767px) {
          #herovideo.christmasvideo .christmastext h4, #herohome.christmasvideo .christmastext h4 {
            font-size: 22px; } }
  #herovideo .hero-cta, #herohome .hero-cta {
    position: absolute;
    bottom: 20px; }
  #herovideo .cta, #herohome .cta {
    position: relative; }
    #herovideo .cta.black, #herohome .cta.black {
      color: #000002; }
    #herovideo .cta:after, #herohome .cta:after {
      content: '';
      position: absolute;
      bottom: 6px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #000002;
      opacity: 0;
      -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  #herovideo:hover .cta:after, #herohome:hover .cta:after {
    bottom: 0px;
    opacity: 1; }
  #herovideo.behind-the-music, #herohome.behind-the-music {
    background-color: black;
    background-size: cover;
    background-position: center;
    background-image: url(/assets/images/homepage/behind-the-music-hero.jpg);
    text-align: center; }
    #herovideo.behind-the-music h2, #herohome.behind-the-music h2 {
      color: #ffffff;
      margin-top: 170px; }
      @media (max-width: 767px) {
        #herovideo.behind-the-music h2, #herohome.behind-the-music h2 {
          margin-top: 80px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #herovideo.behind-the-music h2, #herohome.behind-the-music h2 {
          margin-top: 140px; } }
  #herovideo.student, #herohome.student {
    background-color: black;
    background-size: cover;
    background-position: center;
    background-image: url(/assets/images/homepage/student-hero.jpg);
    text-align: center; }
    #herovideo.student .hero-content, #herohome.student .hero-content {
      margin-bottom: -400px;
      text-align: left;
      padding-top: 50px; }
      #herovideo.student .hero-content .hero-image-text, #herohome.student .hero-content .hero-image-text {
        position: relative;
        left: 0;
        width: 80%; }
      @media (max-width: 767px) {
        #herovideo.student .hero-content, #herohome.student .hero-content {
          margin-bottom: 0;
          padding-top: 20px;
          padding-left: 15px; } }
  #herovideo .macbook-air-cta, #herohome .macbook-air-cta {
    position: absolute;
    bottom: 35%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    color: #333333;
    width: 100%;
    visibility: visible;
    text-align: center;
    transition-property: opacity,transform;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.25, 0.1); }
    @media (max-width: 767px) {
      #herovideo .macbook-air-cta, #herohome .macbook-air-cta {
        transform: translateX(0);
        left: 0;
        width: 100%; } }
    #herovideo .macbook-air-cta.ready, #herohome .macbook-air-cta.ready {
      opacity: 1; }
    #herovideo .macbook-air-cta .cta, #herohome .macbook-air-cta .cta {
      position: relative;
      padding: 5px 15px;
      color: #333333; }
      #herovideo .macbook-air-cta .cta:after, #herohome .macbook-air-cta .cta:after {
        content: '';
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #333333;
        opacity: 0;
        -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
        -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
        -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
        -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
        transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
      #herovideo .macbook-air-cta .cta.white:after, #herohome .macbook-air-cta .cta.white:after {
        background: #ffffff; }
      #herovideo .macbook-air-cta .cta:hover:after, #herohome .macbook-air-cta .cta:hover:after {
        bottom: 0px;
        opacity: 1; }

.dynamic-feature-wrap {
  /*.student-feature .single-block {
        text-align: left !important;
        background: none;
        background-color: black;
        background-size: cover;
        background-position: center;
        background-image: url(/assets/images/homepage/student-macbook-lifestyle.jpg);
        text-align: center;
    }*/ }
  .dynamic-feature-wrap.last .feature-hero {
    margin-bottom: -5px; }
    @media (max-width: 767px) {
      .dynamic-feature-wrap.last .feature-hero {
        margin-bottom: 0; } }
  .dynamic-feature-wrap .feature-hero {
    text-align: center; }
    @media (min-width: 768px) and (max-width: 991px) {
      .dynamic-feature-wrap .feature-hero {
        margin: 7.5px 0; } }
    @media (max-width: 767px) {
      .dynamic-feature-wrap .feature-hero {
        margin: 4px 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .dynamic-feature-wrap .feature-hero {
        margin: 15px 0; } }
    .dynamic-feature-wrap .feature-hero.ifc-feature .single-block {
      padding: 40px; }
    .dynamic-feature-wrap .feature-hero .single-block {
      padding: 50px;
      display: block; }
      .dynamic-feature-wrap .feature-hero .single-block.light-grey {
        background: #f9f9f9; }
    .dynamic-feature-wrap .feature-hero .image--cover {
      background-size: cover;
      background-position: center; }
    .dynamic-feature-wrap .feature-hero .behind-the-music {
      background-color: black;
      background-image: url(/assets/images/homepage/behind-the-music-hero.jpg);
      text-align: center; }
      @media (max-width: 767px) {
        .dynamic-feature-wrap .feature-hero .behind-the-music {
          padding: 20px 40px 240px 40px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .dynamic-feature-wrap .feature-hero .behind-the-music {
          padding: 50px 50px 300px 50px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .dynamic-feature-wrap .feature-hero .behind-the-music {
          padding: 50px 50px 300px 50px; } }
      .dynamic-feature-wrap .feature-hero .behind-the-music h3 {
        color: #ffffff;
        margin-top: 30px; }
    .dynamic-feature-wrap .feature-hero .easyupgrade {
      display: block; }
      .dynamic-feature-wrap .feature-hero .easyupgrade .easyup-logo {
        width: 150px;
        margin-bottom: 10px; }
      @media (max-width: 767px) {
        .dynamic-feature-wrap .feature-hero .easyupgrade {
          margin-bottom: 4px; } }
    .dynamic-feature-wrap .feature-hero .cta {
      position: relative; }
      .dynamic-feature-wrap .feature-hero .cta:after {
        content: '';
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #2780C5;
        opacity: 0;
        -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
        -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
        -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
        -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
        transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
      .dynamic-feature-wrap .feature-hero .cta.white:after {
        background: #ffffff; }
    .dynamic-feature-wrap .feature-hero:hover .cta:after {
      bottom: 0px;
      opacity: 1; }
  .dynamic-feature-wrap .blackfriday-feature {
    background: #000002; }
    .dynamic-feature-wrap .blackfriday-feature h2 {
      color: #ffffff; }
    .dynamic-feature-wrap .blackfriday-feature img {
      margin-top: 100px; }
      @media (max-width: 767px) {
        .dynamic-feature-wrap .blackfriday-feature img {
          margin-top: 50px; } }
  .dynamic-feature-wrap .ifc-feature .single-block {
    text-align: left !important;
    background: none;
    background-color: black;
    background-size: cover;
    background-position: center;
    background-image: url(/assets/images/homepage/ifc-hero.jpg);
    text-align: center; }
  @media (max-width: 1199px) {
    .dynamic-feature-wrap .ifc-feature .single-block {
      padding: 50px 0px 0px 30px !important; } }
  @media (max-width: 991px) {
    .dynamic-feature-wrap .ifc-feature .single-block {
      padding: 40px 150px 0px 30px !important; } }
  @media (max-width: 767px) {
    .dynamic-feature-wrap .ifc-feature .single-block {
      padding: 50px !important; } }
  @media (max-width: 470px) {
    .dynamic-feature-wrap .ifc-feature .single-block {
      padding: 30px 0px 0px 30px !important; } }

.modal {
  background-color: rgba(0, 0, 0, 0.3); }
  .modal .modal-dialog .modal-content {
    border-radius: 3px; }
    .modal .modal-dialog .modal-content .modal-header {
      padding: 20px 30px; }
      .modal .modal-dialog .modal-content .modal-header .close {
        float: right;
        font-size: 32px;
        color: #333333; }
        .modal .modal-dialog .modal-content .modal-header .close:hover {
          color: #2daae1; }
    .modal .modal-dialog .modal-content .modal-body {
      padding: 30px; }
    .modal .modal-dialog .modal-content .modal-footer {
      padding: 20px 30px; }

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.6); }

/* CARDS */
.card {
  padding: 40px;
  box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  color: #999999;
  border: none; }
  @media (max-width: 767px) {
    .card {
      padding: 0px;
      box-shadow: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .card {
      margin-bottom: 30px; } }
  .card.slim {
    padding: 20px; }
  .card, .card p, .card ul, .card li {
    color: #999999; }

@media (max-width: 767px) {
  .card {
    padding: 15px 0;
    border-bottom: solid 1px #dddddd;
    margin-bottom: 15px; }
    .card.last {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    .card.single-card {
      margin-bottom: 0; } }

.card .icon-wrap {
  height: 126px;
  vertical-align: middle;
  position: relative; }
  .card .icon-wrap.product-shot {
    height: 180px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .card .icon-wrap.product-shot {
        height: 200px; } }
    @media (max-width: 767px) {
      .card .icon-wrap.product-shot {
        height: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .card .icon-wrap {
      height: 116px; } }
  @media (max-width: 767px) {
    .card .icon-wrap {
      height: 100px; } }
  .card .icon-wrap img {
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    max-height: 100%;
    max-width: 100%; }
    @media (max-width: 767px) {
      .card .icon-wrap img {
        position: relative !important;
        left: auto;
        transform: translate3d(0, 0, 0); } }

.card h4 {
  margin-top: 20px; }

.card .price-call {
  display: inline-block;
  padding: 10px 15px 8px 15px;
  border-radius: 3px;
  color: white;
  text-align: center;
  font-size: 16px;
  right: -15px;
  z-index: 1;
  opacity: 0;
  font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
  -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
  background: #2a6f92;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #2a6f92 0%, #53a96e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6f92', endColorstr='#53a96e',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }
  .card .price-call span {
    font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
    line-height: 120%;
    margin-bottom: -4px;
    display: inline-block; }
  .card .price-call.active {
    opacity: 1; }

.flat-cards-wrapper .card {
  box-shadow: none;
  background: transparent;
  padding-bottom: 0px;
  padding-top: 20px; }

@media (max-width: 500px) {
  .hidden-xxs {
    display: none !important; }
  .hidden-xs.visible-xxs {
    display: initial !important; } }

/* --------------------------
        Christmas 2018
    -------------------------- */
.carousel-inner .christmas {
  background-image: url(../../images/christmas/Christmas-HP-Banner-BG.jpg);
  background-size: cover;
  background-position: left top;
  text-align: center;
  background-repeat: no-repeat;
  padding-top: 150px; }

.carousel-inner .christmas p {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 10px;
  padding-top: 2px; }

.carousel-inner .mbp-button {
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin: 5px 5px; }

.carousel-inner .mbp-button:hover {
  /* Button color */
  color: #ffffff !important;
  background-color: #666666 !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

/* --------------------------
        Black Friday 2018
    -------------------------- */
.carousel-inner .item.black-friday {
  background-color: #841811;
  background-image: url(../../images/boxing-day-sale-2018/BOXING_DAY_SALE_WEB_HERO.jpg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 470px;
  color: white;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 20px; }

.carousel-inner .item.black-friday .hero {
  margin-top: 70px; }

.carousel-inner .item.black-friday .hero img {
  position: relative; }

.carousel-inner .item.black-friday .hero p {
  font-size: 22px;
  padding-top: 2px;
  color: #ffffff;
  font-family: linotype-didot, serif;
  font-weight: 400;
  font-style: italic; }

.carousel-inner .item.black-friday .hero h4 {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 20px;
  padding-top: 2px;
  color: #ffffff;
  letter-spacing: 0.1px; }

.carousel-inner .item.black-friday .hero h5 {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-top: 2px;
  color: #ffffff;
  letter-spacing: 0.1px; }

@media (max-width: 1199px) {
  .carousel-inner .item.black-friday {
    padding-top: 380px; } }

@media (max-width: 991px) {
  .carousel-inner .item.black-friday {
    padding-top: 320px; } }

@media (max-width: 767px) {
  .carousel-inner .item.black-friday {
    background-color: #841811;
    background-image: url(../../images/boxing-day-sale-2018/BOXINGDAY_Print_Graphic_EMAIL_HERO.jpg);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 250px;
    color: white;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0px; } }

@media (max-width: 675px) {
  .carousel-inner .item.black-friday {
    padding-top: 230px; } }

@media (max-width: 560px) {
  .carousel-inner .item.black-friday {
    background-image: url(../../images/boxing-day-sale-2018/BOXINGDAY_Print_Graphic_EMAIL_LEFT.jpg);
    padding-top: 260px; } }

@media (max-width: 450px) {
  .carousel-inner .item.black-friday {
    padding-top: 220px; } }

@media (max-width: 350px) {
  .carousel-inner .item.black-friday {
    padding-top: 220px;
    background-position-y: 60px; } }

/* MacBook Pro 2018 */
.carousel-inner .macbook-pro-2018 {
  background-image: url(../../images/hero-graphics/macbook-pro-2018/macbook-pro-hero.jpg);
  background-size: 90%;
  background-position: center bottom;
  text-align: center;
  background-repeat: no-repeat;
  height: 680px;
  padding-top: 540px; }

.carousel-inner .macbook-pro-2018 p {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 10px;
  padding-top: 2px; }

.carousel-inner .mbp-button {
  color: #9b9b9b !important;
  border-color: #9b9b9b !important;
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin: 5px 5px; }

.carousel-inner .mbp-button:hover {
  /* Button color */
  color: #ffffff !important;
  border-color: #9b9b9b !important;
  background-color: #9b9b9b !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

@media (max-width: 1199px) {
  .carousel-inner .macbook-pro-2018 {
    height: 580px;
    padding-top: 460px; } }

@media (max-width: 991px) {
  .carousel-inner .macbook-pro-2018 {
    background-size: 100%;
    height: 490px;
    padding-top: 400px; } }

@media (max-width: 767px) {
  .carousel-inner .macbook-pro-2018 {
    background-image: url(../../images/hero-graphics/macbook-pro-2018/macbook-pro-hero-sm.jpg);
    background-size: 90%;
    background-position: center center;
    text-align: center;
    background-repeat: no-repeat;
    height: 520px;
    padding-top: 400px; } }

@media (max-width: 414px) {
  .carousel-inner .macbook-pro-2018 {
    background-image: url(../../images/hero-graphics/macbook-pro-2018/macbook-pro-hero-xs.jpg);
    background-size: 100%;
    background-position: right center;
    text-align: center;
    background-repeat: no-repeat;
    height: 500px;
    padding-top: 400px; } }

/* iPhone XS */
.carousel-inner .iphone-xs {
  background-image: url(../../images/homepage-banners-sept12/iphoneXS-hero-BN.jpg);
  background-size: 90%;
  background-position: center bottom;
  text-align: center;
  background-repeat: no-repeat;
  height: 680px;
  padding-top: 540px; }

.carousel-inner .iphone-xs p {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 10px;
  padding-top: 2px; }

.carousel-inner .ipxs-button {
  color: #ffe5db !important;
  border-color: #ffe5db !important;
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin: 5px 5px; }

.carousel-inner .ipxs-button:hover {
  /* Button color */
  color: #000000 !important;
  border-color: #ffe5db !important;
  background-color: #ffe5db !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

@media (max-width: 1199px) {
  .carousel-inner .iphone-xs {
    height: 580px;
    padding-top: 460px; } }

@media (max-width: 991px) {
  .carousel-inner .iphone-xs {
    background-size: 100%;
    height: 490px;
    padding-top: 400px; } }

@media (max-width: 767px) {
  .carousel-inner .iphone-xs {
    background-image: url(../../images/homepage-banners-sept12/iphoneXS-hero-sm-BN.jpg);
    background-size: 100%;
    background-position: center center;
    text-align: center;
    background-repeat: no-repeat;
    height: 400px;
    padding-top: 400px; } }

@media (max-width: 414px) {
  .carousel-inner .iphone-xs {
    background-image: url(../../images/homepage-banners-sept12/iphonexs-hero-xs-BN.jpg);
    background-size: 100%;
    background-position: center center;
    text-align: center;
    background-repeat: no-repeat;
    height: 400px;
    padding-top: 400px; } }

@media (max-width: 320px) {
  .carousel-inner .iphone-xs {
    background-image: url(../../images/homepage-banners-sept12/iphonexs-hero-xxs-BN.jpg);
    background-size: 100%;
    background-position: center bottom;
    text-align: center;
    background-repeat: no-repeat;
    height: 400px;
    padding-top: 400px; } }

/* iPhone XR */
.carousel-inner .iphone-xr {
  background-image: url(../../images/homepage-banners-sept12/iphoneXR-hero.jpg);
  background-size: auto 480px;
  background-position: center top;
  background-repeat: no-repeat;
  height: 750px;
  padding-top: 350px;
  margin-top: 150px;
  text-align: right; }

.carousel-inner .ipxr-button {
  color: #ffffff !important;
  border-color: #ffffff !important;
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin: 5px 5px;
  width: 130px;
  text-align: center; }

.carousel-inner .ipxr-button:hover {
  /* Button color */
  color: #000000 !important;
  border-color: #ffffff !important;
  background-color: #ffffff !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

@media (max-width: 1199px) {
  .carousel-inner .iphone-xr {
    background-size: auto 420px;
    padding-top: 270px; } }

@media (max-width: 991px) {
  .carousel-inner .iphone-xr {
    background-size: auto 400px;
    padding-top: 270px;
    margin-top: 100px; } }

@media (max-width: 767px) {
  .carousel-inner .iphone-xr {
    background-image: url(../../images/homepage-banners-sept12/iphoneXR-hero-sm.jpg);
    background-size: auto 500px;
    padding-top: 350px;
    padding-right: 50px;
    margin-top: 0px; } }

@media (max-width: 566px) {
  .carousel-inner .iphone-xr {
    background-image: url(../../images/homepage-banners-sept12/iphoneXR-hero-xs.jpg);
    background-size: auto 500px;
    padding-top: 370px;
    padding-left: 10px;
    margin-top: 0px;
    text-align: left; } }

@media (max-width: 500px) {
  .carousel-inner .iphone-xr {
    background-image: url(../../images/homepage-banners-sept12/iphoneXR-hero-xxs.jpg);
    background-size: auto 460px;
    padding-top: 420px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    text-align: center; } }

@media (max-width: 320px) {
  .carousel-inner .iphone-xr {
    background-image: url(../../images/homepage-banners-sept12/iphoneXR-hero-xxs.jpg);
    background-size: auto 420px;
    padding-top: 380px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 50px;
    text-align: center; } }

/* MacBook Air */
.carousel-inner .macbook-air {
  padding-top: 180px;
  text-align: center !important; }

.carousel-inner .mba-logo-image {
  max-width: 25% !important;
  position: initial; }

.carousel-inner .macbook-air p {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 20px;
  padding-top: 20px;
  line-height: 100%;
  color: #000000 !important; }

.carousel-inner .macbook-air img {
  max-width: 70%;
  position: initial; }

.carousel-inner .mba-button {
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin: 5px 5px;
  width: 130px;
  text-align: center; }

.carousel-inner .mba-button:hover {
  /* Button color */
  color: #ffffff !important;
  background-color: #666666 !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

@media (max-width: 1199px) {
  .carousel-inner .macbook-air img {
    max-width: 65%;
    position: initial;
    padding-bottom: 10px; }
  .carousel-inner .macbook-air p {
    margin-bottom: 10px;
    padding-top: 5px; } }

@media (max-width: 991px) {
  .carousel-inner .macbook-air {
    padding-top: 120px; }
  .carousel-inner .macbook-air img {
    max-width: 85%; } }

@media (max-width: 767px) {
  .carousel-inner .macbook-air {
    padding-top: 40px; }
  .carousel-inner .macbook-air p {
    padding-bottom: 20px;
    padding-top: 0px; }
  .carousel-inner .macbook-air img {
    max-width: 100%;
    padding-bottom: 5%; }
  .carousel-inner .mba-logo-image {
    max-width: 35% !important;
    padding-bottom: 10px; } }

@media (max-width: 638px) {
  .carousel-inner .macbook-air {
    padding-top: 40px; }
  .carousel-inner .macbook-air p {
    padding-bottom: 20px;
    padding-top: 0px; }
  .carousel-inner .macbook-air img {
    max-width: 100%;
    padding-bottom: 6%; }
  .carousel-inner .mba-logo-image {
    max-width: 35% !important;
    padding-bottom: 10px; } }

@media (max-width: 588px) {
  .carousel-inner .mba-button {
    margin-top: 10%; } }

@media (max-width: 551px) {
  .carousel-inner .macbook-air p {
    padding-top: 4%;
    padding-bottom: 4%; } }

@media (max-width: 532px) {
  .carousel-inner .mba-logo-image {
    max-width: 45% !important;
    padding-bottom: 10px; }
  .carousel-inner .macbook-air p {
    padding-top: 30px;
    padding-bottom: 50px; }
  .carousel-inner .mba-button {
    margin-top: 20px; }
  .carousel-inner .mba-button {
    margin-top: 40px; } }

@media (max-width: 414px) {
  .carousel-inner .mba-logo-image {
    max-width: 60% !important;
    padding-bottom: 10px; }
  .carousel-inner .macbook-air p {
    padding-top: 30px;
    padding-bottom: 60px; }
  .carousel-inner .mba-button {
    margin-top: 60px; } }

@media (max-width: 397px) {
  .carousel-inner .mba-logo-image {
    max-width: 60% !important;
    padding-bottom: 10px; }
  .carousel-inner .macbook-air p {
    padding-top: 30px;
    padding-bottom: 80px; }
  .carousel-inner .mba-button {
    margin-top: 50px; } }

@media (max-width: 375px) {
  .carousel-inner .mba-logo-image {
    max-width: 70% !important;
    padding-bottom: 10px; }
  .carousel-inner .macbook-air p {
    padding-top: 30px;
    padding-bottom: 80px; }
  .carousel-inner .mba-button {
    margin-top: 50px; } }

@media (max-width: 320px) {
  .carousel-inner .macbook-air {
    padding-top: 80px; }
  .carousel-inner .mba-logo-image {
    max-width: 65% !important;
    padding-bottom: 10px; }
  .carousel-inner .macbook-air p {
    padding-top: 30px;
    padding-bottom: 80px; }
  .carousel-inner .mba-button {
    margin-top: 50px; } }

/* Mac mini */
.carousel-inner .mac-mini {
  background-color: #0c0d11;
  padding-top: 180px;
  text-align: center !important;
  background-image: url(../../images/homepage-banners-sept12/mac-mini-hero.jpg);
  background-size: 1200px;
  background-position: left bottom;
  text-align: center;
  background-repeat: no-repeat;
  height: 650px;
  padding-top: 50px;
  background-position-x: 30%; }

.carousel-inner .mac-mini-hero {
  padding-top: 150px; }

.carousel-inner .mm-logo-image {
  max-width: 25% !important;
  position: initial; }

.carousel-inner .mac-mini-button-col {
  padding-top: 270px; }

.carousel-inner .mm-button {
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin: 5px 5px;
  width: 130px;
  text-align: center; }

.carousel-inner .mm-button:hover {
  /* Button color */
  color: #ffffff !important;
  background-color: #666666 !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

@media (max-width: 1920px) {
  .carousel-inner .mac-mini {
    background-position-x: 10%; } }

@media (max-width: 1680px) {
  .carousel-inner .mac-mini {
    background-position-x: -50px; } }

@media (max-width: 1440px) {
  .carousel-inner .mac-mini {
    background-position-x: -150px; } }

@media (max-width: 1199px) {
  .carousel-inner .mac-mini {
    background-image: url(../../images/homepage-banners-sept12/mac-mini-hero-md.jpg);
    background-size: 85%;
    background-position: center center;
    background-position-x: 0px;
    height: 650px;
    margin-top: 40px; }
  .carousel-inner .mac-mini-button-col {
    padding-top: 200px; } }

@media (max-width: 991px) {
  .carousel-inner .mac-mini {
    background-image: url(../../images/homepage-banners-sept12/mac-mini-hero-sm.jpg);
    background-size: 100%;
    background-position: left bottom;
    background-position-x: 0px;
    height: 500px; }
  .carousel-inner .mac-mini-button-col {
    padding-top: 160px; } }

@media (max-width: 860px) {
  .carousel-inner .mac-mini {
    background-image: url(../../images/homepage-banners-sept12/mac-mini-hero-sm.jpg);
    margin-top: 0px; }
  .carousel-inner .mac-mini-button-col {
    padding-top: 200px; } }

@media (max-width: 767px) {
  .carousel-inner .mac-mini {
    background-image: url(../../images/homepage-banners-sept12/mac-mini-hero-xsA.jpg);
    background-size: 100%;
    background-position: center top;
    background-position-x: 0px;
    background-position-y: 0px;
    height: 650px; }
  .carousel-inner .mm-button {
    margin-top: 80px; }
  .carousel-inner .mac-mini-button-col {
    padding-top: 270px; } }

@media (max-width: 670px) {
  .carousel-inner .mac-mini {
    background-image: url(../../images/homepage-banners-sept12/mac-mini-hero-xsB.jpg); } }

@media (max-width: 500px) {
  .carousel-inner .mac-mini {
    background-image: url(../../images/homepage-banners-sept12/mac-mini-hero-xxsA.jpg); } }

@media (max-width: 320px) {
  .carousel-inner .mac-mini {
    background-image: url(../../images/homepage-banners-sept12/mac-mini-hero-xxsB.jpg);
    margin-top: 40px; }
  .carousel-inner .mm-button {
    margin-top: 40px; } }

/* Apple Watch Series 4 */
.carousel-inner .watch-s4 {
  background-image: url(../../images/homepage-banners-sept12/NIKE-Watch4-hero.jpg);
  background-size: 95%;
  background-position: center bottom;
  text-align: center;
  background-repeat: no-repeat;
  height: 630px;
  padding-top: 213px; }

.carousel-inner .watch-s4 img {
  max-width: 155px;
  position: relative;
  padding-bottom: 30px; }

.carousel-inner .watch-s4 h1 {
  font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
  font-size: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 100%;
  color: #9B9B9A !important; }

.carousel-inner .watch-s4 p {
  font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
  font-size: 15px;
  padding-top: 30px;
  line-height: 100%;
  color: #bababa !important; }

.carousel-inner .watch-s4 h4 {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 20px;
  padding-top: 16px;
  line-height: 100%;
  color: #666666 !important; }

.carousel-inner .aws4-button {
  border-color: #9B9B9A !important;
  background-color: none !important;
  vertical-align: bottom !important;
  transition: all 0.3s ease-in-out !important;
  margin: 5px 5px;
  width: 130px; }

.carousel-inner .aws4-button:hover {
  /* Button color */
  color: #f6f6f6 !important;
  background-color: #666666 !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

@media (max-width: 1199px) {
  .carousel-inner .watch-s4 {
    height: 550px;
    padding-top: 180px; }
  .carousel-inner .watch-s4 h1 {
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    font-size: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100%;
    color: #9B9B9A !important; } }

@media (max-width: 991px) {
  .carousel-inner .watch-s4 {
    background-image: url(../../images/homepage-banners-sept12/NIKE-Watch4-hero-sm.jpg);
    background-size: 100%;
    height: 500px;
    padding-top: 135px; }
  .carousel-inner .aws4-button {
    color: #9B9B9A !important;
    border-color: #9B9B9A !important;
    background-color: none !important;
    vertical-align: bottom !important;
    transition: all 0.3s ease-in-out !important;
    margin: 5px 5px; }
  .carousel-inner .watch-s4 p {
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-top: 10px;
    line-height: 100%;
    color: #bababa !important; }
  .carousel-inner .watch-s4 h1 {
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100%;
    color: #9B9B9A !important; } }

@media (max-width: 767px) {
  .carousel-inner .watch-s4 {
    background-image: none;
    background-size: 30%;
    background-position: center top;
    text-align: center;
    background-repeat: no-repeat;
    height: 600px;
    padding-top: 0px; }
  .carousel-inner .watch-s4 img {
    max-width: 220px; }
  .carousel-inner .watch-s4 p {
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    font-size: 10px;
    padding-top: 0px;
    line-height: 100%;
    color: #bababa !important; }
  .carousel-inner .aws4-button {
    color: #9B9B9A !important;
    border-color: #9B9B9A !important;
    background-color: none !important;
    vertical-align: bottom !important;
    transition: all 0.3s ease-in-out !important;
    margin: 10px 5px; } }

@media (max-width: 414px) {
  .carousel-inner .watch-s4 {
    background-image: none;
    background-size: 100%;
    background-position: center center;
    text-align: center;
    background-repeat: no-repeat;
    height: 400px;
    padding-top: 0px; } }

@media (max-width: 320px) {
  .carousel-inner .watch-s4 {
    background-image: none;
    background-size: 100%;
    background-position: center center;
    text-align: center;
    background-repeat: no-repeat;
    height: 400px;
    padding-top: 40px; }
  .carousel-inner .watch-s4 img {
    max-width: 190px; } }

/*Apple TV 4K**/
.carousel-inner .tv4k {
  background: linear-gradient(#384b5c, #242d34);
  height: 700px; }

.carousel-inner .tv4k-button {
  /* Button color */
  color: white !important;
  border-color: white !important;
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin-top: 20px;
  margin-left: 5px; }

.carousel-inner .tv4k-button:hover {
  /* Button color */
  color: #242d34 !important;
  border-color: white !important;
  background-color: white !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

.carousel-inner .tv4k-text h1 {
  font-size: 30px;
  line-height: 120%;
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  color: white;
  padding-top: 10px;
  margin-bottom: 0px; }

.carousel-inner .tv4k-text p {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 21px;
  color: white;
  padding-top: 0px; }

.carousel-inner .tv4k-text {
  padding-top: 300px;
  text-align: center; }

.carousel-inner .tv4k-text img {
  max-width: 200px;
  position: relative; }

.carousel-inner .tv4k-hero img {
  max-width: 500px;
  float: right;
  position: absolute;
  right: 20px;
  bottom: -650px; }

@media (max-width: 1199px) {
  .carousel-inner .tv4k-text {
    padding-top: 270px; }
  .carousel-inner .tv4k-text p {
    font-size: 18px;
    margin-bottom: 5px; }
  .carousel-inner .tv4k-text h1 {
    font-size: 30px; }
  .carousel-inner .tv4k-hero img {
    position: initial;
    max-width: 450px !important;
    padding-bottom: 20px;
    padding-top: 120px; } }

@media (max-width: 991px) {
  .carousel-inner .tv4k-text {
    padding-top: 220px; }
  .carousel-inner .tv4k-text p {
    font-size: 18px;
    margin-bottom: 5px; }
  .carousel-inner .tv4k-text h1 {
    font-size: 30px; }
  .carousel-inner .tv4k-hero img {
    position: initial;
    max-width: 400px !important;
    padding-bottom: 20px;
    padding-top: 110px; } }

@media (max-width: 767px) {
  .carousel-inner .tv4k-hero img {
    position: initial;
    max-width: 290px !important;
    padding-bottom: 0px;
    padding-top: 0px;
    float: none; }
  .carousel-inner .tv4k-text img {
    max-width: 150px !important; }
  .carousel-inner .tv4k-text {
    padding-top: 60px; }
  .carousel-inner .tv4k-text h1 {
    font-size: 20px; }
  .carousel-inner .tv4k-button {
    margin-bottom: 30px;
    margin-top: 50px; }
  .carousel-inner .tv4k-button {
    /* Button color */
    margin-top: 5px; } }

/*HomePod**/
.carousel-inner .homepod {
  background: #ffffff;
  height: 700px;
  padding-top: 140px; }

.carousel-inner .homepod-button {
  color: #9b9b9b !important;
  border-color: #9b9b9b !important;
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin: 20px 5px; }

.carousel-inner .homepod-button:hover {
  /* Button color */
  color: #ffffff !important;
  background-color: #666666 !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

.carousel-inner .homepod-text {
  text-align: center; }

.carousel-inner .homepod-logo {
  padding-top: 190px;
  text-align: center; }

.carousel-inner .homepod-logo img {
  text-align: center;
  position: initial;
  padding-bottom: 20px; }

@media (max-width: 1199px) {
  .carousel-inner .homepod-logo {
    padding-top: 170px;
    text-align: center; } }

@media (max-width: 991px) {
  .carousel-inner .homepod-logo {
    padding-top: 100px; } }

@media (max-width: 767px) {
  .carousel-inner .homepod {
    background: #ffffff;
    padding-top: 40px; }
  .carousel-inner .homepod-logo {
    padding-top: 0px; }
  .carousel-inner .homepod-logo img {
    max-width: 270px; }
  .carousel-inner .homepod-hero img {
    max-width: 420px; } }

@media (max-width: 454px) {
  .carousel-inner .homepod-logo {
    padding-top: 30px; }
  .carousel-inner .homepod-hero img {
    max-width: 350px; } }

@media (max-width: 414px) {
  .carousel-inner .homepod-logo img {
    max-width: 210px; }
  .carousel-inner .homepod-hero img {
    max-width: 320px; } }

@media (max-width: 375px) {
  .carousel-inner .homepod-logo {
    padding-top: 50px; }
  .carousel-inner .homepod-hero img {
    max-width: 290px; } }

@media (max-width: 320px) {
  .carousel-inner .homepod-logo img {
    padding-top: 30px; } }

/*iPad**/
.carousel-inner .ipad2018 {
  background: #ececec;
  background-image: url(../../images/ipad-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 700px;
  padding-top: 140px;
  margin-top: 30px; }

.carousel-inner .ipad2018-text h1 {
  font-size: 30px;
  line-height: 120%;
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  color: #000000;
  padding-top: 10px;
  margin-bottom: 0px;
  text-align: center; }

.carousel-inner .ipad2018-button {
  /* Button color */
  color: #9b9b9b !important;
  border-color: #9b9b9b !important;
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin-top: 300px;
  margin-left: 15px; }

.carousel-inner .ipad2018-button:hover {
  /* Button color */
  color: #ffffff !important;
  border-color: #9b9b9b !important;
  background-color: #9b9b9b !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

.carousel-inner .ipad2018-text img {
  position: relative;
  padding-top: 20px; }

.carousel-inner .ipad2018-text {
  text-align: center; }

.carousel-inner .ipad2018-text p {
  text-align: center;
  font-size: 12px;
  padding-top: 5px; }

.carousel-inner .ipad2018-logo img {
  max-width: 130px; }

@media (max-width: 1199px) {
  .carousel-inner .ipad2018 {
    padding-top: 170px;
    margin-top: -20px; }
  .carousel-inner .ipad2018-button {
    /* Button color */
    margin-top: 250px; } }

@media (max-width: 991px) {
  .carousel-inner .ipad2018 {
    padding-top: 190px;
    margin-top: -70px; }
  .carousel-inner .ipad2018-button {
    /* Button color */
    margin-top: 230px; }
  .carousel-inner .ipad2018-logo img {
    max-width: 100px; }
  .carousel-inner .ipad2018-text p {
    padding-top: 10px; } }

@media (max-width: 767px) {
  .carousel-inner .ipad2018 {
    padding-top: 0px;
    margin-top: 60px;
    background-position: center top; }
  .carousel-inner .ipad2018-button {
    /* Button color */
    margin-top: 280px; }
  .carousel-inner .ipad2018-logo img {
    max-width: 100px;
    padding-top: 0px; } }

@media (max-width: 580px) {
  .carousel-inner .ipad2018 {
    padding-top: 0px;
    margin-top: 20px;
    background-image: url(../../images/ipad-banner-mob.jpg);
    background-size: 65%;
    background-position-y: 25%; }
  .carousel-inner .ipad2018-button {
    /* Button color */
    margin-top: 20px; }
  .carousel-inner .ipad2018-logo img {
    max-width: 100px;
    padding-top: 0px; }
  .carousel-inner .ipad2018-text p {
    padding-top: 350px; } }

@media (max-width: 414px) {
  .carousel-inner .ipad2018 {
    padding-top: 0px;
    margin-top: 20px;
    background-image: url(../../images/ipad-banner-mob.jpg);
    background-size: 90%;
    background-position-y: 30%; }
  .carousel-inner .ipad2018-button {
    /* Button color */
    margin-top: 20px; }
  .carousel-inner .ipad2018-logo img {
    max-width: 100px;
    padding-top: 10px; } }

@media (max-width: 320px) {
  .carousel-inner .ipad2018 {
    padding-top: 0px;
    margin-top: 50px;
    background-image: url(../../images/ipad-banner-mob.jpg);
    background-size: 90%;
    background-position-y: 30%; }
  .carousel-inner .ipad2018-button {
    /* Button color */
    margin-top: 20px; }
  .carousel-inner .ipad2018-logo img {
    max-width: 100px;
    padding-top: 10px; }
  .carousel-inner .ipad2018-text p {
    padding-top: 310px; } }

/*iPad Pro**/
.carousel-inner .ipad-pro {
  padding-top: 150px;
  text-align: center; }

.carousel-inner .ipad-pro img {
  position: relative;
  padding-bottom: 30px;
  max-width: 95%; }

.carousel-inner .ipadPro-logo img {
  position: relative;
  padding-bottom: 30px;
  max-width: 65%;
  padding-top: 100px; }

.carousel-inner .ipad-pro p {
  font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
  font-size: 15px;
  padding-top: 78px;
  line-height: 100%;
  color: #bababa !important; }

.carousel-inner .ipad-pro h4 {
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-top: 16px;
  line-height: 100%;
  color: #8f8f8f !important;
  letter-spacing: 0.04em; }

.carousel-inner .ipad-pro-button {
  background-color: none !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  margin: 5px 5px;
  width: 130px;
  text-align: center; }

.carousel-inner .ipad-pro-button:hover {
  color: #fafafa !important;
  border-color: #9B9B9A !important;
  background-color: #9B9B9A !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important; }

@media (max-width: 991px) {
  .carousel-inner .ipadPro-logo img {
    padding-top: 40px;
    max-width: 85%; }
  .carousel-inner .ipad-pro img {
    position: relative;
    padding-bottom: 30px;
    max-width: 95%; } }

@media (max-width: 767px) {
  .carousel-inner .ipad-pro {
    padding-top: 0px;
    text-align: center; }
  .carousel-inner .logo-image {
    padding-top: 130px !important;
    padding-bottom: 20px !important;
    max-width: 95% !important; }
  .carousel-inner .ipad-pro img {
    position: relative;
    padding-bottom: 10px;
    max-width: 95%;
    padding-top: 10%;
    text-align: left; }
  .carousel-inner .ipad-pro h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 20px;
    line-height: 100%;
    color: #8f8f8f !important;
    letter-spacing: 0.02em; } }

@media (max-width: 623px) {
  .carousel-inner .ipad-pro {
    padding-top: 30px;
    text-align: center; }
  .carousel-inner .logo-image {
    padding-top: 130px !important;
    padding-bottom: 20px !important;
    max-width: 95% !important; }
  .carousel-inner .ipad-pro img {
    position: relative;
    padding-bottom: 10px;
    max-width: 95%;
    padding-top: 10%; }
  .carousel-inner .ipad-pro h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 20px;
    line-height: 100%;
    color: #8f8f8f !important;
    letter-spacing: 0.02em; } }

@media (max-width: 565px) {
  .carousel-inner .ipad-pro {
    padding-top: 60px !important;
    text-align: center; }
  .carousel-inner .logo-image {
    max-width: 95% !important;
    padding-bottom: 10px;
    padding-top: 90px !important; } }

@media (max-width: 500px) {
  .carousel-inner .ipad-pro {
    padding-top: 30px !important;
    text-align: center; }
  .carousel-inner .logo-image {
    max-width: 35% !important;
    padding-bottom: 5px;
    padding-top: 0px !important; }
  .carousel-inner .ipad-pro img {
    position: relative;
    padding-bottom: 10px;
    max-width: 55%;
    padding-top: 1.5%; }
  .carousel-inner .ipad-pro h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 20px;
    line-height: 100%;
    color: #8f8f8f !important;
    letter-spacing: 0.02em; } }

@media (max-width: 486px) {
  .carousel-inner .ipad-pro {
    padding-top: 30px !important;
    text-align: center; }
  .carousel-inner .logo-image {
    max-width: 35% !important;
    padding-bottom: 5px;
    padding-top: 0px !important; }
  .carousel-inner .ipad-pro img {
    position: relative;
    padding-bottom: 10px;
    max-width: 55%;
    padding-top: 1.5%; }
  .carousel-inner .ipad-pro h4 {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 20px;
    line-height: 100%;
    color: #8f8f8f !important;
    letter-spacing: 0.02em; } }

@media (max-width: 414px) {
  .carousel-inner .ipad-pro {
    padding-top: 30px !important;
    text-align: center; }
  .carousel-inner .ipad-pro img {
    position: relative;
    padding-bottom: 10px;
    max-width: 72%;
    padding-top: 0; } }

@media (max-width: 375px) {
  .carousel-inner .ipad-pro {
    padding-top: 30px !important;
    text-align: center; }
  .carousel-inner .ipad-pro h4 {
    padding-bottom: 20px; }
  .carousel-inner .ipad-pro img {
    position: relative;
    padding-bottom: 10px;
    max-width: 80%; } }

@media (max-width: 320px) {
  .carousel-inner .ipad-pro {
    padding-top: 60px !important;
    text-align: center; }
  .carousel-inner .ipad-pro img {
    position: relative;
    padding-bottom: 10px;
    max-width: 90%; } }

/*Finance**/
.carousel-inner .finance-hero {
  padding-top: 190px;
  margin-left: auto;
  margin-right: auto; }

.carousel-inner .finance-img {
  max-width: 650px !important;
  padding-top: 200px;
  left: -10px; }

.carousel-inner .finance-text {
  padding-top: 230px;
  text-align: left; }

.carousel-inner .finance-text p {
  font-size: 18px;
  color: white;
  padding-top: 0px;
  margin: 0px; }

.carousel-inner .finance-text c {
  font-size: 18px;
  color: white;
  margin-top: 0px;
  padding: 0px; }

.carousel-inner .finance-text h2 {
  font-size: 40px;
  line-height: 120%;
  font-family: 'proxima_novabold',Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
  letter-spacing: .007em;
  color: white; }

.carousel-inner .finance-text h6 {
  font-size: 80px;
  font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  color: white;
  line-height: 140%; }

@media (max-width: 1200px) {
  .carousel-inner .finance-img {
    padding-top: 20px;
    left: -10px; }
  .carousel-inner .finance-text {
    padding-top: 250px; }
  .carousel-inner .finance-text p {
    font-size: 18px;
    color: white; }
  .carousel-inner .finance-text h2 {
    font-size: 36px;
    line-height: 120%;
    font-family: 'proxima_novabold',Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    letter-spacing: .007em;
    color: white; } }

/*Trade In**/
.carousel-inner .ipad-hero {
  padding-top: 30px;
  max-width: 470px;
  margin-left: auto;
  margin-right: auto; }

.carousel-inner .trade-family {
  max-width: 650px !important;
  padding-top: 102px;
  left: -50px; }

.carousel-inner .trade-ipad-text {
  padding-top: 0px; }

.carousel-inner .trade-ipad-text p {
  font-size: 18px;
  color: grey; }

.carousel-inner .trade-ipad-text h2 {
  font-size: 40px;
  line-height: 120%;
  font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
  letter-spacing: .007em;
  color: black; }

@media (max-width: 1200px) {
  .carousel-inner .trade-family {
    max-width: 439px !important;
    padding-top: 173px !important; }
  .carousel-inner .ipad-hero {
    /* padding-top: 200px; */
    max-width: 124% !important;
    margin-left: auto;
    margin-right: auto;
    left: -80px; }
  .carousel-inner .trade-ipad-text {
    margin-top: 0px; }
  .carousel-inner .ipad2-hand {
    left: -300px;
    min-width: 141%;
    top: -80px; } }

/*All pages*/
.not-loaded .carousel-inner :first-child {
  left: 0;
  display: block; }

.carousel-control {
  z-index: 5; }

.button {
  z-index: 5; }

@media (max-width: 320px) {
  #carousel-homepage {
    margin-top: 29px; } }

.home-slider .carousel-indicators {
  z-index: 3; }

.left-center-btn {
  /* float: left; */ }

@media (max-width: 991px) {
  .left-center-btn {
    float: none;
    margin-left: auto;
    margin-right: auto; } }

.ipadfam-hero {
  width: 100%; }

@media (max-width: 767px) {
  .ipadfam-hero {
    width: 150%; } }

.carousel-control {
  z-index: 99; }

.iphone-se-container img {
  position: relative !important; }

.se-logo {
  /* padding-left: 20px; */ }

.iphone-se-container {
  margin-top: 0px; }

.se-hero {
  margin-top: -13px;
  width: 92%; }

@media (max-width: 991px) {
  .iphone-se-container {
    margin-top: 50px; } }

@media (max-width: 767px) {
  .se-logo {
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 270px; }
  .iphone-se-container {
    margin-top: -40px; }
  .se-hero {
    margin-top: 20px; } }

.se-text {
  margin-top: 70px; }

@media (max-width: 991px) {
  .se-text {
    margin-top: 0px; } }

/* Fix for Your Phone */
section {
  visibility: visible !important; }

#p1ca550 {
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 16px !important;
  font-family: "myriadsetpro_text", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #9b9b99 !important;
  overflow: hidden !important;
  /* Inner container */ }

#p1ca550 .p1ca550-content-container {
  /*typography */
  /* Headings and Heading Images */ }

#p1ca550 .p1ca550-content-container h1 {
  font-family: "myriadsetpro_text", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 100 !important;
  line-height: 1.15em !important; }

#p1ca550 .p1ca550-content-container h1 {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  text-transform: none !important;
  border-radius: 0 !important;
  background-color: transparent !important; }

#p1ca550 .p1ca550-content-container a {
  color: #9b9b99 !important;
  outline: 0 !important; }

#p1ca550 .p1ca550-content-container a:hover, #p1ca550 .p1ca550-content-container a:active, #p1ca550 .p1ca550-content-container a:focus {
  color: #9b9b99 !important;
  outline: 0 !important; }

#p1ca550 .p1ca550-content-container a:-webkit-any-link {
  text-decoration: none !important; }

#p1ca550 .p1ca550-content-container a:-webkit-any-link:hover {
  text-decoration: none !important; }

/* Overall site container */
#p1ca550 {
  /* testing */
  /* Inner container */ }

#p1ca550 section.p1ca550-content-container {
  border: none !important;
  box-shadow: none !important; }

#p1ca550 .p1ca550-content-container {
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 10000px !important;
  overflow: hidden !important;
  /* MODULE colours */
  /* centered background images */ }

#p1ca550 .p1ca550-content-container .p1ca550-center-it {
  text-align: center !important; }

#p1ca550 .p1ca550-content-container .p1ca550-center-it {
  text-align: center !important; }

/* styling for footer */
/* End of styling for footer */
#p1ca550 .p1ca550-content-container a.p1ca550-buy-button {
  text-align: center !important;
  text-decoration: none !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  display: inline-block !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  cursor: pointer !important; }

#p1ca550 .p1ca550-content-container a.p1ca550-buy-button:hover, #p1ca550 .p1ca550-content-container a.p1ca550-buy-button:focus {
  background: #666 !important;
  color: #fff !important; }

/* Overall site container */
#p1ca550 {
  /* Inner container */ }

#p1ca550 {
  /* Set border color */
  position: relative !important;
  /* Edit 240x1200 Banner here */
  /* Edit 600x500 Banner here */ }

#p1ca550.p1ca550-no-border {
  border: none !important; }

#p1ca550 .p1ca550-product {
  height: 100% !important;
  /* Inner container */ }

#p1ca550 .p1ca550-product .p1ca550-content-container {
  /* Background color */
  background-color: #cc3341 !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
  height: 100% !important;
  width: 100% !important;
  line-height: 1 !important;
  font-size: 1px !important;
  display: block !important;
  color: #fff !important;
  overflow: hidden !important;
  /* Headings */
  /* Fine print */ }

#p1ca550 .p1ca550-product .p1ca550-content-container h1.p1ca550-content-section-heading {
  display: block !important;
  background-position: center top !important;
  text-indent: -9999em !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important; }

#p1ca550 .p1ca550-product .p1ca550-content-container .p1ca550-mobile-buttons {
  position: absolute !important; }

#p1ca550 .p1ca550-product .p1ca550-content-container .p1ca550-mobile-buttons a.p1ca550-buy-button {
  /* Button color */
  color: white !important;
  border-color: white !important;
  vertical-align: top !important;
  transition: all 0.3s ease-in-out !important;
  /* Button sizes: B & C */ }

#p1ca550 .p1ca550-product .p1ca550-content-container .p1ca550-mobile-buttons a.p1ca550-buy-button.p1ca550-button-size-c {
  width: 93px !important;
  padding: 8px 0 9px !important;
  font-size: 13px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  letter-spacing: -0.25px !important;
  line-height: 10px !important; }

#p1ca550 .p1ca550-product .p1ca550-content-container .p1ca550-mobile-buttons a.p1ca550-buy-button:hover {
  background: #b1232e !important; }

#p1ca550.p1ca550-1400x700 {
  width: 698px !important;
  height: 348px !important;
  /* Inner container */ }

#p1ca550.p1ca550-1400x700.p1ca550-no-border {
  width: 700px !important;
  height: 350px !important; }

#p1ca550.p1ca550-1400x700 .p1ca550-content-container h1.p1ca550-content-section-heading {
  width: 152px !important;
  height: 27px !important;
  right: 34px !important;
  top: 33px !important;
  position: absolute !important;
  background-image: url(../img/XXXX_AA6_Q217_Web_Banner_1400x700-h1.png) !important; }

#p1ca550.p1ca550-1400x700 .p1ca550-content-container .p1ca550-mobile-buttons {
  right: 64px !important;
  top: 94px !important; }

#p1ca550.p1ca550-1400x700 .p1ca550-content-container .p1ca550-mobile-buttons a.p1ca550-buy-button.p1ca550-button-size-c {
  display: block !important;
  margin: 0 0 13px !important; }

/*#endregion iPhone Red*/
/* Pages */
.sub-feature {
  padding: 0;
  margin-top: 15px; }
  .sub-feature.sf-dropped {
    margin-top: 0px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .sub-feature.sf-dropped {
        margin-top: -15px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .sub-feature.sf-dropped {
        margin-top: -10px;
        margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .sub-feature {
      padding: 4px 0;
      margin: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .sub-feature {
      margin-top: 5px;
      padding-bottom: 10px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .sub-feature {
      padding: 0px; } }
  @media (max-width: 767px) {
    .sub-feature .hide-mobile {
      display: none; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .sub-feature .hide-tablet {
      display: none; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .sub-feature .hide-ss {
      display: none; } }
  @media (min-width: 1200px) {
    .sub-feature .hide-ls {
      display: none; } }
  .sub-feature .feature-item {
    box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.1);
    border-radius: 3px; }
    .sub-feature .feature-item .feature-inner {
      padding: 25px; }

.background-card {
  background-size: cover;
  background-position: 50% 50%;
  padding-bottom: 100%;
  position: relative;
  border-radius: 3px;
  display: block;
  margin-top: 30px; }
  .background-card.training {
    background-image: url(/assets/images/homepage/bg-card-pt@2x.jpg); }
  .background-card.business {
    background-image: url(/assets/images/homepage/bg-card-business@2x.jpg); }
  .background-card.support {
    background-image: url(/assets/images/homepage/bg-card-support@2x.jpg); }
  .background-card.store {
    background-image: url(/assets/images/homepage/bg-card-store@2x.jpg); }
  .background-card .button {
    color: #333333;
    background: #ffffff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  .background-card:hover .button {
    bottom: 30px;
    background: rgba(255, 255, 255, 0.75); }

.product-blocks {
  padding: 15px 0 0px; }
  @media (max-width: 767px) {
    .product-blocks {
      padding: 4px 0 !important; } }
  .product-blocks .product-block {
    /* all block items */
    /*
        *
        *
        Single Container
        * 
        *
        */
    /*
        *
        *
        Double Container
        * 
        *
        */ }
    .product-blocks .product-block--item {
      margin-bottom: 15px;
      min-height: 380px;
      overflow: hidden;
      display: block;
      /*
                *
                Single Background Image
                *
            */ }
      @media (min-width: 768px) and (max-width: 991px) {
        .product-blocks .product-block--item {
          min-height: 330px; } }
      @media (max-width: 767px) {
        .product-blocks .product-block--item {
          margin: 4px 0; } }
      @media (max-width: 767px) {
        .product-blocks .product-block--item.background-image {
          min-height: 400px; } }
      .product-blocks .product-block--item .cta {
        position: relative; }
        .product-blocks .product-block--item .cta:after {
          content: '';
          position: absolute;
          bottom: 6px;
          left: 0;
          width: 100%;
          height: 2px;
          background: #2780C5;
          opacity: 0;
          -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
          -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
          -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
          -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
          transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
        .product-blocks .product-block--item .cta.white:after {
          background: #ffffff; }
        .product-blocks .product-block--item .cta:hover:after {
          bottom: 0px;
          opacity: 1; }
      .product-blocks .product-block--item:not(.multilink):hover .cta:after {
        bottom: 0px;
        opacity: 1; }
      .product-blocks .product-block--item.light-grey {
        background: #f9f9f9; }
      .product-blocks .product-block--item.white {
        background: #ffffff;
        border: solid 1px #dddddd; }
        @media (max-width: 767px) {
          .product-blocks .product-block--item.white {
            border: none; } }
      .product-blocks .product-block--item.black {
        background: #000002;
        border: solid 1px #000002; }
      .product-blocks .product-block--item.background-image {
        background-size: cover;
        background-position: center; }
        .product-blocks .product-block--item.background-image h4, .product-blocks .product-block--item.background-image .feat-price {
          color: #ffffff; }
        .product-blocks .product-block--item.background-image .pb-content h4 {
          margin-bottom: 5px;
          margin-top: 10px; }
        .product-blocks .product-block--item.background-image.image-left {
          background-position: 0 50%; }
        .product-blocks .product-block--item.background-image.image-bottom-left {
          background-position: bottom left; }
        .product-blocks .product-block--item.background-image.image-bottom-right {
          background-position: bottom right; }
      .product-blocks .product-block--item .pb-content {
        position: relative;
        padding: 20px;
        width: 100%;
        z-index: 9; }
        .product-blocks .product-block--item .pb-content--logo {
          margin-bottom: 20px;
          max-height: 26px; }
        .product-blocks .product-block--item .pb-content h4 {
          margin: 0;
          line-height: 100%;
          margin-bottom: 16px; }
        .product-blocks .product-block--item .pb-content .feat-price {
          font-size: 20px;
          font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
          margin: 0 0 5px 0; }
        .product-blocks .product-block--item .pb-content .cta {
          padding: 10px;
          display: inline-block; }
    .product-blocks .product-block--single {
      position: relative;
      /*
                *
                Text Alignments
                *
            */
      /*
                *
                Product Box Content
                *
            */
      /*
                *
                Product Box Image
                *
            */ }
      .product-blocks .product-block--single.single-top-centre {
        text-align: center; }
        .product-blocks .product-block--single.single-top-centre .pb-content {
          padding: 30px 25px 20px 25px; }
          @media (max-width: 767px) {
            .product-blocks .product-block--single.single-top-centre .pb-content {
              padding: 50px 25px 30px 25px; } }
      .product-blocks .product-block--single__left {
        text-align: left; }
      .product-blocks .product-block--single__right {
        text-align: right; }
      .product-blocks .product-block--single.single-bottom-centre {
        text-align: center; }
        .product-blocks .product-block--single.single-bottom-centre .pb-content {
          padding: 10px 25px 30px 25px; }
          @media (max-width: 767px) {
            .product-blocks .product-block--single.single-bottom-centre .pb-content {
              padding: 20px 25px 50px 25px; } }
      .product-blocks .product-block--single .pb-image {
        width: 100%;
        position: relative;
        text-align: center; }
    @media (min-width: 768px) and (max-width: 991px) {
      .product-blocks .product-block--double {
        min-height: 300px; } }
    .product-blocks .product-block--double .pb-content {
      padding: 30px; }
      @media (max-width: 767px) {
        .product-blocks .product-block--double .pb-content {
          padding: 50px 30px; } }

/*
*
*
Store Item product Links
* 
*
*/
.store-item-block {
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .store-item-block {
      margin-bottom: 0px; } }
  @media (max-width: 767px) {
    .store-item-block {
      padding-left: 15px;
      padding-right: 15px; } }
  .store-item-block .pb-content {
    width: 100%;
    margin-bottom: 10px; }
    .store-item-block .pb-content h5 {
      line-height: 100%;
      margin: 0; }
  .store-item-block .pb-image {
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 768px) and (max-width: 991px) {
      .store-item-block .pb-image {
        width: 75%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .store-item-block .pb-image img {
        width: 75%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .store-item-block .pb-image img {
        width: 75%; } }
    .store-item-block .pb-image img {
      transform: scale(0.9);
      -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  .store-item-block:hover .pb-image img {
    transform: scale(1); }

/*
*
*
Double Block inner image 'figure' container
* 
*
*/
.block-img {
  margin: 0;
  background-repeat: no-repeat;
  width: 615px;
  height: 404px;
  background-size: 615px 404px;
  background-position: left;
  /* iPad Mini 4 block*/
  /* iPhone Xr block*/
  /* iPhone Xr block*/ }
  @media (min-width: 768px) and (max-width: 991px) {
    .block-img {
      width: 470px;
      height: 300px;
      background-size: 470px 300px; } }
  @media (max-width: 767px) {
    .block-img {
      margin-left: auto;
      margin-right: auto;
      width: 412px;
      height: 412px;
      background-size: 412px; } }
  .block-img.block-img-ipad-mini-4 {
    background-image: url(/assets/images/homepage/ipad-mini-4-hero@2x.png); }
    @media (max-width: 767px) {
      .block-img.block-img-ipad-mini-4 {
        background-image: url(/assets/images/homepage/ipad-mini-4-hero-mobile@2x.png); } }
  .block-img.block-img-iphone-xr {
    background-image: url(/assets/images/homepage/iphone-xr-hero@2x.png); }
    @media (max-width: 767px) {
      .block-img.block-img-iphone-xr {
        height: 600px;
        width: 350px;
        background-size: 350px 600px;
        background-image: url(/assets/images/homepage/iphone-xr-hero-mobile@2x.png); } }
  .block-img.block-img-iphone-11pro {
    background-image: url(/assets/images/homepage/iphone11-pro-dry-feature.jpg); }
    @media (max-width: 767px) {
      .block-img.block-img-iphone-11pro {
        height: 320px;
        width: 350px;
        background-size: 350px 320px;
        background-image: url(/assets/images/homepage/iphone11-pro-dry-mobile.jpg); } }
  .block-img.block-img-iphone-11 {
    background-image: url(/assets/images/homepage/iphone-11-water-feature.jpg); }
    @media (max-width: 767px) {
      .block-img.block-img-iphone-11 {
        height: 320px;
        width: 350px;
        background-size: 350px 320px;
        background-image: url(/assets/images/homepage/iphone-11-mobile.jpg); } }

.store-finder-block {
  background-color: #f9f9f9; }
  .store-finder-block .store-finder-image {
    height: 428px;
    width: 100%;
    background-size: cover;
    background-image: url(/assets/images/homepage/storefinder-image@2x.png); }
  .store-finder-block .store-finder-content {
    padding: 20px 50px; }
  .store-finder-block #store-locator-finance {
    position: relative; }
    .store-finder-block #store-locator-finance input[type="text"] {
      width: 100%;
      border-color: #E0E0E0;
      background: #ffffff; }
    .store-finder-block #store-locator-finance input[type="submit"] {
      position: absolute;
      right: 20px;
      top: 12px;
      font-size: 16px;
      font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
      background: none;
      border: none;
      color: #2780C5; }

#randomStoreProducts {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 768px) and (max-width: 991px) {
    #randomStoreProducts .pb-image img {
      width: 85%; } }

.usp-bar {
  padding-top: 170px;
  padding-bottom: 12px;
  background: #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center; }
  @media (min-width: 768px) and (max-width: 991px) {
    .usp-bar {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .usp-bar {
      padding-top: 90px; } }
  .usp-bar p, .usp-bar a {
    margin: 0;
    font-size: 13px;
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
    color: #999999; }

.promo-bar {
  padding-top: 170px;
  padding-bottom: 12px;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  text-align: center;
  background: #2daae1;
  color: #ffffff;
  -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  animation: color-me-in 5s normal; }
  .promo-bar:hover {
    background: #333333;
    color: #ffffff; }
  @media (min-width: 768px) and (max-width: 991px) {
    .promo-bar {
      padding-top: 120px; } }
  @media (max-width: 767px) {
    .promo-bar {
      padding-top: 90px; } }
  .promo-bar p {
    margin: 0;
    font-size: 13px;
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
    color: inherit; }

.brand-logos {
  text-align: center;
  margin-bottom: 20px;
  position: relative; }
  .brand-logos img {
    width: 200px;
    margin-left: auto;
    margin-right: auto; }
  .brand-logos:before, .brand-logos:after {
    height: 100%;
    width: 100px;
    background: linear-gradient(to left, rgba(249, 249, 249, 0), #f9f9f9);
    display: block;
    position: absolute;
    height: 100%;
    z-index: 1;
    top: 0;
    content: ''; }
  .brand-logos:before {
    left: 0; }
  .brand-logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(249, 249, 249, 0), #f9f9f9); }

#homepage .container {
  padding-left: 22.5px;
  padding-right: 22.5px; }

@media (max-width: 767px) {
  #homepage .container {
    padding-left: 7.5px;
    padding-right: 7.5px;
    overflow: hidden; } }

#homepage div[class^="col-"] {
  padding-left: 7.5px;
  padding-right: 7.5px; }

#homepage .store-finder-block {
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    #homepage .store-finder-block {
      margin-bottom: 8px; } }

#homepage #footer .container, #homepage #copyright .container {
  padding-left: 15px;
  padding-right: 15px; }

@media (max-width: 767px) {
  #homepage #footer .container, #homepage #copyright .container {
    padding-left: 15px;
    padding-right: 15px; } }

#homepage #footer div[class^="col-"], #homepage #copyright div[class^="col-"] {
  padding-left: 15px;
  padding-right: 15px; }

/*TO LATER SEPERATE INTO GLOBAL STYLE  */
#easy-upgrade {
  font-family: "proxima_novaregular", Helvetica, Arial, sans-serif; }
  #easy-upgrade ul.checklist {
    margin-left: 22px; }
  #easy-upgrade .main, #easy-upgrade .main a, #easy-upgrade .main p, #easy-upgrade .main ul, #easy-upgrade .main li, #easy-upgrade .main address, #easy-upgrade .main ul li, #easy-upgrade .main table td, #easy-upgrade .hero, #easy-upgrade .hero a, #easy-upgrade .hero p, #easy-upgrade .hero ul, #easy-upgrade .hero li, #easy-upgrade .hero address, #easy-upgrade .hero ul li, #easy-upgrade .hero table td {
    font-size: 16px;
    font-family: "proxima_novaregular", Helvetica, Arial, sans-serif; }
  #easy-upgrade .main a, #easy-upgrade .hero a {
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif; }
  #easy-upgrade .main p.xl, #easy-upgrade .main ul.xl, #easy-upgrade .main li.xl, #easy-upgrade .hero p.xl, #easy-upgrade .hero ul.xl, #easy-upgrade .hero li.xl {
    font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
    font-size: 22px; }
  #easy-upgrade .main h1, #easy-upgrade .main h2, #easy-upgrade .main h3, #easy-upgrade .main h4, #easy-upgrade .main h5, #easy-upgrade .main h6, #easy-upgrade .hero h1, #easy-upgrade .hero h2, #easy-upgrade .hero h3, #easy-upgrade .hero h4, #easy-upgrade .hero h5, #easy-upgrade .hero h6 {
    font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #333333;
    line-height: 120%; }
  #easy-upgrade .main h1, #easy-upgrade .hero h1 {
    font-size: 52px;
    margin: 0.7em 0;
    margin-top: 0; }
    @media (max-width: 767px) {
      #easy-upgrade .main h1, #easy-upgrade .hero h1 {
        font-size: 42px; } }
  #easy-upgrade .main h2, #easy-upgrade .hero h2 {
    font-size: 40px; }
    @media (max-width: 767px) {
      #easy-upgrade .main h2, #easy-upgrade .hero h2 {
        font-size: 32px; } }
  #easy-upgrade .main h3, #easy-upgrade .hero h3 {
    font-size: 32px; }
    @media (max-width: 767px) {
      #easy-upgrade .main h3, #easy-upgrade .hero h3 {
        font-size: 28px; } }
  #easy-upgrade .main h4, #easy-upgrade .hero h4 {
    font-size: 24px; }
  #easy-upgrade .main h5, #easy-upgrade .hero h5 {
    font-size: 20px; }
  #easy-upgrade .main h6, #easy-upgrade .hero h6 {
    font-size: 16px; }
  #easy-upgrade .hero--product {
    margin: 15px 0; }
  #easy-upgrade .hero .card h4, #easy-upgrade .hero .card p {
    color: white; }
  #easy-upgrade #fo-faq h3 {
    margin-top: 0; }
    #easy-upgrade #fo-faq h3 a {
      color: #333333; }
  #easy-upgrade .apple-care-badge {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block; }
    @media (min-width: 768px) and (max-width: 991px) {
      #easy-upgrade .apple-care-badge {
        margin-left: 0; } }
    @media (max-width: 767px) {
      #easy-upgrade .apple-care-badge {
        margin-left: 0;
        width: 100px; } }
  #easy-upgrade .three-yg-badge {
    text-align: center;
    display: block;
    width: 80px;
    margin: 0 auto 25px auto; }
    @media (min-width: 768px) and (max-width: 991px) {
      #easy-upgrade .three-yg-badge {
        margin-left: 0; } }
    @media (max-width: 767px) {
      #easy-upgrade .three-yg-badge {
        width: 100px; } }
  @media (max-width: 767px) {
    #easy-upgrade .center-mobile, #easy-upgrade .center-mobile .card {
      text-align: center; } }
  #easy-upgrade #copyright {
    margin-bottom: 67px; }
    @media (max-width: 767px) {
      #easy-upgrade #copyright {
        margin-bottom: 60px; } }
  #easy-upgrade .small-klarna-logo {
    margin: 0; }

.slide-in-cta-bar {
  z-index: 999; }
  .slide-in-cta-bar, .slide-in-cta-bar.sps--abv {
    bottom: -150px;
    width: 100%;
    border-top: 1px #ffffff solid;
    position: fixed;
    -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  .slide-in-cta-bar.sps--blw {
    bottom: 0px; }
  .slide-in-cta-bar .foot-view-bar {
    background: #333333;
    padding: 15px 0;
    text-align: right; }
    @media (max-width: 767px) {
      .slide-in-cta-bar .foot-view-bar {
        text-align: center; } }
    .slide-in-cta-bar .foot-view-bar p {
      color: #ffffff; }
      .slide-in-cta-bar .foot-view-bar p,
      .slide-in-cta-bar .foot-view-bar p a {
        font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
        font-size: 20px;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .slide-in-cta-bar .foot-view-bar p,
          .slide-in-cta-bar .foot-view-bar p a {
            font-size: 16px;
            clear: both;
            display: block;
            width: 100%; } }

/* HERO */
.hero {
  padding-top: 200px;
  padding-bottom: 30px;
  text-align: center;
  color: #ffffff; }
  @media (max-width: 767px) {
    .hero {
      padding-top: 100px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .hero {
      padding-top: 140px; } }
  .hero .landing-logo {
    height: 100px; }
    @media (max-width: 767px) {
      .hero .landing-logo {
        height: 80px;
        padding-top: 10px; } }
  .hero--product {
    padding: 20px 0;
    max-width: 100%; }
  .hero h2 {
    font-size: 40px;
    color: #ffffff !important; }
  .hero--sub-text {
    padding: 0 10px;
    display: inline-block; }
  .hero .card h4, .hero .card p {
    color: #ffffff; }
  .hero .card .icon-badge {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }

@media (max-width: 767px) {
  .rellax {
    transform: translate3d(0, 0, 0) !important; } }

.icon-badge {
  border-radius: 100%;
  border: solid 3px white;
  padding: 16px;
  height: 60px;
  width: 60px;
  font-weight: bold;
  font-size: 20px;
  display: block;
  font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
  color: white; }

.three-step-animation {
  padding-top: 40px;
  border-top: rgba(255, 255, 255, 0.2) 1px solid;
  margin-top: 20px; }
  .three-step-animation .icon-badge {
    animation: shadow-pulse 8s -2s infinite; }
    .three-step-animation .icon-badge.badge-two {
      animation: shadow-pulse 8s -1s infinite; }
    .three-step-animation .icon-badge.badge-three {
      animation: shadow-pulse 8s 0s infinite; }

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2); }
  20% {
    box-shadow: 0 0 0 35px rgba(255, 255, 255, 0); }
  100% {
    box-shadow: 0 0 0 35px rgba(255, 255, 255, 0); } }

.main.split-block-wrapper {
  padding-top: 30px; }
  .main.split-block-wrapper .card {
    box-shadow: none; }
    @media (max-width: 767px) {
      .main.split-block-wrapper .card {
        padding: 25px;
        margin-bottom: 20px; } }
    .main.split-block-wrapper .card h3 {
      margin-top: 10px; }
    .main.split-block-wrapper .card.gradient--blue-green {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
      background: #2a6f92;
      /* Old browsers */
      background: -moz-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, #2a6f92 0%, #53a96e 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6f92', endColorstr='#53a96e',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      color: #ffffff; }
      .main.split-block-wrapper .card.gradient--blue-green h3, .main.split-block-wrapper .card.gradient--blue-green p, .main.split-block-wrapper .card.gradient--blue-green a {
        color: #ffffff !important; }
    .main.split-block-wrapper .card.light-grey {
      background: #f9f9f9; }

.banner {
  padding: 75px 0;
  position: relative;
  /* ANIMATIONS */
  /* Hide by default */ }
  .banner--bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .banner--left {
    float: left;
    width: 100%;
    max-width: 65%; }
    .banner--left .banner--content-wrapper {
      float: right;
      margin-right: -51%; }
  .banner--right {
    float: right;
    width: 100%;
    max-width: 65%; }
    .banner--right .banner--content-wrapper {
      float: left;
      margin-left: -52%; }
  .banner--content-wrapper {
    width: 60%; }
  .banner--card-image {
    display: none; }
  @media (max-width: 767px) {
    .banner {
      padding: 0; }
      .banner--left, .banner--left .banner--content-wrapper, .banner--right, .banner--right .banner--content-wrapper, .banner--content-wrapper, .banner--content-wrapper .banner--content-wrapper {
        float: none;
        width: 100%;
        margin: 0;
        max-width: 100%; }
      .banner--bg-image {
        background-image: none !important;
        background: none; }
      .banner .banner--card-image {
        display: block;
        margin-bottom: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .banner {
      padding: 0; }
      .banner--left, .banner--left .banner--content-wrapper, .banner--right, .banner--right .banner--content-wrapper, .banner--content-wrapper, .banner--content-wrapper .banner--content-wrapper {
        float: none;
        width: 100%;
        margin: 0;
        max-width: 100%; }
      .banner--bg-image {
        background-image: none !important;
        background: none; }
      .banner .banner--card-image {
        display: block;
        margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .banner .table-tabs {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
      background: #2a6f92;
      /* Old browsers */
      background: -moz-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, #2a6f92 0%, #53a96e 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6f92', endColorstr='#53a96e',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      padding: 30px;
      padding-top: 30px;
      margin-top: 0px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .banner .table-tabs {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6f92+0,53a96e+100 */
      background: #2a6f92;
      /* Old browsers */
      background: -moz-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, #2a6f92 0%, #53a96e 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, #2a6f92 0%, #53a96e 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6f92', endColorstr='#53a96e',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      padding: 40px;
      padding-top: 30px;
      margin-top: 0px; } }
  .banner .table-tabs .nav-pills .nav-link {
    border: solid 2px #ffffff;
    padding-bottom: 4px;
    text-align: center; }
    .banner .table-tabs .nav-pills .nav-link.active {
      background: #ffffff;
      color: #333333 !important; }
  .banner .table-tabs ul {
    padding: 0;
    list-style: none;
    margin-bottom: 20px; }
    .banner .table-tabs ul li {
      display: inline-block;
      margin-right: 3px; }
      @media (max-width: 767px) {
        .banner .table-tabs ul li {
          width: 31.5%; } }
      .banner .table-tabs ul li.active a {
        background: #ffffff;
        color: #666666 !important; }
      .banner .table-tabs ul li a {
        color: #ffffff;
        padding-right: 20px;
        text-align: center; }
        @media (max-width: 767px) {
          .banner .table-tabs ul li a {
            width: 100%; } }
  .banner .table-tabs .tab-pane {
    opacity: 0;
    -webkit-transform: translate3d(0px, 15px, 0px);
    -moz-transform: translate3d(0px, 15px, 0px);
    -ms-transform: translate3d(0px, 15px, 0px);
    transform: translate3d(0px, 15px, 0px);
    -webkit-transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1);
    -moz-transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1);
    -ms-transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1);
    -o-transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1);
    transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1); }
    .banner .table-tabs .tab-pane.show {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      -moz-transform: translate3d(0px, 0px, 0px);
      -ms-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px); }
    .banner .table-tabs .tab-pane .pricing-product-shot {
      max-height: 400px;
      margin: 0 auto;
      padding-right: 20px; }
      @media (min-width: 768px) and (max-width: 991px) {
        .banner .table-tabs .tab-pane .pricing-product-shot {
          margin-bottom: 50px; } }
      @media (max-width: 767px) {
        .banner .table-tabs .tab-pane .pricing-product-shot {
          margin-bottom: 10px; } }
  .banner .simple-table tr {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
    .banner .simple-table tr td {
      vertical-align: top;
      padding: 15px 10px;
      color: #ffffff; }
  .banner #easy-upgrade .main {
    opacity: 0;
    -webkit-transition: 1.3s opacity cubic-bezier(0.2, 0.5, 0.5, 1);
    -moz-transition: 1.3s opacity cubic-bezier(0.2, 0.5, 0.5, 1);
    transition: 1.3s opacity cubic-bezier(0.2, 0.5, 0.5, 1); }
    @media (min-width: 992px) and (max-width: 1199px) {
      .banner #easy-upgrade .main {
        opacity: 1; } }

.pricing-block .table-tabs {
  padding-left: 50px;
  text-align: left; }
  @media (max-width: 767px) {
    .pricing-block .table-tabs {
      padding-left: 25px; } }

.stacked img {
  margin-bottom: 30px; }

.stacked--with-overlay img {
  margin-bottom: 0px; }

.stacked--text {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    .stacked--text {
      width: 100%;
      text-align: left; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .stacked--text {
      width: 90%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .stacked--text {
      width: 85%; } }

.stacked--overlap {
  margin-top: -50px; }
  @media (max-width: 767px) {
    .stacked--overlap {
      margin-top: 25px; } }

/*
*
*
* APPLE MUSIC CALLOUT BLOCK
*
*
*/
.apple-music-callout .black {
  background: #000002; }
  .apple-music-callout .black, .apple-music-callout .black h1, .apple-music-callout .black h2, .apple-music-callout .black h3, .apple-music-callout .black h4, .apple-music-callout .black h5, .apple-music-callout .black h6, .apple-music-callout .black p {
    color: #ffffff !important; }

.apple-music-callout a, .apple-music-callout .cta {
  color: #FF466A; }

.apple-airpods-image {
  background-size: cover;
  background-position: center; }

.simple-table {
  width: 100%;
  margin-bottom: 25px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .simple-table.mac-table tr td {
      width: 50%; } }
  @media (max-width: 767px) {
    .simple-table.mac-table tr td {
      width: 50%; } }
  .simple-table tr {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
    .simple-table tr td {
      vertical-align: top;
      padding: 20px 10px;
      color: #999999; }
      @media (max-width: 767px) {
        .simple-table tr td {
          display: block;
          width: 50%;
          float: left;
          padding: 15px 10px 15px 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .simple-table tr td {
          display: block;
          width: 25%;
          float: left;
          padding: 15px 10px 15px 0; } }
      .simple-table tr td.table-title {
        vertical-align: middle;
        font-family: "proxima_novabold", Helvetica, Arial, sans-serif; }
        @media (max-width: 767px) {
          .simple-table tr td.table-title {
            width: 100%;
            font-weight: bold; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .simple-table tr td.table-title {
            width: 100%;
            font-weight: bold; } }
      .simple-table tr td .capacity {
        font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
        display: none; }
        .simple-table tr td .capacity.constant {
          display: block; }
        @media (max-width: 767px) {
          .simple-table tr td .capacity {
            display: block; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .simple-table tr td .capacity {
            display: block; } }
      @media (max-width: 991px) {
        .simple-table tr td.hide-collapsed {
          display: none !important; } }

@media (max-width: 991px) {
  .pagehero {
    text-align: center; } }

.pagehero .training-hero-image {
  text-align: right;
  margin-bottom: -60px;
  float: right;
  max-width: 100%; }
  @media (max-width: 991px) {
    .pagehero .training-hero-image {
      margin-top: 40px;
      float: none; } }

.pagehero .forgottenPasswordLink {
  font-size: 12px; }
  @media (max-width: 991px) {
    .pagehero .forgottenPasswordLink {
      padding: 5px 0;
      text-align: center;
      width: 100%;
      display: inline-block;
      font-size: 14px; } }

.trainer-headshot-container .trainer-headshot {
  border-radius: 3px;
  background-size: cover;
  background-position: top center;
  min-height: 650px;
  padding: 25px;
  box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.1);
  position: relative;
  font-family: 'Caveat', cursive;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 26px;
  line-height: 100%; }
  @media (max-width: 991px) {
    .trainer-headshot-container .trainer-headshot {
      margin-top: 40px; } }
  @media (max-width: 767px) {
    .trainer-headshot-container .trainer-headshot {
      border-radius: none; } }
  @media (max-width: 767px) {
    .trainer-headshot-container .trainer-headshot {
      font-size: 20px; } }
  .trainer-headshot-container .trainer-headshot span {
    position: absolute;
    bottom: 25px;
    left: 25px; }
  @media (max-width: 767px) {
    .trainer-headshot-container .trainer-headshot {
      min-height: 250px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .trainer-headshot-container .trainer-headshot {
      min-height: 400px; } }

@media (max-width: 991px) {
  .trainer-headshot-container .remove-member {
    display: none; } }

@media (max-width: 767px) {
  .trainer-headshot-container .container-fluid, .trainer-headshot-container .col {
    padding: 0; }
  .trainer-headshot-container .remove-member {
    display: none; } }

.pt-callout {
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  font-family: 'Caveat', cursive;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 26px;
  line-height: 100%; }
  @media (max-width: 767px) {
    .pt-callout {
      font-size: 20px; } }
  .pt-callout.bottom-left {
    bottom: 30px;
    left: 30px; }

#what-you-have-access-to h5 {
  font-family: 'Caveat', cursive;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 26px;
  line-height: 100%;
  color: #333333;
  text-shadow: none;
  font-size: 22px; }
  @media (max-width: 767px) {
    #what-you-have-access-to h5 {
      font-size: 20px; } }
  @media (max-width: 767px) {
    #what-you-have-access-to h5 {
      font-size: 26px; } }

#what-you-have-access-to .icon-wrap {
  margin-top: 40px; }

#how-does-pt-work .icon-wrap {
  margin-bottom: 20px; }

#finance-banner h1 {
  margin-top: 100px;
  font-size: 60px; }
  @media (max-width: 767px) {
    #finance-banner h1 {
      margin-top: 60px;
      font-size: 40px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #finance-banner h1 {
      font-size: 60px; } }

#finance-banner .hero-shot {
  margin: 60px 0 20px;
  max-width: 100%; }

.finance-logo {
  font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif; }
  .finance-logo span {
    font-family: "proxima_novalight", Helvetica, Arial, sans-serif; }
  .finance-logo i {
    font-size: 16px; }

.fp--block {
  border-radius: 3px;
  background: #f0f0f0;
  margin: 15px auto;
  -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  @media (max-width: 767px) {
    .fp--block {
      margin: 8px auto; } }
  .fp--block:hover {
    box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.1); }

.fp--product {
  padding: 40px 30px 30px 30px;
  text-align: center; }
  .fp--product .product-image-wrap {
    display: block;
    max-height: 250px;
    height: 250px;
    position: relative;
    margin-bottom: 20px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .fp--product .product-image-wrap {
        height: 175px; } }
    .fp--product .product-image-wrap img {
      max-height: 250px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
      @media (min-width: 768px) and (max-width: 991px) {
        .fp--product .product-image-wrap img {
          max-height: 175px; } }
  .fp--product .from-only_xx {
    padding: 5px 10px 3px 10px;
    font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
    background: #ffffff;
    border-radius: 3px;
    display: inline-block;
    margin: 0;
    clear: both; }

.fp--availability {
  padding: 20px 30px;
  border-top: solid 1px #ffffff; }
  @media (max-width: 767px) {
    .fp--availability {
      text-align: center; } }
  .fp--availability p {
    margin: 0; }

.finance-options-wrap {
  border-top: solid 1px #E1E1E1;
  border-bottom: solid 1px #E1E1E1; }

.finance-block {
  padding: 25px;
  border-right: solid 1px #E1E1E1;
  position: relative; }
  .finance-block .callout-rib {
    font-size: 11px;
    font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
    color: white;
    background: #2daae1;
    padding: 17px 10px 12px 10px;
    position: absolute;
    border-radius: 0 0 15px 15px;
    right: 20px;
    top: 0px;
    text-align: center; }
  @media (max-width: 767px) {
    .finance-block {
      border: none;
      border-bottom: solid 1px #E1E1E1; } }
  .finance-block h5 {
    color: #2daae1; }
  .finance-block.last {
    border-right: none; }
    @media (max-width: 767px) {
      .finance-block.last {
        border: none; } }
  .finance-block--horizontal {
    border: solid 1px #dddddd;
    padding: 30px 50px; }
    @media (max-width: 991px) {
      .finance-block--horizontal {
        text-align: center; }
        .finance-block--horizontal img {
          margin: 10px 0; } }
    .finance-block--horizontal.gradient {
      border-color: white; }
    .finance-block--horizontal .fb-specification {
      margin: 30px 0 0 0 !important;
      padding: 0; }
      .finance-block--horizontal .fb-specification li {
        font-size: 20px; }
    .finance-block--horizontal .take12-iphone {
      margin-top: 20px; }
    .finance-block--horizontal .easyup-logo {
      width: 150px;
      margin-top: 15px;
      margin-bottom: 20px; }
  .finance-block--feature {
    background: #2daae1;
    border-radius: 3px;
    border: none; }
    .finance-block--feature h1, .finance-block--feature h2, .finance-block--feature h3, .finance-block--feature h4, .finance-block--feature h5, .finance-block--feature h6, .finance-block--feature p, .finance-block--feature li {
      color: #ffffff; }
    .finance-block--feature .subtitle {
      color: rbga(255, 255, 255, 0.6); }
  .finance-block .fb-specification {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 20px;
    list-style: none; }
    .finance-block .fb-specification li {
      margin-bottom: 10px;
      font-size: 16px; }

.klarna-finance-options .finance-block {
  min-height: 410px;
  padding: 30px 30px; }
  .klarna-finance-options .finance-block--easyup {
    padding-top: 60px;
    padding-bottom: 50px; }
  .klarna-finance-options .finance-block .easyup-logo {
    margin: 10px 0; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .klarna-finance-options .finance-block {
      min-height: 440px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .klarna-finance-options .finance-block {
      min-height: 440px; } }
  @media (max-width: 767px) {
    .klarna-finance-options .finance-block {
      min-height: 0;
      margin-bottom: 15px; } }

#finance-calc-wrap {
  background: #f9f9f9; }
  @media (max-width: 767px) {
    #finance-calc-wrap {
      text-align: center; }
      #finance-calc-wrap .padding-right-50 {
        padding-right: 0; } }
  #finance-calc-wrap form input[type="text"] {
    background: rgba(255, 255, 255, 0.5);
    border: solid 1px rgba(0, 0, 0, 0.15); }
    #finance-calc-wrap form input[type="text"]:focus, #finance-calc-wrap form input[type="text"]:focus {
      box-shadow: none;
      border: solid 1px #2daae1; }

.finance-tabs-wrapper {
  border-bottom: solid 1px #dddddd; }

#financeOptionsTabs {
  margin-bottom: -1px;
  border-bottom: none; }
  #financeOptionsTabs li {
    width: 50%; }
    #financeOptionsTabs li a {
      width: 100%;
      text-align: center;
      padding: 20px 10px;
      height: 100%; }
      @media (max-width: 767px) {
        #financeOptionsTabs li a {
          padding: 20px 40px; } }
      #financeOptionsTabs li a img {
        max-width: 100%; }

#finace-calculation .provider-logo {
  max-height: 30px;
  text-align: right;
  float: right; }
  @media (max-width: 767px) {
    #finace-calculation .provider-logo {
      margin-bottom: 40px;
      float: left; } }

#financeOptionsContent .tab-pane {
  opacity: 0;
  -webkit-transform: translate3d(0px, 15px, 0px);
  -moz-transform: translate3d(0px, 15px, 0px);
  -ms-transform: translate3d(0px, 15px, 0px);
  transform: translate3d(0px, 15px, 0px);
  -webkit-transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1);
  -moz-transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1);
  -ms-transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1);
  -o-transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1);
  transition: all 0.75s cubic-bezier(0.4, 1, 0.4, 1); }
  #financeOptionsContent .tab-pane.show {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }

.finance-availabilty-table {
  width: 100%;
  display: table; }
  .finance-availabilty-table th {
    text-align: center;
    width: 20%;
    padding: 10px 10px 20px 15px;
    border-bottom: solid 1px #dddddd; }
    @media (max-width: 991px) {
      .finance-availabilty-table th {
        width: 50%; } }
    .finance-availabilty-table th .product-image-wrap img {
      height: 90px; }
    .finance-availabilty-table th .cta {
      font-size: 14px;
      font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif; }
  .finance-availabilty-table tbody tr:nth-child(odd) {
    background: #f9f9f9; }
  .finance-availabilty-table tbody td {
    text-align: center;
    border-left: solid 4px #ffffff;
    border-right: solid 4px #ffffff;
    font-size: 18px;
    line-height: 100%; }
    @media (max-width: 991px) {
      .finance-availabilty-table tbody td {
        width: 50%; } }
    .finance-availabilty-table tbody td.finance-badge {
      text-align: left;
      float: none;
      padding: 18px 20px 14px; }
      .finance-availabilty-table tbody td.finance-badge .badges .badge {
        float: left;
        display: inline-block;
        margin: 0;
        margin-right: 10px;
        font-size: 22px;
        padding: 0; }
        @media (max-width: 767px) {
          .finance-availabilty-table tbody td.finance-badge .badges .badge {
            float: none;
            font-size: 18px; } }
      .finance-availabilty-table tbody td.finance-badge h6 {
        font-size: 22px; }
    .finance-availabilty-table tbody td.available .fa {
      color: #16AD3E; }
    .finance-availabilty-table tbody td.unavailable .fa {
      color: #D4D4D4; }
    .finance-availabilty-table tbody td small {
      font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
      font-size: 12px; }
  .finance-availabilty-table tbody .table-footer {
    border-top: solid 1px #dddddd;
    background: #ffffff !important; }
    .finance-availabilty-table tbody .table-footer td {
      padding-top: 20px; }
      .finance-availabilty-table tbody .table-footer td .cta {
        font-size: 14px;
        font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif; }
  .finance-availabilty-table--desktop {
    display: table; }
    @media (max-width: 991px) {
      .finance-availabilty-table--desktop {
        display: none; } }
  .finance-availabilty-table--mobile {
    display: none;
    float: left;
    width: 48%;
    margin: 1%; }
    @media (max-width: 991px) {
      .finance-availabilty-table--mobile {
        display: table;
        margin-bottom: 40px; } }
    @media (max-width: 767px) {
      .finance-availabilty-table--mobile {
        width: 100%; } }

#student-banner {
  text-align: center; }
  #student-banner h1 {
    margin-top: 100px;
    font-size: 80px;
    background: linear-gradient(to right, #FF6D00 0%, #FFA600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media (max-width: 767px) {
      #student-banner h1 {
        margin-top: 60px;
        font-size: 60px; } }
  #student-banner h4 {
    color: #999999 !important; }
  #student-banner .hero-shot {
    margin: 60px 0;
    max-width: 100%; }
    @media (max-width: 767px) {
      #student-banner .hero-shot {
        width: 160%;
        max-width: none;
        transform: translateX(-20%); } }

@media (min-width: 768px) and (max-width: 991px) {
  .remove-tablet {
    display: none; } }

@media (max-width: 767px) {
  .remove-mobile {
    display: none; } }

.discount {
  padding: 12px 25px 8px;
  font-size: 16px;
  font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
  border: solid 2px;
  border-radius: 3px;
  margin-bottom: 15px;
  background: transparent;
  display: inline-block; }
  .discount--orange {
    color: #FF8D00;
    border-color: #FF8D00;
    background: transparent;
    -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
    .discount--orange:hover {
      background: #FF8D00;
      color: #ffffff; }
  .discount .discount-code {
    font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
    margin-bottom: -5px;
    display: inline-block; }

#student .svg-parent {
  position: relative;
  padding-top: 20%; }

#student svg {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%; }
  @media (min-width: 768px) and (max-width: 991px) {
    #student svg {
      top: -15px; } }
  @media (max-width: 767px) {
    #student svg {
      top: -5px; } }

#student h2 {
  font-size: 60px;
  line-height: 110%; }
  @media (max-width: 767px) {
    #student h2 {
      font-size: 50px; } }

.student-signup-form {
  position: relative;
  margin-bottom: 10px; }
  .student-signup-form input[type="text"], .student-signup-form input[type="email"] {
    float: left;
    margin: 1%;
    background: #ffffff;
    border: none;
    box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.1);
    padding: 18px 15px 8px; }
  .student-signup-form input[type="text"] {
    width: 32%; }
  .student-signup-form input[type="email"] {
    width: 64%;
    padding-right: 120px; }
  .student-signup-form button {
    position: absolute;
    right: 12px;
    top: 11px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .student-signup-form button {
        right: 9px;
        top: 10px; } }
  @media (max-width: 767px) {
    .student-signup-form input[type="text"], .student-signup-form input[type="email"] {
      width: 100%;
      float: none; }
    .student-signup-form button {
      right: 0px;
      top: auto;
      bottom: 8px; } }

@media (max-width: 991px) {
  .mid-hero-block {
    text-align: center; } }

.student-acc-products {
  margin-bottom: 30px; }
  .student-acc-products .product-single {
    padding: 25px;
    background: #ffffff;
    text-align: center;
    display: block;
    margin: 15px; }
    .student-acc-products .product-single:hover {
      box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.1); }
    .student-acc-products .product-single h4 {
      font-size: 18px; }

.student-acc-controls {
  float: right;
  margin-top: 205px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .student-acc-controls {
      float: none;
      margin-top: 205px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .student-acc-controls {
      float: none;
      margin-top: 305px; } }
  @media (max-width: 767px) {
    .student-acc-controls {
      float: none;
      margin-top: 10px; } }
  .student-acc-controls .slick-arrow {
    padding: 15px;
    border-radius: 100%;
    border: solid 2px #999999;
    color: #999999;
    height: 50px;
    width: 50px;
    font-size: 18px;
    float: left;
    margin: 10px; }
    .student-acc-controls .slick-arrow.slick-disabled {
      border-color: #dddddd;
      color: #dddddd; }

.macbook-air-anim,
.ipad-anim {
  height: 100%;
  width: 100%;
  max-height: none;
  max-width: none; }

@media (max-width: 991px) {
  .ipad-anim {
    text-align: center;
    width: 70%; } }

.hero-split-con {
  padding: 0 50px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .hero-split-con {
      padding: 0 30px 40px 30px; } }
  @media (max-width: 767px) {
    .hero-split-con {
      padding: 0 15px 30px 15px; } }
  .hero-split-con.macbook {
    padding: 0px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .hero-split-con.macbook {
        padding-bottom: 40px; } }
    @media (max-width: 767px) {
      .hero-split-con.macbook {
        padding-bottom: 30px; } }

.form-subscript {
  margin-top: 15px;
  font-size: 14px; }

@media (max-width: 767px) {
  .feature-image-split-wrap {
    margin-top: 30px; } }

.feature-image-split-wrap .feature-image-split--image {
  background-size: cover;
  background-position: center;
  position: relative; }
  @media (min-width: 768px) and (max-width: 991px) {
    .feature-image-split-wrap .feature-image-split--image {
      height: 300px; } }
  .feature-image-split-wrap .feature-image-split--image::after {
    content: '';
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to bottom, #FF6D00 0%, #FFA600 100%); }
    @media (max-width: 991px) {
      .feature-image-split-wrap .feature-image-split--image::after {
        width: 100%;
        height: 8px;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        background: linear-gradient(to right, #FF6D00 0%, #FFA600 100%); } }

.feature-image-split-wrap .feature-image-split--content {
  padding: 50px;
  background: #f9f9f9; }
  .feature-image-split-wrap .feature-image-split--content .apple-care-badge {
    width: 100px;
    margin-bottom: 10px; }

#trade-in-banner {
  padding: 150px 0 70px;
  border-bottom: solid 1px #555555; }
  #trade-in-banner h1 {
    margin-top: 100px;
    background: linear-gradient(to right, #B53FA9 0%, #F58927 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media (max-width: 767px) {
      #trade-in-banner h1 {
        margin-top: 00px; } }
  #trade-in-banner .hero-shot {
    margin: 30px 0 50px;
    max-width: 100%; }
    @media (max-width: 767px) {
      #trade-in-banner .hero-shot {
        margin: 30px 0 20px;
        max-width: 200%;
        left: -90%;
        position: relative; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #trade-in-banner .hero-shot {
        margin: 30px 0 20px;
        max-width: 120%;
        left: -10%;
        position: relative; } }
  #trade-in-banner h4 {
    color: #C3C3C3; }

#trade-in h2 {
  font-size: 48px; }

#trade-in .main a:not(.button) {
  color: #D86862; }

.tradein-gradient-text {
  background: linear-gradient(to right, #B53FA9 0%, #F58927 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.trade-in-steps .process-step-circle {
  border: solid 4px #ffffff;
  border-radius: 100%;
  height: 76px;
  width: 76px;
  padding: 15px;
  font-size: 30px;
  font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 60px; }
  @media (max-width: 767px) {
    .trade-in-steps .process-step-circle {
      margin-top: 30px; } }
  .trade-in-steps .process-step-circle.ti-one {
    border-color: #B53FA9;
    color: #B53FA9; }
  .trade-in-steps .process-step-circle.ti-two {
    border-color: #D86862;
    color: #D86862; }
  .trade-in-steps .process-step-circle.ti-three {
    border-color: #F58927;
    color: #F58927; }

.trade-in-steps .single-card {
  padding: 0 30px; }

.get-started-now {
  background-image: url(/assets/images/trade-in/macbook-glow-front@2x.jpg);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 100% 0;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1200px) {
    .get-started-now {
      background-size: 60%;
      background-position: 100% 25px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .get-started-now {
      background-size: 80%;
      background-position: 180% 56px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .get-started-now {
      background-size: 100%;
      background-position: 369px 40px; } }
  @media (max-width: 767px) {
    .get-started-now {
      background-image: none;
      text-align: center; } }
  .get-started-now .mobile-mac {
    margin-top: 40px; }
  .get-started-now .delete-data {
    margin-top: 60px; }
    .get-started-now .delete-data p {
      font-size: 14px;
      line-height: 130%; }
    @media (max-width: 767px) {
      .get-started-now .delete-data {
        margin-top: -20px; } }
  .get-started-now .restore-iphone-help {
    margin: 100px 0; }
    @media (min-width: 768px) and (max-width: 991px) {
      .get-started-now .restore-iphone-help {
        margin: 40px 0; } }
    @media (max-width: 767px) {
      .get-started-now .restore-iphone-help {
        margin: 10px 0 40px 0; } }
    .get-started-now .restore-iphone-help button.lightbox-trigger-panel {
      display: block;
      width: 100%;
      padding: 30px;
      border-radius: 3px;
      text-align: center;
      background: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.3);
      position: relative;
      overflow: hidden; }
      @media (max-width: 991px) {
        .get-started-now .restore-iphone-help button.lightbox-trigger-panel {
          margin: 10px 0; } }
      .get-started-now .restore-iphone-help button.lightbox-trigger-panel h6 {
        font-size: 16px; }
      .get-started-now .restore-iphone-help button.lightbox-trigger-panel h4 {
        position: relative;
        z-index: 9;
        transform: scale(0.9);
        top: 0; }
      .get-started-now .restore-iphone-help button.lightbox-trigger-panel h4, .get-started-now .restore-iphone-help button.lightbox-trigger-panel h6 {
        transition: all .7s ease-in-out; }
      .get-started-now .restore-iphone-help button.lightbox-trigger-panel:before {
        content: '';
        height: 200px;
        width: 100%;
        top: 60%;
        left: 0;
        background: linear-gradient(to right, #B53FA9 0%, #F58927 100%);
        display: block;
        position: absolute;
        z-index: 1;
        transition: all 1.5s cubic-bezier(0.4, 1, 0.4, 1);
        opacity: 0; }
      .get-started-now .restore-iphone-help button.lightbox-trigger-panel:hover:before {
        top: 0;
        opacity: 1; }
      .get-started-now .restore-iphone-help button.lightbox-trigger-panel:hover h4 {
        transform: scale(1);
        top: 20px; }
      .get-started-now .restore-iphone-help button.lightbox-trigger-panel:hover h6 {
        opacity: 0; }

.prepare-device .stepswrap {
  margin-top: 25px;
  border-top: dashed 1px #555555;
  padding-top: 25px; }

@media (max-width: 767px) {
  .trade-prep {
    text-align: left !important; } }

.trade-prep .checklist {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (max-width: 767px) {
    .trade-prep .checklist {
      margin: 0 0 15px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .trade-prep .checklist {
      margin: 0 0 40px 0; } }
  .trade-prep .checklist li {
    padding: 15px 5px 12px 25px;
    font-size: 16px;
    border-bottom: solid 1px #555555; }
    .trade-prep .checklist li .fas {
      font-size: 14px;
      color: #D86862;
      margin-left: -20px; }

.trade-prep .recycle-icon {
  color: #D86862;
  font-size: 30px; }

.something-new {
  text-align: center;
  padding-top: 20px; }
  @media (max-width: 767px) {
    .something-new {
      padding-top: 50px;
      border-top: solid 1px #555555;
      margin-top: 30px; } }
  .something-new h1 {
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .something-new h1 {
        margin-bottom: 0px; } }
  .something-new .product-image-wrap {
    max-height: 200px;
    display: block;
    margin-bottom: 20px;
    text-align: center; }
    .something-new .product-image-wrap img {
      max-height: 200px;
      max-width: 100%; }
      @media (max-width: 767px) {
        .something-new .product-image-wrap img {
          max-height: 150px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .something-new .product-image-wrap img {
          max-height: 160px; } }
  .something-new .next-device {
    margin: 25px 0 25px 0;
    padding: 0 30px; }

.overflow-glows {
  position: relative;
  overflow: hidden; }

.glow-container {
  position: relative; }
  .glow-container .row {
    position: relative;
    z-index: 2; }
  .glow-container .glow {
    display: block;
    position: absolute;
    background-size: contain;
    height: 1400px;
    width: 1400px;
    background-size: 1400px 1400px;
    z-index: 1;
    opacity: 0.5; }
    .glow-container .glow.glow-one {
      background-image: url(/assets/images/trade-in/glow-one.png);
      left: -600px;
      top: -200px; }
    .glow-container .glow.glow-two {
      background-image: url(/assets/images/trade-in/glow-one.png);
      right: -400px;
      top: -1100px; }

#powerbeats-banner {
  background: #e9e5df; }
  #powerbeats-banner .aj-hero {
    -moz-transform: translate3d(-40px, 40px, 0);
    -ms-transform: translate3d(-40px, 40px, 0);
    -o-transform: translate3d(-40px, 40px, 0);
    transform: translate3d(-40px, 40px, 0);
    width: 140%; }
    @media (max-width: 767px) {
      #powerbeats-banner .aj-hero {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        margin-bottom: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #powerbeats-banner .aj-hero {
        max-width: none;
        width: 140%;
        -moz-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0); } }
  #powerbeats-banner .beats-logo, #powerbeats-banner .powerbeatspro-title {
    margin-bottom: 50px; }
    @media (min-width: 768px) and (max-width: 991px) {
      #powerbeats-banner .beats-logo, #powerbeats-banner .powerbeatspro-title {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      #powerbeats-banner .beats-logo, #powerbeats-banner .powerbeatspro-title {
        margin-bottom: 30px; } }
  #powerbeats-banner p {
    color: #000000; }
  #powerbeats-banner .button--pbp {
    color: #000000;
    border: solid 2px #000000 !important; }
  #powerbeats-banner p.small {
    font-size: 10px;
    margin-top: 100px; }

#powerbeats-pro .main p {
  font-size: 20px; }

#powerbeats-pro .water-resistant-img, #powerbeats-pro .listening-time-img {
  width: 450px; }

#powerbeats-pro .volume-control-img {
  width: 100%; }
  #powerbeats-pro .volume-control-img--right {
    width: 250px;
    -moz-transform: translate3d(15px, 10px, 0);
    -ms-transform: translate3d(15px, 10px, 0);
    -o-transform: translate3d(15px, 10px, 0);
    transform: translate3d(15px, 10px, 0); }
  #powerbeats-pro .volume-control-img--left {
    width: 200px;
    -moz-transform: translate3d(-50px, -5px, 0);
    -ms-transform: translate3d(-50px, -5px, 0);
    -o-transform: translate3d(-50px, -5px, 0);
    transform: translate3d(-50px, -5px, 0); }

@media (max-width: 767px) {
  #powerbeats-pro .water-resistant-img, #powerbeats-pro .listening-time-img, #powerbeats-pro .volume-control-img {
    margin-bottom: 30px; } }

#powerbeats-pro .call-actions {
  padding: 10px 0; }

#powerbeats-pro p.small {
  font-size: 10px;
  margin-top: 100px; }
  @media (max-width: 767px) {
    #powerbeats-pro p.small {
      margin-top: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #powerbeats-pro p.small {
      margin-top: 20px; } }

#powerbeats-pro .button--pbp {
  border: solid 2px #ffffff;
  background: transparent; }

@media (max-width: 767px) {
  #powerbeats-pro .mobile-center {
    text-align: center; } }

#powerbeats-video {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  display: block;
  margin-bottom: 15px; }
  #powerbeats-video:after {
    content: '';
    display: block;
    padding-bottom: 56%;
    width: 100%; }
    @media (min-width: 1200px) {
      #powerbeats-video:after {
        padding-bottom: 56%; } }
    @media (max-width: 767px) {
      #powerbeats-video:after {
        padding-bottom: 56%; } }

ol {
  padding-left: 20px; }
  ol li {
    margin-bottom: 10px; }

.callout {
  padding: 50px;
  display: block;
  margin-bottom: 15px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .callout {
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    .callout {
      margin-bottom: 4px; } }
  .callout.white {
    background-color: #ffffff; }
  .callout .cta {
    position: relative; }
    .callout .cta:after {
      content: '';
      position: absolute;
      bottom: 6px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #2780C5;
      opacity: 0;
      -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
      transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
    .callout .cta.white:after {
      background: #ffffff; }
  .callout:hover .cta:after {
    bottom: 0px;
    opacity: 1; }
  .callout .hero--product {
    transform: scale(0.95);
    -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
    transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  .callout:hover .hero--product {
    transform: scale(1); }
  @media (max-width: 767px) {
    .callout {
      padding: 30px 20px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .callout {
      margin-bottom: 10px; } }
  .callout, .callout a, .callout p, .callout ul, .callout li {
    font-size: 16px;
    font-family: "proxima_novaregular", Helvetica, Arial, sans-serif; }
  .callout a {
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif; }
  .callout p.xl, .callout ul.xl, .callout li.xl {
    font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
    font-size: 22px; }
  .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
    font-family: "proxima_novabold", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 120%; }
  .callout h1 {
    font-size: 52px;
    margin: 0.7em 0;
    margin-top: 0; }
    @media (max-width: 767px) {
      .callout h1 {
        font-size: 42px; } }
  .callout h2 {
    font-size: 40px !important; }
    @media (max-width: 767px) {
      .callout h2 {
        font-size: 32px !important; } }
  .callout--easy-upgrade .easyup-logo {
    margin-bottom: 30px;
    width: 200px; }
  .callout--easy-upgrade .hero--product {
    margin: 10px auto;
    max-width: 100%; }
  .callout--take-finance {
    padding-bottom: 20px; }
    .callout--take-finance .hero--product {
      padding: 0; }
  .callout--trade-in {
    background: black; }
    .callout--trade-in h3, .callout--trade-in h6 {
      background: linear-gradient(to right, #B53FA9 0%, #F58927 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .callout--trade-in h5 {
      color: #dddddd; }
    .callout--trade-in p {
      color: white; }

@media (min-width: 1200px) {
  .container-large {
    max-width: 1440px; } }

@media (max-width: 767px) {
  .container-full-mobile div[class^="col-"] {
    padding-left: 0;
    padding-right: 0; } }

.store-finder-block {
  background-color: #f9f9f9; }
  @media (max-width: 991px) {
    .store-finder-block {
      margin-bottom: 20px; } }
  .store-finder-block .store-finder-image {
    height: 428px;
    width: 100%;
    background-size: cover;
    background-image: url(/assets/images/studentnineteen/storefinder-image@2x.png); }
    @media (min-width: 992px) and (max-width: 1199px) {
      .store-finder-block .store-finder-image {
        height: 360px; } }
  .store-finder-block .store-finder-content {
    padding: 20px 50px; }
    @media (max-width: 991px) {
      .store-finder-block .store-finder-content {
        padding: 30px 40px 40px 40px; } }
  .store-finder-block #store-locator-finance {
    position: relative; }
    .store-finder-block #store-locator-finance input[type="text"] {
      width: 100%;
      border-color: #E0E0E0;
      background: #ffffff; }
    .store-finder-block #store-locator-finance input[type="submit"] {
      position: absolute;
      right: 20px;
      top: 12px;
      font-size: 16px;
      font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
      background: none;
      border: none;
      color: #2780C5; }
      @media (max-width: 767px) {
        .store-finder-block #store-locator-finance input[type="submit"] {
          position: relative;
          background: #2780C5;
          color: white;
          padding: 13px 20px 10px;
          width: 100%;
          float: left;
          left: 0;
          right: auto;
          border-radius: 3px;
          top: 0; } }

.icon-wrap {
  height: 100px;
  width: 100px;
  position: relative;
  margin-right: auto;
  margin-left: auto; }
  .icon-wrap.icon-left {
    margin: 0 !important; }
    .icon-wrap.icon-left img {
      left: 0;
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    @media (max-width: 767px) {
      .icon-wrap.icon-left {
        margin-left: auto !important;
        margin-right: auto !important; } }
  .icon-wrap img {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

#contact-us .findus-inner {
  background: white;
  margin-left: 80px;
  margin-right: 15px;
  margin-top: -205px;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  align-self: flex-end; }
  @media (min-width: 768px) and (max-width: 991px) {
    #contact-us .findus-inner {
      margin-left: 0; } }

#contact-us #store-locator-finance input[type="text"] {
  width: 67%; }

@media (min-width: 768px) and (max-width: 991px) {
  #contact-us #store-locator-finance input[type="text"], #contact-us #store-locator-finance .button {
    width: 100%;
    margin: 5px 0; } }

@media (max-width: 767px) {
  #contact-us .search {
    overflow: hidden; } }

/* 
*
Buttons 
*
*/
.button, p .button {
  padding: 15px 20px 11px;
  border: none;
  font-size: 16px;
  font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
  display: inline-block;
  line-height: 100%;
  background: #2780C5;
  color: #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  -o-transition: all 1s cubic-bezier(0.4, 1, 0.4, 1);
  transition: all 1s cubic-bezier(0.4, 1, 0.4, 1); }
  .button.blue, p .button.blue {
    background: #2780C5;
    color: #ffffff; }
  .button.white, p .button.white {
    background: #ffffff;
    color: #333333; }
  .button.grey, p .button.grey {
    background: #333333;
    color: #ffffff; }
  @media (max-width: 767px) {
    .button.btn-full-width, p .button.btn-full-width {
      width: 100%;
      text-align: center; } }
  .button.spaced-button, p .button.spaced-button {
    margin: 40px 0; }
    @media (max-width: 767px) {
      .button.spaced-button, p .button.spaced-button {
        margin: 20px 0; } }

@media (max-width: 991px) {
  .call-actions {
    padding: 15px 0; } }

@media (max-width: 767px) {
  .call-actions {
    padding-bottom: 0px; } }

@media (max-width: 767px) {
  .call-actions--home {
    padding-top: 0px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .call-actions--home {
    padding-bottom: 5px; } }

.call-actions--home .callout {
  margin-bottom: 8px; }

.smallprint {
  font-size: 12px !important; }

body.darkmode {
  background: #000002; }
  body.darkmode h1, body.darkmode h2, body.darkmode h3, body.darkmode h4, body.darkmode h5, body.darkmode h6 {
    color: #ffffff; }
  body.darkmode p, body.darkmode ul, body.darkmode li {
    color: #f9f9f9;
    font-size: 18px; }
  body.darkmode p a:not(.button) {
    color: #3EB6DC; }
  body.darkmode .modal .modal-dialog .modal-content {
    background: #333333; }
    body.darkmode .modal .modal-dialog .modal-content .modal-header .modal-title {
      margin-top: 0; }
    body.darkmode .modal .modal-dialog .modal-content .modal-header .close {
      color: #f9f9f9; }
      body.darkmode .modal .modal-dialog .modal-content .modal-header .close:hover {
        color: #ffffff; }
    body.darkmode .modal .modal-dialog .modal-content .modal-header, body.darkmode .modal .modal-dialog .modal-content .modal-footer {
      border-color: #555555; }
  body.darkmode .dark-callout {
    padding: 30px;
    padding-bottom: 0;
    border-radius: 3px;
    background: white;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); }
    @media (max-width: 767px) {
      body.darkmode .dark-callout {
        margin: 15px 0; } }
  body.darkmode #faqs .accordion .panel-link {
    color: #ffffff; }
  body.darkmode #faqs .accordion .panel-heading a i {
    color: #f9f9f9; }
  body.darkmode #faqs .accordion .panel-default > .panel-heading {
    border-color: #555555; }
  body.darkmode .call-actions .light-grey {
    background: #333333; }

.pagehero.black {
  background: #000002; }

#appletv-plus-banner {
  padding: 200px 0 60px; }
  @media (min-width: 768px) and (max-width: 991px) {
    #appletv-plus-banner {
      padding: 120px 0 60px; } }
  @media (max-width: 767px) {
    #appletv-plus-banner {
      padding: 70px 0 40px; } }
  #appletv-plus-banner .tv-logo {
    margin-bottom: 20px; }
  #appletv-plus-banner .see-macbook {
    margin-top: 60px;
    width: 120%;
    max-width: 120%;
    -moz-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    transform: translateX(-20%); }
    @media (max-width: 991px) {
      #appletv-plus-banner .see-macbook {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px; } }
  #appletv-plus-banner h1 {
    color: #ffffff;
    line-height: 110%;
    font-size: 40px; }
    @media (max-width: 767px) {
      #appletv-plus-banner h1 {
        font-size: 33px; } }
  #appletv-plus-banner h4 {
    color: #cccccc;
    font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;
    font-size: 24px; }

.apple-tv-terms ul {
  padding-left: 15px; }
  .apple-tv-terms ul li {
    margin-bottom: 10px;
    font-size: 14px; }


#homekit-hero {
  text-align: center;
  padding: 270px 0 120px;
  position: relative; }
  @media (max-width: 767px) {
    #homekit-hero {
      padding: 180px 0 120px; } }
  #homekit-hero:before {
    content: '';
    background-image: url(/assets/images/homekit/homekit-hero@2x.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 120%;
    height: 50%;
    position: absolute;
    z-index: 1;
    top: 100px;
    left: 0; }
    @media (max-width: 767px) {
      #homekit-hero:before {
        top: 20px;
        height: 46%;
        left: -10%; } }
  #homekit-hero .container {
    position: relative;
    z-index: 2; }
  #homekit-hero h1 {
    color: white;
    line-height: 100%;
    font-size: 80px; }
    @media (max-width: 767px) {
      #homekit-hero h1 {
        font-size: 40px; } }
  #homekit-hero .hero-logo {
    margin-bottom: 40px; }
  #homekit-hero .hero-shot {
    margin-top: 60px;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      #homekit-hero .hero-shot {
        margin-top: 40px; } }
  #homekit-hero p.large {
    font-size: 22px; }
    @media (max-width: 767px) {
      #homekit-hero p.large {
        font-size: 20px; } }

#home-kit .main {
  padding: 120px 0;
  text-align: center; }
  @media (max-width: 767px) {
    #home-kit .main {
      padding: 70px 35px;
      text-align: left; } }
  #home-kit .main p.large {
    font-size: 22px;
    line-height: 150%; }
    @media (max-width: 767px) {
      #home-kit .main p.large {
        font-size: 20px; } }
  #home-kit .main h2 {
    font-size: 60px;
    line-height: 120%; }
    @media (max-width: 767px) {
      #home-kit .main h2 {
        font-size: 32px;
        line-height: 120%; } }
  #home-kit .main h3 {
    font-size: 50px;
    line-height: 140%; }
    @media (max-width: 767px) {
      #home-kit .main h3 {
        font-size: 28px;
        line-height: 120%; } }
  #home-kit .main ol.small {
    text-align: left; }

#home-kit .pull-up-homekit {
  margin-top: -200px; }

#home-kit .river-image {
  margin: 50px auto; }
  @media (max-width: 767px) {
    #home-kit .river-image {
      margin: 25px auto; } }

#home-kit .lifestyle-feature {
  margin: 50px auto 15px; }
  @media (max-width: 767px) {
    #home-kit .lifestyle-feature {
      margin: 30px auto 20px; } }

@media (max-width: 767px) {
  #home-kit .works-with-text {
    font-size: 14px; } }



#macbook-pro-16 .main.extra-padded {
  padding: 90px 0; }
  @media (max-width: 767px) {
    #macbook-pro-16 .main.extra-padded {
      padding: 50px 0; } }

#macbook-pro-16 #macbook-pro-banner h1 {
  font-size: 80px;
  line-height: 100%; }
  @media (max-width: 767px) {
    #macbook-pro-16 #macbook-pro-banner h1 {
      font-size: 50px; } }

#macbook-pro-16 #macbook-pro-banner .hero-titlelogo {
  margin-top: 60px;
  margin-bottom: 30px; }

#macbook-pro-16 #macbook-pro-banner .hero-shot {
  margin-top: 100px;
  margin-bottom: 0px; }
  @media (max-width: 767px) {
    #macbook-pro-16 #macbook-pro-banner .hero-shot {
      margin-top: 60px;
      margin-bottom: 10px; } }

#macbook-pro-16 h2 {
  font-size: 54px;
  line-height: 110%; }
  #macbook-pro-16 h2 .sub-title {
    color: #888888; }
  @media (max-width: 767px) {
    #macbook-pro-16 h2 {
      font-size: 38px;
      margin-bottom: 30px; } }

#macbook-pro-16 .list-blocks {
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    #macbook-pro-16 .list-blocks {
      margin-bottom: 50px; } }

#macbook-pro-16 .list-block {
  padding: 15px 0 50px 0;
  margin-top: 20px;
  border-top: solid 1px #888888; }
  @media (max-width: 767px) {
    #macbook-pro-16 .list-block {
      margin-top: 20px;
      padding: 15px 0 20px 0; } }
  #macbook-pro-16 .list-block h2 {
    margin-bottom: 0;
    line-height: 100%; }
    #macbook-pro-16 .list-block h2 .reduced {
      font-size: 40px; }
  #macbook-pro-16 .list-block h3 {
    font-size: 28px; }
    @media (max-width: 767px) {
      #macbook-pro-16 .list-block h3 {
        font-size: 22px; } }
  #macbook-pro-16 .list-block h6 {
    font-size: 22px;
    color: #888888; }
    @media (max-width: 767px) {
      #macbook-pro-16 .list-block h6 {
        font-size: 18px; } }
  #macbook-pro-16 .list-block p {
    margin: 0;
    padding: 0; }

#macbook-pro-16 p.large {
  font-size: 30px;
  color: #888888;
  font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  line-height: 120%;
  margin-bottom: 50px; }
  #macbook-pro-16 p.large span.dark {
    color: #000002; }
  @media (max-width: 767px) {
    #macbook-pro-16 p.large {
      font-size: 22px;
      line-height: 130%;
      margin-bottom: 32px; } }

#macbook-pro-16 p.regular {
  font-size: 20px;
  color: #888888;
  font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  line-height: 130%;
  margin-top: 30px;
  margin-bottom: 40px; }
  #macbook-pro-16 p.regular span.dark {
    color: #000002; }

#macbook-pro-16 .large-image {
  margin: 50px 0 50px;
  width: 100%; }
  @media (max-width: 767px) {
    #macbook-pro-16 .large-image {
      margin: 20px 0 30px; } }

#macbook-pro-16 .grey-image-block {
  background: #f3f3f3;
  margin-bottom: 20px; }
  #macbook-pro-16 .grey-image-block img {
    width: 100%; }
  #macbook-pro-16 .grey-image-block .grey-block-content {
    padding: 20px 80px 50px 80px; }
    @media (max-width: 767px) {
      #macbook-pro-16 .grey-image-block .grey-block-content {
        padding: 20px 40px 40px 40px; } }

#macbook-pro-16 .macbook-line-spacer {
  margin: 100px 0; }

#macbook-pro-16 .call-to-actions {
  padding: 100px 0;
  background: #fbfbfd; }
  #macbook-pro-16 .call-to-actions h2 {
    font-size: 48px;
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      #macbook-pro-16 .call-to-actions h2 {
        font-size: 34px; } }
  #macbook-pro-16 .call-to-actions img {
    margin: 40px auto 30px; }

#macbook-pro-16 .smallprint {
  background: #f5f5f7; }