@charset "UTF-8";
/*!
 * Bootstrap Reboot v4.4.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)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          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:not(:focus-visible) {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          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;
  -webkit-text-decoration: underline dotted;
     -moz-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          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]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):hover {
    color: inherit;
    text-decoration: none; }

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"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          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; }

/*!
 * Bootstrap Grid v4.4.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)
 */
html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  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: 1440px; } }

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1440px; } }

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px; }

.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: 8px;
  padding-left: 8px; }

.col {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%; }

.row-cols-1 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.row-cols-2 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.row-cols-3 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.row-cols-4 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.row-cols-5 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%; }

.row-cols-6 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
     -moz-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
     -moz-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13; }

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
     -moz-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0; }

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
     -moz-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
     -moz-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
     -moz-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
     -moz-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7; }

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
     -moz-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8; }

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
     -moz-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9; }

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
     -moz-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10; }

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
     -moz-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11; }

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
     -moz-box-ordinal-group: 13;
      -ms-flex-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 {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
       -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
       -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
       -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
       -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
       -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
       -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
       -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
       -moz-box-ordinal-group: 13;
        -ms-flex-order: 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 {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
       -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
       -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
       -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
       -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
       -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
       -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
       -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
       -moz-box-ordinal-group: 13;
        -ms-flex-order: 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 {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
       -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
       -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
       -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
       -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
       -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
       -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
       -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
       -moz-box-ordinal-group: 13;
        -ms-flex-order: 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 {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
       -moz-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
       -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
       -moz-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
       -moz-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
       -moz-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
       -moz-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
       -moz-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
       -moz-box-ordinal-group: 13;
        -ms-flex-order: 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: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: -ms-inline-flexbox !important;
  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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
     -moz-box-orient: horizontal !important;
     -moz-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
     -moz-box-orient: vertical !important;
     -moz-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
     -moz-box-orient: horizontal !important;
     -moz-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
     -moz-box-orient: vertical !important;
     -moz-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important; }

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

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

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

.flex-fill {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
     -moz-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important; }

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
     -moz-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important; }

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
     -moz-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important; }

.flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important; }

.flex-shrink-1 {
  -webkit-flex-shrink: 1 !important;
      -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
     -moz-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
     -moz-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
     -moz-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
     -moz-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.justify-content-around {
  -webkit-justify-content: space-around !important;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
     -moz-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
     -moz-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
     -moz-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
     -moz-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
     -moz-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.align-content-start {
  -webkit-align-content: flex-start !important;
      -ms-flex-line-pack: start !important;
          align-content: flex-start !important; }

.align-content-end {
  -webkit-align-content: flex-end !important;
      -ms-flex-line-pack: end !important;
          align-content: flex-end !important; }

.align-content-center {
  -webkit-align-content: center !important;
      -ms-flex-line-pack: center !important;
          align-content: center !important; }

.align-content-between {
  -webkit-align-content: space-between !important;
      -ms-flex-line-pack: justify !important;
          align-content: space-between !important; }

.align-content-around {
  -webkit-align-content: space-around !important;
      -ms-flex-line-pack: distribute !important;
          align-content: space-around !important; }

.align-content-stretch {
  -webkit-align-content: stretch !important;
      -ms-flex-line-pack: stretch !important;
          align-content: stretch !important; }

.align-self-auto {
  -webkit-align-self: auto !important;
      -ms-flex-item-align: auto !important;
              -ms-grid-row-align: auto !important;
          align-self: auto !important; }

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

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

.align-self-center {
  -webkit-align-self: center !important;
      -ms-flex-item-align: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important; }

.align-self-baseline {
  -webkit-align-self: baseline !important;
      -ms-flex-item-align: baseline !important;
          align-self: baseline !important; }

.align-self-stretch {
  -webkit-align-self: stretch !important;
      -ms-flex-item-align: stretch !important;
              -ms-grid-row-align: stretch !important;
          align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
       -moz-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-sm-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
       -moz-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
       -moz-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
       -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
       -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-sm-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-sm-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-sm-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-sm-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-sm-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-sm-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-sm-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important; }
  .align-self-sm-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-sm-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-sm-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important; }
  .align-self-sm-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-sm-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
       -moz-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-md-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
       -moz-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
       -moz-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
       -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
       -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-md-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-md-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-md-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-md-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-md-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-md-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-md-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important; }
  .align-self-md-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-md-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-md-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important; }
  .align-self-md-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-md-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
       -moz-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-lg-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
       -moz-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
       -moz-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
       -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
       -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-lg-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-lg-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-lg-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-lg-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-lg-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-lg-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-lg-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important; }
  .align-self-lg-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-lg-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-lg-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important; }
  .align-self-lg-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-lg-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
       -moz-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
       -moz-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
       -moz-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
       -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
       -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-xl-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-xl-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-xl-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-xl-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-xl-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-xl-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important; }
  .align-self-xl-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-xl-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-xl-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important; }
  .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            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; } }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 3px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-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;
  -moz-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;
  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;
  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, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      -webkit-transition: none;
      -o-transition: none;
      -moz-transition: none;
      transition: none; } }
  .btn:hover {
    color: #212529;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            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 {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
              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 {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
              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 {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
              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 {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
              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 {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
              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 {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
              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 {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
              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 {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
              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 {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
              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 {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
              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 {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
              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 {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
              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 {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
              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 {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
              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 {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
              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 {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
            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 {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
              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;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 3px; }

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 3px; }

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

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

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

.card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          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: 3px; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.card-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
  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: 2px 2px 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 2px 2px; }

.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,
.card-img-top,
.card-img-bottom {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%; }

.card-img,
.card-img-top {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }

.card-deck .card {
  margin-bottom: 8px; }

@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -8px;
    margin-left: -8px; }
    .card-deck .card {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 0%;
         -moz-box-flex: 1;
          -ms-flex: 1 0 0%;
              flex: 1 0 0%;
      margin-right: 8px;
      margin-bottom: 0;
      margin-left: 8px; } }

.card-group > .card {
  margin-bottom: 8px; }

@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .card-group > .card {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 0%;
         -moz-box-flex: 1;
          -ms-flex: 1 0 0%;
              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 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

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

.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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

a.close.disabled {
  pointer-events: 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: 3px; }

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

.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: 3px; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 3px; }
    .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: -moz-calc(-0.5rem - 1px);
    bottom: calc(-0.5rem - 1px); }
    .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: -moz-calc(-0.5rem - 1px);
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 3px 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: -moz-calc(-0.5rem - 1px);
    top: calc(-0.5rem - 1px); }
    .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: -moz-calc(-0.5rem - 1px);
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 3px 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: 2px;
  border-top-right-radius: 2px; }
  .popover-header:empty {
    display: none; }

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

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

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

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

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            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%;
  -webkit-animation: spinner-border .75s linear infinite;
     -moz-animation: spinner-border .75s linear infinite;
       -o-animation: spinner-border .75s linear infinite;
          animation: spinner-border .75s linear infinite; }

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

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

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

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

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
         -o-transform: scale(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;
  -webkit-animation: spinner-grow .75s linear infinite;
     -moz-animation: spinner-grow .75s linear infinite;
       -o-animation: spinner-grow .75s linear infinite;
          animation: spinner-grow .75s linear infinite; }

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

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

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

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

.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: 3px !important; }

.rounded {
  border-radius: 3px !important; }

.rounded-top {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; }

.rounded-right {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important; }

.rounded-bottom {
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important; }

.rounded-left {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important; }

.rounded-lg {
  border-radius: 3px !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: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: -ms-inline-flexbox !important;
  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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    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%; }

.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 {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
     -moz-box-orient: horizontal !important;
     -moz-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
     -moz-box-orient: vertical !important;
     -moz-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
     -moz-box-orient: horizontal !important;
     -moz-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
     -moz-box-orient: vertical !important;
     -moz-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important; }

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

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

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

.flex-fill {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
     -moz-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important; }

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
     -moz-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important; }

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
     -moz-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important; }

.flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important; }

.flex-shrink-1 {
  -webkit-flex-shrink: 1 !important;
      -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
     -moz-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
     -moz-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
     -moz-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
     -moz-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.justify-content-around {
  -webkit-justify-content: space-around !important;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important; }

.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
     -moz-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important; }

.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
     -moz-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }

.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
     -moz-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
     -moz-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
     -moz-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.align-content-start {
  -webkit-align-content: flex-start !important;
      -ms-flex-line-pack: start !important;
          align-content: flex-start !important; }

.align-content-end {
  -webkit-align-content: flex-end !important;
      -ms-flex-line-pack: end !important;
          align-content: flex-end !important; }

.align-content-center {
  -webkit-align-content: center !important;
      -ms-flex-line-pack: center !important;
          align-content: center !important; }

.align-content-between {
  -webkit-align-content: space-between !important;
      -ms-flex-line-pack: justify !important;
          align-content: space-between !important; }

.align-content-around {
  -webkit-align-content: space-around !important;
      -ms-flex-line-pack: distribute !important;
          align-content: space-around !important; }

.align-content-stretch {
  -webkit-align-content: stretch !important;
      -ms-flex-line-pack: stretch !important;
          align-content: stretch !important; }

.align-self-auto {
  -webkit-align-self: auto !important;
      -ms-flex-item-align: auto !important;
              -ms-grid-row-align: auto !important;
          align-self: auto !important; }

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

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

.align-self-center {
  -webkit-align-self: center !important;
      -ms-flex-item-align: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important; }

.align-self-baseline {
  -webkit-align-self: baseline !important;
      -ms-flex-item-align: baseline !important;
          align-self: baseline !important; }

.align-self-stretch {
  -webkit-align-self: stretch !important;
      -ms-flex-item-align: stretch !important;
              -ms-grid-row-align: stretch !important;
          align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
       -moz-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-sm-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
       -moz-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
       -moz-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
       -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
       -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-sm-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-sm-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-sm-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-sm-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-sm-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-sm-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-sm-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important; }
  .align-self-sm-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-sm-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-sm-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important; }
  .align-self-sm-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-sm-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
       -moz-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-md-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
       -moz-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
       -moz-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
       -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
       -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-md-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-md-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-md-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-md-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-md-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-md-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-md-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important; }
  .align-self-md-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-md-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-md-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important; }
  .align-self-md-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-md-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
       -moz-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-lg-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
       -moz-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
       -moz-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
       -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
       -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-lg-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-lg-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-lg-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-lg-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-lg-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-lg-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-lg-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important; }
  .align-self-lg-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-lg-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-lg-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important; }
  .align-self-lg-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-lg-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
       -moz-box-orient: horizontal !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
       -moz-box-orient: vertical !important;
       -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
       -moz-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
       -moz-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
       -moz-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
       -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
       -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .align-content-xl-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important; }
  .align-content-xl-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important; }
  .align-content-xl-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important; }
  .align-content-xl-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important; }
  .align-content-xl-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important; }
  .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important; }
  .align-self-xl-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important; }
  .align-self-xl-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important; }
  .align-self-xl-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .align-self-xl-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important; }
  .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important; }
  .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            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: -webkit-sticky !important;
  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: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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 {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

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

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

.shadow-none {
  -webkit-box-shadow: none !important;
          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;
  -o-text-overflow: ellipsis;
     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; }

/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
 *  License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "PaymentFont";
  src: url("../eot/paymentfont-webfont0d71.eot");
  src: url("../eot/paymentfont-webfontd41d.eot#iefix&v=1.2.5") format("embedded-opentype"), url("../woff/paymentfont-webfont0d71.woff") format("woff"), url("../woff/paymentfont-webfont0d71.woff") format("woff"), url("../ttf/paymentfont-webfont0d71.ttf") format("truetype"), url("../svg/paymentfont-webfont0d71.svg#paymentfont-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

.pf {
  display: inline-block;
  font: normal normal normal 14px/1 "PaymentFont";
  font-size: inherit;
  text-rendering: auto;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pf-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.pf-2x {
  font-size: 2em; }

.pf-3x {
  font-size: 3em; }

.pf-4x {
  font-size: 4em; }

.pf-5x {
  font-size: 5em; }

.pf-amazon:before {
  content: ""; }

.pf-american-express:before {
  content: ""; }

.pf-american-express-alt:before {
  content: ""; }

.pf-atm:before {
  content: ""; }

.pf-bankomat:before {
  content: ""; }

.pf-bank-transfer:before {
  content: ""; }

.pf-bitcoin:before {
  content: ""; }

.pf-bitcoin-sign:before {
  content: ""; }

.pf-braintree:before {
  content: ""; }

.pf-btc:before {
  content: ""; }

.pf-card:before {
  content: ""; }

.pf-carta-si:before {
  content: ""; }

.pf-cash:before {
  content: ""; }

.pf-cash-on-delivery:before {
  content: ""; }

.pf-cb:before {
  content: ""; }

.pf-cirrus:before {
  content: ""; }

.pf-cirrus-alt:before {
  content: ""; }

.pf-clickandbuy:before {
  content: ""; }

.pf-credit-card:before {
  content: ""; }

.pf-diners:before {
  content: ""; }

.pf-discover:before {
  content: ""; }

.pf-ec:before {
  content: ""; }

.pf-eps:before {
  content: ""; }

.pf-eur:before {
  content: ""; }

.pf-facture:before {
  content: ""; }

.pf-fattura:before {
  content: ""; }

.pf-flattr:before {
  content: ""; }

.pf-giropay:before {
  content: ""; }

.pf-google-wallet:before {
  content: ""; }

.pf-google-wallet-alt:before {
  content: ""; }

.pf-gpb:before {
  content: ""; }

.pf-gratipay:before {
  content: ""; }

.pf-ideal:before {
  content: ""; }

.pf-ils:before {
  content: ""; }

.pf-inr:before {
  content: ""; }

.pf-invoice:before {
  content: ""; }

.pf-invoice-sign:before {
  content: ""; }

.pf-invoice-sign-alt:before {
  content: ""; }

.pf-invoice-sign-alt-o:before {
  content: ""; }

.pf-invoice-sign-o:before {
  content: ""; }

.pf-jcb:before {
  content: ""; }

.pf-jpy:before {
  content: ""; }

.pf-krw:before {
  content: ""; }

.pf-maestro:before {
  content: ""; }

.pf-maestro-alt:before {
  content: ""; }

.pf-mastercard:before {
  content: ""; }

.pf-mastercard-alt:before {
  content: ""; }

.pf-mastercard-securecode:before {
  content: ""; }

.pf-ogone:before {
  content: ""; }

.pf-paybox:before {
  content: ""; }

.pf-paylife:before {
  content: ""; }

.pf-paypal:before {
  content: ""; }

.pf-paypal-alt:before {
  content: ""; }

.pf-paysafecard:before {
  content: ""; }

.pf-postepay:before {
  content: ""; }

.pf-quick:before {
  content: ""; }

.pf-rechnung:before {
  content: ""; }

.pf-ripple:before {
  content: ""; }

.pf-rub:before {
  content: ""; }

.pf-skrill:before {
  content: ""; }

.pf-sofort:before {
  content: ""; }

.pf-square:before {
  content: ""; }

.pf-stripe:before {
  content: ""; }

.pf-truste:before {
  content: ""; }

.pf-try:before {
  content: ""; }

.pf-unionpay:before {
  content: ""; }

.pf-usd:before {
  content: ""; }

.pf-verified-by-visa:before {
  content: ""; }

.pf-verisign:before {
  content: ""; }

.pf-visa:before {
  content: ""; }

.pf-visa-electron:before {
  content: ""; }

.pf-western-union:before {
  content: ""; }

.pf-western-union-alt:before {
  content: ""; }

.pf-wirecard:before {
  content: ""; }

.pf-sepa:before {
  content: ""; }

.pf-sepa-alt:before {
  content: ""; }

.pf-apple-pay:before {
  content: ""; }

.pf-interac:before {
  content: ""; }

.pf-paymill:before {
  content: ""; }

.pf-dankort:before {
  content: ""; }

.pf-bancontact-mister-cash:before {
  content: ""; }

.pf-moip:before {
  content: ""; }

.pf-pagseguro:before {
  content: ""; }

.pf-cash-on-pickup:before {
  content: ""; }

.pf-sage:before {
  content: ""; }

.pf-elo:before {
  content: ""; }

.pf-elo-alt:before {
  content: ""; }

.pf-payu:before {
  content: ""; }

.pf-mercado-pago:before {
  content: ""; }

.pf-mercado-pago-sign:before {
  content: ""; }

.pf-payshop:before {
  content: ""; }

.pf-multibanco:before {
  content: ""; }

.pf-gratipay-sign:before {
  content: ""; }

.pf-six:before {
  content: ""; }

.pf-cashcloud:before {
  content: ""; }

.pf-interac-alt:before {
  content: ""; }

.pf-klarna:before {
  content: ""; }

.pf-bitpay:before {
  content: ""; }

.pf-venmo:before {
  content: ""; }

.pf-visa-debit:before {
  content: ""; }

.pf-alipay:before {
  content: ""; }

.pf-diners-alt:before {
  content: ""; }

.pf-hipercard:before {
  content: ""; }

.pf-skrill-alt:before {
  content: ""; }

.pf-shopify:before {
  content: ""; }

.pf-direct-debit:before {
  content: ""; }

.pf-sodexo:before {
  content: ""; }

.pf-bpay:before {
  content: ""; }

.pf-contactless:before {
  content: ""; }

.pf-contactless-alt:before {
  content: ""; }

.pf-eth:before {
  content: ""; }

.pf-ltc:before {
  content: ""; }

.pf-visa-pay:before {
  content: ""; }

.pf-wechat-pay:before {
  content: ""; }

.pf-amazon-pay:before {
  content: ""; }

.pf-amazon-pay-alt:before {
  content: ""; }

/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* colors - START*/
/* colors - END*/
/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* START - nav menu right arrow */
/* END - nav menu right arrow */
/* dimensions - START */
/* Legend: 
    - "d" = desktop
    - "t" = tablet
    - "m" = mobile
    - "v" = vertical
    - "h" = horizontal
    - "i" = in section / spacing between paragraphs in a section
*/
/* head section */
/* normal section */
/* columns section */
/* buttons */
/* dimensions - END */
/* custom calc variable for home page section - START */
/* custom calc variable for home page section - END */
html,
body {
  overflow-x: hidden;
  width: 100%;
  scroll-behavior: smooth; }

body {
  background: #fff;
  color: #1e1e26;
  /* @include media-breakpoint-down(sm) {
        overflow: initial;
    }*/ }

.modal-open {
  overflow: hidden; }

.feedback-details {
  margin-left: 20px;
  margin-bottom: 10px;
  display: none; }

.feedback-details label {
  font-weight: normal;
  display: block; }

a, .link {
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  color: #41b770; }
  a:hover, .link:hover {
    color: #41b770;
    text-decoration: underline; }

.links-hover a {
  text-decoration: none; }
  .links-hover a:hover {
    text-decoration: underline; }

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

.hidden {
  display: none; }

@media (max-width: 767.98px) {
  .hidden-sm {
    display: none; } }

@media (max-width: 991.98px) {
  .hidden-md {
    display: none; } }

.container {
  padding-left: 32px;
  padding-right: 32px; }
  @media (max-width: 767.98px) {
    .container {
      padding-left: 22px;
      padding-right: 22px;
      min-width: 250px; } }
  .container.button-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .container.button-center .btn {
      margin: 12px 8px; }
  .container div[itemprop='mainEntity'] img {
    width: 100%;
    max-width: 1200px; }
  .container div[itemprop='mainEntity'] .js-open-modal {
    display: inline-block;
    width: 100%;
    max-width: 600px; }
    .container div[itemprop='mainEntity'] .js-open-modal.shadow-black-20 img {
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
  .container div[itemprop='mainEntity'] .modal > .container {
    padding-top: 20px;
    padding-bottom: 20px; }
    .container div[itemprop='mainEntity'] .modal > .container .modal__box--faq {
      display: block;
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 100%;
         -moz-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      max-width: 100%;
      padding-bottom: 0; }
      @media (min-width: 768px) {
        .container div[itemprop='mainEntity'] .modal > .container .modal__box--faq {
          padding-bottom: 32px; } }
    .container div[itemprop='mainEntity'] .modal > .container .img__container {
      width: 100%;
      text-align: center; }
      .container div[itemprop='mainEntity'] .modal > .container .img__container img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 650px; }

.section {
  padding-top: 80px;
  padding-bottom: 80px; }
  .section.pt-0 ~ .pt-0 {
    margin-top: 80px; }
  @media (max-width: 1199.98px) {
    .section {
      padding-top: 60px;
      padding-bottom: 60px; }
      .section.pt-0 ~ .pt-0 {
        margin-top: 60px; } }
  @media (max-width: 767.98px) {
    .section {
      padding-top: 40px;
      padding-bottom: 40px; }
      .section.pt-0 ~ .pt-0 {
        margin-top: 40px; } }
  .section.reviewer--container {
    padding-bottom: 0; }
    .section.reviewer--container > .section {
      padding-bottom: 0; }
  .section--lightgray {
    background: #f9f9fa; }
  .section--gray {
    background: #f3f3f4; }
  .section--red {
    background: #c14728;
    color: #fff; }
  .section--darkgray {
    background: #282832;
    color: #fff; }
  .section--new-light-gray {
    background-color: #fff;
    background-image: url("https://img.officetimeline.com/website/Content/images/backgrounds/top-angle-light-gray-background.svg");
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    background-position: top;
    color: #282832; }
  .section--last {
    margin-bottom: 0; }
  .section--small-padding {
    padding-top: 40px;
    padding-bottom: 40px; }
  .section--fullscreen {
    height: -moz-calc(100vh - 96px);
    height: calc(100vh - 96px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .section__title {
    text-align: center;
    margin-bottom: 60px;
    -webkit-align-self: end;
        -ms-flex-item-align: end;
                -ms-grid-row-align: end;
            align-self: end; }
    @media (min-width: 992px) {
      .section__title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 83.33333%;
                flex: 0 0 83.33333%;
        max-width: 83.33333%;
        margin-left: auto;
        margin-right: auto; } }
    @media (max-width: 767.98px) {
      .section__title {
        text-align: left;
        margin-bottom: 32px; } }
    .section__title h2,
    .section__title .h2 {
      font-weight: 300;
      font-size: 40px;
      line-height: 56px;
      margin-bottom: 48px; }
    .section__title h3,
    .section__title .h3 {
      font-weight: 300;
      font-size: 40px;
      line-height: 56px;
      margin-bottom: 48px; }
    .section__title h2 {
      margin-bottom: 0; }
    .section__title h2 ~ h3 {
      margin: 0; }
    @media (max-width: 1199.98px) {
      .section__title h2, .section__title .h2,
      .section__title h3, .section__title .h3 {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 38px; } }
    @media (max-width: 767.98px) {
      .section__title h2, .section__title .h2,
      .section__title h3, .section__title .h3 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 24px; } }
    .section__title .icon_www img {
      max-height: 100px; }
    .section__title .icon_windows {
      padding: 30px 0; }
      .section__title .icon_windows img {
        max-height: 130px; }
    .section__title .icon_www, .section__title .icon_windows {
      text-align: center; }
  .section__cta .btn:first-child:not(:only-child) {
    margin-right: 16px;
    margin-bottom: 24px; }
    @media (max-width: 767.98px) {
      .section__cta .btn:first-child:not(:only-child) {
        margin-left: 8px;
        margin-right: 8px; } }
  .section.details__video + .details__video {
    /*@include media-breakpoint-down(sm) {
                padding-top: 0;
            }*/ }
  .section.details__video hr.video__details-divider {
    margin: 0 0 40px; }
  .section--cta__planview .contentbox {
    text-align: center; }
    .section--cta__planview .contentbox__text {
      max-width: 920px;
      margin: 0 auto; }
  .section--cta__planview .buttons-area {
    max-width: 530px;
    margin: 0 auto; }
    @media (max-width: 767.98px) {
      .section--cta__planview .buttons-area {
        text-align: center; } }
  .section .margin-header {
    margin-top: 40px; }

@media (max-width: 767.98px) {
  .header + .section--lightgray {
    padding-top: 0; } }

.color-brand {
  color: #282832; }

.color-brand-sec {
  color: #41b770; }

.color-brand-third {
  color: #fbeb89; }

.color-light-gray {
  color: #b1b1b2; }

.color-text {
  color: #1e1e26; }

.color-dark-gray-text {
  color: #282832; }

.color-light-gray-text {
  color: #73737B; }

.color-light-gray-heading {
  color: #96969C; }

.box-shadow-light-gray {
  -webkit-box-shadow: 0 0 24px 0 rgba(221, 216, 216, 0.5);
          box-shadow: 0 0 24px 0 rgba(221, 216, 216, 0.5); }

.slider {
  padding: 30px;
  background: #fff;
  margin: 0 auto 32px auto; }
  .slider img {
    display: block;
    margin: auto; }

.video-container {
  position: relative;
  overflow: hidden;
  margin: auto;
  text-align: center;
  width: 100%;
  cursor: pointer; }
  @media (max-width: 575.98px) {
    .video-container {
      height: 178px !important; } }
  @media (max-width: 1199.98px) {
    .video-container {
      height: 279px !important; } }
  .video-container .video-player {
    -webkit-box-shadow: none;
            box-shadow: none;
    display: none; }
  .video-container__cover {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../jpg/feature-video.jpg") no-repeat;
    -o-background-size: contain;
       background-size: contain;
    background-position: center;
    margin-bottom: 0;
    opacity: 0.4; }
    .video-container__cover > img {
      opacity: 0;
      visibility: hidden; }
  .video-container__playbutton {
    font-size: 12px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .video-container__playbutton span {
      background: #41b770;
      width: 112px;
      height: 64px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 8px; }
    .video-container__playbutton > .video-text {
      display: block;
      margin-bottom: 0;
      font-style: normal; }

.otl-video .video-container__cover {
  background: url("../png/office-timeline-quick-start-video-thumbnail.png") no-repeat;
  -o-background-size: cover;
     background-size: cover;
  background-position: center; }
  .otl-video .video-container__cover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }

.otl-video.no-cover .video-container__cover {
  background: url("../png/office-timeline-quick-start-video-thumbnail.png") no-repeat;
  -o-background-size: contain;
     background-size: contain;
  background-position: center; }
  .otl-video.no-cover .video-container__cover:after {
    background: rgba(0, 0, 0, 0); }

.comparison-table {
  table-layout: fixed;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  margin-bottom: 80px;
  word-break: normal;
  white-space: normal;
  /*    @include media-breakpoint-down(sm) {
        div {
            margin: 0 2px;
            padding: 0 2px;
        }
    }*/ }
  @media (min-width: 992px) {
    .comparison-table {
      width: -moz-calc(100% - (100% / 12) * 2);
      width: calc(100% - (100% / 12) * 2); } }
  @media (max-width: 991.98px) {
    .comparison-table {
      margin-bottom: 0; } }
  .comparison-table_buy-page {
    width: -moz-calc(100% - 28px);
    width: calc(100% - 28px); }
  .comparison-table div {
    min-height: 54px;
    height: 54px;
    margin: 0 8px;
    border-bottom: 1px solid #dcdcde;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .comparison-table div.has-infinity {
      font-size: 28px; }
    .comparison-table div .pill {
      margin-left: 5px; }
    .comparison-table div > div {
      border-bottom: none; }
    .comparison-table div > span {
      position: relative; }
  .comparison-table th {
    text-align: center;
    color: #41b770; }
    @media (max-width: 991.98px) {
      .comparison-table th {
        font-size: 12px; } }
    .comparison-table th div {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border: 0;
      word-break: break-word; }
    .comparison-table th:first-child {
      width: 60%; }
    .comparison-table th:nth-child(2), .comparison-table th:nth-child(3) {
      width: 25%; }
  @media (min-width: 768px) {
    .comparison-table.three_products th:first-child {
      width: 55%; }
    .comparison-table.three_products th:nth-child(2), .comparison-table.three_products th:nth-child(3), .comparison-table.three_products th:nth-child(4) {
      width: 15%; }
    .comparison-table.four_products th:first-child {
      width: 52%; }
    .comparison-table.four_products th:nth-child(2), .comparison-table.four_products th:nth-child(3), .comparison-table.four_products th:nth-child(4), .comparison-table.four_products th:nth-child(5) {
      width: 12%; } }
  .comparison-table td {
    padding: 0;
    position: relative; }
    .comparison-table td > div .feature-tooltip {
      position: absolute;
      display: block;
      width: 100%;
      max-width: 380px;
      background: #848484;
      bottom: -moz-calc(100% + 5px);
      bottom: calc(100% + 5px);
      padding: 20px 15px;
      border-radius: 5px;
      color: #FFFFFF;
      font-size: 0.8rem;
      line-height: 1.5;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 5; }
      .comparison-table td > div .feature-tooltip:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 25px;
        margin-left: 0;
        border-width: 10px;
        border-style: solid;
        border-color: #848484 transparent transparent;
        z-index: 5; }
    .comparison-table td:hover > div .feature-tooltip {
      visibility: visible;
      opacity: 1; }
  .comparison-table td:not(:first-child) {
    /*width: 25%;*/
    width: 20%;
    text-align: center; }
    .comparison-table td:not(:first-child) div {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      /*&:not(:empty) {
                /*background: rgba(95, 173, 121, 0.05);
                font-weight: bold;
                //color: $color-brand-sec;
            }

            &:empty:after {
                content: '\2014';
                color: $color-text;
                opacity: 0.5;
            }

            &.no-bg {
                background: #fff;
                font-weight: normal;
                color: inherit;
            }*/ }
    .comparison-table td:not(:first-child) div.green {
      background: rgba(95, 173, 121, 0.05);
      font-weight: bold;
      color: #41b770; }
  .comparison-table--3cols td:not(:first-child) {
    width: 15%; }
  .comparison-table tr > td {
    line-height: 18px; }
  @media (max-width: 767.98px) {
    .comparison-table thead {
      display: none; }
    .comparison-table div {
      margin: 0 2px;
      padding: 0 2px; }
    .comparison-table.two_products thead tr > th,
    .comparison-table.two_products tbody tr > td {
      width: -moz-calc(50% - 3px);
      width: calc(50% - 3px); }
    .comparison-table.three_products thead tr > th,
    .comparison-table.three_products tbody tr > td {
      width: -moz-calc(33% - 3px);
      width: calc(33% - 3px); }
    .comparison-table.four_products thead tr > th,
    .comparison-table.four_products tbody tr > td {
      width: -moz-calc(25% - 3px);
      width: calc(25% - 3px); }
    .comparison-table thead tr {
      display: block; }
      .comparison-table thead tr > th {
        display: inline-block;
        border-bottom: 1px solid #DCDCDE; }
        .comparison-table thead tr > th:first-child {
          display: none; }
    .comparison-table tbody tr > td {
      display: inline-block; }
    .comparison-table tbody tr, .comparison-table tbody tr > td:first-child {
      display: block;
      width: 100%; } }

.mobile-fixed-thead {
  display: none; }

@media (max-width: 767.98px) {
  .mobile-fixed-thead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 496px;
    padding: 0;
    opacity: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    -webkit-box-shadow: 0 0 2px #000000;
            box-shadow: 0 0 2px #000000;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    z-index: 9999; }
    .mobile-fixed-thead.on-buy-page {
      max-width: 512px; }
    .mobile-fixed-thead > div {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      text-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 54px;
      font-size: 12px;
      font-weight: bold;
      color: #41b770;
      height: 54px; }
    .mobile-fixed-thead.two-columns > div {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 50%;
         -moz-box-flex: 1;
          -ms-flex: 1 0 50%;
              flex: 1 0 50%; }
    .mobile-fixed-thead.three-columns > div {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 33.33%;
         -moz-box-flex: 1;
          -ms-flex: 1 0 33.33%;
              flex: 1 0 33.33%; }
    .mobile-fixed-thead.four-columns > div {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 25%;
         -moz-box-flex: 1;
          -ms-flex: 1 0 25%;
              flex: 1 0 25%; }
    .mobile-fixed-thead.sticky-mobile {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      top: 0;
      opacity: 1;
      z-index: 9999; } }

/*.threshold__limiter {
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    padding: 0px;
    opacity: 1;

    &--bottom {
        margin-top: -95px;
        margin-bottom: 95px;
    }

    &--top {
        margin-bottom: -57px;
        margin-top: 88px;
    }
}*/
.animation-trigger {
  width: 100px;
  height: 2px;
  opacity: 0;
  display: block;
  position: fixed;
  right: 0;
  bottom: 50px; }

.content-image {
  margin-bottom: 40px; }

.cta-links {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media (max-width: 767.98px) {
    .cta-links {
      text-align: center; }
      .cta-links .btn {
        margin-bottom: 15px; } }
  .cta-links .btn:not(:last-child) {
    margin-right: 16px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cta-links {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }

.contentbox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 1fr 6fr;
  grid-template-columns: 5fr 1fr 6fr;
      grid-template-areas: '.......... . grid-image' 'grid-title . grid-image' 'grid-text  . grid-image' 'grid-cta   . grid-image' '.......... . grid-image'; }
  .contentbox.no_cta_area {
        grid-template-areas: '.......... . grid-image' 'grid-title . grid-image' 'grid-text  . grid-image' '.......... . grid-image'; }
  .contentbox.fullwidth-title {
        grid-template-areas: 'grid-title grid-title grid-title' '.......... . grid-image' 'grid-text  . grid-image' 'grid-cta   . grid-image' '.......... . grid-image'; }
  .contentbox--fullwidth {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: 'grid-title' 'grid-text' 'grid-cta'; }
  .contentbox h3 {
    font-size: 18px;
    line-height: 1; }
  .contentbox > * > *:last-child:not(.btn-actions) {
    margin-top: 0;
    margin-bottom: 0; }
  .contentbox__title, .contentbox__text {
    margin-bottom: 40px; }
    .contentbox__title.video__details-title, .contentbox__text.video__details-title {
      margin-bottom: 40px; }
  .contentbox__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: grid-title; }
  .contentbox--reversed > .contentbox__title {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1; }
  .contentbox.no_cta_area > .contentbox__title {
  -ms-grid-row: 2;
  -ms-grid-column: 1; }
  .contentbox.fullwidth-title > .contentbox__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3; }
  .contentbox--fullwidth > .contentbox__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1; }
    .contentbox__title .plus-h2 {
      width: 92%; }
  .contentbox__text {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: grid-text; }
  .contentbox--reversed > .contentbox__text {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3; }
  .contentbox.no_cta_area > .contentbox__text {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }
  .contentbox.fullwidth-title > .contentbox__text {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }
  .contentbox--fullwidth > .contentbox__text {
  -ms-grid-row: 2;
  -ms-grid-column: 1; }
  .contentbox__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 3;
    grid-area: grid-image;
    position: relative;
    -ms-grid-row-align: center;
        align-self: center; }
  .contentbox--reversed > .contentbox__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1; }
  .contentbox.no_cta_area > .contentbox__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  -ms-grid-column: 3; }
  .contentbox.fullwidth-title > .contentbox__image {
  -ms-grid-row: 2;
  -ms-grid-row-span: 4;
  -ms-grid-column: 3; }
  .contentbox__cta {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: grid-cta; }
  .contentbox--reversed > .contentbox__cta {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1; }
  .contentbox.fullwidth-title > .contentbox__cta {
  -ms-grid-row: 4;
  -ms-grid-column: 1; }
  .contentbox--fullwidth > .contentbox__cta {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }
  .contentbox__logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*
        img:nth-child(3) {
            width: 14%;
        }

        img:nth-child(4) {
            width: 20%;
        }*/ }
    @media (max-width: 1199.98px) {
      .contentbox__logos {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .contentbox__logos img {
      margin: 0 20px;
      width: auto;
      max-width: 20%;
      max-height: 50px;
      /*
            @include media-breakpoint-down(sm) {
                max-height: 30px;
            }*/ }

@container (max-width: 1100px) {
  .contentbox {
        grid-template-areas: 'grid-title grid-title grid-title' 'grid-text . grid-image' 'grid-text . grid-image' 'grid-text . grid-image' 'grid-cta grid-cta grid-cta'; }
    .contentbox__text, .contentbox__image {
      margin-bottom: 0;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; }
    .contentbox__cta {
      margin-top: 80px; } }
  @media (max-width: 1199.98px) {
    .contentbox {
          grid-template-areas: 'grid-title grid-title grid-title' 'grid-text . grid-image' 'grid-text . grid-image' 'grid-text . grid-image' 'grid-cta grid-cta grid-cta'; }
      .contentbox__text, .contentbox__image {
        margin-bottom: 0;
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                align-self: center; }
      .contentbox__cta {
        margin-top: 80px; }
    .contentbox__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .contentbox__text {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1; }
    .contentbox__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3; }
    .contentbox__cta {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; } }
  @media (max-width: 767.98px) {
    .contentbox {
      display: block; }
      .contentbox__text {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                align-self: center; }
      .contentbox__title, .contentbox__text, .contentbox__image {
        margin-bottom: 56px; }
      .contentbox__cta {
        text-align: center; }
      .contentbox__badge {
        width: 240px;
        height: 240px; } }
  .contentbox--reversed {
    -ms-grid-columns: 6fr 1fr 5fr;
    grid-template-columns: 6fr 1fr 5fr;
        grid-template-areas: 'grid-image . ..........' 'grid-image . grid-title' 'grid-image . grid-text' 'grid-image . grid-cta' 'grid-image . ..........'; }
    @media (max-width: 1199.98px) {
      .contentbox--reversed {
            grid-template-areas: 'grid-title grid-title grid-title' 'grid-image . grid-text' 'grid-image . grid-text' 'grid-image . grid-text' 'grid-cta grid-cta grid-cta'; }
      .contentbox--reversed > .contentbox__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
      .contentbox--reversed > .contentbox__text {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3; }
      .contentbox--reversed > .contentbox__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1; }
      .contentbox--reversed > .contentbox__cta {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; } }
  .contentbox--small-padding .contentbox__title,
  .contentbox--small-padding .contentbox__text {
    margin-bottom: 40px; }
  .contentbox.video__details .contentbox__image {
    height: 130%;
    -webkit-align-self: start;
        -ms-flex-item-align: start;
                -ms-grid-row-align: start;
            align-self: start; }
    @media (max-width: 991.98px) {
      .contentbox.video__details .contentbox__image {
        height: 120%; } }
    @media (max-width: 767.98px) {
      .contentbox.video__details .contentbox__image {
        text-align: center;
        margin-bottom: 0; } }
  .contentbox.video__details .contentbox__cta {
    display: none; }
  .contentbox.video__details .video__wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    min-height: 160px;
    padding-bottom: 57%; }
    @media (max-width: 991.98px) {
      .contentbox.video__details .video__wrapper {
        min-height: 160px; } }
    @media (max-width: 767.98px) {
      .contentbox.video__details .video__wrapper {
        display: inline-block;
        margin: 0 auto;
        text-align: center; } }
    .contentbox.video__details .video__wrapper > iframe.video-player {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }

.pill {
  display: inline-block;
  background: #dcdcde;
  border-radius: 6px;
  line-height: 1.2;
  padding: 2px 4px; }
  .pill--green {
    background: #41b770;
    color: #fff; }
  .pill--sm {
    font-size: 11px;
    border-radius: 3px; }

.new-pill {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 5px;
  letter-spacing: 0;
  background: -moz-linear-gradient(334.08deg, rgba(233, 78, 77, 0.8) 1.69%, rgba(233, 78, 77, 0) 90.98%), #de3232;
  background: -o-linear-gradient(334.08deg, rgba(233, 78, 77, 0.8) 1.69%, rgba(233, 78, 77, 0) 90.98%), #de3232;
  background: linear-gradient(115.92deg, rgba(233, 78, 77, 0.8) 1.69%, rgba(233, 78, 77, 0) 90.98%), #de3232;
  -webkit-box-shadow: 2px 2px 8px rgba(68, 70, 72, 0.16);
          box-shadow: 2px 2px 8px rgba(68, 70, 72, 0.16);
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0px 1px 0px rgba(34, 34, 34, 0.16);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: relative;
  z-index: 1; }
  .new-pill--arrow_left-mid:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -6px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11.5V0.5L0.5 6L9 11.5Z' fill='%23E44241' /%3E%3Cpath d='M9 0.599991L0.900009 5.99999L9 11.4' stroke='%23D43E3E' stroke-linecap='square' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 9px;
    height: 12px;
    -o-background-size: 9px 12px;
       background-size: 9px 12px;
    -webkit-transform: translate3d(1px, 0, 0);
       -moz-transform: translate3d(1px, 0, 0);
            transform: translate3d(1px, 0, 0);
    z-index: 2; }
  .new-pill--arrow_left-bottom {
    position: absolute;
    top: -7px;
    left: -moz-calc(100% + 4px);
    left: calc(100% + 4px); }
    .new-pill--arrow_left-bottom:before {
      content: "";
      position: absolute;
      background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0.5V7.5L1 0.5H9Z' fill='%23E44140' /%3E%3Cpath d='M8.5 0.5H1.3L9 7.35' stroke='%23D43E3D' stroke-linecap='square' /%3E%3C/svg%3E");
      bottom: 4px;
      right: 100%;
      -webkit-transform: translate3d(1px, 0, 0) scale(1, -1);
         -moz-transform: translate3d(1px, 0, 0) scale(1, -1);
              transform: translate3d(1px, 0, 0) scale(1, -1);
      -o-background-size: 9px 8px;
         background-size: 9px 8px;
      width: 9px;
      height: 8px;
      z-index: 2; }

.note {
  font-size: 14px;
  color: #96969c; }

.security_contact_info {
  margin-top: 60px; }

#security--app-security-and-infrastructure,
#security--data-center-disaster-recovery,
#security--methodologies,
#security--certifications-attestations {
  padding: 40px 0 30px;
  font-size: 140%; }

.license__logo-container > a {
  display: inline-block; }

.accordion__item {
  border-bottom: 1px solid #dcdcde; }

.accordion__parent .accordion:last-child .accordion__item {
  border-bottom: 0px; }

.accordion__title {
  min-height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 32px 16px 0;
  cursor: pointer; }
  .accordion__title h4 {
    margin: 0;
    width: 99%; }
  .accordion__title:after {
    content: '';
    width: 17px;
    height: 17px;
    background: url("https://img.officetimeline.com/website/Content/images/icons/icn-accordion-plus.svg") center center no-repeat; }
  .accordion__title.active:after {
    background: url("https://img.officetimeline.com/website/Content/images/icons/icn-accordion-minus.svg") center center no-repeat; }

.accordion__content {
  display: none;
  padding: 40px 0; }

.bottom-row {
  padding: 50px 40px;
  vertical-align: middle;
  display: block;
  position: relative;
  width: 100%;
  font-size: 0;
  background: #AA4222; }
  @media (max-width: 991.98px) {
    .bottom-row {
      padding: 35px 0;
      vertical-align: middle; } }
  .bottom-row .row-item {
    display: inline-block; }
    @media (max-width: 991.98px) {
      .bottom-row .row-item {
        width: 50%; } }
  .bottom-row .col-25 {
    width: 25%;
    text-align: left; }
    .bottom-row .col-25:last-child {
      text-align: center; }
    @media (max-width: 991.98px) {
      .bottom-row .col-25 {
        width: 50%;
        padding: 0 8px; }
        .bottom-row .col-25:last-child {
          text-align: right; } }
  .bottom-row .col-50 {
    display: inline-block;
    width: 50%;
    text-align: left;
    vertical-align: middle; }
    @media (max-width: 991.98px) {
      .bottom-row .col-50 {
        display: none; } }
  .bottom-row p {
    line-height: 28px;
    font-weight: 400;
    text-align: left;
    color: #FFF992;
    margin: 0;
    min-height: 0; }
    .bottom-row p.normal-font {
      font-size: 24px; }
    .bottom-row p.small-font {
      font-size: 14px; }

.bullet-list {
  list-style-type: none; }
  .bullet-list li:before {
    content: '\2022';
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: rgba(150, 150, 155, 0.62);
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */ }

.toc {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 26px; }
  .toc > li > a {
    font-weight: bold; }
  .toc > li.toc__arrow {
    text-align: right;
    padding: 20px 0; }
    .toc > li.toc__arrow > a {
      font-weight: normal; }
    .toc > li.toc__arrow svg {
      margin-left: 10px; }
  .toc li {
    margin-bottom: 16px; }
    .toc li a {
      color: #1e1e26;
      display: block; }
  .toc .nav {
    display: none; }
  .toc a.active,
  .toc .active > a {
    color: #c14728; }
  .toc .parent.active > a,
  .toc .parent > a.active {
    border-left: 4px solid #c14728;
    padding-left: 10px; }
  .toc ul {
    list-style: none;
    margin-top: 16px;
    padding-left: 15px; }
  .toc .video-wrapper-small {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 0 2px #000;
            box-shadow: 0 0 2px #000; }
    .toc .video-wrapper-small:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(243, 243, 244, 0.3);
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
    .toc .video-wrapper-small > svg {
      display: block;
      position: absolute;
      width: 60px;
      height: 60px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .toc .video-wrapper-small .svg-play-button {
      fill: #cd492b;
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
    .toc .video-wrapper-small:hover:before {
      background: rgba(243, 243, 244, 0.1); }
    .toc .video-wrapper-small:hover .svg-play-button {
      fill: rgba(0, 0, 0, 0.7); }

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px; }
  .pagination .form-control {
    width: 56px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center; }
  .pagination > * {
    margin: 0 10px; }
  .pagination__prev, .pagination__next {
    padding: 10px; }
    .pagination__prev span, .pagination__next span {
      display: block;
      width: 12px;
      height: 12px;
      display: block;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .pagination__prev:hover span, .pagination__next:hover span {
      border-color: #000; }
  .pagination__prev:hover, .pagination__next:hover {
    cursor: pointer; }
  .pagination__prev span {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-top: 2px solid #b9b9bd;
    border-left: 2px solid #b9b9bd; }
  .pagination__next span {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-top: 2px solid #b9b9bd;
    border-right: 2px solid #b9b9bd; }

.list-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 767.98px) {
    .list-footer {
      display: block; } }

.list-amount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media (max-width: 767.98px) {
    .list-amount {
      margin-bottom: 40px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .list-amount .form-control {
    max-width: 124px;
    margin-left: 10px; }

hr {
  height: 0;
  outline: 0;
  border: 0;
  background: none;
  border-bottom: 1px solid #dcdcde;
  margin: 40px 0; }

.alpha-list {
  padding-left: 60px;
  list-style-type: none;
  counter-reset: list; }
  @media (max-width: 1199.98px) {
    .alpha-list {
      padding-left: 40px; } }
  @media (max-width: 767.98px) {
    .alpha-list {
      padding-left: 20px; } }
  .alpha-list li {
    position: relative; }
    .alpha-list li:before {
      content: counter(list, lower-alpha) ") ";
      counter-increment: list;
      display: inline-block;
      position: absolute;
      left: -20px; }
    @media (max-width: 767.98px) {
      .alpha-list li {
        margin-left: 10px; }
        .alpha-list li:before {
          margin-left: 0px; } }
    .alpha-list li .tutorial-details__img-holder {
      width: -moz-calc(100% + 60px);
      width: calc(100% + 60px);
      margin-left: -60px; }
      @media (max-width: 1199.98px) {
        .alpha-list li .tutorial-details__img-holder {
          width: -moz-calc(100% + 40px);
          width: calc(100% + 40px);
          margin-left: -40px; } }
      @media (max-width: 767.98px) {
        .alpha-list li .tutorial-details__img-holder {
          width: -moz-calc(100% + 30px);
          width: calc(100% + 30px);
          margin-left: -30px; } }
  .alpha-list ul li:before {
    content: ""; }
  .alpha-list_hide-letters {
    padding-left: 20px; }
    .alpha-list_hide-letters li:before {
      content: ''; }
    .alpha-list_hide-letters li .tutorial-details__img-holder {
      width: -moz-calc(100% + 30px);
      width: calc(100% + 30px);
      margin-left: -30px; }
      @media (max-width: 1199.98px) {
        .alpha-list_hide-letters li .tutorial-details__img-holder {
          width: -moz-calc(100% + 20px);
          width: calc(100% + 20px);
          margin-left: -20px; } }
      @media (max-width: 767.98px) {
        .alpha-list_hide-letters li .tutorial-details__img-holder {
          width: -moz-calc(100% + 40px);
          width: calc(100% + 40px);
          margin-left: -40px; } }

.gray-box {
  margin: 100px 0;
  padding-top: 30px;
  padding-bottom: 40px;
  background: #f3f3f4;
  position: relative; }
  @media (min-width: 992px) {
    .gray-box {
      padding-top: 60px;
      padding-bottom: 100px; } }
  .gray-box--has-icon {
    padding: 100px 20px;
    margin: 0; }
    @media (min-width: 768px) {
      .gray-box--has-icon {
        padding: 70px 20px 30px; } }
  .gray-box__title {
    text-align: center;
    margin-bottom: 30px; }
  .gray-box__icon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 96px;
    height: 96px;
    background: #fff;
    border: 1px solid #ededee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 100%; }
    .gray-box__icon img {
      max-width: 40px; }
    .gray-box__icon.full-width img {
      max-width: 100%; }
  .gray-box__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: bold;
    text-align: center; }
    .gray-box__content > div {
      position: relative;
      width: 100%;
      padding-right: 8px;
      padding-left: 8px;
      width: 100%; }
      .gray-box__content > div ol {
        margin-bottom: 40px; }
        .gray-box__content > div ol li {
          text-align: start; }
      .gray-box__content > div ul {
        list-style-type: none;
        margin-bottom: 0; }
      .gray-box__content > div img {
        display: block;
        margin: 0 auto; }
      @media (min-width: 992px) {
        .gray-box__content > div {
          width: -moz-calc(100% / 10 * 4);
          width: calc(100% / 10 * 4); } }

.box-narrow {
  width: 100%;
  background: #fff;
  margin: auto;
  padding: 64px 16px;
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    .box-narrow {
      max-width: -moz-calc(100% / 12 * 10);
      max-width: calc(100% / 12 * 10);
      margin-bottom: 40px; }
      .box-narrow .btn {
        min-width: 192px; } }
  @media (min-width: 992px) {
    .box-narrow__content {
      width: -moz-calc(100% / 10 * 8);
      width: calc(100% / 10 * 8);
      margin-left: auto;
      margin-right: auto; } }
  .box-narrow p {
    margin-bottom: 40px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .love-page {
    display: block; } }

.share-social svg {
  max-width: 160px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.share-social a {
  color: #73737b;
  text-decoration: none;
  line-height: 1.4; }
  .share-social a:hover {
    color: #1e1e26; }
    .share-social a:hover svg {
      opacity: 0.9; }

@media (max-width: 767.98px) {
  .share-social {
    text-align: center; }
    .share-social a {
      display: block;
      margin-bottom: 30px; } }

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

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

.hidden-content {
  height: 450px;
  visibility: hidden; }

.spinner:after {
  content: "";
  background: url("https://img.officetimeline.com/website/Content/images/common/animated_spinner.webp") no-repeat 0 0;
  -o-background-size: 100%;
     background-size: 100%;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 5px;
  right: -20px; }

.spinner-container {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2080;
  text-align: center;
  background: rgba(220, 220, 222, 0.5); }
  .spinner-container.absolute {
    position: absolute; }
  .spinner-container.fixed {
    position: fixed;
    display: none; }
  .spinner-container .spinner-grow {
    position: relative;
    top: -moz-calc(50% - 10px);
    top: calc(50% - 10px); }

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

.common-slider-container {
  background: #fff;
  padding-bottom: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 24px 0 rgba(221, 216, 216, 0.5);
          box-shadow: 0 0 24px 0 rgba(221, 216, 216, 0.5); }
  .common-slider-container .tns-nav {
    text-align: center; }
    .common-slider-container .tns-nav button {
      width: 8px;
      height: 8px;
      border-radius: 100%;
      padding: 0;
      margin: 0 5px;
      background: #fff;
      border: 1px solid #979797;
      display: inline-block; }
      .common-slider-container .tns-nav button:hover {
        background: #eee; }
      .common-slider-container .tns-nav button.tns-nav-active {
        background: #96969c; }
      .common-slider-container .tns-nav button:focus {
        outline-style: none; }
  .common-slider-container .tns-controls button {
    outline: 0;
    position: absolute;
    text-indent: -9999px;
    border: 0;
    width: 20px;
    height: 30px;
    top: -moz-calc(50% - 15px);
    top: calc(50% - 15px);
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    opacity: 0.3;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='27'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 26.0002V0.000244141H14V26.0002H0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 26.0003C13.255 26.0003 13.509 25.9033 13.705 25.7093C14.097 25.3213 14.099 24.6883 13.709 24.2953L2.41401 12.9173L13.705 1.71026C14.097 1.32126 14.099 0.688259 13.71 0.295259C13.321 -0.0967412 12.688 -0.0987412 12.295 0.290259L0.295007 12.2023C0.107007 12.3893 0.00100708 12.6433 7.07799e-06 12.9083C-0.000992922 13.1733 0.104007 13.4283 0.291007 13.6163L12.291 25.7053C12.486 25.9013 12.743 26.0003 13 26.0003Z' fill='%23282832'/%3E%3C/g%3E%3C/svg%3E%0A");
    z-index: 1; }
    @media (max-width: 991.98px) {
      .common-slider-container .tns-controls button {
        -o-background-size: auto 60%;
           background-size: auto 60%; } }
    .common-slider-container .tns-controls button:hover {
      opacity: 0.6; }
  .common-slider-container [data-controls='prev'] {
    left: 45px; }
    @media (max-width: 991.98px) {
      .common-slider-container [data-controls='prev'] {
        left: 16px; } }
  .common-slider-container [data-controls='next'] {
    right: 45px;
    -webkit-transform: scaleX(-1);
       -moz-transform: scaleX(-1);
         -o-transform: scaleX(-1);
            transform: scaleX(-1); }
    @media (max-width: 991.98px) {
      .common-slider-container [data-controls='next'] {
        right: 16px; } }
  .common-slider-container .common-slider {
    cursor: pointer; }

.slider-with-circles {
  position: relative; }

.circle-with-popup {
  cursor: pointer;
  position: absolute;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  /*&:after {
        display: block;
        content: '';
        width: 56px;
        height: 56px;
        border-radius: 56px;
        border-width: 10px;
        border-color: rgba(0, 128, 0, 0.1);
        border-style: solid;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -28px;
        margin-left: -28px;
        background-color: rgba(0, 128, 0, 0.3);
        animation: pulsating-icon-animation 1.3s ease-in-out infinite both;
    }

    &:before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        position: absolute;
        background-color: #fff;
        top: 50%;
        left: 50%;
        margin-left: -4px;
        margin-top: -4px;
        z-index: 1;
        animation: pulsating-icon-animation 1.3s ease-in-out infinite both;
    }*/ }
  .circle-with-popup .pulse-circle {
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-animation: pulsating-icon-animation 1.3s ease-in-out infinite both;
       -moz-animation: pulsating-icon-animation 1.3s ease-in-out infinite both;
         -o-animation: pulsating-icon-animation 1.3s ease-in-out infinite both;
            animation: pulsating-icon-animation 1.3s ease-in-out infinite both; }
    .circle-with-popup .pulse-circle-inner {
      width: 8px;
      height: 8px;
      background-color: #fff;
      margin-left: -4px;
      margin-top: -4px;
      z-index: 1; }
    .circle-with-popup .pulse-circle-outer {
      width: 56px;
      height: 56px;
      border-width: 10px;
      border-color: rgba(0, 128, 0, 0.1);
      border-style: solid;
      margin-top: -28px;
      margin-left: -28px;
      background-color: rgba(0, 128, 0, 0.3); }

@-webkit-keyframes pulsating-icon-animation {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 1; }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0; } }

@-moz-keyframes pulsating-icon-animation {
  0% {
    -moz-transform: scale(0.2);
         transform: scale(0.2);
    opacity: 1; }
  80% {
    -moz-transform: scale(1.2);
         transform: scale(1.2);
    opacity: 0; }
  100% {
    -moz-transform: scale(2.2);
         transform: scale(2.2);
    opacity: 0; } }

@-o-keyframes pulsating-icon-animation {
  0% {
    -o-transform: scale(0.2);
       transform: scale(0.2);
    opacity: 1; }
  80% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
    opacity: 0; }
  100% {
    -o-transform: scale(2.2);
       transform: scale(2.2);
    opacity: 0; } }

@keyframes pulsating-icon-animation {
  0% {
    -webkit-transform: scale(0.2);
       -moz-transform: scale(0.2);
         -o-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 1; }
  80% {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(2.2);
       -moz-transform: scale(2.2);
         -o-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0; } }

/*.tippy-popper {
    @media screen and (max-width: $screen-xs-max) {
        max-width: 138px !important;
    }

    @media screen and (min-width: $screen-sm-min) and (max-width : $screen-sm-max) {
        max-width: 156px !important;
    }

    @media screen and (min-width: $screen-sm-min) and (max-width : $screen-sm-max) {
        max-width: 156px !important;
    }

    @media screen and (min-width: $screen-md-min) and (max-width : $screen-md-max) {
        max-width: 200px !important;
    }

    @media screen and (mix-width: $screen-lg-min) {
        max-width: 250px !important;
    }
}*/
.tippy-tooltip {
  background: #fff;
  padding: 20px;
  color: #1e1e26;
  border-radius: 0;
  -webkit-box-shadow: 0 0 24px 0 rgba(221, 216, 216, 0.5);
          box-shadow: 0 0 24px 0 rgba(221, 216, 216, 0.5); }

.tippy-tooltip[data-placement^='top'] > .tippy-arrow {
  border-width: 22px 22px 0;
  border-top-color: #fff;
  bottom: -20px; }

.tippy-tooltip[data-placement^='bottom'] > .tippy-arrow {
  border-width: 0 22px 22px;
  border-bottom-color: #fff;
  top: -20px; }

.alert {
  width: 100%;
  word-break: break-word; }
  .alert button.close:focus {
    outline: 0; }

.form-group .field-validation-error,
.form-group .validationMessage {
  color: #EB184B;
  line-height: 1.5em; }

.form-group input.invalid,
.form-group input.input-validation-error {
  border: 1px solid #EB184B;
  background: #FEF3F6; }

i.icon-grey {
  color: #909090; }

i.small {
  font-size: 2rem; }

i.close-message {
  position: absolute;
  right: 32px;
  margin-top: 32px;
  cursor: pointer; }

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

.control-focus {
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  outline: 0; }

.focused {
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  outline: 0; }

.success {
  background: #CCFFED;
  padding: 20px 80px;
  text-align: center;
  color: #19A67B; }
  @media (max-width: 767.98px) {
    .success {
      padding: 20px; } }
  .success .simple-success {
    font-size: 18px;
    font-weight: 600; }

.error {
  background-color: #FFFCC7;
  color: #C19007; }
  .error .title {
    color: #D24726; }
  .error.validation-summary-errors ul {
    margin: 0;
    list-style-type: none; }

.critical-error {
  background-color: #FDE8ED;
  color: #EB184B; }
  .critical-error .title {
    color: #EB184B; }

div.error,
div.critical-error {
  padding: 20px 80px;
  text-align: center;
  line-height: 28px; }
  @media (max-width: 767.98px) {
    div.error,
    div.critical-error {
      padding: 20px; } }
  div.error .title,
  div.critical-error .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    padding-bottom: 6px; }
  div.error .sub-title,
  div.critical-error .sub-title {
    font-size: 16px;
    line-height: 17px; }
  div.error .description,
  div.critical-error .description {
    font-size: 14px; }
  div.error .simple-error,
  div.error .simple-critical-error,
  div.critical-error .simple-error,
  div.critical-error .simple-critical-error {
    font-size: 16px;
    font-weight: 600; }

.note {
  font-size: 16px;
  background-color: #F8F8F8;
  padding: 14px 80px;
  color: #50505A; }
  @media (max-width: 767.98px) {
    .note {
      padding: 20px; } }
  .note .simple-note {
    font-size: 18px;
    text-align: center; }

.success-message {
  color: #19A67B; }

.critical-error-message {
  color: #EB184B; }

.loading-dots {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 40px;
  position: absolute;
  left: 23px;
  bottom: 13px; }
  .loading-dots span {
    -webkit-animation-name: blink;
       -moz-animation-name: blink;
         -o-animation-name: blink;
            animation-name: blink;
    -webkit-animation-duration: 1.4s;
       -moz-animation-duration: 1.4s;
         -o-animation-duration: 1.4s;
            animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both; }
  .loading-dots span:nth-child(2) {
    -webkit-animation-delay: .2s;
       -moz-animation-delay: .2s;
         -o-animation-delay: .2s;
            animation-delay: .2s; }
  .loading-dots span:nth-child(3) {
    -webkit-animation-delay: .4s;
       -moz-animation-delay: .4s;
         -o-animation-delay: .4s;
            animation-delay: .4s; }

.border-animation {
  -webkit-animation: boxShadowFadeOut 5s 0s forwards;
     -moz-animation: boxShadowFadeOut 5s 0s forwards;
       -o-animation: boxShadowFadeOut 5s 0s forwards;
          animation: boxShadowFadeOut 5s 0s forwards; }

.fade-in-animation {
  -webkit-animation: fadeIn 2s;
     -moz-animation: fadeIn 2s;
       -o-animation: fadeIn 2s;
          animation: fadeIn 2s; }

@-webkit-keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

@-moz-keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

@-o-keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

@keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

.popover {
  background: #CCC;
  border: 0;
  text-align: center;
  -webkit-box-shadow: 0px 0px 4px rgba(40, 40, 50, 0.254755);
          box-shadow: 0px 0px 4px rgba(40, 40, 50, 0.254755);
  font: 16px "Source Sans Pro", sans-serif; }
  .popover-body {
    color: #000;
    padding: 10px 8px;
    line-height: 22px; }
  .popover.bs-popover-top .arrow:before, .popover.bs-popover-auto[x-placement^="top"] .arrow:before, .popover.bs-popover-left .arrow:before, .popover.bs-popover-auto[x-placement^="left"] .arrow:before, .popover.bs-popover-bottom .arrow:before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover.bs-popover-right .arrow:before, .popover.bs-popover-auto[x-placement^="right"] .arrow:before {
    border-width: 0; }
  .popover.bs-popover-top .arrow:after, .popover.bs-popover-auto[x-placement^="top"] .arrow:after {
    border-top-color: #CCC; }
  .popover.bs-popover-left .arrow:after, .popover.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #CCC; }
  .popover.bs-popover-bottom .arrow:after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow:after {
    border-bottom-color: #CCC; }
  .popover.bs-popover-right .arrow:after, .popover.bs-popover-auto[x-placement^="right"] .arrow:after {
    border-right-color: #CCC; }

.no-wrap-section {
  white-space: nowrap; }

.defaultcursor {
  cursor: default !important; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-o-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes boxShadowFadeOut {
  from {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
  to {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0; } }

@-moz-keyframes boxShadowFadeOut {
  from {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
  to {
    box-shadow: 0 0 0; } }

@-o-keyframes boxShadowFadeOut {
  from {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
  to {
    box-shadow: 0 0 0; } }

@keyframes boxShadowFadeOut {
  from {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
  to {
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0; } }

ul:focus, li:focus, span:focus, p:focus, div:focus, input:focus, img:focus, button:focus {
  outline: none; }

sup.plus-sign,
sup.PLUS-SIGN {
  top: -0.21em;
  font-size: 100%; }

.fw-bolder {
  font-weight: 600; }

.d-grid {
  display: -ms-grid;
  display: grid; }

/*@import 'fonts.scss';*/
body {
  font: 16px/32px 'Open Sans', sans-serif; }
  @media (max-width: 991.98px) {
    body {
      font-size: 14px;
      line-height: 24px; } }

h1,
.h1 {
  font-size: 40px;
  line-height: 56px; }

h2,
.h2 {
  font-size: 40px;
  line-height: 56px; }

h3,
.h3 {
  font-size: 20px;
  line-height: 44px; }

h1, .h1,
h2, .h2,
h3, .h3 {
  font-weight: 300;
  margin-bottom: 48px; }
  @media (max-width: 1199.98px) {
    h1, .h1,
    h2, .h2,
    h3, .h3 {
      font-size: 36px;
      line-height: 48px;
      margin-bottom: 38px; } }
  @media (max-width: 767.98px) {
    h1, .h1,
    h2, .h2,
    h3, .h3 {
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 24px; } }

h4,
.h4 {
  margin-bottom: 0; }

p + h4,
p + .h4 {
  margin-top: 30px;
  width: 100%; }

h5,
.h5 {
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 32px; }
  @media (max-width: 767.98px) {
    h5,
    .h5 {
      font-size: 18px;
      line-height: 1.2;
      margin-bottom: 16px; } }

strong {
  font-weight: bold; }

.text-small {
  font-size: 12px; }

.text-medium {
  font-size: 14px; }

.lh-0 {
  line-height: 0; }

/* colors - START*/
/* colors - END*/
/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* START - nav menu right arrow */
/* END - nav menu right arrow */
/* dimensions - START */
/* Legend: 
    - "d" = desktop
    - "t" = tablet
    - "m" = mobile
    - "v" = vertical
    - "h" = horizontal
    - "i" = in section / spacing between paragraphs in a section
*/
/* head section */
/* normal section */
/* columns section */
/* buttons */
/* dimensions - END */
/* custom calc variable for home page section - START */
/* custom calc variable for home page section - END */
.site-header {
  line-height: 1; }
  .site-header__logo {
    margin-right: 64px;
    margin-right: 4px; }
    .site-header__logo img {
      width: 190px;
      height: 26px; }
    @media (max-width: 1199.98px) {
      .site-header__logo {
        margin-right: 32px; } }
    @media (max-width: 991.98px) {
      .site-header__logo {
        margin-right: 8px;
        width: 100%;
        min-width: 80px;
        max-width: 120px;
        text-align: left; }
        .site-header__logo img {
          max-width: 190px;
          width: 100%; } }

.site-nav {
  background: #fff;
  border-bottom: 1px solid #dcdcde;
  position: relative;
  z-index: 1090;
  /* @include media-breakpoint-down(sm) {
        overflow: hidden;
    }*/ }
  .site-nav a {
    text-decoration: none; }
  .site-nav .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
  .site-nav .how-to-make .hide-on-large {
    display: none; }
  @media (max-width: 1199.98px) {
    .site-nav .how-to-make .hide-on-lower-than-large {
      display: none; }
    .site-nav .how-to-make .hide-on-large {
      display: block; } }

.header-menu {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  z-index: 20; }

.main-menu > li {
  margin-left: 40px; }
  .main-menu > li > a:not(.btn) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    color: #1e1e26;
    height: 96px;
    position: relative;
    padding-left: 20px;
    padding-right: 32px; }
    .main-menu > li > a:not(.btn).last-big-nav-item {
      padding-right: 20px; }
    .main-menu > li > a:not(.btn):before {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 4px;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .main-menu > li > a:not(.btn)#products:before {
      background: #0D8CD4; }
    .main-menu > li > a:not(.btn)#resources:before {
      background: #DA5531; }
    .main-menu > li > a:not(.btn)#pricing:before {
      background: #3FA266; }
  .main-menu > li.active > a, .main-menu > li:hover > a, .main-menu > li:active > a {
    text-decoration: none; }
    .main-menu > li.active > a:before, .main-menu > li:hover > a:before, .main-menu > li:active > a:before {
      opacity: 1; }
  .main-menu > li.has-dropdown > a:after, .main-menu > li .sec-menu > .support__tab > a:after {
    content: url("https://img.officetimeline.com/website/Content/website/homeA-nav/Down_arrow.svg");
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (max-width: 767.98px) {
      .main-menu > li.has-dropdown > a:after, .main-menu > li .sec-menu > .support__tab > a:after {
        width: 15px;
        height: 24px; } }
  .main-menu > li.has-dropdown > a.is-active:after, .main-menu > li .sec-menu > .support__tab > a.is-active:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
         -o-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg); }
  @media (min-width: 1200px) {
    .main-menu > li.has-dropdown, .main-menu > li .sec-menu > .support__tab {
      /*&:hover .menu-dropdown {*/ }
      .main-menu > li.has-dropdown.active .menu-dropdown, .main-menu > li .sec-menu > .support__tab.active .menu-dropdown {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        display: block; } }
  .main-menu > li:first-child {
    visibility: hidden;
    pointer-events: none; }
    @media screen and (max-width: 1360px) {
      .main-menu > li:first-child {
        display: none; } }
  @media screen and (max-width: 1360px) {
    .main-menu > li:nth-child(2) {
      margin-left: 0; } }

@media (min-width: 1200px) {
  .main-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .main-menu.login__button-container {
      display: none; } }

@media (max-width: 1199.98px) {
  .main-menu {
    position: absolute;
    top: 97px;
    right: 0;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
    background: #fff;
    width: 50%;
    min-width: 320px;
    display: block;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    /*&.is-mobile {
            opacity: 1;
            visibility: visible;
            transform: none;
            max-width: 100%;
            box-shadow: 0 16px 16px rgba(0, 0, 0, 0.16);
        }*/ }
    .main-menu.login__button-container {
      top: 0;
      display: block; }
      .main-menu.login__button-container > li {
        height: 96px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 32px; } }
      @media (max-width: 1199.98px) and (max-width: 991.98px) {
        .main-menu.login__button-container > li {
          padding: 0 20px; } }

@media (max-width: 1199.98px) {
        .main-menu.login__button-container > li:first-child {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex; }
        .main-menu.login__button-container > li a.btn {
          visibility: visible;
          pointer-events: all;
          z-index: 1080; }
      .main-menu.login__button-container .login-desktop .btn {
        -webkit-transition: opacity 250ms 0ms;
        -o-transition: opacity 250ms 0ms;
        -moz-transition: opacity 250ms 0ms;
        transition: opacity 250ms 0ms;
        opacity: 0; }
    .main-menu > li {
      margin-left: 0; }
      .main-menu > li.has-dropdown a:after {
        right: 32px; } }
      @media (max-width: 1199.98px) and (max-width: 767.98px) {
        .main-menu > li.has-dropdown a:after {
          right: 20px; } }

@media (max-width: 1199.98px) {
      .main-menu > li > a:not(.btn) {
        padding-left: 32px;
        padding-right: 32px;
        border-bottom: 1px solid #dcdcde;
        height: 80px; } }
      @media (max-width: 1199.98px) and (max-width: 767.98px) {
        .main-menu > li > a:not(.btn) {
          padding-left: 20px;
          padding-right: 20px;
          height: 50px; } }

@media (max-width: 1199.98px) {
        .main-menu > li > a:not(.btn):before {
          width: 100%;
          display: none; }
        .main-menu > li > a:not(.btn).is-active:before {
          display: block; }
      .main-menu > li:first-child {
        display: none; } }

.menu-dropdown {
  width: 100%;
  max-width: 1020px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #f3f3f4;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  -webkit-box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.16);
  margin-top: -20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .menu-dropdown .h3 {
    color: #282832;
    font-size: 24px;
    line-height: 32px; }
  .menu-dropdown__col {
    padding: 30px 30px 24px;
    position: relative;
    justify-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background: #FFFFFF;
    border-top: 1px solid #DCDCDE;
    border-right: 1px solid #DCDCDE; }
    .menu-dropdown__col:last-child {
      background: #F6F6F7;
      border-right: none; }
    @media (max-width: 1199.98px) {
      .menu-dropdown__col {
        border-top: none;
        border-bottom: 1px solid #DCDCDE;
        border-right: none; }
        .menu-dropdown__col.ot-addin__col {
          border-bottom: none; }
          .menu-dropdown__col.ot-addin__col:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            max-width: -moz-calc(100% - 64px);
            max-width: calc(100% - 64px);
            height: 1px;
            background: #dcdcde;
            margin: 0 auto; } }
    .menu-dropdown__col .container {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      padding-left: 0;
      padding-right: 0; }
      .menu-dropdown__col .container__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
           -moz-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; }
        .menu-dropdown__col .container__title--title {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-flow: column;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-flow: column;
                  flex-flow: column;
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 75%;
             -moz-box-flex: 0;
              -ms-flex: 0 0 75%;
                  flex: 0 0 75%;
          line-height: 24px;
          font-size: 20px;
          margin-bottom: 0; }
          .menu-dropdown__col .container__title--title strong {
            display: block; }
          .menu-dropdown__col .container__title--title .subtitle {
            font-size: 14px; }
          .menu-dropdown__col .container__title--title.resources-title {
            padding: 0 20px; }
            @media (max-width: 1199.98px) {
              .menu-dropdown__col .container__title--title.resources-title {
                padding: 0 20px 0 0; } }
            @media (max-width: 991.98px) {
              .menu-dropdown__col .container__title--title.resources-title {
                padding: 0 20px; } }
            .menu-dropdown__col .container__title--title.resources-title .h3 {
              margin-bottom: 3px; }
        .menu-dropdown__col .container__title--icon {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 25%;
             -moz-box-flex: 0;
              -ms-flex: 0 0 25%;
                  flex: 0 0 25%;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-flow: row;
                  flex-flow: row;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
             -moz-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .menu-dropdown__col .container__title--icon {
              -webkit-box-pack: center;
              -webkit-justify-content: center;
                 -moz-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; } }
          .menu-dropdown__col .container__title--icon > img {
            min-height: 25px; }
      .menu-dropdown__col .container__img-btn {
        display: block;
        position: relative;
        max-width: 250px;
        margin: 0; }
        @media (max-width: 1199.98px) {
          .menu-dropdown__col .container__img-btn {
            display: none; } }
        .menu-dropdown__col .container__img-btn > img {
          width: 100%;
          max-width: 250px;
          max-height: 150px;
          margin: 30px auto 20px; }
        .menu-dropdown__col .container__img-btn > .btn {
          width: 100%;
          max-width: 250px;
          margin: 0 0 20px;
          text-transform: uppercase; }
        .menu-dropdown__col .container__img-btn--button {
          min-height: 48px; }
        .menu-dropdown__col .container__img-btn #get-swimlanes {
          width: auto; }
      .menu-dropdown__col .container__link {
        display: block;
        padding: 0; }
        .menu-dropdown__col .container__link--main-links {
          list-style-type: none;
          padding-left: 0;
          margin-left: -12px;
          margin-right: -12px; }
          .menu-dropdown__col .container__link--main-links > li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            position: relative;
            height: auto;
            padding: 0;
            border-radius: 2px; }
            @media (max-width: 1199.98px) {
              .menu-dropdown__col .container__link--main-links > li {
                display: block;
                border-radius: 0; } }
            .menu-dropdown__col .container__link--main-links > li:hover {
              background: #f4f4f5; }
            .menu-dropdown__col .container__link--main-links > li > a {
              display: block;
              position: relative;
              width: 100%;
              min-height: 48px;
              color: #282832;
              font-size: 14px;
              line-height: 1.7;
              font-weight: bold;
              vertical-align: middle;
              padding: 12px 12px 12px 32px; }
              @media (max-width: 1199.98px) {
                .menu-dropdown__col .container__link--main-links > li > a {
                  display: block;
                  width: 100%; } }
            .menu-dropdown__col .container__link--main-links > li:before {
              content: url("https://img.officetimeline.com/website/Content/images/common/grey-triangle-right.svg");
              display: block;
              position: absolute;
              left: 12px;
              top: -moz-calc(50% - 17px);
              top: calc(50% - 17px);
              width: 6px;
              height: 9px; }
            @media (max-width: 1199.98px) {
              .menu-dropdown__col .container__link--main-links > li:before {
                top: -moz-calc(50% - 17px);
                top: calc(50% - 17px); } }
            @media (max-width: 991.98px) {
              .menu-dropdown__col .container__link--main-links > li:before {
                top: -moz-calc(50% - 11px);
                top: calc(50% - 11px); } }
            .menu-dropdown__col .container__link--main-links > li.hidden {
              visibility: hidden; }
              @media (max-width: 1199.98px) {
                .menu-dropdown__col .container__link--main-links > li.hidden {
                  display: none; } }
            .menu-dropdown__col .container__link--main-links > li.see-tutorials {
              margin-top: 15px; }
              @media (max-width: 1199.98px) {
                .menu-dropdown__col .container__link--main-links > li.see-tutorials {
                  margin-top: 0; } }
              .menu-dropdown__col .container__link--main-links > li.see-tutorials > a {
                font-weight: normal; }
        .menu-dropdown__col .container__link .text-block {
          display: block;
          position: relative;
          margin: 10px 0 30px;
          font-size: 14px;
          line-height: 1.7;
          max-width: 250px; }
        .menu-dropdown__col .container__link.resource__links {
          margin-top: 20px; }
          .menu-dropdown__col .container__link.resource__links .container__link--title {
            font-size: 12px;
            font-weight: normal;
            text-transform: uppercase;
            color: #73737B; }
            @media (max-width: 1199.98px) {
              .menu-dropdown__col .container__link.resource__links .container__link--title {
                font-size: 14px; } }
          .menu-dropdown__col .container__link.resource__links .container__link--main-links {
            width: 100%;
            max-width: 60%;
            margin: 0 -12px; }
            @media (max-width: 1199.98px) {
              .menu-dropdown__col .container__link.resource__links .container__link--main-links {
                max-width: inherit;
                width: auto; } }
            .menu-dropdown__col .container__link.resource__links .container__link--main-links > li {
              min-height: 32px;
              padding: 0;
              -webkit-transition: all 0.1s ease-in;
              -o-transition: all 0.1s ease-in;
              -moz-transition: all 0.1s ease-in;
              transition: all 0.1s ease-in; }
              .menu-dropdown__col .container__link.resource__links .container__link--main-links > li > a {
                padding: 6px 6px 6px 24px; }
              @media (min-width: 992px) {
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make {
                  -webkit-transition-delay: 0.05s;
                     -moz-transition-delay: 0.05s;
                       -o-transition-delay: 0.05s;
                          transition-delay: 0.05s; } }
              @media (max-width: 1199.98px) {
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make:before {
                  top: 7px; }
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make.opened-submenu:after {
                  -webkit-transform: rotate(180deg);
                     -moz-transform: rotate(180deg);
                       -o-transform: rotate(180deg);
                          transform: rotate(180deg); }
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make.js-mobile-sec-dropdown-trigger.is-active:after {
                  -webkit-transform: rotate(180deg);
                     -moz-transform: rotate(180deg);
                       -o-transform: rotate(180deg);
                          transform: rotate(180deg); }
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make.js-mobile-sec-dropdown-trigger.is-active > .articles__sub-menu {
                  height: auto; } }
              @media (max-width: 991.98px) {
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make:before {
                  top: 12px; } }
              .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make > .submenu-arrow {
                display: block;
                position: absolute;
                width: 14px;
                height: 50%;
                top: 0;
                right: 0;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: 0s 0.1s;
                -o-transition: 0s 0.1s;
                -moz-transition: 0s 0.1s;
                transition: 0s 0.1s;
                z-index: 109; }
                @media (max-width: 1199.98px) {
                  .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make > .submenu-arrow {
                    display: none; } }
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make > .submenu-arrow:before, .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make > .submenu-arrow:after {
                  content: '';
                  display: block;
                  position: absolute;
                  top: 50%;
                  left: -moz-calc(100% - 9px);
                  left: calc(100% - 9px);
                  width: 14px;
                  height: 14px;
                  border-style: solid;
                  border-width: 7px;
                  border-color: rgba(255, 255, 255, 0) #e6e6e7 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make > .submenu-arrow:after {
                  left: -moz-calc(100% - 8px);
                  left: calc(100% - 8px);
                  border-color: rgba(255, 255, 255, 0) #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
                  z-index: 101; }
              .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make .articles__sub-menu {
                left: -moz-calc(100% + 5px);
                left: calc(100% + 5px); }
                @media (max-width: 1199.98px) {
                  .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make .articles__sub-menu {
                    left: 0; } }
              .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make.htm-gantt-timelines .articles__sub-menu {
                bottom: -46px; }
                @media (max-width: 1199.98px) {
                  .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make.htm-gantt-timelines .articles__sub-menu {
                    bottom: 0; } }
              .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make.htm-gantt-charts .articles__sub-menu {
                bottom: -46px; }
                @media (max-width: 1199.98px) {
                  .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make.htm-gantt-charts .articles__sub-menu {
                    bottom: 0; } }
              @media (max-width: 1199.98px) {
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make:after {
                  content: url("https://img.officetimeline.com/website/Content/website/homeA-nav/Down_arrow.svg");
                  display: block;
                  position: absolute;
                  right: 12px;
                  top: 7px;
                  -webkit-transition: all 0.3s ease;
                  -o-transition: all 0.3s ease;
                  -moz-transition: all 0.3s ease;
                  transition: all 0.3s ease;
                  -webkit-transform-origin: center;
                     -moz-transform-origin: center;
                       -o-transform-origin: center;
                          transform-origin: center; } }
              @media (max-width: 991.98px) {
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li.how-to-make:after {
                  top: 12px; } }
              .menu-dropdown__col .container__link.resource__links .container__link--main-links > li:hover {
                background: rgba(196, 196, 196, 0.25); }
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li:hover .submenu-arrow {
                  opacity: 1;
                  visibility: visible; }
              .menu-dropdown__col .container__link.resource__links .container__link--main-links > li > a {
                font-size: 12px;
                font-weight: normal;
                min-height: 10px; }
                @media (max-width: 1199.98px) {
                  .menu-dropdown__col .container__link.resource__links .container__link--main-links > li > a {
                    padding: 12px 32px;
                    font-size: 14px;
                    z-index: 10; } }
              @media (min-width: 1200px) {
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li:hover .articles__sub-menu {
                  opacity: 1;
                  visibility: visible;
                  z-index: 100; } }
              .menu-dropdown__col .container__link.resource__links .container__link--main-links > li .articles__sub-menu {
                display: block;
                position: absolute;
                width: 100%;
                max-width: 185px;
                height: auto;
                right: 22px;
                bottom: 22px;
                padding-left: 0;
                border: 1px solid #e6e6e7;
                list-style-type: none;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: 0s 0.1s;
                -o-transition: 0s 0.1s;
                -moz-transition: 0s 0.1s;
                transition: 0s 0.1s; }
                @media (max-width: 1199.98px) {
                  .menu-dropdown__col .container__link.resource__links .container__link--main-links > li .articles__sub-menu {
                    display: none;
                    position: relative;
                    max-width: 100%;
                    right: 0;
                    bottom: 0;
                    opacity: 1;
                    visibility: visible;
                    z-index: auto;
                    overflow: hidden;
                    -webkit-transition: 0s 0s;
                    -o-transition: 0s 0s;
                    -moz-transition: 0s 0s;
                    transition: 0s 0s; } }
                .menu-dropdown__col .container__link.resource__links .container__link--main-links > li .articles__sub-menu > li {
                  background: #FFFFFF; }
                  @media (max-width: 1199.98px) {
                    .menu-dropdown__col .container__link.resource__links .container__link--main-links > li .articles__sub-menu > li {
                      padding: 0; } }
                  .menu-dropdown__col .container__link.resource__links .container__link--main-links > li .articles__sub-menu > li:hover {
                    background: #EBEBEB; }
                  .menu-dropdown__col .container__link.resource__links .container__link--main-links > li .articles__sub-menu > li > a {
                    display: inline-block;
                    width: 100%;
                    padding: 6px 14px;
                    font-size: 12px;
                    line-height: 16px;
                    color: #000; }
                    @media (max-width: 1199.98px) {
                      .menu-dropdown__col .container__link.resource__links .container__link--main-links > li .articles__sub-menu > li > a {
                        font-size: 14px;
                        padding: 8px 14px;
                        display: block; } }
      .menu-dropdown__col .container__split {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .menu-dropdown__col .container__split > .container__img-btn {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 42%;
             -moz-box-flex: 0;
              -ms-flex: 0 0 42%;
                  flex: 0 0 42%;
          margin: 0 auto; }
          @media (max-width: 1199.98px) {
            .menu-dropdown__col .container__split > .container__img-btn {
              -webkit-box-flex: 0;
              -webkit-flex: 0 0 47%;
                 -moz-box-flex: 0;
                  -ms-flex: 0 0 47%;
                      flex: 0 0 47%;
              margin: 0; } }
          @media (max-width: 991.98px) {
            .menu-dropdown__col .container__split > .container__img-btn {
              -webkit-box-flex: 1;
              -webkit-flex: 1 1 auto;
                 -moz-box-flex: 1;
                  -ms-flex: 1 1 auto;
                      flex: 1 1 auto; } }
          .menu-dropdown__col .container__split > .container__img-btn > img {
            margin: 20px auto; }
  .menu-dropdown__submenu {
    margin: 0;
    margin-bottom: 32px;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    line-height: 1.2; }
    .menu-dropdown__submenu > li {
      position: relative; }
      .menu-dropdown__submenu > li:hover > a {
        background: rgba(40, 40, 50, 0.05); }
      .menu-dropdown__submenu > li > a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 60px;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #1e1e26;
        font-weight: bold;
        text-align: left;
        padding: 22px;
        position: relative; }
        .menu-dropdown__submenu > li > a:hover {
          background: rgba(40, 40, 50, 0.05);
          text-decoration: none; }
      @media (min-width: 1200px) {
        .menu-dropdown__submenu > li:hover ul {
          display: block; } }
      .menu-dropdown__submenu > li ul a {
        display: block;
        padding-top: 2px;
        padding-bottom: 2px; }
        .menu-dropdown__submenu > li ul a:hover {
          text-decoration: underline; }
      @media (max-width: 1199.98px) {
        .menu-dropdown__submenu > li.has-dropdown > a:after {
          content: url("https://img.officetimeline.com/website/Content/website/homeA-nav/Down_arrow.svg");
          display: block;
          position: absolute;
          right: 16px;
          top: 50%;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%);
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .menu-dropdown__submenu > li.has-dropdown > a.is-active:after {
          -webkit-transform: translateY(-50%) rotate(180deg);
             -moz-transform: translateY(-50%) rotate(180deg);
               -o-transform: translateY(-50%) rotate(180deg);
                  transform: translateY(-50%) rotate(180deg); } }
    .menu-dropdown__submenu > li:not(:last-child) {
      border-bottom: 1px solid #dcdcde; }
    .menu-dropdown__submenu ul {
      position: absolute;
      top: 0;
      left: 100%;
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: none;
      width: 100%;
      min-width: 300px;
      padding-left: 32px; }
      .menu-dropdown__submenu ul li + li {
        margin-top: 16px; }
      .menu-dropdown__submenu ul a {
        color: #1e1e26; }
  .menu-dropdown__footer {
    margin-left: -8px;
    margin-right: -8px;
    background: #c14728 url("https://img.officetimeline.com/website/Content/images/backgrounds/submenu-footer-bg.svg") no-repeat bottom center/cover;
    background-blend-mode: multiply;
    color: #fbeb89;
    overflow: hidden;
    padding: 12px 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 1199.98px) {
      .menu-dropdown__footer {
        margin-left: 0;
        margin-right: 0; } }
  .menu-dropdown__cta {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-top: 10px;
    margin-left: 20px; }
    .menu-dropdown__cta span {
      font-size: 14px;
      font-weight: normal; }
    .menu-dropdown__cta + p {
      margin-left: 22px; }
  .menu-dropdown--products .menu-dropdown__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
        grid-template-areas: 'products1      products2       products3'; }
    @media (max-width: 1199.98px) {
      .menu-dropdown--products .menu-dropdown__content .menu-dropdown__col {
        padding-bottom: 20px; } }
    .menu-dropdown--products .menu-dropdown__content .menu-dropdown__col > * {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
         -moz-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .menu-dropdown--products .menu-dropdown__content .menu-dropdown__col:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: products1; }
    .menu-dropdown--products .menu-dropdown__content .menu-dropdown__col:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      grid-area: products2;
      border-right: 1px solid #dcdcde; }
      @media (max-width: 1199.98px) {
        .menu-dropdown--products .menu-dropdown__content .menu-dropdown__col:nth-child(2) {
          border-right: none; } }
    .menu-dropdown--products .menu-dropdown__content .menu-dropdown__col:nth-child(3) {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: products3; }
  @media (min-width: 992px) {
    .menu-dropdown--resources {
      min-height: 400px; } }
  .menu-dropdown--resources .menu-dropdown__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1.9fr 1.1fr;
    grid-template-columns: 1.9fr 1.1fr;
        grid-template-areas: 'resources1      resources2'; }
    .menu-dropdown--resources .menu-dropdown__content .menu-dropdown__col:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: resources1;
      display: block;
      border-right: 1px solid #dcdcde; }
      @media (max-width: 1199.98px) {
        .menu-dropdown--resources .menu-dropdown__content .menu-dropdown__col:nth-child(1) {
          border-right: none; } }
    .menu-dropdown--resources .menu-dropdown__content .menu-dropdown__col:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      grid-area: resources2; }
  .menu-dropdown--resources .menu-dropdown__col {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative; }
    .menu-dropdown--resources .menu-dropdown__col ul {
      width: 50%; }
  .menu-dropdown__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .menu-dropdown__list .template-item {
      width: -moz-calc(50% - 32px);
      width: calc(50% - 32px); }
      .menu-dropdown__list .template-item .trust-rating-container {
        padding-top: 10px;
        padding-bottom: 10px; }
        .menu-dropdown__list .template-item .trust-rating-container .star-rating {
          display: block;
          width: 100%;
          max-width: 125px;
          height: 17px;
          background-repeat-x: repeat;
          -o-background-size: 25px 17px;
             background-size: 25px 17px; }
      @media (max-width: 1199.98px) {
        .menu-dropdown__list .template-item {
          width: 100%; }
          .menu-dropdown__list .template-item .template-item__image {
            max-width: 50%; } }
    .menu-dropdown__list a:not(.btn) {
      font-weight: bold;
      color: #1e1e26; }
  @media (max-width: 1199.98px) {
    .menu-dropdown {
      position: relative;
      -webkit-box-shadow: none;
              box-shadow: none;
      display: none;
      padding: 0;
      opacity: 1;
      visibility: visible;
      margin-top: 0;
      -webkit-transition: none;
      -o-transition: none;
      -moz-transition: none;
      transition: none; }
      .menu-dropdown__content {
        display: block; }
      .menu-dropdown__col {
        padding: 0; }
      .menu-dropdown__submenu ul {
        margin: 30px 0;
        position: relative;
        top: auto;
        left: auto; }
      .menu-dropdown .menu-dropdown__cta {
        display: none; }
      .menu-dropdown--products {
        /*.menu-dropdown__col:nth-child(1),
            .menu-dropdown__col:nth-child(3),
            ul + p {
                display: none;
            }*/ }
        .menu-dropdown--products .menu-dropdown__content {
          display: block;
          padding-bottom: 0; }
        .menu-dropdown--products .menu-dropdown__col {
          display: block; } }
      @media (max-width: 1199.98px) and (max-width: 1199.98px) {
        .menu-dropdown--products .menu-dropdown__col .container__title {
          padding: 32px 32px 10px; } }
      @media (max-width: 1199.98px) and (max-width: 1199.98px) {
        .menu-dropdown--products .menu-dropdown__col.show-on-large {
          display: none; } }
  @media (max-width: 1199.98px) {
          .menu-dropdown--products .menu-dropdown__col ul {
            margin-bottom: 0;
            padding: 0 32px; }
        .menu-dropdown--products .menu-dropdown__col:nth-child(2) .menu-dropdown__submenu li:last-child {
          border-bottom: 1px solid #50505a !important; }
      .menu-dropdown--resources .menu-dropdown__col {
        display: block;
        padding: 32px 32px 0 32px; } }
    @media (max-width: 1199.98px) and (max-width: 1199.98px) {
      .menu-dropdown--resources .menu-dropdown__col {
        padding: 32px; }
        .menu-dropdown--resources .menu-dropdown__col .container__title, .menu-dropdown--resources .menu-dropdown__col .container__split {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
             -moz-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; }
        .menu-dropdown--resources .menu-dropdown__col .container__img-btn {
          display: block;
          text-align: center; }
          .menu-dropdown--resources .menu-dropdown__col .container__img-btn--button {
            min-height: 48px; } }
    @media (max-width: 1199.98px) and (max-width: 991.98px) {
      .menu-dropdown--resources .menu-dropdown__col .container__split, .menu-dropdown--resources .menu-dropdown__col .container__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column wrap;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-flow: column wrap;
                flex-flow: column wrap; }
        .menu-dropdown--resources .menu-dropdown__col .container__split--title, .menu-dropdown--resources .menu-dropdown__col .container__split--icon, .menu-dropdown--resources .menu-dropdown__col .container__title--title, .menu-dropdown--resources .menu-dropdown__col .container__title--icon {
          -webkit-box-flex: 1;
          -webkit-flex: 1 0 auto;
             -moz-box-flex: 1;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto;
          text-align: center; }
        .menu-dropdown--resources .menu-dropdown__col .container__split--title, .menu-dropdown--resources .menu-dropdown__col .container__title--title {
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
             -moz-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          -webkit-align-self: flex-start;
              -ms-flex-item-align: start;
                  align-self: flex-start; }
        .menu-dropdown--resources .menu-dropdown__col .container__split--icon, .menu-dropdown--resources .menu-dropdown__col .container__title--icon {
          -webkit-box-ordinal-group: 1;
          -webkit-order: 0;
             -moz-box-ordinal-group: 1;
              -ms-flex-order: 0;
                  order: 0;
          padding: 0 0 15px 0; } }
  @media (max-width: 1199.98px) {
        .menu-dropdown--resources .menu-dropdown__col ul {
          width: 100%; }
      .menu-dropdown--resources .menu-dropdown__content {
        display: block; }
      .menu-dropdown--resources .menu-dropdown__list {
        display: block;
        margin-bottom: 0; } }

.sec-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 260px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: 100%;
  margin-left: auto;
  font-size: 14px;
  font-weight: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .sec-menu > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-left: 12px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .sec-menu > li.active ul {
      display: block;
      top: 100%; }
      .sec-menu > li.active ul > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
    .sec-menu > li:hover, .sec-menu > li.active {
      /*a:before {
                opacity: 1;
            }*/ }
      .sec-menu > li:hover > a, .sec-menu > li.active > a {
        background: #f4f4f5; }
    .sec-menu > li > a {
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #1e1e26;
      position: relative;
      padding: 0 10px; }
      @media (min-width: 1200px) {
        .sec-menu > li > a {
          border-radius: 8px; } }
      .sec-menu > li > a:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: #c14728; }
        @media (max-width: 1199.98px) {
          .sec-menu > li > a:before {
            display: none; } }
      .sec-menu > li > a:hover {
        text-decoration: none; }
    .sec-menu > li.has-dropdown.support__tab > a:after {
      display: none;
      right: 32px; }
      @media (max-width: 1199.98px) {
        .sec-menu > li.has-dropdown.support__tab > a:after {
          display: block; } }
      @media (max-width: 767.98px) {
        .sec-menu > li.has-dropdown.support__tab > a:after {
          right: 20px; } }
  .sec-menu ul {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.169639);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.169639);
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 214px;
    display: none;
    z-index: 1; }
    .sec-menu ul a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      min-height: 56px;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #1e1e26;
      padding: 0 32px; }
      @media (max-width: 991.98px) {
        .sec-menu ul a {
          padding: 0 12px;
          min-height: 40px; } }
      .sec-menu ul a:hover {
        background: #f3f3f4;
        text-decoration: none; }
    @media (max-width: 1199.98px) {
      .sec-menu ul {
        display: none;
        position: initial;
        top: auto;
        left: auto;
        -webkit-transform: none;
           -moz-transform: none;
             -o-transform: none;
                transform: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        width: 100%; }
        .sec-menu ul a {
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
  .sec-menu--has-dropdown > li:first-child {
    min-width: 100px; }
  @media (max-width: 1199.98px) {
    .sec-menu {
      display: block;
      padding: 8px 0 30px; }
      .sec-menu > li {
        display: block;
        margin: 0; }
        .sec-menu > li > a {
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          height: auto;
          padding: 8px 32px; } }
      @media (max-width: 1199.98px) and (max-width: 767.98px) {
        .sec-menu > li > a {
          padding: 8px 20px; } }
  @media (max-width: 1199.98px) {
          .sec-menu > li > a:hover:before {
            display: none; }
        .sec-menu > li > ul {
          padding: 0 20px; } }

.account-menu {
  margin-left: auto;
  -webkit-transform: translateZ(10px);
  -moz-transform: translateZ(10px);
       transform: translateZ(10px); }
  .account-menu > li {
    padding-left: 16px;
    position: relative;
    height: 96px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .account-menu > li.shopping-bag, .account-menu > li.account-icon__container,
    .account-menu > li.account-icon__container > a {
      cursor: pointer; }
    .account-menu > li.login-desktop > a {
      line-height: 32px; }
    .account-menu > li.login-mobile > a {
      min-height: 10px; }
    .account-menu > li.login-desktop {
      display: none; }
    @media (min-width: 992px) {
      .account-menu > li.login-desktop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 97px;
        padding: 0 12px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .account-menu > li.login-desktop a {
          min-width: 120px; }
        .account-menu > li.login-desktop.is__logged {
          display: none; } }
    @media (max-width: 1199.98px) {
      .account-menu > li.login-desktop {
        display: none; }
      .account-menu > li.login-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 97px;
        padding: 0 32px; } }
  @media (max-width: 1199.98px) and (max-width: 991.98px) {
    .account-menu > li.login-mobile {
      padding: 0 20px; } }
    @media (max-width: 1199.98px) {
        .account-menu > li.login-mobile > a {
          font-size: 12px;
          min-width: 30px;
          min-height: 32px;
          padding: 6px 16px;
          line-height: 32px; } }
    .account-menu > li:hover > a:not(.btn) {
      background: #f3f3f4; }
    .account-menu > li > a.btn {
      text-transform: uppercase; }
    .account-menu > li > a:not(.btn) {
      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 100%;
      position: relative; }
      .account-menu > li > a:not(.btn) span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background: #41b770;
        color: #fff;
        font-size: 11px;
        line-height: 1;
        font-weight: bold;
        position: absolute;
        right: 5px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        top: 5px; }
        .account-menu > li > a:not(.btn) span:not(.not-empty) {
          opacity: 0; }
        .account-menu > li > a:not(.btn) span .not-empty {
          opacity: 1; }
    .account-menu > li .sec-menu__dropdown {
      right: 0;
      left: auto; }
      .account-menu > li .sec-menu__dropdown > li {
        line-height: 58px; }
        .account-menu > li .sec-menu__dropdown > li > a {
          line-height: 1.7; }
      .account-menu > li .sec-menu__dropdown li:first-child span {
        color: #41b770; }

.sec-menu__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.169639);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.169639);
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 208px;
  display: none;
  font-size: 14px;
  line-height: 1.7; }
  .sec-menu__dropdown > li:first-child a > span {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .sec-menu__dropdown a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 56px;
    height: 56px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #1e1e26;
    padding: 0 32px; }
    .sec-menu__dropdown a:hover {
      background: #f3f3f4; }

.account-icon__container a.js-mobile-dropdown-trigger.active ~ .sec-menu__dropdown {
  display: block; }

.main-menu-trigger {
  width: 20px;
  margin-left: 16px;
  height: 20px;
  position: relative;
  cursor: pointer;
  display: none;
  -webkit-transform: translateZ(10px);
  -moz-transform: translateZ(10px);
       transform: translateZ(10px);
  z-index: 50; }
  @media (max-width: 1199.98px) {
    .main-menu-trigger {
      display: block; } }
  .main-menu-trigger span {
    width: 20px;
    height: 2px;
    background: #1e1e26;
    border-radius: 2px;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .main-menu-trigger span:nth-child(1) {
      top: 0;
      -webkit-transform-origin: top left;
         -moz-transform-origin: top left;
           -o-transform-origin: top left;
              transform-origin: top left; }
    .main-menu-trigger span:nth-child(2) {
      top: 50%;
      margin-top: -1px; }
    .main-menu-trigger span:nth-child(3) {
      bottom: 0;
      -webkit-transform-origin: bottom left;
         -moz-transform-origin: bottom left;
           -o-transform-origin: bottom left;
              transform-origin: bottom left; }
  .main-menu-trigger.active {
    z-index: 50; }
    .main-menu-trigger.active span:nth-child(1) {
      -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
           -o-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: 4px; }
    .main-menu-trigger.active span:nth-child(2) {
      -webkit-transform: translateX(-10px);
         -moz-transform: translateX(-10px);
           -o-transform: translateX(-10px);
              transform: translateX(-10px);
      opacity: 0; }
    .main-menu-trigger.active span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
           -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
      margin-top: -4px; }

/* mobile menu behaviour */
body.mobile-mode-active {
  overflow: hidden;
  max-height: 100vh; }
  body.mobile-mode-active .header-menu.main-menu,
  body.mobile-mode-active .header-menu.main-menu.is-mobile {
    top: 97px;
    overflow-y: auto;
    max-height: -moz-calc(100vh - 97px);
    max-height: calc(100vh - 97px);
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none;
    max-width: 100%;
    -webkit-box-shadow: 0 16px 16px rgba(0, 0, 0, 0.16);
            box-shadow: 0 16px 16px rgba(0, 0, 0, 0.16); }
    body.mobile-mode-active .header-menu.main-menu.login__button-container,
    body.mobile-mode-active .header-menu.main-menu.is-mobile.login__button-container {
      top: 0; }
      body.mobile-mode-active .header-menu.main-menu.login__button-container .login-desktop .btn,
      body.mobile-mode-active .header-menu.main-menu.is-mobile.login__button-container .login-desktop .btn {
        -webkit-transition: opacity 250ms 250ms;
        -o-transition: opacity 250ms 250ms;
        -moz-transition: opacity 250ms 250ms;
        transition: opacity 250ms 250ms;
        opacity: 1; }
  body.mobile-mode-active .site-nav.mobile-version {
    overflow: initial; }

@media (max-width: 767.98px) {
  body .header-menu.main-menu > li, body .header-menu.main-menu li.login-desktop {
    display: none; }
  body .header-menu.main-menu.is-mobile > li {
    display: block; }
    body .header-menu.main-menu.is-mobile > li:first-child {
      display: none; }
    body .header-menu.main-menu.is-mobile > li.login-desktop {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }

.light-star-rating > .trust-rating-container .review-score {
  color: #fff992; }

.light-star-rating > .trust-rating-container .current-star-rating {
  background-image: url("https://img.officetimeline.com/website/Content/images/icons/trustpilot-star-yellow-empty.svg"); }
  .light-star-rating > .trust-rating-container .current-star-rating .stars {
    background-image: url("https://img.officetimeline.com/website/Content/images/icons/trustpilot-star-yellow-full.svg"); }

.trust-rating-container {
  width: 50%;
  display: inline-block; }
  .trust-rating-container .review-score {
    color: #e9ac00;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 27px; }
  .trust-rating-container .rating-number {
    color: #FFFFFF;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 19px; }
    .trust-rating-container .rating-number a {
      color: #FFFFFF;
      font-weight: bold;
      text-decoration: underline; }
    .trust-rating-container .rating-number a:visited, .trust-rating-container .rating-number a:hover, .trust-rating-container .rating-number a:active {
      color: #FFFFFF; }
  .trust-rating-container .star-rating {
    display: inline-block;
    width: 18px;
    height: 17px;
    margin-right: 14px;
    background-image: url("https://img.officetimeline.com/website/Content/website/common/yellow-star.svg"); }
  .trust-rating-container .current-star-rating {
    display: block;
    position: relative;
    width: 125px;
    height: 20px;
    background-image: url("https://img.officetimeline.com/website/Content/images/icons/trustpilot-star-orange-empty.svg");
    background-repeat: repeat-x;
    -o-background-size: 25px 20px;
       background-size: 25px 20px;
    padding-bottom: 30px; }
    .trust-rating-container .current-star-rating .stars {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-image: url("https://img.officetimeline.com/website/Content/images/icons/trustpilot-star-orange-full.svg");
      background-repeat: repeat-x;
      -o-background-size: 25px 20px;
         background-size: 25px 20px;
      -webkit-transition: width 0.2s ease-in;
      -o-transition: width 0.2s ease-in;
      -moz-transition: width 0.2s ease-in;
      transition: width 0.2s ease-in; }

.header--download .trust-rating-container .review-score, .header--download .trust-rating-container .rating-number, .header--download .trust-rating-container a, .header--download .trust-rating-container a:visited, .header--download .trust-rating-container a:hover, .header--download .trust-rating-container a:active {
  color: #282832; }

.pilot-award-container.dark-rating .trust-rating-container .rating-number {
  color: #282832; }
  .pilot-award-container.dark-rating .trust-rating-container .rating-number a, .pilot-award-container.dark-rating .trust-rating-container .rating-number a:visited, .pilot-award-container.dark-rating .trust-rating-container .rating-number a:hover, .pilot-award-container.dark-rating .trust-rating-container .rating-number a:active {
    color: #282832; }

.pilot-award-container.dark-rating .trust-rating-container .review-score {
  color: #E9AC00; }

.pilot-award-container.dark-rating .trust-rating-container .star-rating {
  background-image: url("https://img.officetimeline.com/website/Content/website/common/golden-star.svg"); }

/*@media screen and (min-width: $width-tablet-min) and (max-width : $width-tablet-max) {
    .trust-rating-container {
        width: 100%;

        .review-score {
            font-size: 20px;
            line-height: 27px;
        }

        .rating-number {
            font-size: 14px;
            line-height: 19px;
        }
    }
}

@media screen and (max-width: $width-mobile-max) {
    .trust-rating-container {
        width: 50%;

        .review-score {
            font-size: 14px;
            line-height: 19px;
            margin-top: 10px;
            font-weight: bold;
        }

        .rating-number {
            font-size: 12px;
            line-height: 16px;
        }

        .star-rating {
            margin-right: 10px;
            width: 12px;
            height: 11px;
        }
    }
}*/
.sidebar__toc {
  display: none; }
  .sidebar__toc .inner-wrapper-sticky.top-sticked {
    position: fixed !important;
    top: 40px !important;
    -webkit-transform: none !important;
       -moz-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
    width: 348px; }
  @media (min-width: 1205px) {
    .sidebar__toc {
      display: block;
      margin-left: auto;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; } }
  .sidebar__toc-inner {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    padding: 40px;
    background: #f3f3f4;
    min-width: 285px; }

@media (min-width: 1205px) {
  .sidebar__mobile {
    display: none; } }

.sidebar__mobile .form-control {
  white-space: normal;
  line-height: 1.2;
  background-position: -moz-calc(100% - 15px) center;
  background-position: calc(100% - 15px) center; }

@media (min-width: 992px) {
  .articles__mobile {
    display: none; } }

.articles__mobile .form-control {
  white-space: normal;
  line-height: 1.2; }

@media (min-width: 992px) {
  .my-account-page .sidebar__toc {
    display: block;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .my-account-page .sidebar__mobile {
    display: none; } }

.header {
  /*    &--red-background {
        .header__breadcrumb {
            color: $white !important;

            li, a {
                color: $white !important;
            }
        }
    }*/ }
  .header .container {
    padding-top: 120px;
    padding-bottom: 60px;
    position: relative; }
    @media (max-width: 1199.98px) {
      .header .container {
        padding-top: 95px; } }
    @media (max-width: 991.98px) {
      .header .container {
        padding-top: 70px; } }
    .header .container h1,
    .header .container p {
      margin-bottom: 0; }
  .header__title, .header__text, .header__cta {
    margin-bottom: 56px; }
    @media (max-width: 1199.98px) {
      .header__title, .header__text, .header__cta {
        margin-bottom: 42px; } }
    @media (max-width: 991.98px) {
      .header__title, .header__text, .header__cta {
        margin-bottom: 32px; } }
  .header__cta .btn {
    width: auto;
    min-width: 145px; }
    .header__cta .btn:not(:only-of-type) {
      margin-bottom: 10px; }
    .header__cta .btn:first-child {
      margin-right: 20px; }
      .header__cta .btn:first-child.btn_no_margin_right {
        margin-right: 0; }
  @media (max-width: 767.98px) {
    .header__cta {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      .header__cta .btn {
        min-width: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1; } }
  @media all and (min--moz-device-pixel-ratio: 0) and (max-width: 420px) {
    .header__cta .btn {
      font-size: 95%; } }
  @media screen and (max-width: 500px) {
    .header__cta.stack-buttons {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .header__cta.stack-buttons .btn.btn {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
           -moz-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        margin: 0 0 20px; }
        .header__cta.stack-buttons .btn.btn + .btn {
          margin-left: 0; } }
  .header__breadcrumb {
    position: absolute;
    top: 11px;
    left: 32px;
    font-size: 12px;
    color: #282832;
    list-style-type: none;
    padding: 0; }
    .header__breadcrumb li {
      display: inline; }
    .header__breadcrumb__simple {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 13px; }
      .header__breadcrumb__simple.invoice--padding__no-purchase {
        padding-top: 40px; }
      .header__breadcrumb__simple a {
        font-size: 12px;
        color: #282832;
        margin: 30px; }
      @media (min-width: 992px) {
        .header__breadcrumb__simple {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 83.33333%;
             -moz-box-flex: 0;
              -ms-flex: 0 0 83.33333%;
                  flex: 0 0 83.33333%;
          max-width: 83.33333%; } }
    @media (max-width: 767.98px) {
      .header__breadcrumb {
        left: 22px;
        top: 10px; } }
    .header__breadcrumb a {
      color: #282832; }
      .header__breadcrumb a:hover {
        text-decoration: underline; }
  .header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: auto; }
    @media (max-width: 767.98px) {
      .header__logo {
        margin-right: 0; } }
  .header.custom__header--align-right > .container {
    max-width: 1440px;
    padding-right: 0; }
    @media screen and (max-width: 1920px) {
      .header.custom__header--align-right > .container {
        max-width: 100%;
        padding-left: -moz-calc((100% - 1418px) / 2.1873 + 32px);
        padding-left: calc((100% - 1418px) / 2.1873 + 32px); }
        .header.custom__header--align-right > .container .header__breadcrumb {
          left: -moz-calc((100% - 1418px) / 2.1873 + 32px);
          left: calc((100% - 1418px) / 2.1873 + 32px); } }
    @media screen and (max-width: 1440px) {
      .header.custom__header--align-right > .container {
        padding-left: 32px; }
        .header.custom__header--align-right > .container .header__breadcrumb {
          left: 32px; } }
    @media screen and (max-width: 1200px) {
      .header.custom__header--align-right > .container .header__title, .header.custom__header--align-right > .container .header__cta {
        padding-right: 32px; } }
    @media screen and (min-width: 767.98px) {
      .header.custom__header--align-right > .container .header__image.header__image--pro {
        padding-right: 5px; } }
    @media screen and (max-width: 767.98px) {
      .header.custom__header--align-right > .container {
        padding-left: 32px;
        padding-right: 32px; }
        .header.custom__header--align-right > .container .header__image.header__image--pro {
          padding-right: 0; }
        .header.custom__header--align-right > .container .header__title, .header.custom__header--align-right > .container .header__cta {
          padding-right: 0px; } }

.header--generic-page {
  background: #fafafb url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-header-generic.svg") no-repeat top center;
  -o-background-size: cover;
     background-size: cover; }
  @media screen and (max-width: 315px) {
    .header--generic-page {
      background: #fafafb url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-header-generic-small.svg") no-repeat top center; } }
  .header--generic-page.min-height-header {
    min-height: 327px; }
  @media (max-width: 767.98px) {
    .header--generic-page {
      -o-background-size: contain;
         background-size: contain; } }
  .header--generic-page .container {
    display: -ms-grid;
    display: grid;
        grid-template-areas: 'generic-page-title generic-page-right';
    -ms-grid-columns: 9fr 16px 2fr;
    grid-template-columns: 9fr 2fr;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    min-height: 264px;
    padding-top: 92px;
    padding-bottom: 64px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .header--generic-page .container--no-columns {
      display: block; }
    .header--generic-page .container .header__right > div:first-child {
      margin-right: 30px; }
    @media (max-width: 991.98px) {
      .header--generic-page .container {
        min-height: 232px;
        padding-top: 80px;
        padding-bottom: 80px; } }
    @media (max-width: 575.98px) {
      .header--generic-page .container {
            grid-template-areas: 'generic-page-title' 'generic-page-right';
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        min-height: 176px;
        padding-top: 52px;
        padding-bottom: 16px; } }
  .header--generic-page.details__video .container {
    padding-top: 74px; }
    @media (max-width: 575.98px) {
      .header--generic-page.details__video .container {
        padding-top: 80px;
        padding-bottom: 80px; } }
  .header--generic-page h1 + p {
    margin-top: 10px; }
  .header--generic-page h2 {
    margin-bottom: 0; }
  .header--generic-page .pm-subtitle {
    margin: 10px 0 0;
    font: 16px "Open Sans", sans-seif;
    color: #1E1E26; }
  .header--generic-page .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: generic-page-title;
    color: #282832;
    margin-bottom: 0; }
    @media (max-width: 991.98px) {
      .header--generic-page .header__title {
        padding-bottom: 8px; } }
    .header--generic-page .header__title h1 {
      word-wrap: break-word; }
  .header--generic-page p.header__title-buttons {
    margin-bottom: 40px; }
    .header--generic-page p.header__title-buttons > .btn {
      margin: 23px 16px 0 0; }
  .header--generic-page .header__right {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: generic-page-right;
    display: -webkit-box !important;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media (max-width: 575.98px){
      .header--generic-page .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      .header--generic-page .header__right {
    -ms-grid-row: 2;
    -ms-grid-column: 1; } }
  .header--generic-page:not(.header--returns-page) .header__right img {
    max-height: 70px; }
    @media (max-width: 767.98px) {
      .header--generic-page:not(.header--returns-page) .header__right img {
        max-height: 40px; } }
  .header--generic-page.header--returns-page .container {
    -ms-grid-columns: 7fr 2fr;
    grid-template-columns: 7fr 2fr; }
    @media (max-width: 991.98px) {
      .header--generic-page.header--returns-page .container {
            grid-template-areas: 'generic-page-title generic-page-title' 'generic-page-right generic-page-right'; }
      .header--generic-page.header--returns-page .container > .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--generic-page.header--returns-page .container > .header__right {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; } }

.header--large-generic-page {
  min-height: 327px; }
  @media (max-width: 991.98px) {
    .header--large-generic-page .container {
      min-height: 0;
      padding-top: 50px;
      padding-bottom: 40px; } }
  .header--large-generic-page .container h1 {
    margin-bottom: 40px; }
  .header--large-generic-page .container h2 {
    margin-bottom: 40px; }
  @media (min-width: 992px) {
    .header--large-generic-page .container .subtitle {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 7fr 5fr;
      grid-template-columns: 7fr 5fr;
          grid-template-areas: 'subtitle .';
      grid-area: subtitle; } }
  @media (min-width: 992px){
    .header--large-generic-page .container .subtitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1; } }

.js-account-created-message {
  position: absolute;
  right: 0;
  top: -moz-calc(100% - 5px);
  top: calc(100% - 5px);
  padding: 20px;
  background: #ccffed;
  color: #00996b;
  width: 350px;
  line-height: 1;
  text-align: center;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  -webkit-animation: fadeIn 2s, fadeOut 2s 7s forwards;
     -moz-animation: fadeIn 2s, fadeOut 2s 7s forwards;
       -o-animation: fadeIn 2s, fadeOut 2s 7s forwards;
          animation: fadeIn 2s, fadeOut 2s 7s forwards;
  display: none; }
  .js-account-created-message:before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 16px 15px;
    border-color: transparent transparent #ccffed transparent; }
    @media (max-width: 767.98px) {
      .js-account-created-message:before {
        right: 50px; } }
  @media (max-width: 767.98px) {
    .js-account-created-message {
      right: -45px; } }

.account-created .account-created-message {
  display: block; }

.bgnd-gray-wallpaper {
  background-color: #bab9b9;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/gray-white.svg");
  -o-background-size: cover;
     background-size: cover; }

.header--rating {
  background: #fafafb url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-header-generic.svg") no-repeat bottom center;
  -o-background-size: cover;
     background-size: cover; }
  @media screen and (max-width: 315px) {
    .header--rating {
      background: #fafafb url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-header-generic-small.svg") no-repeat top center; } }
  .header--rating .container {
    display: -ms-grid;
    display: grid;
        grid-template-areas: 'rating-title rating-right';
    -ms-grid-columns: 8fr 16px 4fr;
    grid-template-columns: 8fr 4fr;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px; }
    @media (max-width: 767.98px) {
      .header--rating .container .header-money-back {
        width: 46%; }
      .header--rating .container .header-rating {
        padding: 0; }
        .header--rating .container .header-rating div {
          margin: 0; } }
    @media (max-width: 575.98px) {
      .header--rating .container {
            grid-template-areas: 'rating-title rating-title' 'rating-right rating-right'; }
        .header--rating .container .header__right {
          display: none;
          padding-top: 20px;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
             -moz-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
          .header--rating .container .header__right .header-rating {
            margin-left: 30px;
            padding-top: 0; } }
  .header--rating .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: rating-title;
    color: #282832;
    margin-bottom: 0; }
  .header--rating .header__right {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: rating-right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  @media (max-width: 575.98px){
      .header--rating .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--rating .header__right {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; } }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .header--rating .header__right .header-money-back {
        width: 46%; } }
    .header--rating .header__right .header-rating {
      display: block;
      width: 50%; }
      @media (max-width: 1199.98px) {
        .header--rating .header__right .header-rating {
          width: 100%;
          margin-left: 30px;
          padding-right: 10px; } }
      @media (max-width: 991.98px) {
        .header--rating .header__right .header-rating {
          width: 50%; } }

.btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #41b770;
  color: #fff;
  min-height: 48px;
  height: auto;
  line-height: 1.2;
  border: 0;
  border-radius: 3px;
  padding: 5px 16px;
  text-align: center;
  font-weight: bold; }
  @media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min--moz-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    .btn {
      /* IE10+ CSS */
      height: 1px; } }
  @media (min-width: 768px) {
    .btn {
      min-width: 148px; } }
  @media (max-width: 767.98px) {
    .btn {
      min-height: 28px;
      height: auto;
      padding: 13px; } }
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      @media (max-width: 767.98px) {
        .btn--small {
          padding: 5px 16px; } } } }
  .btn:disabled, .btn.disabled {
    cursor: default;
    opacity: .65;
    pointer-events: none; }
  .btn:hover, .btn:active {
    background: #349159;
    color: #fff;
    text-decoration: none; }
  .btn:focus {
    color: #fff;
    outline: 2px solid rgba(135, 206, 235, 0.3); }
  .btn--big {
    min-height: 64px;
    height: 1px; }
    .btn--big__buy {
      min-height: 48px; }
  .btn--small {
    min-height: 40px;
    height: 1px; }
  .btn--secondary {
    background: #41b770;
    border-color: currentColor; }
    .btn--secondary-template {
      padding: 0; }
      .btn--secondary-template .btn {
        margin: 0 !important;
        background: #41b770; }
        .btn--secondary-template .btn:hover, .btn--secondary-template .btn:active {
          background: #349159;
          color: #fff; }
    .btn--secondary:hover, .btn--secondary:active {
      background: #349159;
      color: #fff; }
  .btn--download-planner {
    padding: 10px 30px;
    height: inherit !important;
    line-height: normal; }
  .btn--ghost {
    background: transparent;
    border: 1px solid #41b770;
    color: #41b770; }
    .btn--ghost:active, .btn--ghost:focus, .btn--ghost:hover {
      background: #41b770;
      color: #fff; }
  .btn--ghost-gray {
    background: transparent;
    border: 1px solid #96969c;
    color: #96969c; }
    .btn--ghost-gray:active, .btn--ghost-gray:focus, .btn--ghost-gray:hover {
      background: #96969c;
      color: #fff; }
  .btn--ghost-red {
    background: transparent;
    border: 1px solid #dee2e6;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    .btn--ghost-red:active, .btn--ghost-red:focus, .btn--ghost-red:hover {
      background: #97371f; }
  .btn--ghost-secondary {
    background: transparent;
    border: 1px solid #41b770;
    color: #41b770; }
    .btn--ghost-secondary--white {
      background: #fff; }
    .btn--ghost-secondary:active, .btn--ghost-secondary:focus, .btn--ghost-secondary:hover {
      background: #41b770;
      color: #fff; }
  .btn--white {
    background: #fff;
    border: 1px solid #41b770;
    color: #41b770; }
    .btn--white:active, .btn--white:focus, .btn--white:hover {
      border-color: #fff;
      background: #41b770;
      color: #fff; }
  .btn--hollow-white {
    background: #fff;
    color: #41b770; }
    .btn--hollow-white:active, .btn--hollow-white:focus, .btn--hollow-white:hover {
      background: #41b770;
      color: #fff; }
  .btn.basic-disabled {
    background: transparent;
    cursor: default; }
    .btn.basic-disabled button:disabled {
      background: #DCDCDE;
      color: #afafaf;
      opacity: 1; }

.btn-round {
  width: 48px;
  height: 48px;
  min-height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  background: #ededee;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  /* target mouse, touch pad */ }
  .btn-round:hover {
    background: #d3d3d5; }
    .btn-round:hover .btn-tooltip {
      opacity: 1;
      margin-top: 0;
      visibility: visible; }
  @media (hover: hover) and (pointer: fine) {
    .btn-round:hover {
      background: #d3d3d5; }
      .btn-round:hover .btn-tooltip {
        opacity: 1;
        margin-top: 0;
        visibility: visible; } }
  .btn-round.disabled {
    cursor: default;
    background: inherit;
    /* target mouse, touch pad */ }
    @media (hover: hover) and (pointer: fine) {
      .btn-round.disabled:hover {
        background: inherit; } }

.btn-tooltip {
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -moz-calc(100% + 5px);
  top: calc(100% + 5px);
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 85px;
  background: #CCC;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #000;
  font-size: 12px;
  padding: 3px 5px;
  line-height: 1.8;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.btn-tooltip-done {
  position: absolute;
  width: auto;
  top: -moz-calc(100% + 5px);
  top: calc(100% + 5px);
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #1e1e26;
  white-space: nowrap;
  display: none;
  padding: 3px 10px; }
  @media (max-width: 991.98px) {
    .btn-tooltip-done {
      right: 0;
      top: -moz-calc(100% + 5px);
      top: calc(100% + 5px);
      -webkit-transform: none;
         -moz-transform: none;
           -o-transform: none;
              transform: none;
      left: auto; } }

.btn-copy__step-2 {
  display: none; }

.btn-copy.done:hover {
  background: #ededee; }

.btn-copy.done .btn-copy__step-1 {
  display: none; }

.btn-copy.done .btn-copy__step-2 {
  display: block; }

.btn-copy.done .btn-tooltip {
  display: none; }

.btn-copy.done .btn-tooltip-done {
  display: block; }

.btn-link {
  cursor: pointer;
  color: #c14728; }

.btn-add {
  background: url("https://img.officetimeline.com/website/Content/images/icons/plus.svg") no-repeat;
  -o-background-size: 23px;
     background-size: 23px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: inline-block; }

.btn-remove {
  background: url("https://img.officetimeline.com/website/Content/images/icons/line.svg") no-repeat center;
  -o-background-size: 23px;
     background-size: 23px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: inline-block; }

.btn-link:hover {
  color: #c14728; }

.btn-loading {
  background-image: url("https://img.officetimeline.com/website/Content/images/icons/loading-button.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  text-indent: -9999px; }
  @media (max-width: 767.98px) {
    .btn-loading {
      min-width: 61px; } }

.btn-actions {
  margin: -5px -10px;
  margin-bottom: 0; }
  .btn-actions .btn {
    margin: 5px 10px; }

.header__title-buttons .btn--ghost-secondary:before, .submenu .btn--ghost-secondary:before {
  content: '\2713';
  display: inline-block;
  color: #41b770;
  padding: 0 6px 0 0; }

.header__title-buttons .btn--ghost-secondary:hover:before, .submenu .btn--ghost-secondary:hover:before {
  color: #fff; }

.star-rating {
  margin-bottom: 32px; }
  .star-rating .rateit .rateit-selected {
    color: #e9ac00; }

.header-rating {
  line-height: 1.4;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  @media (max-width: 767.98px) {
    .header-rating {
      font-size: 12px;
      padding-top: 32px; } }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .header-rating {
      padding-right: 64px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .header-rating__container--small {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-right: 0;
    /*@include media-breakpoint-down(400px) {
            flex-flow: column wrap;
        }*/ }
    @media (max-width: 991.98px) {
      .header-rating__container--small {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 32px; } }
    .header-rating__container--small .header-rating__stars {
      margin-right: 10px; }
      @media (max-width: 991.98px) {
        .header-rating__container--small .header-rating__stars {
          -webkit-box-align: end;
          -webkit-align-items: flex-end;
             -moz-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          width: 100%; }
          .header-rating__container--small .header-rating__stars > div {
            width: 100%; } }
      .header-rating__container--small .header-rating__stars .trustpilot-container {
        width: 100%;
        max-width: 120px; }
        .header-rating__container--small .header-rating__stars .trustpilot-container > .element__title {
          width: 100%;
          max-width: -moz-calc(100% - 38px);
          max-width: calc(100% - 38px);
          margin-bottom: 6px; }
        .header-rating__container--small .header-rating__stars .trustpilot-container > .element__score-details {
          margin-top: 10px; }
    .header-rating__container--small .header-rating__icons {
      margin-left: 10px; }
      @media (max-width: 991.98px) {
        .header-rating__container--small .header-rating__icons {
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
             -moz-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          width: 100%; } }
      .header-rating__container--small .header-rating__icons > p:last-child {
        margin-top: 25px; }
      @media (max-width: 767.98px) {
        .header-rating__container--small .header-rating__icons--small .windows-icon-container > img {
          max-height: 55px; }
        .header-rating__container--small .header-rating__icons--small > p:last-child {
          margin-top: 11px;
          line-height: 1.7; } }
    .header-rating__container--small .header-rating__stars, .header-rating__container--small .header-rating__icons {
      /*@include media-breakpoint-down(sm) {
                    flex: 1 0 100%;
                    max-width: 100%;
                    margin-bottom: 15px;
                }*/ }
      @media (max-width: 991.98px) {
        .header-rating__container--small .header-rating__stars, .header-rating__container--small .header-rating__icons {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 45%;
             -moz-box-flex: 0;
              -ms-flex: 0 0 45%;
                  flex: 0 0 45%;
          max-width: 130px; } }
  .header-rating__stars, .header-rating__ribbon, .header-rating__icons {
    width: -moz-calc(50% - 8px);
    width: calc(50% - 8px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 1199.98px) {
      .header-rating__stars, .header-rating__ribbon, .header-rating__icons {
        display: block;
        width: 100%;
        margin-bottom: 32px; } }
    .header-rating__stars p, .header-rating__ribbon p, .header-rating__icons p {
      margin: 0; }
    .header-rating__stars p:last-child, .header-rating__ribbon p:last-child, .header-rating__icons p:last-child {
      margin: 0;
      margin-top: auto; }
  .header-rating__stars img {
    margin-bottom: 14px; }
  .header-rating__stars[data-download-page] {
    max-width: 165px; }
    .header-rating__stars[data-download-page] + .header__logo {
      margin-right: 46px; }
      @media (max-width: 1199.98px) {
        .header-rating__stars[data-download-page] + .header__logo {
          margin-bottom: 32px; } }
      @media (max-width: 767.98px) {
        .header-rating__stars[data-download-page] + .header__logo {
          margin-right: 26px;
          margin-bottom: 0; } }
  .header-rating__ribbon {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .header-rating__ribbon > p > img {
      max-height: 72px; }
    .header-rating__ribbon > p:last-child {
      margin-top: 4px;
      line-height: 1.7;
      max-width: 200px; }
      @media (max-width: 767.98px) {
        .header-rating__ribbon > p:last-child {
          max-width: 170px; } }

.testimonials-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px; }

.testimonial-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0; }
  .testimonial-item__avatar {
    display: block;
    position: relative;
    width: 170px;
    height: 170px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    overflow: hidden;
    margin-right: 15px; }
    .testimonial-item__avatar > .portrait {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      -o-background-size: contain;
         background-size: contain;
      border-radius: 50%; }
      .testimonial-item__avatar > .portrait.anup-babu {
        background-image: url("../png/anup-babu.png"); }
      .testimonial-item__avatar > .portrait.barbara-niksch {
        background-image: url("../png/barbara-niksch.png"); }
      .testimonial-item__avatar > .portrait.christer-hiort {
        background-image: url("../png/christer-hiort.png"); }
      .testimonial-item__avatar > .portrait.chris-torres {
        background-image: url("../png/chris-torres.png"); }
      .testimonial-item__avatar > .portrait.dave-motovidlak {
        background-image: url("../png/dave-motovidlak.png"); }
      .testimonial-item__avatar > .portrait.eric-herve {
        background-image: url("../png/eric-herve.png"); }
      .testimonial-item__avatar > .portrait.kegan-copas {
        background-image: url("../png/kegan-copas.png"); }
      .testimonial-item__avatar > .portrait.jeff-steadman {
        background-image: url("../png/jeff-steadman.png"); }
      .testimonial-item__avatar > .portrait.john-panico {
        background-image: url("../png/john-panico.png"); }
      .testimonial-item__avatar > .portrait.marek-novotny {
        background-image: url("../png/marek-novotny.png"); }
      .testimonial-item__avatar > .portrait.mary-marshall {
        background-image: url("../png/mary-marshall.png"); }
      .testimonial-item__avatar > .portrait.sven-rinke {
        background-image: url("../png/sven-rinke.png"); }
      .testimonial-item__avatar > .portrait.yvonne-tran {
        background-image: url("../png/yvonne-tran.png"); }
      .testimonial-item__avatar > .portrait.peter-taylor {
        background-image: url("../png/peter-taylor.png"); }
      .testimonial-item__avatar > .portrait.jennifer-greenough {
        background-image: url("../png/jennifer-greenough.png"); }
      .testimonial-item__avatar > .portrait.philippe-giroux {
        background-image: url("../png/philippe-giroux.png"); }
      .testimonial-item__avatar > .portrait.karren-morris {
        background-image: url("../png/karren-morris.png"); }
      .testimonial-item__avatar > .portrait.jineesh-p-r {
        background-image: url("../png/jineesh-p-r.png"); }
      .testimonial-item__avatar > .portrait.geoff-hales {
        background-image: url("../png/geoff-hales.png"); }
      .testimonial-item__avatar > .portrait.brad-teeters {
        background-image: url("../png/brad-teeters.png"); }
      .testimonial-item__avatar > .portrait.thomas-simkiss {
        background-image: url("../png/thomas-simkiss.png"); }
  .testimonial-item--text-avatar .testimonial-item__avatar {
    overflow: visible;
    border-radius: 0;
    height: auto;
    font-size: 14px; }
    .testimonial-item--text-avatar .testimonial-item__avatar a {
      color: #1e1e26;
      line-height: 1.2; }
    .testimonial-item--text-avatar .testimonial-item__avatar img {
      width: auto;
      height: auto; }
  .testimonial-item--text-avatar .testimonial-item__text {
    background: none;
    padding-top: 0; }
  .testimonial-item__text {
    padding-top: 40px;
    background: url("https://img.officetimeline.com/website/Content/images/common/quote-green.svg") no-repeat top left; }
  @media (min-width: 992px) {
    .testimonial-item {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (max-width: 1199.98px) {
    .testimonial-item + .testimonial-item {
      margin-top: 40px; } }
  @media (max-width: 991.98px) {
    .testimonial-item {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 0;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
      .testimonial-item:last-of-type {
        margin-bottom: 0; }
      .testimonial-item__avatar {
        margin-bottom: 32px; } }
  @media (max-width: 767.98px) {
    .testimonial-item {
      display: block; } }

.template-item {
  margin-bottom: 32px; }
  .template-item__image {
    border: 1px solid #DCDCDE;
    margin-bottom: 27px; }
    .template-item__image img {
      display: block; }

.features-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px; }

.feature-item {
  margin-bottom: 142px;
  position: relative;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
  margin-left: 8.33333%; }
  .feature-item:nth-child(even) {
    margin-left: 16.66667%; }
  .feature-item__image {
    max-height: 264px;
    height: 100%;
    margin-bottom: 72px; }
    .feature-item__image img {
      max-height: 100%;
      width: auto; }
  @media (max-width: 1199.98px) {
    .feature-item__image {
      max-height: 192px;
      margin-bottom: 65px; } }
  @media (max-width: 991.98px) {
    .feature-item {
      padding-right: 16px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%;
      margin-left: 0; }
      .feature-item:nth-child(even) {
        margin-left: 0;
        padding-right: 0;
        padding-left: 16px; }
      .feature-item__image {
        max-height: 180px;
        margin-bottom: 44px; } }
  @media (max-width: 767.98px) {
    .feature-item {
      margin-bottom: 50px;
      padding: 0;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .feature-item:nth-child(even) {
        padding: 0; }
      .feature-item__image {
        max-height: none;
        margin-bottom: 44px;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
           -moz-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; } }

#opened-menu-overlay {
  z-index: 1080; }

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(220, 220, 222, 0.5);
  z-index: 2050;
  display: none;
  /*this is for IE issues and vertical scroll*/
  /*Buy page modal*/ }
  .modal .btn-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .modal .btn-actions .btn:not(:last-child) {
      margin-right: 18px; }
  .modal .btn:focus {
    outline: none; }
  .modal.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .modal > .container {
      display: block !important;
      position: relative; } }
  .modal .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow-y: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center; }
    .modal .container__parent-wrapper {
      position: relative;
      width: 100%; }
  .modal__box {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    background: #fff url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-modal.svg") no-repeat right bottom/cover;
    position: relative;
    padding: 24px;
    margin: auto;
    display: inline-table; }
    .modal__box--custom-box {
      display: block; }
    @media (min-width: 992px) {
      .modal__box {
        padding: 48px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    .modal__box > .container {
      overflow: hidden; }
    .modal__box .cta-links {
      margin-bottom: 0; }
    .modal__box h1 {
      margin-bottom: 32px; }
    .modal__box h2 {
      font-size: 26px;
      line-height: 42px; }
    .modal__box > p:last-child {
      margin-top: 70px;
      text-align: center; }
    .modal__box .btn--ghost-secondary {
      background: #fff; }
      .modal__box .btn--ghost-secondary:hover {
        background: #41b770;
        color: #fff; }
    .modal__box--pro-img {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 90%;
         -moz-box-flex: 1;
          -ms-flex: 1 0 90%;
              flex: 1 0 90%;
      max-width: 90%; }
      .modal__box--pro-img .container {
        min-width: 100px; }
      .modal__box--pro-img img {
        width: 100%; }
    .modal__box--upgrade {
      display: block; }
      .modal__box--upgrade .flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
           -moz-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .modal__box--upgrade .flex-container > .modal__prod,
        .modal__box--upgrade .flex-container .flex-container-column {
          -webkit-box-flex: 1;
          -webkit-flex: 1 0 auto;
             -moz-box-flex: 1;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto; }
          .modal__box--upgrade .flex-container > .modal__prod .modal__prod--img,
          .modal__box--upgrade .flex-container .flex-container-column .modal__prod--img {
            min-height: auto; }
            .modal__box--upgrade .flex-container > .modal__prod .modal__prod--img img,
            .modal__box--upgrade .flex-container .flex-container-column .modal__prod--img img {
              height: 100%; }
            @media (min-width: 768px) {
              .modal__box--upgrade .flex-container > .modal__prod .modal__prod--img,
              .modal__box--upgrade .flex-container .flex-container-column .modal__prod--img {
                min-height: 290px; }
                .modal__box--upgrade .flex-container > .modal__prod .modal__prod--img img,
                .modal__box--upgrade .flex-container .flex-container-column .modal__prod--img img {
                  max-height: 290px; } }
          .modal__box--upgrade .flex-container > .modal__prod .modal__prod--details,
          .modal__box--upgrade .flex-container .flex-container-column .modal__prod--details {
            margin-top: 0; }
            .modal__box--upgrade .flex-container > .modal__prod .modal__prod--details ul li,
            .modal__box--upgrade .flex-container .flex-container-column .modal__prod--details ul li {
              font-size: 12px; }
        .modal__box--upgrade .flex-container__columns--two > .modal__prod, .modal__box--upgrade .flex-container__columns--two .flex-container-column {
          max-width: -moz-calc(50% - 15px);
          max-width: calc(50% - 15px);
          width: 100%; }
        .modal__box--upgrade .flex-container__columns--three > .modal__prod, .modal__box--upgrade .flex-container__columns--three > .flex-container-column {
          max-width: -moz-calc(33% - 15px);
          max-width: calc(33% - 15px);
          width: 100%; }
          .modal__box--upgrade .flex-container__columns--three > .modal__prod .modal__prod--img, .modal__box--upgrade .flex-container__columns--three > .flex-container-column .modal__prod--img {
            min-height: 230px; }
            @media (max-width: 991.98px) {
              .modal__box--upgrade .flex-container__columns--three > .modal__prod .modal__prod--img, .modal__box--upgrade .flex-container__columns--three > .flex-container-column .modal__prod--img {
                min-height: auto; } }
        .modal__box--upgrade .flex-container__columns--two .flex-container-column, .modal__box--upgrade .flex-container__columns--three .flex-container-column {
          border: 1px solid #41B770;
          border-top-width: 5px; }
          .modal__box--upgrade .flex-container__columns--two .flex-container-column:first-child, .modal__box--upgrade .flex-container__columns--three .flex-container-column:first-child {
            border-color: #DCDCDE;
            border-top-color: #41B770; }
        .modal__box--upgrade .flex-container__columns--two .modal__prod.modal__prod, .modal__box--upgrade .flex-container__columns--three .modal__prod.modal__prod {
          padding-bottom: 140px; }
          .modal__box--upgrade .flex-container__columns--two .modal__prod.modal__prod--upgrade, .modal__box--upgrade .flex-container__columns--three .modal__prod.modal__prod--upgrade {
            padding-bottom: 110px; }
        .modal__box--upgrade .flex-container__columns--two .modal__prod--button, .modal__box--upgrade .flex-container__columns--three .modal__prod--button {
          padding: 20px 20px 0;
          margin-top: -120px; }
        .modal__box--upgrade .flex-container__columns--two .modal__prod--upgrade + .modal__prod--button, .modal__box--upgrade .flex-container__columns--three .modal__prod--upgrade + .modal__prod--button {
          margin-top: -90px; }
        @media (max-width: 991.98px) {
          .modal__box--upgrade .flex-container__columns--two .modal__prod.modal__prod, .modal__box--upgrade .flex-container__columns--three .modal__prod.modal__prod {
            padding-bottom: 0px; }
          .modal__box--upgrade .flex-container__columns--two .modal__prod--button, .modal__box--upgrade .flex-container__columns--three .modal__prod--button {
            padding: 20px;
            margin-top: 0px; }
          .modal__box--upgrade .flex-container__columns--two .modal__prod--upgrade + .modal__prod--button, .modal__box--upgrade .flex-container__columns--three .modal__prod--upgrade + .modal__prod--button {
            margin-top: 0px; } }
        @media (max-width: 991.98px) {
          .modal__box--upgrade .flex-container__columns--two > .modal__prod, .modal__box--upgrade .flex-container__columns--two > .flex-container-column, .modal__box--upgrade .flex-container__columns--three > .modal__prod, .modal__box--upgrade .flex-container__columns--three > .flex-container-column {
            max-width: 100%;
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 100%;
               -moz-box-flex: 1;
                -ms-flex: 1 0 100%;
                    flex: 1 0 100%; }
            .modal__box--upgrade .flex-container__columns--two > .modal__prod .invisible, .modal__box--upgrade .flex-container__columns--two > .flex-container-column .invisible, .modal__box--upgrade .flex-container__columns--three > .modal__prod .invisible, .modal__box--upgrade .flex-container__columns--three > .flex-container-column .invisible {
              display: none; }
            .modal__box--upgrade .flex-container__columns--two > .modal__prod + .modal__prod,
            .modal__box--upgrade .flex-container__columns--two > .modal__prod + .flex-container-column, .modal__box--upgrade .flex-container__columns--two > .flex-container-column + .modal__prod,
            .modal__box--upgrade .flex-container__columns--two > .flex-container-column + .flex-container-column, .modal__box--upgrade .flex-container__columns--three > .modal__prod + .modal__prod,
            .modal__box--upgrade .flex-container__columns--three > .modal__prod + .flex-container-column, .modal__box--upgrade .flex-container__columns--three > .flex-container-column + .modal__prod,
            .modal__box--upgrade .flex-container__columns--three > .flex-container-column + .flex-container-column {
              margin-top: 30px; } }
      .modal__box--upgrade.modal__box.modal__box--upgrade {
        width: 100%;
        max-width: 1302px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
           -moz-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        background: #FFFFFF; }
        .modal__box--upgrade.modal__box.modal__box--upgrade h3 {
          font-size: 32px;
          font-weight: normal; }
          @media (max-width: 991.98px) {
            .modal__box--upgrade.modal__box.modal__box--upgrade h3 {
              font-size: 24px; } }
      @media (min-width: 992px) {
        .modal__box--upgrade {
          padding: 20px; } }
      .modal__box--upgrade > hr {
        margin: 10px 0 20px;
        border-color: #EAEAEA; }
      .modal__box--upgrade .modal__prod {
        display: -ms-grid;
        display: grid;
            grid-template-areas: "image . title" "image . details" "image . details" "image . button";
        width: 100%;
        height: auto;
        -ms-grid-columns: 8fr 20px 4fr;
        grid-template-columns: 8fr 20px 4fr;
        -webkit-box-align: start;
        -webkit-align-items: start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        height: 100%; }
        @media (max-width: 991.98px) {
          .modal__box--upgrade .modal__prod {
            height: auto; } }
        .modal__box--upgrade .modal__prod--solo {
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
             -moz-box-align: stretch;
              -ms-flex-align: stretch;
                  align-items: stretch; }
          @media (max-width: 991.98px) {
            .modal__box--upgrade .modal__prod--solo {
              border: 1px solid #41B770;
              border-top-width: 5px; } }
        .modal__box--upgrade .modal__prod--img {
          -ms-grid-row: 1;
          -ms-grid-row-span: 4;
          -ms-grid-column: 1;
          grid-area: image;
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 1;
          -webkit-flex: 1 0 100%;
             -moz-box-flex: 1;
              -ms-flex: 1 0 100%;
                  flex: 1 0 100%;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border: 1px solid #EAEAEA; }
          .modal__box--upgrade .modal__prod--img img {
            width: 100%; }
        .modal__box--upgrade .modal__prod--title {
          -ms-grid-row: 1;
          -ms-grid-column: 3;
          grid-area: title;
          -ms-grid-row: 1;
          -ms-grid-column: 3;
          text-align: center;
          padding-top: 30px; }
          .modal__box--upgrade .modal__prod--title h4 {
            font-size: 24px;
            font-weight: 600;
            padding-bottom: 24px; }
          .modal__box--upgrade .modal__prod--title padding {
            font-size: 16px; }
        .modal__box--upgrade .modal__prod--details {
          -ms-grid-row: 2;
          -ms-grid-row-span: 2;
          -ms-grid-column: 3;
          grid-area: details;
          -ms-grid-row: 2;
          -ms-grid-column: 3;
          text-align: center;
          margin-top: -30px; }
          .modal__box--upgrade .modal__prod--details .open__carousel {
            font-size: 14px;
            color: #41B770;
            text-decoration: underline;
            cursor: pointer; }
            .modal__box--upgrade .modal__prod--details .open__carousel + p {
              font-weight: 600; }
          .modal__box--upgrade .modal__prod--details ul {
            max-width: 323px;
            text-align: left;
            list-style-type: none;
            padding-left: 0;
            margin: 0 auto; }
            .modal__box--upgrade .modal__prod--details ul li {
              background: url("https://img.officetimeline.com/website/Content/images/icons/green-circle-white-checkmark.svg") no-repeat;
              background-position: 0 6px;
              -o-background-size: 20px;
                 background-size: 20px;
              padding-left: 25px;
              background-size: 20px;
              font-size: 12px; }
              @media (max-width: 991.98px) {
                .modal__box--upgrade .modal__prod--details ul li {
                  background-position: 0 2px; } }
        .modal__box--upgrade .modal__prod--button {
          -ms-grid-row: 4;
          -ms-grid-column: 3;
          grid-area: button;
          -ms-grid-row: 4;
          -ms-grid-column: 3;
          padding-top: 20px;
          text-align: center; }
          .modal__box--upgrade .modal__prod--button.modal__prod--button > button {
            display: block;
            width: 100%;
            max-width: 323px;
            margin: 0 auto; }
            @media (max-width: 991.98px) {
              .modal__box--upgrade .modal__prod--button.modal__prod--button > button {
                max-width: 212px; } }
          .modal__box--upgrade .modal__prod--button .button__subtitle {
            font-size: 12px;
            line-height: 1.5;
            color: #96969C;
            padding-top: 6px;
            margin-bottom: 0; }
        .modal__box--upgrade .modal__prod.modal__prod--basic, .modal__box--upgrade .modal__prod.modal__prod--pro, .modal__box--upgrade .modal__prod.modal__prod--pro_plus,
        .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro {
              grid-template-areas: "title" "image" "details" "button";
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          padding: 20px;
          -webkit-align-content: baseline;
              -ms-flex-line-pack: baseline;
                  align-content: baseline; }
          @media (max-width: 767.98px) {
            .modal__box--upgrade .modal__prod.modal__prod--basic, .modal__box--upgrade .modal__prod.modal__prod--pro, .modal__box--upgrade .modal__prod.modal__prod--pro_plus,
            .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro {
              padding: 16px; } }
          .modal__box--upgrade .modal__prod.modal__prod--basic .modal__prod--img, .modal__box--upgrade .modal__prod.modal__prod--pro .modal__prod--img, .modal__box--upgrade .modal__prod.modal__prod--pro_plus .modal__prod--img,
          .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro .modal__prod--img {
            -ms-grid-row: 2;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1; }
          .modal__box--upgrade .modal__prod.modal__prod--basic .modal__prod--title, .modal__box--upgrade .modal__prod.modal__prod--pro .modal__prod--title, .modal__box--upgrade .modal__prod.modal__prod--pro_plus .modal__prod--title,
          .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro .modal__prod--title {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            padding-top: 0; }
          .modal__box--upgrade .modal__prod.modal__prod--basic .modal__prod--details, .modal__box--upgrade .modal__prod.modal__prod--pro .modal__prod--details, .modal__box--upgrade .modal__prod.modal__prod--pro_plus .modal__prod--details,
          .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro .modal__prod--details {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            padding-top: 20px;
            margin-top: 0; }
          .modal__box--upgrade .modal__prod.modal__prod--basic .modal__prod--button, .modal__box--upgrade .modal__prod.modal__prod--pro .modal__prod--button, .modal__box--upgrade .modal__prod.modal__prod--pro_plus .modal__prod--button,
          .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro .modal__prod--button {
            -ms-grid-row: 5;
            -ms-grid-column: 1;
            -webkit-align-self: end;
                -ms-flex-item-align: end;
                        -ms-grid-row-align: end;
                    align-self: end; }
        @media (max-width: 991.98px) {
          .modal__box--upgrade .modal__prod {
                grid-template-areas: "title" "image" "details" "button";
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            padding: 20px;
            -webkit-align-content: baseline;
                -ms-flex-line-pack: baseline;
                    align-content: baseline; }
          .modal__box--upgrade .modal__prod--img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
          .modal__box--upgrade .modal__prod--title {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
          .modal__box--upgrade .modal__prod--details {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
          .modal__box--upgrade .modal__prod--button {
    -ms-grid-row: 4;
    -ms-grid-column: 1; } }
  @media (max-width: 991.98px) and (max-width: 767.98px) {
    .modal__box--upgrade .modal__prod {
      padding: 16px; } }
        @media (max-width: 991.98px) {
            .modal__box--upgrade .modal__prod .modal__prod--img {
              -ms-grid-row: 2;
              -ms-grid-row-span: 1;
              -ms-grid-column: 1; }
            .modal__box--upgrade .modal__prod .modal__prod--title {
              -ms-grid-row: 1;
              -ms-grid-column: 1;
              padding-top: 0; }
            .modal__box--upgrade .modal__prod .modal__prod--details {
              -ms-grid-row: 3;
              -ms-grid-column: 1;
              padding-top: 20px;
              margin-top: 0; }
            .modal__box--upgrade .modal__prod .modal__prod--button {
              -ms-grid-row: 5;
              -ms-grid-column: 1;
              -webkit-align-self: end;
                  -ms-flex-item-align: end;
                          -ms-grid-row-align: end;
                      align-self: end; } }
  .modal__close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 30px;
    right: 30px;
    display: block;
    z-index: 50; }
    @media (max-width: 767.98px) {
      .modal__close {
        top: 13px;
        right: 20px; } }
    .modal__close span {
      display: block;
      width: 20px;
      height: 2px;
      background: #282832;
      position: absolute;
      top: 50%;
      left: 50%;
      opacity: 0.5;
      -webkit-transform-origin: center center;
         -moz-transform-origin: center center;
           -o-transform-origin: center center;
              transform-origin: center center;
      margin-left: -10px; }
      .modal__close span:first-child {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition-delay: 0.2s;
           -moz-transition-delay: 0.2s;
             -o-transition-delay: 0.2s;
                transition-delay: 0.2s; }
      .modal__close span:last-child {
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .modal__close:hover span {
      opacity: 1; }
      .modal__close:hover span:first-child {
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .modal__close:hover span:last-child {
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg); }
  .modal--download .modal__box {
    background: #fff url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-modal.svg") no-repeat bottom center/cover;
    max-width: 820px; }
    @media (min-width: 768px) {
      .modal--download .modal__box {
        padding-right: 0; } }
  .modal--download.active {
    z-index: 9999; }
  .modal--account-settings .modal__box {
    max-width: 600px; }
  .modal--upgrade .modal__box {
    max-width: 700px; }
    .modal--upgrade .modal__box > p:last-child {
      margin-top: 50px; }
    .modal--upgrade .modal__box .btn {
      width: 35%; }
  .modal--download .modal__box > p:last-child {
    margin-top: 40px;
    margin-bottom: 0; }
  .modal--download .modal__box .upgrade-success-message {
    padding: 0 0 0px 50px;
    background: url("https://img.officetimeline.com/website/Content/images/icons/icn-good.svg") 0 15px no-repeat; }
  .modal--send-email .modal__box {
    max-width: 600px; }
    .modal--send-email .modal__box h2 {
      font-weight: 400; }
    .modal--send-email .modal__box .btn-actions {
      margin-top: 60px; }
    .modal--send-email .modal__box > p:last-child {
      margin: 0; }
    .modal--send-email .modal__box .error {
      background: transparent;
      color: #EB184B; }
  .modal--billing-info .modal__box {
    max-width: 1000px; }
    .modal--billing-info .modal__box .btn-remove {
      margin-top: auto;
      margin-bottom: auto; }
  .modal--payment-intent .modal__box {
    max-width: 577px; }
    .modal--payment-intent .modal__box .warning-message {
      padding: 0 0 0px 50px;
      background: url("https://img.officetimeline.com/website/Content/images/icons/error-bullet.svg") 0 10px no-repeat; }
      .modal--payment-intent .modal__box .warning-message h3 {
        line-height: 32px;
        margin-bottom: 48px; }
    .modal--payment-intent .modal__box p {
      margin: 0; }
  .modal--licenses .container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .modal--licenses .modal__box {
    background: #fff; }
    @media (max-width: 767.98px) {
      .modal--licenses .modal__box {
        padding-top: 45px; } }
    .modal--licenses .modal__box .licences-table {
      width: 100%;
      margin-top: 40px;
      margin-bottom: 70px;
      table-layout: fixed; }
      .modal--licenses .modal__box .licences-table th {
        font-weight: bold;
        height: 48px;
        width: 25%; }
        @media (max-width: 991.98px) {
          .modal--licenses .modal__box .licences-table th {
            width: 30%; }
            .modal--licenses .modal__box .licences-table th:last-child {
              display: none; } }
        @media (max-width: 767.98px) {
          .modal--licenses .modal__box .licences-table th {
            display: none; } }
      .modal--licenses .modal__box .licences-table tr {
        border-bottom: 1px solid #dcdcde; }
      .modal--licenses .modal__box .licences-table th,
      .modal--licenses .modal__box .licences-table td {
        padding: 0 10px;
        vertical-align: middle; }
      .modal--licenses .modal__box .licences-table td {
        height: 96px;
        word-break: break-word; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .modal--licenses .modal__box .licences-table td {
            word-wrap: break-word; } }
        @media (min-width: 576px) and (max-width: 991.98px) {
          .modal--licenses .modal__box .licences-table td:nth-child(1), .modal--licenses .modal__box .licences-table td:nth-child(2) {
            width: 25%; } }
        @media (max-width: 767.98px) {
          .modal--licenses .modal__box .licences-table td:nth-child(1), .modal--licenses .modal__box .licences-table td:nth-child(2) {
            width: 50%; } }
        @media (max-width: 767.98px) {
          .modal--licenses .modal__box .licences-table td:nth-child(2) {
            text-align: right;
            display: block; } }
      .modal--licenses .modal__box .licences-table input {
        max-width: 296px;
        background: #fbfbfc; }
      .modal--licenses .modal__box .licences-table tr:hover td {
        background: #fbfbfc; }
      .modal--licenses .modal__box .licences-table .close-message {
        vertical-align: middle; }
      .modal--licenses .modal__box .licences-table__action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
           -moz-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        .modal--licenses .modal__box .licences-table__action .btn-round {
          margin-left: 10px; }
          .modal--licenses .modal__box .licences-table__action .btn-round.enabled:hover {
            background: #fff; }
            .modal--licenses .modal__box .licences-table__action .btn-round.enabled:hover svg path {
              stroke: #eb184b; }
      @media (max-width: 991.98px) {
        .modal--licenses .modal__box .licences-table .licences-table__header {
          display: none; }
        .modal--licenses .modal__box .licences-table tr:not(.hidden) {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          padding: 20px 0; }
        .modal--licenses .modal__box .licences-table tr.editable-field:not(.hidden) {
          border-top: 1px solid #dcdcde;
          padding-top: 60px; }
        .modal--licenses .modal__box .licences-table tr.editable-field:not(.hidden) ~ tr.editable-field:not(.hidden) {
          padding-top: 20px;
          border-top: none; }
        .modal--licenses .modal__box .licences-table td {
          padding-top: 20px;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
             -moz-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: auto; }
        .modal--licenses .modal__box .licences-table td:last-child {
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
             -moz-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
      @media (min-width: 768px) and (max-width: 1199.98px) {
        .modal--licenses .modal__box .licences-table .btn,
        .modal--licenses .modal__box .licences-table .licences-table__action {
          min-width: 146px; } }
      @media (max-width: 991.98px) {
        .modal--licenses .modal__box .licences-table .btn,
        .modal--licenses .modal__box .licences-table .licences-table__action {
          min-width: 96px; } }
      .modal--licenses .modal__box .licences-table .editable-field.saving .loading {
        display: inline;
        margin-right: 1em;
        width: 2em;
        height: 2em; }
  .modal .container.see-example-slider {
    /* subscription page styling modal */ }
    .modal .container.see-example-slider.compare_slider {
      display: block;
      position: relative; }
      .modal .container.see-example-slider.compare_slider .slider img {
        max-width: 90%; }
    .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) {
      display: block;
      position: relative;
      max-width: 85%;
      padding: 20px 0 0; }
      @media (max-width: 991.98px) {
        .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) {
          max-width: 100%; } }
      .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) .container.version-select {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        padding: 0 16px;
        padding-top: 30px;
        text-align: center; }
        .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) .container.version-select .btn {
          -webkit-transition: all 0.1s ease-in;
          -o-transition: all 0.1s ease-in;
          -moz-transition: all 0.1s ease-in;
          transition: all 0.1s ease-in; }
      .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) .container__parent-wrapper {
        display: block;
        overflow-x: hidden;
        padding-bottom: 0; }
      .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) .container .row .col-lg-12.mx-auto {
        position: relative;
        margin: 0 auto;
        display: none;
        opacity: 0;
        z-index: -1;
        -webkit-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out; }
        .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) .container .row .col-lg-12.mx-auto.active {
          display: block;
          opacity: 1;
          z-index: 2050; }
        .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) .container .row .col-lg-12.mx-auto > .product-item__badge {
          font-size: 9px;
          opacity: 1;
          z-index: 10; }
        .modal .container.see-example-slider .modal__box:not(.payment-intent-modal) .container .row .col-lg-12.mx-auto .tns-controls > button {
          overflow: hidden; }
    .modal .container.see-example-slider.subscription-slider .modal__box {
      padding: 20px 0; }
    .modal .container.see-example-slider.subscription-slider .container__parent-wrapper {
      padding-top: 0; }
    .modal .container.see-example-slider.subscription-slider .container.version-select {
      margin-bottom: 30px;
      font-size: 0; }
      .modal .container.see-example-slider.subscription-slider .container.version-select::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
        height: 1px;
        margin: 0 auto;
        background: #EAEAEA; }
        @media (max-width: 767.98px) {
          .modal .container.see-example-slider.subscription-slider .container.version-select::after {
            max-width: -moz-calc(100% - 44px);
            max-width: calc(100% - 44px); } }
      .modal .container.see-example-slider.subscription-slider .container.version-select .btn {
        background: none;
        color: #000;
        border-radius: 0;
        border-bottom: 2px solid #EAEAEA;
        margin-bottom: 30px; }
        @media (max-width: 767.98px) {
          .modal .container.see-example-slider.subscription-slider .container.version-select .btn {
            padding: 5px 16px; } }
        .modal .container.see-example-slider.subscription-slider .container.version-select .btn:hover, .modal .container.see-example-slider.subscription-slider .container.version-select .btn.active {
          padding-bottom: 3px;
          color: #41B770;
          border-bottom: 4px solid #41B770; }
    .modal .container.see-example-slider.subscription-slider .container .common-slider-container {
      -webkit-box-shadow: none;
              box-shadow: none;
      border: 1px solid #EAEAEA; }
    .modal .container.see-example-slider.subscription-slider .container .tns-nav button {
      background: #EAEAEA;
      border: none; }
      .modal .container.see-example-slider.subscription-slider .container .tns-nav button.tns-nav-active {
        background: #41B770; }
    .modal .container.see-example-slider.subscription-slider .container .row .slider__bottom--button-container {
      display: block;
      width: 100%;
      margin: 0;
      text-align: center; }
  .modal[data-check-login-modal] {
    z-index: 2150 !important; }
    .modal[data-check-login-modal] .user__anon, .modal[data-check-login-modal] .user__auth {
      display: none;
      width: 100%;
      text-align: center; }
      .modal[data-check-login-modal] .user__anon .btn, .modal[data-check-login-modal] .user__auth .btn {
        color: #FFFFFF; }
      .modal[data-check-login-modal] .user__anon h3, .modal[data-check-login-modal] .user__auth h3 {
        font-size: 2rem; }

.js-open-modal {
  cursor: pointer; }

.form-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  padding: 0 16px 0 16px;
  background-color: #fff;
  border: 1px solid #dcdcde;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 100%;
  border-radius: 0; }
  .form-control:active, .form-control:focus {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    outline: 0;
    background-color: #fff; }
    .form-control:active option:hover, .form-control:focus option:hover {
      background-color: #0078D7; }
  .form-control.input-language::-ms-value {
    background-color: rgba(255, 255, 255, 0);
    color: #000; }
  .form-control.input-language:hover option {
    background-color: #fff;
    color: #000; }
  .form-control.input-language option {
    background-color: #fff; }
    .form-control.input-language option::-ms-value {
      background-color: #fff;
      color: #000; }
    .form-control.input-language option:hover {
      background-color: #0078D7;
      color: #fff; }
  .form-control[disabled] {
    border-color: #ededee;
    background: #f3f3f4;
    pointer-events: none; }
  .form-control.has-error {
    border-color: #eb184b; }

.input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .input-group * + * {
    margin-left: 20px; }
  @media (max-width: 767.98px) {
    .input-group {
      display: block; }
      .input-group * + * {
        margin-top: 10px;
        margin-left: 0; } }

input[type='checkbox'] {
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px; }

textarea.form-control {
  height: auto;
  resize: vertical; }

select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 38px 0 16px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23B9B9BD%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  -o-background-size: 16px auto;
     background-size: 16px auto;
  background-position: -moz-calc(100% - 20px) center;
  background-position: calc(100% - 20px) center; }

option {
  height: 56px;
  padding: 16px; }

.custom-switch {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0;
  cursor: pointer; }
  .custom-switch input {
    display: none; }
    .custom-switch input:checked + .custom-switch__slider {
      border-color: #41b770; }
      .custom-switch input:checked + .custom-switch__slider:before {
        left: -moz-calc(100% - 18px);
        left: calc(100% - 18px);
        background: #41b770; }
  .custom-switch__slider {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 4px;
    width: 40px;
    height: 24px;
    border: 1px solid #b1b1b2;
    border-radius: 24px;
    margin-right: 10px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .custom-switch__slider:before {
      content: '';
      display: block;
      position: absolute;
      left: 6px;
      width: 12px;
      height: 12px;
      top: -moz-calc(50% - 6px);
      top: calc(50% - 6px);
      background: #b1b1b2;
      border-radius: 50%;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .custom-switch p ~ span {
    margin-left: 10px; }
  .custom-switch[data-autorenew-feature='disable-feature'] {
    pointer-events: none; }
    .custom-switch[data-autorenew-feature='disable-feature'] input:checked + .custom-switch__slider {
      border-color: #b1b1b2; }
      .custom-switch[data-autorenew-feature='disable-feature'] input:checked + .custom-switch__slider:before {
        background: #b1b1b2; }

/*.loader-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0,0,0,.2);

    .loader-layer .loader-layer-center {
        display: block;
        width: 84px;
        margin: 0 auto;
        position: relative;
        top: 47%;
    }
}

.loader {
    border: 5px solid transparent;
    border-radius: 50%;
    border-top: 5px solid #4d984f;
    border-left: 5px solid #4d984f;
    border-right: 5px solid #4d984f;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}*/
select::-ms-expand {
  display: none; }

.form-group {
  margin-bottom: 40px;
  position: relative; }
  @media (max-width: 991.98px) {
    .form-group {
      margin-bottom: 20px; } }

.validation-message {
  width: 100%;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 1025px) {
    .validation-message {
      position: absolute;
      left: -moz-calc(100% + 50px);
      left: calc(100% + 50px);
      bottom: 0; } }
  @media (min-width: 990px) and (max-width: 1200px) {
    .validation-message-status {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1025px) and (max-width: 1220px) {
    .validation-message-status span {
      max-width: 45%; } }
  .validation-message img {
    margin-right: 20px; }

.control-label {
  color: #84848a;
  display: block;
  margin-bottom: 0; }

.req:after {
  content: ' *';
  font-weight: normal;
  color: #c14728; }

.validation {
  font-size: 14px; }

.validation--success {
  color: #41b770; }

.validation--error {
  color: #c14728; }

.form-note {
  font-size: 12px;
  color: #84848a; }

.form-error {
  padding: 15px;
  background: #fde8ed;
  color: #eb184b;
  font-size: 14px;
  text-align: center;
  width: 100%;
  margin-bottom: 40px; }

@media (min-width: 992px) {
  .form-group--activation {
    width: -moz-calc(100% / 9 * 6);
    width: calc(100% / 9 * 6); } }

.activation-licence-box {
  padding: 30px 16px;
  background: #41b770;
  color: #fff; }
  @media (min-width: 992px) {
    .activation-licence-box {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 83.33333%;
              flex: 0 0 83.33333%;
      max-width: 83.33333%;
      margin-left: auto;
      margin-right: auto;
      padding: 64px 10%; } }
  .activation-licence-box h1 {
    color: #fff; }
  .activation-licence-box .form-control {
    background: #f3f3f4; }
  .activation-licence-box .input-group {
    position: relative; }
    @media (max-width: 1199.98px) {
      .activation-licence-box .input-group {
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px); } }
    .activation-licence-box .input-group * + * {
      margin: 0;
      margin-left: 10px; }
    .activation-licence-box .input-group a {
      position: absolute;
      left: -moz-calc(100% + 10px);
      left: calc(100% + 10px);
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }

.custom-checkbox {
  display: block;
  position: relative; }
  .custom-checkbox label {
    display: inline; }
  .custom-checkbox input {
    background-color: #fff;
    border: 1px solid #b9b9bd;
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 0;
    cursor: pointer;
    margin-right: 10px;
    -o-background-size: 0 0;
       background-size: 0 0;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.08 1.69983L4.294 7.23183L1 3.93783' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    /* Safari only */ }
    .custom-checkbox input:checked {
      background-color: #41b770;
      border-color: #41b770;
      -o-background-size: 60% 60%;
         background-size: 60% 60%; }
    @media not all and (min-resolution: 0.001dpcm) {
      @supports (-webkit-appearance: none) {
        .custom-checkbox input {
          -o-background-size: 60%;
             background-size: 60%; } } }

.input__cover--enabled {
  display: block;
  position: absolute;
  bottom: 0;
  left: 8px;
  width: -moz-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 56px;
  background: rgba(0, 0, 0, 0);
  cursor: text; }

.input-personal-information:not([disabled]),
.input-login-information:not([disabled]) {
  background: #fff; }

.header--home {
  color: #282832;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/new-gray-bkg.svg") no-repeat center bottom/cover; }
  .header--home a:not(.btn) {
    color: #282832; }
  .header--home .container {
    display: -ms-grid;
    display: grid;
        grid-template-areas: 'home-title  . home-image' 'home-cta . home-image' 'home-rating . home-image';
    -ms-grid-columns: 4fr 1fr 7fr;
    grid-template-columns: 4fr 1fr 7fr; }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .header--home .container .header-rating {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    @media (max-width: 1199.98px) {
      .header--home .container {
            grid-template-areas: 'home-title  home-title' 'home-cta home-cta' 'home-rating home-image';
        -ms-grid-columns: 2fr 4fr;
        grid-template-columns: 2fr 4fr; } }
    @media (max-width: 767.98px) {
      .header--home .container {
            grid-template-areas: 'home-title' 'home-cta' 'home-image' 'home-rating';
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: (auto)[4];
        grid-template-rows: repeat(4, auto); } }
  .header--home .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: home-title; }
  .header--home .header__cta {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: home-cta;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .header--home .header__cta .btn {
      min-width: 185px; }
      .header--home .header__cta .btn + .btn {
        margin-left: 16px; }
    @media (max-width: 1199.98px) {
      .header--home .header__cta {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media (max-width: 767.98px) {
      .header--home .header__cta {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .header--home .header__cta .btn {
          width: -moz-calc(50% - 8px);
          width: calc(50% - 8px);
          min-width: 0; } }
    .header--home .header__cta .transparent-main-btn {
      padding: 24px 16px 22px 16px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
        -o-transform: translateY(0);
           transform: translateY(0);
      -webkit-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      margin-left: 16px;
      min-width: 185px;
      font-size: 16px;
      line-height: 16px;
      font-family: 'Open Sans',Arial,sans-serif;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      vertical-align: top;
      cursor: pointer;
      display: inline-block;
      border-radius: 3px;
      margin-bottom: 10px; }
      @media (min-width: 1200px) {
        .header--home .header__cta .transparent-main-btn {
          margin-right: -88px; } }
      .header--home .header__cta .transparent-main-btn:hover, .header--home .header__cta .transparent-main-btn:active {
        background: #349159;
        color: #fff;
        text-decoration: none; }
  .header--home .header__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-area: home-image;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    @media (min-width: 1200px) {
      .header--home .header__image {
        margin-left: 20px; } }
    .header--home .header__image img {
      width: 100%;
      max-width: 100%; }
  .header--home .header-rating {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: home-rating; }
  @media (max-width: 1199.98px){
      .header--home .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--home .header__cta {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--home .header__image {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2; }
      .header--home .header-rating {
    -ms-grid-row: 3;
    -ms-grid-column: 1; } }
  @media (max-width: 767.98px){
      .header--home .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--home .header__cta {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--home .header__image {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
      .header--home .header-rating {
    -ms-grid-row: 4;
    -ms-grid-column: 1; } }

.section-standout {
  margin-bottom: 110px;
  display: -ms-grid;
  display: grid;
      grid-template-areas: 'main-image . text' 'main-image . sec-image';
  -ms-grid-columns: 6fr 1fr 5fr;
  grid-template-columns: 6fr 1fr 5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto; }
  .section-standout > div {
    position: relative;
    max-width: 100%;
    min-height: 1px; }
  .section-standout__text {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: text;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .section-standout__main-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: main-image; }
  .section-standout__sec-image {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: sec-image;
    -webkit-align-content: end;
        -ms-flex-line-pack: end;
            align-content: end;
    white-space: nowrap;
    -ms-grid-column-align: end;
        justify-self: end;
    -ms-grid-column: sec-image;
        grid-column-start: sec-image;
    -ms-grid-column-span: NaN;
    grid-column-end: sec-image;
    width: 100%; }
    .section-standout__sec-image img {
      border: 1px solid #ededee;
      display: block;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      top: 50%; }
    .section-standout__sec-image img:first-child {
      width: 72%;
      position: absolute;
      left: -43%;
      /*top: 13%;*/ }
    .section-standout__sec-image img:last-child {
      width: 59%;
      position: absolute;
      left: 34.5%;
      /*top: 20%;*/ }
  @media (max-width: 1199.98px) {
    .section-standout__sec-image {
      justify-self: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
         -moz-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      .section-standout__sec-image img {
        max-height: 135px;
        width: auto;
        position: inherit;
        left: inherit;
        /*top: inherit;*/ } }
  @media (max-width: 767.98px) {
    .section-standout {
      overflow: visible;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .section-standout__main-image img:first-child {
        width: -moz-calc(100% + 44px);
        width: calc(100% + 44px);
        margin-left: -22px;
        max-width: none; }
      .section-standout__sec-image img:first-child {
        display: none; }
      .section-standout__sec-image img:last-child {
        width: auto;
        margin-top: -40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%); } }

.section-choose .cta-links .btn {
  height: inherit; }

@media (max-width: 1199.98px) {
  .section-choose .content-image {
    width: 288px;
    height: 157px; } }

.section-building {
  background: #fff url("https://img.officetimeline.com/website/Content/website/common/background/rectangle-gray-bkg.svg") no-repeat 50% -moz-calc(100% - 70px)/cover;
  background: #fff url("https://img.officetimeline.com/website/Content/website/common/background/rectangle-gray-bkg.svg") no-repeat 50% calc(100% - 70px)/cover;
  color: #282832;
  padding-bottom: 10px;
  margin-bottom: 80px; }
  @media (max-width: 1199.98px) {
    .section-building {
      margin-bottom: 60px; } }
  @media (max-width: 767.98px) {
    .section-building {
      margin-bottom: 40px; } }
  .section-building__nav ul {
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .section-building__nav ul li {
      margin: 0 16px 16px 16px;
      display: inline-block; }
      @media (max-width: 991.98px) {
        .section-building__nav ul li {
          margin: 0 8px 8px 8px; } }
    .section-building__nav ul a {
      border: 1px solid #96969C;
      border-radius: 3px;
      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .section-building__nav ul a:hover {
        background: #fff; }
        .section-building__nav ul a:hover path,
        .section-building__nav ul a:hover svg,
        .section-building__nav ul a:hover stroke {
          fill: #96969C; }
  .section-building__nav .popover {
    background: #FFF992; }
    .section-building__nav .popover-body {
      padding: 3px 10px;
      font-size: 13px; }
    .section-building__nav .popover.bs-popover-top .arrow:after, .section-building__nav .popover.bs-popover-auto[x-placement^="top"] .arrow:after {
      bottom: 3px;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #FFF992; }
    .section-building__nav .popover.bs-popover-left .arrow:after, .section-building__nav .popover.bs-popover-auto[x-placement^="left"] .arrow:after {
      right: 3px;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #FFF992; }
    .section-building__nav .popover.bs-popover-bottom .arrow:after, .section-building__nav .popover.bs-popover-auto[x-placement^="bottom"] .arrow:after {
      top: 3px;
      border-width: 0 0.4rem 0.4rem 0.4rem;
      border-bottom-color: #FFF992; }
    .section-building__nav .popover.bs-popover-right .arrow:after, .section-building__nav .popover.bs-popover-auto[x-placement^="right"] .arrow:after {
      left: 12px;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #FFF992; }
  @media (min-width: 768px) {
    .section-building__slider {
      position: relative;
      width: 100%;
      padding-right: 8px;
      padding-left: 8px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 66.66667%;
              flex: 0 0 66.66667%;
      max-width: 66.66667%;
      margin-left: auto;
      margin-right: auto; } }
  .section-building__slider .carousel {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.169639);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.169639); }
  .section-building__slider img {
    width: 100%;
    display: block; }

.section-simple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .section-simple__box:not(:last-child) {
    margin-bottom: 40px; }
  .section-simple__image {
    height: 300px;
    margin-bottom: 40px; }
    @media (max-width: 991.98px) {
      .section-simple__image {
        height: 155px; } }
    @media (max-width: 767.98px) {
      .section-simple__image {
        height: auto; } }
  .section-simple__text {
    margin-bottom: 40px; }
    .section-simple__text p:last-child {
      margin-bottom: 0; }
  @media (max-width: 767.98px) {
    .section-simple__cta {
      text-align: center; } }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .section-simple .btn {
      height: auto; } }

.section-choose {
  padding-top: 130px;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/gray-triangle.svg") no-repeat top center/cover; }
  .section-choose img {
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 220px; }
  @media (min-width: 992px) {
    .section-choose .section__title {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 66.66667%;
              flex: 0 0 66.66667%;
      max-width: 66.66667%; } }
  .section-choose .col-lg-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.header--addin {
  color: #1e1e26;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/gray-white.svg") no-repeat center top/cover; }
  .header--addin a:not(.btn) {
    color: #1e1e26; }
  .header--addin .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 5fr 1fr 6fr;
    grid-template-columns: 5fr 1fr 6fr;
    -ms-grid-rows: (auto)[4];
    grid-template-rows: repeat(4, auto);
        grid-template-areas: 'addin-title . addin-image' 'addin-text . addin-image' 'addin-cta . addin-image' 'addin-rating . addin-image'; }
    @media (max-width: 1199.98px) {
      .header--addin .container {
        -ms-grid-columns: 2fr 4fr;
        grid-template-columns: 2fr 4fr;
        -ms-grid-rows: (auto)[4];
        grid-template-rows: repeat(4, auto);
            grid-template-areas: 'addin-title  addin-title' 'addin-text    addin-text' 'addin-cta    addin-cta' 'addin-rating addin-image'; } }
    @media (max-width: 767.98px) {
      .header--addin .container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: (auto)[5];
        grid-template-rows: repeat(5, auto);
            grid-template-areas: 'addin-title' 'addin-text' 'addin-cta' 'addin-image' 'addin-rating'; } }
  .header--addin h1 {
    color: #282832; }
  .header--addin .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: addin-title; }
  .header--addin .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: addin-text; }
  .header--addin .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: addin-cta;
    padding-bottom: 24px; }
  .header--addin .header__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 3;
    grid-area: addin-image;
    -ms-grid-row-align: center;
        align-self: center; }
    .header--addin .header__image p:not(.product-item__badge) {
      width: 100%;
      position: relative; }
      .header--addin .header__image p:not(.product-item__badge):first-child {
        width: 88px;
        margin-bottom: 38px; }
        .header--addin .header__image p:not(.product-item__badge):first-child img {
          width: 68px;
          height: 66px; }
    .header--addin .header__image > .js-open-modal {
      position: relative;
      max-width: 100%;
      cursor: pointer; }
    @media (min-width: 576px) and (max-width: 1199.98px) {
      .header--addin .header__image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
        .header--addin .header__image p:first-child {
          padding-right: 32px; } }
    @media (max-width: 767.98px) {
      .header--addin .header__image p:first-child {
        display: none; } }
  .header--addin .header-rating {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: addin-rating;
    padding-right: 0; }
  @media (max-width: 1199.98px){
      .header--addin .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--addin .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--addin .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--addin .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2; }
      .header--addin .header-rating {
    -ms-grid-row: 4;
    -ms-grid-column: 1; } }
  @media (max-width: 767.98px){
      .header--addin .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--addin .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--addin .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--addin .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
      .header--addin .header-rating {
    -ms-grid-row: 5;
    -ms-grid-column: 1; } }

.section-userfriendly {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 1fr 5fr 1fr;
  grid-template-columns: 5fr 1fr 5fr 1fr;
      grid-template-areas: 'image . title .' 'image . txt .' 'image . cta .'; }
  .section-userfriendly__title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title;
    max-width: 100%;
    text-align: left;
    -ms-grid-row-align: center;
        align-self: center; }
  .modal__box--upgrade .modal__prod.modal__prod--basic > .section-userfriendly__title, .modal__box--upgrade .modal__prod.modal__prod--pro > .section-userfriendly__title, .modal__box--upgrade .modal__prod.modal__prod--pro_plus > .section-userfriendly__title, .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro > .section-userfriendly__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .section-userfriendly > .section-userfriendly__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .section-buildfaster > .section-userfriendly__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1; }
  .section-produces > .section-userfriendly__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1; }
  .section-userfriendly__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: txt; }
  .section-buildfaster > .section-userfriendly__text {
  -ms-grid-row: 2;
  -ms-grid-column: 3; }
  .section-produces > .section-userfriendly__text {
  -ms-grid-row: 2;
  -ms-grid-column: 1; }
  .section-userfriendly__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: cta; }
  .section-produces > .section-userfriendly__cta {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }
  .section-userfriendly__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    grid-area: image;
    position: relative;
    padding-bottom: 10%; }
  .modal__box--upgrade .modal__prod.modal__prod--basic > .section-userfriendly__image, .modal__box--upgrade .modal__prod.modal__prod--pro > .section-userfriendly__image, .modal__box--upgrade .modal__prod.modal__prod--pro_plus > .section-userfriendly__image, .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro > .section-userfriendly__image {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1; }
  .section-userfriendly > .section-userfriendly__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1; }
  .section-buildfaster > .section-userfriendly__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1; }
  .section-produces > .section-userfriendly__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3; }
    .section-userfriendly__image > img {
      position: absolute;
      top: 0;
      left: 0; }
    .section-userfriendly__image p:first-child {
      margin-bottom: 48px; }
  .section-userfriendly .round-image {
    width: 40%;
    z-index: 3;
    display: block;
    position: relative;
    margin-top: -28%;
    margin-left: 68%; }
  @media (max-width: 1199.98px) {
    .section-userfriendly {
      margin-bottom: 120px;
      -ms-grid-columns: 5fr 2fr 5fr;
      grid-template-columns: 5fr 2fr 5fr;
          grid-template-areas: 'title  title   title' 'image   .    txt' 'image   .    cta'; }
    .section-userfriendly > .modal__prod--img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1; }
    .section-userfriendly > .modal__prod--title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-userfriendly > .section-userfriendly__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-userfriendly__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3; }
    .section-userfriendly__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
    .section-userfriendly > .section-userfriendly__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1; } }
  @media (max-width: 767.98px) {
    .section-userfriendly {
      display: block; }
      .section-userfriendly__image {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        bottom: auto;
        right: auto;
        max-width: 70%;
        margin-bottom: 80px; }
        .section-userfriendly__image img {
          display: block;
          width: 100%; } }

.section--manage {
  padding-top: 110px;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/gray-oblique-line.svg") no-repeat top center/cover; }

.section-manage__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px; }
  .section-manage__text > div:first-child {
    width: -moz-calc(50% - 8px);
    width: calc(50% - 8px);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .section-manage__text > div:last-child {
    width: -moz-calc(41.66666666666667% - 8px);
    width: calc(41.66666666666667% - 8px);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  @media (max-width: 767.98px) {
    .section-manage__text {
      display: block; }
      .section-manage__text > div:first-child,
      .section-manage__text > div:last-child {
        width: 100%;
        margin-bottom: 40px; } }

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

.presentation-step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  padding-right: 20px; }
  .presentation-step__counter {
    color: #282832; }
  .presentation-step__image {
    margin-bottom: 54px;
    border-bottom: 1px solid #dcdcde;
    height: 333px;
    padding-bottom: 30px; }
    @media (max-width: 1199.98px) {
      .presentation-step__image {
        height: 220px; } }
    @media (max-width: 991.98px) {
      .presentation-step__image {
        height: 130px; } }
    @media (max-width: 767.98px) {
      .presentation-step__image {
        height: auto; } }
  @media (max-width: 991.98px) {
    .presentation-step {
      margin-bottom: 68px;
      display: block; }
      .presentation-step__image {
        padding-bottom: 32px;
        margin-bottom: 32px;
        border: none; } }

.section-anybody {
  margin-bottom: 0;
  color: #fff;
  padding-top: 110px; }
  .section-anybody h1 img {
    margin-bottom: 50px; }
  .section-anybody__icon {
    min-height: 90px;
    max-height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .section-anybody__icon span {
      font-size: 32px;
      font-weight: 800;
      letter-spacing: 8px;
      margin-left: 28px;
      color: #50505A; }
      @media (max-width: 1199.98px) {
        .section-anybody__icon span {
          margin-left: 0; } }
  .section-anybody p:last-of-type {
    margin-top: 42px; }
  .section-anybody [class*='col-'] {
    padding-left: 16px;
    padding-right: 16px; }
  @media (max-width: 1199.98px) {
    .section-anybody h1 img {
      width: 95px; } }
  @media (max-width: 991.98px) {
    .section-anybody .section__title {
      text-align: center; }
    .section-anybody h1 img {
      width: 80px; }
    .section-anybody__icon {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.header--addin-plus {
  color: #282832;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/new-gray-bkg.svg") no-repeat center bottom/cover; }
  .header--addin-plus a:not(.btn) {
    color: #282832; }
  .header--addin-plus .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 1fr 7fr;
    grid-template-columns: 4fr 1fr 7fr;
    -ms-grid-rows: (auto)[4];
    grid-template-rows: repeat(4, auto);
        grid-template-areas: 'addin-plus-title . addin-plus-image' 'addin-plus-text . addin-plus-image' 'addin-plus-cta . addin-plus-image' 'addin-plus-rating . addin-plus-image'; }
    .header--addin-plus .container__pro-page {
      -ms-grid-columns: 5fr 30px 7fr;
      grid-template-columns: 5fr 30px 7fr; }
    @media (max-width: 1199.98px) {
      .header--addin-plus .container {
        -ms-grid-columns: 2fr 4fr;
        grid-template-columns: 2fr 4fr;
        -ms-grid-rows: (auto)[4];
        grid-template-rows: repeat(4, auto);
            grid-template-areas: 'addin-plus-title  addin-plus-title' 'addin-plus-text    addin-plus-text' 'addin-plus-cta    addin-plus-image' 'addin-plus-rating addin-plus-image'; } }
    @media (max-width: 767.98px) {
      .header--addin-plus .container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: (auto)[5];
        grid-template-rows: repeat(5, auto);
            grid-template-areas: 'addin-plus-title' 'addin-plus-text' 'addin-plus-cta' 'addin-plus-image' 'addin-plus-rating'; } }
  @media (max-width: 1199.98px) {
    .header--addin-plus__pm-trial.custom__header--align-right .container {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: (auto)[5];
      grid-template-rows: repeat(5, auto);
          grid-template-areas: 'addin-plus-title' 'addin-plus-text' 'addin-plus-cta' 'addin-plus-image' 'addin-plus-rating';
      padding-right: 32px; }
      .header--addin-plus__pm-trial.custom__header--align-right .container .header__image {
        padding-left: 0; }
      .header--addin-plus__pm-trial.custom__header--align-right .container .header__cta {
        padding-right: 0; } }
  .header--addin-plus__pm-trial.custom__header--align-right .container .header__cta .enrolment-confirmation > span {
    display: inline;
    color: #fff; }
  .header--addin-plus .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: addin-plus-title; }
  .header--addin-plus .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: addin-plus-text; }
  .header--addin-plus .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: addin-plus-cta;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media (min-width: 992px) {
      .header--addin-plus .header__cta .btn:not(:only-of-type) {
        max-width: -moz-calc(50% - 10px);
        max-width: calc(50% - 10px); } }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .header--addin-plus .header__cta .btn:not(:only-of-type) {
        max-width: inherit;
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px); } }
    @media (max-width: 991.98px) {
      .header--addin-plus .header__cta .btn:first-child {
        margin-right: 0px; } }
    .header--addin-plus .header__cta span {
      display: block;
      color: #daa107; }
    @media (max-width: 767.98px) {
      .header--addin-plus .header__cta {
        text-align: center;
        display: block; }
        .header--addin-plus .header__cta span {
          margin-top: 30px;
          padding-left: 0; } }
    .header--addin-plus .header__cta .transparent-main-btn {
      padding: 24px 16px 22px 16px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
        -o-transform: translateY(0);
           transform: translateY(0);
      -webkit-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      min-width: 185px;
      font-size: 16px;
      line-height: 16px;
      font-family: 'Open Sans',Arial,sans-serif;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      vertical-align: top;
      cursor: pointer;
      display: inline-block;
      border-radius: 2px;
      margin-bottom: 10px; }
      @media (max-width: 1199.98px) {
        .header--addin-plus .header__cta .transparent-main-btn {
          margin-left: 0px; } }
      @media (max-width: 767.98px) {
        .header--addin-plus .header__cta .transparent-main-btn {
          margin-left: 16px; } }
      @media (max-width: 575.98px) {
        .header--addin-plus .header__cta .transparent-main-btn {
          margin-left: 0px; } }
      .header--addin-plus .header__cta .transparent-main-btn:hover, .header--addin-plus .header__cta .transparent-main-btn:active, .header--addin-plus .header__cta .transparent-main-btn:focus {
        background: #97371f;
        color: #fff;
        text-decoration: none; }
    .header--addin-plus .header__cta .btn--big__buy {
      min-height: 64px;
      height: 1px; }
    .header--addin-plus .header__cta .yellow__text--price {
      margin-left: 0;
      padding: 16px 0;
      vertical-align: middle;
      min-height: 64px;
      -webkit-align-self: baseline;
          -ms-flex-item-align: baseline;
              align-self: baseline; }
      @media (max-width: 1199.98px) {
        .header--addin-plus .header__cta .yellow__text--price {
          margin-left: 0; } }
      @media (max-width: 767.98px) {
        .header--addin-plus .header__cta .yellow__text--price {
          padding: 0;
          min-height: 0;
          margin-top: 16px; } }
    .header--addin-plus .header__cta .buy_now_container + .video-open {
      margin-right: 1rem; }
      @media (max-width: 767.98px) {
        .header--addin-plus .header__cta .buy_now_container + .video-open {
          margin-left: 1rem; } }
  .header--addin-plus .header__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 3;
    grid-area: addin-plus-image;
    -ms-grid-row-align: center;
        align-self: center; }
    .header--addin-plus .header__image--pro {
      padding-left: 0; }
      @media (max-width: 991.98px) {
        .header--addin-plus .header__image--pro {
          padding-left: 20px; } }
      @media (max-width: 767.98px) {
        .header--addin-plus .header__image--pro {
          padding-left: 0; } }
    .header--addin-plus .header__image .image-area {
      -ms-grid-row: 1;
      -ms-grid-row-span: 5;
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-area: image-area;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      -ms-grid-column-align: center;
      -ms-grid-row-align: center;
      position: relative;
      width: 100%; }
      .header--addin-plus .header__image .image-area > img, .header--addin-plus .header__image .image-area > p img, .header--addin-plus .header__image .image-area .play-video--green img {
        width: 100%; }
      .header--addin-plus .header__image .image-area .slider-carousel-container .row__banner.open-modal {
        z-index: auto; }
  .header--addin-plus .header-rating {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: addin-plus-rating;
    padding-right: 0; }
  @media (max-width: 1199.98px){
      .header--addin-plus .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
    .header--addin-plus__pm-trial.custom__header--align-right .container > .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--addin-plus .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
    .header--addin-plus__pm-trial.custom__header--align-right .container > .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--addin-plus .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
    .header--addin-plus__pm-trial.custom__header--align-right .container > .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
      .header--addin-plus .header__image {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2; }
    .header--addin-plus__pm-trial.custom__header--align-right .container > .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
      .header--addin-plus .header-rating {
    -ms-grid-row: 4;
    -ms-grid-column: 1; }
    .header--addin-plus__pm-trial.custom__header--align-right .container > .header-rating {
    -ms-grid-row: 5;
    -ms-grid-column: 1; } }
  @media (max-width: 767.98px){
      .header--addin-plus .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--addin-plus .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--addin-plus .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
      .header--addin-plus .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
      .header--addin-plus .header-rating {
    -ms-grid-row: 5;
    -ms-grid-column: 1; } }

.section--save {
  background: url("https://img.officetimeline.com/website/Content/website/common/background/gray-triangle.svg") no-repeat top center/cover;
  padding-top: 210px;
  padding-bottom: 0; }
  .section--save .contentbox {
    margin-bottom: 80px; }

.save-tabs__nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767.98px) {
    .save-tabs__nav {
      margin-left: -16px;
      margin-right: -16px; } }
  .save-tabs__nav li {
    padding: 0;
    width: 50%;
    margin: 0 8px; }
    .save-tabs__nav li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 1px;
      min-height: 100px;
      padding: 16px;
      color: #1e1e26;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border-top: 4px solid transparent; }
      @media (max-width: 991.98px) {
        .save-tabs__nav li a {
          min-height: 100px; }
          .save-tabs__nav li a img {
            height: 56px; } }
      @media (max-width: 767.98px) {
        .save-tabs__nav li a {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          min-height: 160px; }
          .save-tabs__nav li a img {
            margin-right: 0;
            margin-bottom: 16px;
            height: 48px; } }
      .save-tabs__nav li a span {
        line-height: 1.5;
        color: #282832;
        font-weight: 700; }
        .save-tabs__nav li a span.show-on-large-only + span {
          display: inline; }
          @media (max-width: 1199.98px) {
            .save-tabs__nav li a span.show-on-large-only + span {
              display: block; } }
      .save-tabs__nav li a:hover {
        background: rgba(255, 255, 255, 0.5); }
      @media (max-width: 1199.98px) {
        .save-tabs__nav li a .show-on-large-only {
          display: none; } }
    .save-tabs__nav li img {
      height: 60px;
      width: auto;
      margin-right: 32px;
      display: none; }
      @media (max-width: 991.98px) {
        .save-tabs__nav li img {
          margin-right: 16px; } }
    .save-tabs__nav li.active a {
      background: #fff; }

.save-tabs__content {
  background: #fff;
  padding-top: 64px;
  padding-bottom: 32px; }
  .save-tabs__content .container .image__overlap {
    display: block;
    position: relative;
    margin: 0 auto 20px; }
    .save-tabs__content .container .image__overlap > img {
      width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
      position: relative;
      -webkit-box-shadow: 0 0 12px 0 rgba(40, 40, 50, 0.2);
      box-shadow: 0 0 12px 0 rgba(40, 40, 50, 0.2); }
    .save-tabs__content .container .image__overlap .top {
      margin-bottom: -10%; }
    .save-tabs__content .container .image__overlap .top, .save-tabs__content .container .image__overlap .bottom {
      max-width: 60%; }
    .save-tabs__content .container .image__overlap .middle {
      max-width: 80%;
      margin-bottom: -10%; }
  @media (max-width: 991.98px) {
    .save-tabs__content .container .tab__right-text {
      padding-left: 0;
      text-align: center; } }

.save-tabs__column, .save-tabs__column.image-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .save-tabs__column, .save-tabs__column.image-column {
      display: block; } }
  .save-tabs__column p.img__container, .save-tabs__column.image-column p.img__container {
    height: 400px; }
    @media (max-width: 1199.98px) {
      .save-tabs__column p.img__container, .save-tabs__column.image-column p.img__container {
        height: 330px; } }
    @media (max-width: 991.98px) {
      .save-tabs__column p.img__container, .save-tabs__column.image-column p.img__container {
        height: 350px;
        max-height: 350px; } }
    .save-tabs__column p.img__container > img, .save-tabs__column.image-column p.img__container > img {
      max-width: 100%;
      width: auto;
      height: auto;
      max-height: 100%; }

.tab-pane {
  display: none; }
  .tab-pane.active {
    display: block; }
    .tab-pane.active ol {
      list-style: none; }
  .tab-pane .col-lg-5 {
    text-align: left; }
    .tab-pane .col-lg-5 h2 {
      color: #282832; }
    .tab-pane .col-lg-5 > * {
      max-width: 550px; }
    .tab-pane .col-lg-5 ol {
      padding-left: 0; }
      .tab-pane .col-lg-5 ol > li {
        text-align: left; }
        .tab-pane .col-lg-5 ol > li + li {
          margin-top: 15px; }
  @media (max-width: 991.98px) {
    .tab-pane .col-lg-5.text-column {
      -webkit-box-ordinal-group: 1;
      -webkit-order: 0;
         -moz-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
    .tab-pane .col-lg-5.image-column {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
  @media (max-width: 767.98px) {
    .tab-pane ol {
      padding-left: 0px; } }
  .tab-pane .ol-tab-title {
    font-size: 22px;
    line-height: 1.5;
    color: #282832; }

.common-slider-container .product-item__badge {
  display: block;
  position: absolute;
  top: -28px;
  right: -5px;
  border-bottom: 32px solid #e9ac00;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  height: 0;
  width: 189px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
       -o-transform-origin: 0 0;
          transform-origin: 0 0;
  color: #fff;
  -webkit-box-shadow: 0px 7px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 7px 0px rgba(0, 0, 0, 0.15);
  margin-right: -71px;
  z-index: 1; }
  @media (max-width: 767.98px) {
    .common-slider-container .product-item__badge {
      display: none; } }
  .common-slider-container .product-item__badge span {
    color: #fff;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    text-align: center;
    margin-left: -2px;
    z-index: 10; }
  .common-slider-container .product-item__badge.contains--pro-plus span {
    margin-left: 20px; }
  .common-slider-container .product-item__badge.contains--pro-plus.made-with-pro-plus-badge span {
    margin-left: -2.5px;
    font-size: 11.2px; }
  .common-slider-container .product-item__badge--light_orange {
    border-bottom: 32px solid #e9ac00; }
    .common-slider-container .product-item__badge--light_orange span {
      color: #000;
      font-weight: 600; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .section-userfriendly .btn + .btn {
    margin-top: 16px; } }

#addin-header-slider-modal .modal__box {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
     -moz-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 90%;
  padding: 0; }
  #addin-header-slider-modal .modal__box .slider {
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    #addin-header-slider-modal .modal__box .slider.common-slider-container {
      padding-bottom: 35px; }
      #addin-header-slider-modal .modal__box .slider.common-slider-container .tns-item > img {
        width: 90%; }
      @media screen and (max-width: 768px) {
        #addin-header-slider-modal .modal__box .slider.common-slider-container .tns-outer {
          padding: 20px 0 0 !important; } }

.content--holder {
  display: block;
  position: relative; }
  .content--holder .play-video--green {
    display: block;
    width: 100%;
    max-width: 120px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(1);
       -moz-transform: translateY(-50%) scale(1);
         -o-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    -webkit-box-shadow: 0 0 3px #000000;
            box-shadow: 0 0 3px #000000;
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    -o-transition: -o-transform 0.15s ease-in-out;
    -moz-transition: transform 0.15s ease-in-out, -moz-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -moz-transform 0.15s ease-in-out, -o-transform 0.15s ease-in-out; }
    .content--holder .play-video--green > p {
      color: #fff;
      font-size: 12px;
      line-height: 18px;
      margin-top: -18px;
      text-shadow: 0 0 2px #000000;
      pointer-events: none; }
    .content--holder .play-video--green:hover, .content--holder .play-video--green:focus {
      -webkit-transform: translateY(-50%) scale(1.05);
         -moz-transform: translateY(-50%) scale(1.05);
           -o-transform: translateY(-50%) scale(1.05);
              transform: translateY(-50%) scale(1.05); }
  .content--holder .opacity-04 {
    opacity: 0.4; }

.header--online {
  color: #1e1e26;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/another-gray-triangle.svg") no-repeat center top/cover; }
  .header--online a:not(.btn) {
    color: #1e1e26; }
  .header--online .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 5fr 7fr;
    grid-template-columns: 5fr 7fr;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
        grid-template-areas: 'online-title online-image' 'online-text  online-image' 'online-cta   online-image' 'online-logos online-image'; }
    @media (max-width: 1199.98px) {
      .header--online .container {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
        -ms-grid-rows: (auto)[3];
        grid-template-rows: repeat(3, auto);
            grid-template-areas: 'online-title online-title online-title online-title online-title .' 'online-text online-text online-text online-text online-text .' 'online-cta online-cta online-cta online-cta online-cta online-cta' 'online-logos online-logos online-image online-image online-image online-image'; } }
    @media (max-width: 767.98px) {
      .header--online .container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: (auto)[5];
        grid-template-rows: repeat(5, auto);
            grid-template-areas: 'online-title' 'online-text' 'online-cta' 'online-image' 'online-logos'; } }
  .header--online h1 {
    color: #282832; }
  .header--online .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: online-title; }
  .header--online .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: online-text;
    color: #73737B; }
  .header--online .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: online-cta;
    padding-bottom: 24px; }
    @media (max-width: 991.98px) {
      .header--online .header__cta {
        text-align: center; } }
  .header--online .header__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    grid-area: online-image;
    -ms-grid-row-align: center;
        align-self: center; }
    @media (max-width: 991.98px) {
      .header--online .header__image {
        margin-bottom: 52px; } }
  .header--online .header__logos {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: online-logos;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    color: #3f3e48; }
  @media (max-width: 1199.98px){
      .header--online .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5; }
      .header--online .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5; }
      .header--online .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6; }
      .header--online .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 4; }
      .header--online .header__logos {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; } }
  @media (max-width: 767.98px){
      .header--online .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--online .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--online .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--online .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--online .header__logos {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; } }
    .header--online .header__logos > div {
      width: -moz-calc(50% - 8px);
      width: calc(50% - 8px);
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
         -moz-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media (max-width: 767.98px) {
        .header--online .header__logos > div {
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          font-size: 12px;
          line-height: 1.7; }
          .header--online .header__logos > div > img {
            max-height: 54px; } }
      .header--online .header__logos > div:last-child {
        /*@include media-breakpoint-down(sm) {
                    > img {
                        max-height: 59px;
                    }

                    font-size: 12px;
                    line-height: 1.7;
                }*/ }
        .header--online .header__logos > div:last-child img {
          width: auto;
          max-width: 65px; }
    .header--online .header__logos img {
      display: block;
      margin-bottom: 16px; }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .header--online .header__logos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .header--online .header__logos > div {
          width: 100%;
          margin-bottom: 16px; } }
  .header--online .pilot-award-container {
    width: 100%; }

.section-prefer {
  position: relative;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/gray-grid-section.svg") no-repeat 100% center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  padding: 52px 0; }
  .section-prefer > div {
    max-width: 100%; }
  .section-prefer__image {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: 1 / 1 / 1 / span 6;
    position: relative;
    -ms-grid-row-align: center;
        align-self: center;
    margin-top: 30px; }
  .section-prefer__text {
    -ms-grid-row: 1;
    -ms-grid-row-span: 7;
    -ms-grid-column: 8;
    -ms-grid-column-span: 4;
    grid-area: 1 / 8 / 8 / span 4;
    -ms-grid-row-align: center;
        align-self: center; }
  .section-prefer__ratings {
    padding-top: 92px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .section-prefer__ratings a {
      color: #1e1e26; }
  .section-prefer__windows {
    font-size: 14px;
    color: #282832;
    line-height: 19px; }
    .section-prefer__windows p {
      margin-bottom: 0; }
    .section-prefer__windows .logo-container {
      margin-top: 20px; }
      @media (max-width: 991.98px) {
        .section-prefer__windows .logo-container {
          max-width: 300px;
          margin: 20px auto 0; } }
      .section-prefer__windows .logo-container img {
        display: inline-block;
        margin-right: 10px;
        max-width: 90px; }
      .section-prefer__windows .logo-container:last-child img {
        max-width: 60px;
        margin-right: 40px; }
      .section-prefer__windows .logo-container .footnote-text {
        display: inline-block;
        width: -moz-calc(100% - 120px);
        width: calc(100% - 120px);
        vertical-align: middle; }
    .section-prefer__windows .tip-block-image {
      margin-left: 1%;
      margin-top: 20px; }
      .section-prefer__windows .tip-block-image .windows-icon-container {
        display: inline-block;
        position: relative;
        margin-right: 10px;
        max-width: 90px; }
      .section-prefer__windows .tip-block-image p {
        display: inline-block;
        width: -moz-calc(100% - 120px);
        width: calc(100% - 120px);
        vertical-align: middle;
        max-width: 200px; }
    .section-prefer__windows .tip-block-image:last-child .windows-icon-container img {
      max-width: 60px;
      margin-right: 40px; }
    .section-prefer__windows .pilot-award-container {
      width: 100%;
      margin: 0 auto;
      padding-top: 40px; }
      .section-prefer__windows .pilot-award-container .trust-rating-container {
        margin-right: -5px;
        padding-top: 10px;
        vertical-align: top;
        max-width: 60%;
        width: 50%;
        display: inline-block; }
      .section-prefer__windows .pilot-award-container .tip-block-image {
        display: inline-block;
        max-width: 39%;
        margin-left: 1%; }
        .section-prefer__windows .pilot-award-container .tip-block-image .windows-icon-container {
          display: block;
          position: relative;
          width: 100%;
          max-width: 62px;
          height: 81.5px; }
        .section-prefer__windows .pilot-award-container .tip-block-image p {
          margin-top: 0;
          width: 122px; }
  .section-prefer__cta {
    margin-top: 35px; }
    .section-prefer__cta p {
      margin-bottom: 0; }
  @media (max-width: 1199.98px) {
    .section-prefer {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr); }
      .section-prefer__image {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-area: 1 / 1 / 1 / span 3;
        position: relative;
        -ms-grid-row-align: center;
            align-self: center;
        width: 100%; }
      .section-prefer__text {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 4;
        -ms-grid-column-span: 3;
        grid-area: 1 / 4 / 4 / span 3;
        -ms-grid-row-align: center;
            align-self: center;
        padding-left: 52px;
        padding-right: 32px; }
      .section-prefer__ratings {
        padding-top: 52px; }
      .section-prefer .header-rating__stars {
        margin-bottom: 0; } }
  @media (max-width: 991.98px) {
    .section-prefer {
      display: block;
      background: #f3f3f4;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 22px;
      padding-right: 22px; }
      .section-prefer__text {
        padding-left: 0;
        padding-right: 0;
        text-align: center; }
      .section-prefer__ratings {
        text-align: left;
        margin-bottom: 46px;
        padding-top: 0; }
      .section-prefer .header-rating {
        padding-right: 32px; }
        .section-prefer .header-rating__container--small {
          padding-right: 0; }
        .section-prefer .header-rating__stars {
          width: 100%; }
      .section-prefer__image {
        -webkit-mask-box-image-width: none;
                mask-border-width: none; } }

.section--buildfaster {
  padding-top: 110px;
  padding-bottom: 0px;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/gray-oblique-line.svg") no-repeat top center/cover; }

.section-buildfaster {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 6fr 1fr 5fr;
  grid-template-columns: 6fr 1fr 5fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
      grid-template-areas: 'image . title' 'image . txt'; }
  .section-buildfaster__main-title {
    text-align: center; }
    @media (max-width: 1199.98px) {
      .section-buildfaster__main-title {
        text-align: left;
        margin: 0; } }
  .section-buildfaster__title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title;
    max-width: 100%;
    text-align: left;
    -ms-grid-row-align: end;
        align-self: end; }
  .modal__box--upgrade .modal__prod.modal__prod--basic > .section-buildfaster__title, .modal__box--upgrade .modal__prod.modal__prod--pro > .section-buildfaster__title, .modal__box--upgrade .modal__prod.modal__prod--pro_plus > .section-buildfaster__title, .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro > .section-buildfaster__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .section-userfriendly > .section-buildfaster__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .section-buildfaster > .section-buildfaster__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1; }
  .section-produces > .section-buildfaster__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1; }
  .section-buildfaster__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: txt; }
  .section-buildfaster > .section-buildfaster__text {
  -ms-grid-row: 2;
  -ms-grid-column: 3; }
  .section-produces > .section-buildfaster__text {
  -ms-grid-row: 2;
  -ms-grid-column: 1; }
  .section-buildfaster__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    grid-area: image;
    position: relative; }
  .modal__box--upgrade .modal__prod.modal__prod--basic > .section-buildfaster__image, .modal__box--upgrade .modal__prod.modal__prod--pro > .section-buildfaster__image, .modal__box--upgrade .modal__prod.modal__prod--pro_plus > .section-buildfaster__image, .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro > .section-buildfaster__image {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1; }
  .section-userfriendly > .section-buildfaster__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1; }
  .section-buildfaster > .section-buildfaster__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1; }
  .section-produces > .section-buildfaster__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3; }
    .section-buildfaster__image p:first-child {
      margin-bottom: 48px; }
  @media (max-width: 1199.98px) {
    .section-buildfaster {
          grid-template-areas: 'title  title   title' 'image   .       txt'; }
      .section-buildfaster__title {
        margin-left: 0; }
      .section-buildfaster__cta {
        text-align: center; }
    .section-buildfaster > .modal__prod--img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
    .section-buildfaster > .modal__prod--title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-buildfaster > .section-userfriendly__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-buildfaster > .section-userfriendly__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3; }
    .section-buildfaster > .section-userfriendly__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
    .section-buildfaster > .section-buildfaster__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-buildfaster > .section-buildfaster__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3; }
    .section-buildfaster > .section-buildfaster__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; } }
  @media (max-width: 767.98px) {
    .section-buildfaster {
      display: block; }
      .section-buildfaster__text {
        margin-bottom: 82px; } }

.section-produces {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 1fr 6fr;
  grid-template-columns: 5fr 1fr 6fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
      grid-template-areas: 'title   .  image' 'txt    .  image' 'cta     .  image'; }
  .section-produces__title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: title;
    max-width: 100%;
    text-align: left; }
  .modal__box--upgrade .modal__prod.modal__prod--basic > .section-produces__title, .modal__box--upgrade .modal__prod.modal__prod--pro > .section-produces__title, .modal__box--upgrade .modal__prod.modal__prod--pro_plus > .section-produces__title, .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro > .section-produces__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }
  .section-userfriendly > .section-produces__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3; }
  .section-buildfaster > .section-produces__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1; }
  .section-produces > .section-produces__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1; }
  .section-produces__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: txt; }
  .section-buildfaster > .section-produces__text {
  -ms-grid-row: 2;
  -ms-grid-column: 3; }
  .section-produces > .section-produces__text {
  -ms-grid-row: 2;
  -ms-grid-column: 1; }
  .section-produces__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: cta; }
  .section-produces > .section-produces__cta {
  -ms-grid-row: 3;
  -ms-grid-column: 1; }
  .section-produces__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    grid-area: image; }
  .modal__box--upgrade .modal__prod.modal__prod--basic > .section-produces__image, .modal__box--upgrade .modal__prod.modal__prod--pro > .section-produces__image, .modal__box--upgrade .modal__prod.modal__prod--pro_plus > .section-produces__image, .modal__box--upgrade .modal__prod.modal__prod--basic + .modal__prod--pro > .section-produces__image {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1; }
  .section-userfriendly > .section-produces__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1; }
  .section-buildfaster > .section-produces__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1; }
  .section-produces > .section-produces__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3; }
  @media (max-width: 991.98px){
          .section-userfriendly__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
          .section-userfriendly__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
          .section-buildfaster__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
          .section-buildfaster__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
          .section-produces__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
          .section-produces__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; } }
  @media (max-width: 1199.98px){
    .section-userfriendly > .section-buildfaster__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-buildfaster__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3; }
    .section-userfriendly > .section-buildfaster__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1; }
    .section-userfriendly > .section-produces__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-buildfaster > .section-produces__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-produces__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3; }
    .section-buildfaster > .section-produces__text {
    -ms-grid-row: 2;
    -ms-grid-column: 3; }
    .section-produces__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
    .section-userfriendly > .section-produces__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1; }
    .section-buildfaster > .section-produces__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; } }
    .section-produces__image p:first-child {
      margin-bottom: 48px; }
  @media (max-width: 1199.98px) {
    .section-produces {
          grid-template-areas: 'title  title   title' 'txt   .       image' 'cta    cta     cta'; }
      .section-produces__cta {
        text-align: center; }
    .section-produces > .modal__prod--img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3; }
    .section-produces > .modal__prod--title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-produces > .section-userfriendly__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-produces > .section-userfriendly__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
    .section-produces > .section-userfriendly__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-produces > .section-userfriendly__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3; }
    .section-produces > .section-buildfaster__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-produces > .section-buildfaster__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
    .section-produces > .section-buildfaster__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3; }
    .section-produces > .section-produces__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-produces > .section-produces__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
    .section-produces > .section-produces__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
    .section-produces > .section-produces__image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3; } }
  @media (max-width: 991.98px) {
    .section-produces {
      display: block; } }
  @media (max-width: 767.98px) {
    .section-produces__image {
      width: -moz-calc(100% + 22px);
      width: calc(100% + 22px); } }

.header--online-plus {
  color: #282832;
  background: url("https://img.officetimeline.com/website/Content/website/common/background/new-gray-bkg.svg") no-repeat center bottom/cover; }
  .header--online-plus a:not(.btn) {
    color: #1e1e26; }
  .header--online-plus .header__breadcrumb {
    color: #282832; }
    .header--online-plus .header__breadcrumb a {
      color: #282832; }
  .header--online-plus .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 70px 1fr;
    grid-template-columns: 1fr 70px 1fr;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
    /*grid-column-gap: 70px;*/
        grid-template-areas: 'plus-title . plus-image' 'plus-text . plus-image' 'plus-cta . plus-image'; }
    @media (max-width: 1199.98px) {
      .header--online-plus .container {
            grid-template-areas: 'plus-title plus-title plus-title' 'plus-text plus-text plus-text' 'plus-cta plus-image plus-image'; } }
    @media (max-width: 767.98px) {
      .header--online-plus .container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: (auto)[5];
        grid-template-rows: repeat(5, auto);
            grid-template-areas: 'plus-title' 'plus-text' 'plus-cta' 'plus-image'; } }
  .header--online-plus .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: plus-title; }
  .header--online-plus .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: plus-text;
    color: #73737B; }
  .header--online-plus .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: plus-cta; }
    @media (max-width: 767.98px) {
      .header--online-plus .header__cta {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
           -moz-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline; } }
    @media (max-width: 575.98px) {
      .header--online-plus .header__cta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .header--online-plus .header__cta span {
      margin-top: 16px;
      display: block;
      color: #daa107; }
      @media (max-width: 767.98px) {
        .header--online-plus .header__cta span {
          margin-left: 30px; } }
      @media (max-width: 575.98px) {
        .header--online-plus .header__cta span {
          margin-left: 0; } }
    .header--online-plus .header__cta .btn--big_buy {
      min-height: 64px; }
  .header--online-plus .header__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-area: plus-image;
    -ms-grid-row-align: center;
        align-self: center; }
  @media (max-width: 1199.98px){
      .header--online-plus .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
      .header--online-plus .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3; }
      .header--online-plus .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
      .header--online-plus .header__image {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2; } }
  @media (max-width: 767.98px){
      .header--online-plus .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--online-plus .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--online-plus .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
      .header--online-plus .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; } }
    @media (max-width: 991.98px) {
      .header--online-plus .header__image {
        margin-bottom: 52px; } }
  .header--online-plus .header__logos {
    grid-area: logos;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    color: #3f3e48; }
    .header--online-plus .header__logos > div {
      width: -moz-calc(50% - 8px);
      width: calc(50% - 8px);
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
         -moz-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .header--online-plus .header__logos img {
      display: block;
      margin-bottom: 16px; }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .header--online-plus .header__logos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .header--online-plus .header__logos > div {
          width: 100%;
          margin-bottom: 16px; } }

@media (min-width: 576px) {
  .section-features {
    background: url("https://img.officetimeline.com/website/Content/website/common/background/gray-triangle.svg"), url("https://img.officetimeline.com/website/Content/website/common/background/gray-triangle.svg");
    background-repeat: no-repeat, no-repeat;
    -o-background-size: cover, contain;
       background-size: cover, contain;
    background-position-x: 22%, 0%;
    margin-top: -30px; }
    .section-features .container {
      padding-top: 30px; } }

.faq h3 {
  margin-bottom: 10px; }
  @media (max-width: 767.98px) {
    .faq h3 {
      font-size: 20px; } }
  @media (min-width: 768px) and (max-width: 1199.98px) {
    .faq h3 {
      font-size: 30px; } }

.faq p {
  margin-bottom: 40px; }

.faq .header-list {
  margin-bottom: 10px; }

.faq.how-to-make p {
  margin-top: 0;
  margin-bottom: 0; }
  .faq.how-to-make p ~ p {
    margin-top: 1rem; }

.faq.how-to-make ul {
  list-style-type: disc; }

.faq.how-to-make .step-title {
  margin-bottom: 24px; }

.header--download {
  color: #1e1e26;
  background: url("https://img.officetimeline.com/website/Content/images/backgrounds/download-bg-header.svg") no-repeat center top/cover; }
  .header--download a:not(.btn) {
    color: #1e1e26; }
  .header--download .container {
    display: -ms-grid;
    display: grid;
        grid-template-areas: 'header-title . header-image' 'header-text . header-image' 'header-cta . header-image' 'header-rating . header-image';
    -ms-grid-columns: 4fr 2fr 6fr;
    grid-template-columns: 4fr 2fr 6fr; }
    @media (max-width: 1199.98px) {
      .header--download .container {
            grid-template-areas: 'header-title  header-title' 'header-text    header-text' 'header-cta    header-cta' 'header-rating header-image';
        -ms-grid-columns: 2fr 4fr;
        grid-template-columns: 2fr 4fr; } }
    @media (max-width: 767.98px) {
      .header--download .container {
            grid-template-areas: 'header-title' 'header-text' 'header-cta' 'header-image' 'header-rating';
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .header--download h1 {
    color: #282832; }
  .header--download .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: header-title; }
  .header--download .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: header-text; }
  .header--download .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: header-cta; }
  .header--download .header__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 3;
    grid-area: header-image;
    -ms-grid-row-align: center;
        align-self: center; }
    .header--download .header__image img {
      background: #fff;
      padding: 30px;
      -webkit-box-shadow: 0px 4px 24px rgba(221, 216, 216, 0.5);
              box-shadow: 0px 4px 24px rgba(221, 216, 216, 0.5); }
  .header--download .header-rating {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: header-rating;
    padding-right: 0; }
  @media (max-width: 1199.98px){
      .header--download .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--download .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--download .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--download .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2; }
      .header--download .header-rating {
    -ms-grid-row: 4;
    -ms-grid-column: 1; } }
  @media (max-width: 767.98px){
      .header--download .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--download .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--download .header__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .header--download .header__image {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1; }
      .header--download .header-rating {
    -ms-grid-row: 5;
    -ms-grid-column: 1; } }

.content-after-download {
  display: none; }

.header--buy {
  background: #fafafb url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-header-generic.svg") no-repeat bottom center;
  -o-background-size: cover;
     background-size: cover; }
  .header--buy .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 8fr 16px 4fr;
    grid-template-columns: 8fr 4fr;
        grid-template-areas: 'buy-title buy-right';
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px; }
    @media (max-width: 991.98px) {
      .header--buy .container {
            grid-template-areas: 'buy-title buy-title' 'buy-right buy-right'; }
        .header--buy .container .header__title {
          -ms-grid-column-span: 3; }
        .header--buy .container .header__right {
          -ms-grid-column-span: 3;
          padding-top: 20px;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .header--buy .container .header__right .header-rating {
            margin-left: 30px;
            padding-top: 0; } }
  .header--buy .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: buy-title;
    color: #c14728;
    margin-bottom: 0; }
  .header--buy .header__right {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: buy-right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  @media (max-width: 991.98px){
      .header--buy .header__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }
      .header--buy .header__right {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; } }
    .header--buy .header__right .header-rating {
      display: block;
      width: 50%; }
      @media (max-width: 1199.98px) {
        .header--buy .header__right .header-rating {
          width: 100%;
          margin-left: 30px;
          padding-right: 10px; } }

.buy-steps-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px; }

.buy-step {
  width: 100%; }
  @media (min-width: 992px) {
    .buy-step {
      position: relative;
      width: 100%;
      padding-right: 8px;
      padding-left: 8px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 83.33333%;
              flex: 0 0 83.33333%;
      max-width: 83.33333%;
      margin-left: auto;
      margin-right: auto; } }
  .buy-step__title {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcde;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%; }
    .buy-step__title--has-content-hidden {
      margin-bottom: 20px;
      cursor: pointer; }
      .buy-step__title--has-content-hidden:hover {
        color: #111; }
    @media (max-width: 991.98px) {
      .buy-step__title {
        font-size: 20px; } }
    @media (max-width: 767.98px) {
      .buy-step__title {
        font-size: 16px; } }
  .buy-step__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr 2fr;
    grid-template-columns: 2fr 1fr 2fr;
        grid-template-areas: 'product1 . product2' 'details1 . details2';
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px; }
    @media (max-width: 1199.98px) {
      .buy-step__content {
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: 1fr 16px 1fr;
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0; } }
    .buy-step__content--pmo:not(.is-reseller) {
      -ms-grid-columns: 2fr 32px 2fr 32px 2fr;
      grid-template-columns: 2fr 32px 2fr 32px 2fr;
          grid-template-areas: 'product1 . product2 . product3' 'details1 . details2 . details3';
      -webkit-column-gap: 0;
         -moz-column-gap: 0;
              column-gap: 0; }
      .buy-step__content--pmo:not(.is-reseller) .split-title {
        display: none; }
      @media (max-width: 1199.98px) {
        .buy-step__content--pmo:not(.is-reseller) {
          -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
          grid-template-columns: 1fr 32px 1fr 32px 1fr; }
          .buy-step__content--pmo:not(.is-reseller) .split-title {
            display: initial; } }
      @media (max-width: 767.98px) {
        .buy-step__content--pmo:not(.is-reseller) {
          display: block; }
          .buy-step__content--pmo:not(.is-reseller) .split-title {
            display: none; } }
      .buy-step__content--pmo:not(.is-reseller) .product-item__price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column wrap;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-flow: column wrap;
                flex-flow: column wrap; }
        .buy-step__content--pmo:not(.is-reseller) .product-item__price > div {
          -webkit-flex-basis: auto !important;
              -ms-flex-preferred-size: auto !important;
                  flex-basis: auto !important; }
    .buy-step__content--pmo .split-title {
      display: none; }
    @media (max-width: 1199.98px) {
      .buy-step__content--pmo .split-title {
        display: initial; } }
    @media (max-width: 767.98px) {
      .buy-step__content--pmo .split-title {
        display: none; } }
  .buy-step .product_1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: product1; }
  .buy-step .product_2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: product2; }
  .buy-step .product_3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-area: product3; }
  .buy-step .details_1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: details1; }
  .buy-step .details_2 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: details2; }
  .buy-step .details_3 {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-area: details3; }
  .buy-step.js-chooose-version .buy-step__content .product_1 {
    border-top: 5px solid #5B5A66; }
    .buy-step.js-chooose-version .buy-step__content .product_1 .product-item__subtitle {
      background-color: rgba(91, 90, 102, 0.1);
      color: #5B5A66; }
    .buy-step.js-chooose-version .buy-step__content .product_1 .product-item__buy button {
      background-color: #989898;
      color: white;
      border: 1px solid #989898; }
  .buy-step.js-chooose-version .buy-step__content .product_2 {
    border-top: 5px solid #F4B503; }
    .buy-step.js-chooose-version .buy-step__content .product_2 .product-item__subtitle {
      background: rgba(247, 226, 165, 0.3);
      color: #907116; }
    .buy-step.js-chooose-version .buy-step__content .product_2 .product-item__buy button {
      background-color: #F4B503;
      color: white;
      border: 1px solid #F4B503; }
    .buy-step.js-chooose-version .buy-step__content .product_2 .product-item__badge {
      top: -32px; }
      .buy-step.js-chooose-version .buy-step__content .product_2 .product-item__badge--light_yellow {
        border-bottom: 32px solid #F7E2A5;
        -webkit-box-shadow: 0px 5px 0px -1px rgba(180, 165, 120, 0.5);
                box-shadow: 0px 5px 0px -1px rgba(180, 165, 120, 0.5); }
        .buy-step.js-chooose-version .buy-step__content .product_2 .product-item__badge--light_yellow span {
          color: #000;
          font-weight: 700; }
        .buy-step.js-chooose-version .buy-step__content .product_2 .product-item__badge--light_yellow:before, .buy-step.js-chooose-version .buy-step__content .product_2 .product-item__badge--light_yellow:after {
          border-color: transparent transparent #D6C182 transparent; }
  .buy-step.js-chooose-version .buy-step__content .product_3 {
    border-top: 5px solid #40B770; }
    .buy-step.js-chooose-version .buy-step__content .product_3 .product-item__subtitle {
      background: rgba(64, 183, 112, 0.1);
      color: #34915A; }
    .buy-step.js-chooose-version .buy-step__content .product_3 .product-item__buy button {
      background-color: #40B770;
      color: white;
      border: 1px solid #40B770; }
  @media (max-width: 767.98px) {
    .buy-step.js-chooose-version .buy-step__content.is-reseller {
      display: block; } }
  .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1 {
    border-top: 5px solid #F4B503; }
    .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1:hover, .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1:focus {
      border-color: #F4B503; }
    .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1 .product-item__subtitle {
      background: rgba(247, 226, 165, 0.3);
      color: #907116; }
    .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1 .product-item__buy button {
      background-color: #F4B503;
      color: white;
      border: 1px solid #F4B503; }
    .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1 .product-item__badge {
      top: -32px; }
      .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1 .product-item__badge--light_yellow {
        border-bottom: 32px solid #F7E2A5;
        -webkit-box-shadow: 0px 5px 0px -1px rgba(180, 165, 120, 0.5);
                box-shadow: 0px 5px 0px -1px rgba(180, 165, 120, 0.5); }
        .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1 .product-item__badge--light_yellow span {
          color: #000;
          font-weight: 700; }
        .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1 .product-item__badge--light_yellow:before, .buy-step.js-chooose-version .buy-step__content.is-reseller .product_1 .product-item__badge--light_yellow:after {
          border-color: transparent transparent #D6C182 transparent; }
  .buy-step.js-chooose-version .buy-step__content.is-reseller .product_2 {
    border-top: 5px solid #40B770; }
    .buy-step.js-chooose-version .buy-step__content.is-reseller .product_2:hover, .buy-step.js-chooose-version .buy-step__content.is-reseller .product_2:focus {
      border-color: #40B770; }
    .buy-step.js-chooose-version .buy-step__content.is-reseller .product_2 .product-item__subtitle {
      background: rgba(64, 183, 112, 0.1);
      color: #34915A; }
    .buy-step.js-chooose-version .buy-step__content.is-reseller .product_2 .product-item__buy button {
      background-color: #40B770;
      color: white;
      border: 1px solid #40B770; }
  .buy-step.js-chooose-version .buy-step__content .product-item__price div.price__line span {
    font-size: 28px;
    display: block;
    line-height: 42px;
    vertical-align: middle;
    font-weight: 600; }
    .buy-step.js-chooose-version .buy-step__content .product-item__price div.price__line span > span {
      display: inline;
      font-size: 14px;
      font-weight: normal; }
    .buy-step.js-chooose-version .buy-step__content .product-item__price div.price__line span::first-letter {
      font-weight: 200; }
  .buy-step.js-chooose-version .buy-step__content .product-item__price div.price__line--semibold strong {
    font-weight: 600; }
  .buy-step__content.center-addin {
    -ms-grid-columns: 16px 2fr 16px;
    grid-template-columns: 16px 2fr 16px;
        grid-template-areas: '. product .' '. details .';
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    justify-items: center; }
    .buy-step__content.center-addin .product_1, .buy-step__content.center-addin .product_2, .buy-step__content.center-addin .product_3 {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-area: product;
      max-width: 450px;
      margin: 0 auto 32px; }
    .buy-step__content.center-addin .details_1, .buy-step__content.center-addin .details_2, .buy-step__content.center-addin .details_3 {
      -ms-grid-row: 2;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-area: details; }

.product-item {
  border: 1px solid #dcdcde;
  padding: 64px;
  text-align: center;
  background: white;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  /*
    &.product-box {
        &.de, &.fr {
            @include media-breakpoint-down(sm) {
                .product-item__req > br {
                    display: none;
                }
            }
        }
    }*/ }
  @media (max-width: 1199.98px) {
    .product-item {
      padding: 24px; } }
  @media (max-width: 991.98px) {
    .product-item {
      padding: 32px 12px; } }
  .product-item > * {
    width: 100%; }
  .product-item.inactive {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none; }
    .product-item.inactive .overlay {
      display: block; }
    .product-item.inactive .restricted_basic-popup {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .product-item.inactive .restricted_basic-popup .arrow {
        left: -moz-calc(50% - 8px);
        left: calc(50% - 8px); }
    .product-item.inactive:hover {
      border: 1px solid #dcdcde;
      cursor: pointer; }
    .product-item.inactive .product-item__limit--message {
      cursor: default; }
    .product-item.inactive .qty-input, .product-item.inactive .qty-select {
      background-color: #FAFAFA; }
    .product-item.inactive [data-toggle="popover"] {
      pointer-events: none; }
    .product-item.inactive .product-item__buy #btn-otl-subscription59 {
      background: #DCDCDE;
      color: #afafaf;
      border: none; }
  .product-item__title {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 32px;
    line-height: 1.2; }
    .product-item__title > span,
    .product-item__title strong {
      font-weight: bold; }
    @media (max-width: 767.98px) {
      .product-item__title {
        font-size: 20px; }
        .product-item__title strong {
          display: block; } }
  .product-item__subtitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 40px;
    margin-top: 0px;
    margin-bottom: 26px;
    border-radius: 2px;
    background: #F9ECE9;
    line-height: 40px;
    color: #C14728;
    text-transform: uppercase;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 5px; }
    @media (min-width: 576px) and (max-width: 1199.98px) {
      .product-item__subtitle {
        max-width: -moz-calc(100% - 20px);
        max-width: calc(100% - 20px); } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .product-item__subtitle {
        height: 40px; } }
    .product-item__subtitle span {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5; }
      @media (max-width: 767.98px) {
        .product-item__subtitle span {
          font-size: 12px; } }
  .product-item__description {
    margin-bottom: 32px;
    line-height: 24px; }
    .product-item__description .show_collaped-only {
      display: none; }
    @media (max-width: 767.98px) {
      .product-item__description {
        margin-bottom: 24px; } }
  .product-item__price-container {
    border-top: 1px solid #dcdcde;
    border-bottom: 1px solid #dcdcde;
    min-height: 147px;
    height: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 32px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .product-item__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 0; }
    @media (max-width: 767.98px) {
      .product-item__price {
        display: block; } }
    .product-item__price .price__description > i {
      font-style: normal;
      font-weight: bold;
      padding: 1px 3px;
      border-radius: 3px;
      background: #DCDCDE; }
    .product-item__price div.price__list {
      display: block;
      width: 100%;
      -webkit-flex-basis: 40%;
          -ms-flex-preferred-size: 40%;
              flex-basis: 40%;
      text-align: center;
      font-size: 24px;
      margin-right: 16px; }
      @media (max-width: 767.98px) {
        .product-item__price div.price__list {
          margin-right: 0; } }
      .product-item__price div.price__list > span {
        font-weight: bold; }
    .product-item__price .pill {
      font-size: inherit; }
  .product-item__amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 32px;
    max-width: 120px;
    position: relative; }
    @media (min-width: 768px) {
      .product-item__amount .form-control {
        min-width: 120px; } }
    .product-item__amount select.form-control {
      padding: 0 28px 0 16px;
      background-position: -moz-calc(100% - 10px) center;
      background-position: calc(100% - 10px) center;
      cursor: pointer; }
    .product-item__amount input.qty-input {
      position: absolute;
      left: 2px;
      right: 0;
      top: 2px;
      bottom: auto;
      height: 52px;
      background: #FFFFFF;
      width: -moz-calc(100% - 30px);
      width: calc(100% - 30px);
      border: none;
      text-align: center;
      cursor: pointer; }
    .product-item__amount .amount__tooltip {
      position: absolute;
      display: block;
      top: auto;
      left: auto;
      right: auto;
      bottom: -moz-calc(100% + 5px);
      bottom: calc(100% + 5px);
      width: 170%;
      height: auto;
      padding: 12px 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #1e1e26;
      border: solid 1px rgba(30, 30, 38, 0.4);
      -webkit-transition: all 0.1s ease-in;
      -o-transition: all 0.1s ease-in;
      -moz-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in;
      opacity: 0;
      z-index: -1; }
      .product-item__amount .amount__tooltip--arrow {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -15px;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent; }
        .product-item__amount .amount__tooltip--arrow:after {
          content: '';
          display: block;
          position: absolute;
          top: -16px;
          left: -15px;
          right: 0;
          width: 0;
          height: 0;
          margin: 0 auto;
          border-top: green;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent; }
    .product-item__amount.addin-plus__select .qty-select {
      background: none;
      border: 1px solid #dcdcde; }
    .product-item__amount.addin-plus__select .qty-input {
      width: 100%;
      max-width: -moz-calc(100% - 4px);
      max-width: calc(100% - 4px);
      opacity: 1;
      cursor: auto; }
    .product-item__amount:hover .amount__tooltip {
      z-index: 10;
      opacity: 1; }
  .product-item__limit {
    display: block;
    position: relative;
    font-size: 0;
    margin-bottom: 20px;
    min-height: 70px; }
    .product-item__limit p {
      font-size: 14px;
      line-height: 1.3;
      margin-bottom: 0;
      margin: 2px 0;
      display: inline-block;
      position: relative; }
      .product-item__limit p:last-child {
        display: block;
        padding-top: 3px; }
    .product-item__limit--icon {
      display: inline-block;
      width: 100%;
      max-width: 20px;
      height: 20px;
      margin-top: 5px;
      margin-right: 10px;
      background: url("https://img.officetimeline.com/website/Content/images/icons/info-icon.svg") no-repeat;
      background-position: center top;
      -o-background-size: contain;
         background-size: contain; }
    .product-item__limit--message {
      /* display: inline-block;
            width: 100%;
            vertical-align: top;
            word-break: break-word;*/
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      vertical-align: top;
      word-break: break-word;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .product-item__limit--message.OT-Plus {
        cursor: pointer; }
      .product-item__limit--message > p {
        min-height: 48px; }
        @media (max-width: 767.98px) {
          .product-item__limit--message > p {
            min-height: 2em; } }
        .product-item__limit--message > p:first-child {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: end;
          -webkit-align-items: flex-end;
             -moz-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          min-height: 66px;
          font-weight: bold;
          padding-bottom: 7px;
          /*&:before {
                        content: '';
                        display: block;
                        width: 100%;
                        height: 18px;*/
          /* position: relative;
                    left: -25px;
                    top: 0;*/
          /*background: url('https://img.officetimeline.com/website/Content/images/icons/info-icon.svg') no-repeat;
                        background-position: center;
                        background-size: contain;

                        @include media-breakpoint-down(lg) {
                            position: relative;
                            left: auto;
                            right: auto;
                            top: 0;
                            margin: 0 auto 5px;
                            transform: translateY(0);
                        }
                    }*/ }
          @media (max-width: 767.98px) {
            .product-item__limit--message > p:first-child {
              min-height: 2em; } }
          .product-item__limit--message > p:first-child:after {
            content: '';
            display: inline-block;
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            border-bottom: dashed 1px #DCDCDE; }
        .product-item__limit--message > p:last-child {
          width: 100%; }
    @media (max-width: 991.98px) {
      .product-item__limit {
        min-height: 90px; } }
    @media (max-width: 767.98px) {
      .product-item__limit {
        min-height: 110px; } }
    @media (max-width: 575.98px) {
      .product-item__limit--icon, .product-item__limit--message {
        display: block;
        max-width: 100%;
        margin: 0 auto; }
      .product-item__limit--message {
        min-height: 100px; }
        .product-item__limit--message p {
          font-size: 12px; } }
  .product-item__logos:not(.platform-logo) {
    max-height: 41px; }
    @media screen and (max-width: 1260px) {
      .product-item__logos:not(.platform-logo) {
        max-height: 39px; } }
    .product-item__logos:not(.platform-logo) img {
      margin-bottom: 8px;
      max-height: 33px; }
      @media (max-width: 767.98px) {
        .product-item__logos:not(.platform-logo) img {
          max-height: 26px; } }
    @media screen and (max-width: 475px) {
      .product-item__logos:not(.platform-logo) {
        max-height: 26px; }
        .product-item__logos:not(.platform-logo) img {
          max-height: 21px; } }
  .product-item__req {
    color: #96969c;
    margin-bottom: 32px; }
  .product-item .btn {
    margin-top: auto;
    width: 100%;
    max-width: 320px;
    text-transform: uppercase; }
    .product-item .btn--big {
      text-transform: capitalize; }
    @media (min-width: 768px) {
      .product-item .btn {
        min-width: 180px; } }
    @media (max-width: 767.98px) {
      .product-item .btn {
        width: 100%;
        margin-top: 12px; }
        .product-item .btn--big__buy {
          min-height: 64px; } }
  .product-item:hover {
    border-color: #41b770; }
  .product-item__badge {
    position: absolute;
    top: -28px;
    right: 0;
    border-bottom: 32px solid #e9ac00;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    height: 0;
    width: 162px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    color: #fff;
    font-size: 10px;
    -webkit-box-shadow: 0px 5px 0px -1px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 5px 0px -1px rgba(0, 0, 0, 0.15);
    margin-right: -76px; }
    .product-item__badge.made-with-pro-edition {
      font-size: 9px;
      line-height: 32px; }
    @media (max-width: 767.98px) {
      .product-item__badge {
        display: none; } }
    .product-item__badge:before, .product-item__badge:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 5px 5px;
      border-color: transparent transparent #d09900 transparent;
      position: absolute; }
    .product-item__badge:before {
      top: 35px;
      left: -35.5px;
      -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
           -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transform-origin: 0 0;
         -moz-transform-origin: 0 0;
           -o-transform-origin: 0 0;
              transform-origin: 0 0; }
    .product-item__badge:after {
      top: 31px;
      right: -35px;
      -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
           -o-transform: rotate(45deg);
              transform: rotate(45deg); }
    .product-item__badge--light_orange {
      border-bottom: 32px solid #f7db88; }
      .product-item__badge--light_orange span {
        color: #000;
        font-weight: 800; }
      .product-item__badge--light_orange:before, .product-item__badge--light_orange:after {
        border-color: transparent transparent #f5d470 transparent; }
  @media (min-width: 768px) {
    .product-item__buy-btn > span {
      line-height: 1.7; } }
  .product-item_versionB {
    height: 550px;
    padding: 42px 32px 32px; }
    @media (max-width: 767.98px) {
      .product-item_versionB.product-item.product_1:not(.addin-only), .product-item_versionB.product-item.product_2:not(.addin-only) {
        height: 475px; } }
    @media screen and (max-width: 480px) {
      .product-item_versionB.product-item.product_1:not(.addin-only), .product-item_versionB.product-item.product_2:not(.addin-only) {
        height: 505px; } }
    @media (max-width: 1199.98px) {
      .product-item_versionB .product-item__title {
        padding-top: 12px; } }
    @media (max-width: 767.98px) {
      .product-item_versionB .product-item__title {
        padding-top: 6px; } }
    .product-item_versionB .product-item__titile, .product-item_versionB .product-item__description {
      max-width: 380px; }
    .product-item_versionB .product-item__description {
      color: #96969c; }
      .product-item_versionB .product-item__description > span:not(.show_collaped-only) {
        display: block; }
      @media (max-width: 767.98px) {
        .product-item_versionB .product-item__description--versionB {
          min-height: 4em; } }
      @media screen and (max-width: 450px) {
        .product-item_versionB .product-item__description--versionB {
          min-height: 7em;
          margin-bottom: 0; } }
    .product-item_versionB .product-item__logos {
      -webkit-transform: scale(1);
         -moz-transform: scale(1);
           -o-transform: scale(1);
              transform: scale(1); }
      .product-item_versionB .product-item__logos img {
        height: 132px;
        width: auto; }
      .product-item_versionB .product-item__logos.platform-logo {
        padding: 24px 0 44px; }
      @media (max-width: 767.98px) {
        .product-item_versionB .product-item__logos, .product-item_versionB .product-item__logos .platform-logo {
          padding: 24px 0 14px; }
          .product-item_versionB .product-item__logos img, .product-item_versionB .product-item__logos .platform-logo img {
            height: 100px; } }
    @media (max-width: 991.98px) {
      .product-item_versionB .product-item__req--versionB span {
        display: block; } }
    @media (max-width: 767.98px) {
      .product-item_versionB .product-item__req--versionB {
        min-height: 4em;
        margin-bottom: 0; } }
    @media screen and (max-width: 480px) {
      .product-item_versionB .product-item__req--versionB {
        min-height: 6em; } }
    .product-item_versionB .product-item__buy-btn {
      max-width: 100%;
      text-transform: uppercase; }
    .product-item_versionB .product-item__logos, .product-item_versionB .product-item__req, .product-item_versionB .product-item__buy-btn {
      -webkit-transition: all 0.25s ease-in;
      -o-transition: all 0.25s ease-in;
      -moz-transition: all 0.25s ease-in;
      transition: all 0.25s ease-in;
      -webkit-transition-delay: 0.15s;
         -moz-transition-delay: 0.15s;
           -o-transition-delay: 0.15s;
              transition-delay: 0.15s; }
    .product-item_versionB .btn {
      max-width: 100%; }
    .product-item_versionB.addin-only.product-item.product_1 .product-item__badge {
      opacity: 0;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .product-item_versionB.addin-only.product-item.product_1 .product-item__logos {
      max-height: 100%; }
      .product-item_versionB.addin-only.product-item.product_1 .product-item__logos img {
        max-height: 100%; }
      .product-item_versionB.addin-only.product-item.product_1 .product-item__logos.platform-logo {
        padding: 0; }
    .product-item_versionB.addin-only.product-item.product_1 .product-item__req.product-item__req--versionB {
      bottom: 16px; }
      @media (max-width: 767.98px) {
        .product-item_versionB.addin-only.product-item.product_1 .product-item__req.product-item__req--versionB {
          bottom: 58px; } }
    .product-item_versionB.addin-only.product-item.product_1 .product-item__buy-btn {
      display: block;
      position: absolute;
      bottom: -50px; }
  .product-item .show-on__mobile, .product-item .show-on__tablet {
    display: none; }
  @media (max-width: 767.98px) {
    .product-item .show-on__mobile {
      display: block; } }
  @media screen and (max-width: 1400px) {
    .product-item .show-on__tablet {
      display: block; } }

.buy-step__content--pmo .product-item {
  padding: 42px; }
  .buy-step__content--pmo .product-item.product_1:hover {
    border-color: #5B5A66; }
  .buy-step__content--pmo .product-item.product_2:hover {
    border-color: #F4B503; }
  .buy-step__content--pmo .product-item.product_3:hover {
    border-color: #40B770; }
  @media (max-width: 1199.98px) {
    .buy-step__content--pmo .product-item {
      padding: 24px; } }
  @media (max-width: 991.98px) {
    .buy-step__content--pmo .product-item {
      padding: 24px 12px; } }
  .buy-step__content--pmo .product-item__subtitle {
    padding: 18px 8px; }
  .buy-step__content--pmo .product-item__price-container {
    border-top: none;
    border-bottom: none;
    min-height: 85px;
    margin-bottom: 32px; }
    @media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min--moz-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .buy-step__content--pmo .product-item__price-container {
        /* IE10+ CSS */
        min-height: 195px; } }
  .buy-step__content--pmo .product-item__description {
    margin-bottom: 18px; }
    @media (max-width: 991.98px) {
      .buy-step__content--pmo .product-item__description {
        margin-bottom: 6px; } }
  .buy-step__content--pmo .product-item__amount {
    padding-bottom: 8px; }
    @media (max-width: 991.98px) {
      .buy-step__content--pmo .product-item__amount {
        padding-bottom: 32px; } }
  .buy-step__content--pmo .product-item__limit--message {
    min-height: 20px; }
    @media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min--moz-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .buy-step__content--pmo .product-item__limit--message {
        /* IE10+ CSS */
        max-width: 280px !important;
        margin: 0 auto; } }
    .buy-step__content--pmo .product-item__limit--message > p {
      width: 100%;
      max-width: 190px;
      margin: 0 auto;
      text-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min--moz-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
        .buy-step__content--pmo .product-item__limit--message > p {
          /* IE10+ CSS */
          max-width: 100% !important; } }
      @media (max-width: 767.98px) {
        .buy-step__content--pmo .product-item__limit--message > p {
          display: block;
          max-width: 250px; }
          .buy-step__content--pmo .product-item__limit--message > p:last-child {
            max-width: 100%; } }

.product-details {
  color: #4C4C52;
  word-break: break-word; }
  @media (max-width: 767.98px) {
    .product-details .bullet-list {
      padding-left: 20px;
      word-break: break-word; } }
  .product-details .js-open-modal {
    font-weight: bold; }

.oto-true .product_1, .oto-true .details_1 {
  color: #b1b1b2; }
  .oto-true .product_1 .btn.btn--big, .oto-true .details_1 .btn.btn--big {
    background: #b1b1b2;
    cursor: default; }

.oto-true:hover .product_1 {
  border-color: #dcdcde; }

.oto-true .product_2 {
  -webkit-box-shadow: 0 0 25px #b1b1b2;
          box-shadow: 0 0 25px #b1b1b2; }

.compare-container {
  position: relative;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  background: #fff;
  padding: 0; }

.compare__title {
  border-bottom: 1px solid #dcdcde;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 64px;
  padding: 0 14px;
  cursor: pointer; }
  .compare__title h3 {
    width: 100%;
    font-size: 24px;
    margin: 0;
    padding: 12px 47px 12px 8px;
    font-weight: normal;
    position: relative;
    line-height: 1.4; }
    .compare__title h3:after {
      content: '';
      width: 21px;
      height: 12px;
      background: url("https://img.officetimeline.com/website/Content/images/icons/small-gray-down-arrow.svg") no-repeat center center;
      display: block;
      position: absolute;
      right: 9px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(180deg);
         -moz-transform: translateY(-50%) rotate(180deg);
           -o-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg);
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    @media (max-width: 991.98px) {
      .compare__title h3 {
        font-size: 20px; } }
    @media (max-width: 767.98px) {
      .compare__title h3 {
        padding-left: 0;
        font-size: 16px; }
        .compare__title h3 strong {
          display: block; } }
  .compare__title.is-active {
    border-bottom-color: transparent;
    margin-bottom: 0; }
    .compare__title.is-active h3:after {
      -webkit-transform: translateY(-50%) rotate(180deg) scaleY(-1);
         -moz-transform: translateY(-50%) rotate(180deg) scaleY(-1);
           -o-transform: translateY(-50%) rotate(180deg) scaleY(-1);
              transform: translateY(-50%) rotate(180deg) scaleY(-1); }

.comparison {
  padding-bottom: 40px; }
  .comparison__table {
    width: -moz-calc(100% - 28px);
    width: calc(100% - 28px); }

.comparison-logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 64px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 64px; }
  @media (min-width: 992px) {
    .comparison-logos {
      position: relative;
      width: 100%;
      padding-right: 8px;
      padding-left: 8px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }
  @media (max-width: 991.98px) {
    .comparison-logos {
      padding-top: 32px; } }
  @media screen and (max-width: 520px) {
    .comparison-logos {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .comparison-logos img {
    margin: 10px 40px 15px;
    min-height: 30px; }
    @media (max-width: 991.98px) {
      .comparison-logos img {
        margin: 10px 10px 15px; } }
  .comparison-logos .split_row {
    display: none;
    width: 100%;
    height: 1px;
    background: transparent; }
    @media screen and (max-width: 520px) {
      .comparison-logos .split_row {
        display: block; } }
  .comparison-logos .mobile_split_row {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: no-wrap;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: no-wrap;
            flex-flow: no-wrap;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }

@media screen and (max-width: 475px) {
  .product-item.de.addin-only .product-item__description {
    font-size: 13px; } }

.buy-step__content--pmo .product-item__description {
  min-height: 72px; }
  @media screen and (max-width: 1450px) {
    .buy-step__content--pmo .product-item__description.de, .buy-step__content--pmo .product-item__description.nl {
      min-height: 94px; } }
  @media screen and (max-width: 1400px) {
    .buy-step__content--pmo .product-item__description.en, .buy-step__content--pmo .product-item__description.fr {
      min-height: 94px; } }
  @media (max-width: 1199.98px) {
    .buy-step__content--pmo .product-item__description.en {
      min-height: 72px; } }

@media (max-width: 767.98px) {
  .buy-step__content--pmo .product-details {
    max-width: 320px;
    margin: 40px auto; }
  .buy-step__content--pmo .product-item__description.en, .buy-step__content--pmo .product-item__description.de, .buy-step__content--pmo .product-item__description.fr, .buy-step__content--pmo .product-item__description.nl {
    min-height: 2em; }
  .buy-step__content--pmo .product-item__price-container {
    min-height: 50px;
    padding: 10px 0; } }
  @media screen and (max-width: 767.98px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 767.98px) and (min-width: 0\0) and (min--moz-device-pixel-ratio: 0.75), screen and (max-width: 767.98px) and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (max-width: 767.98px) and (min-width: 0\0) and (min-resolution: 72dpi) {
    .buy-step__content--pmo .product-item__price-container {
      /* IE10+ CSS */
      min-height: 125px; } }

@media (max-width: 767.98px) {
  .buy-step__content--pmo .product-item__limit {
    min-height: 20px; } }

/* Styling for highlighted products */
.center-addin.highlight__pmo > .product-item:not(.product_2),
.center-addin.highlight__pmo > .product-details:not(.details_2),
.center-addin.highlight__pro > .product-item:not(.product_1),
.center-addin.highlight__pro > .product-details:not(.details_1),
.center-addin.highlight__plus > .product-item:not(.product_1),
.center-addin.highlight__plus > .product-details:not(.details_1) {
  display: none; }

.overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(235, 235, 235, 0);
  top: 0;
  left: 0; }

.header--success {
  background: #fafafb url("https://img.officetimeline.com/website/Content/website/common/background/third-gray-triangle.svg") no-repeat top center/cover; }
  @media (max-width: 767.98px) {
    .header--success {
      -o-background-size: contain;
         background-size: contain; } }
  @media screen and (max-width: 315px) {
    .header--success {
      background: #fafafb url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-header-generic-small.svg") no-repeat top center; } }
  .header--success h1 {
    font-size: 40px; }
  @media (min-width: 992px) {
    .header--success h2 {
      font-size: 36px;
      line-height: 48px; } }
  @media (max-width: 991.98px) {
    .header--success .header__title {
      margin-bottom: 8px; }
      .header--success .header__title h1 {
        margin-bottom: 24px; } }

.img-extend {
  width: 20px;
  margin-right: 5px;
  margin-bottom: 5px; }

.line-through {
  text-decoration: line-through; }

.text-black-price {
  color: #282832; }

.checkout-steps-container {
  position: relative; }
  @media (min-width: 992px) {
    .checkout-steps-container {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 83.33333%;
              flex: 0 0 83.33333%;
      max-width: 83.33333%;
      margin: auto;
      background: #fff; } }
  .checkout-steps-container .checkout-spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.2); }
    .checkout-steps-container .checkout-spinner-layer .checkout-spinner-layer-center {
      display: block;
      width: 84px;
      margin: 0 auto;
      position: relative;
      top: 47%; }
  @media (min-width: 576px) {
    .checkout-steps-container #review-cart-header .review-cart-nav-icons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }
  .checkout-steps-container #review-cart-header .review-cart-nav-icons button:last-child {
    margin-left: 10px; }
    @media (max-width: 767.98px) {
      .checkout-steps-container #review-cart-header .review-cart-nav-icons button:last-child {
        margin-top: 7px; } }
  @media screen and (max-width: 575px) {
    .checkout-steps-container #review-cart-header .review-cart-nav-icons button {
      line-height: 16px; } }
  @media screen and (max-width: 575px) {
    .checkout-steps-container #review-cart-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .checkout-steps-container #review-cart-header .checkout-step__title .step-number {
        height: 45%; }
      .checkout-steps-container #review-cart-header.validated .step-number {
        height: 70%; }
      .checkout-steps-container #review-cart-header.current .step-number {
        height: 50%; }
      .checkout-steps-container #review-cart-header.current .stepNumberAligned {
        height: 85%; }
      .checkout-steps-container #review-cart-header .checkout-step__title-right {
        margin-right: auto;
        margin-top: 10px; }
        .checkout-steps-container #review-cart-header .checkout-step__title-right .review-cart-nav-icons {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
             -moz-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
      @media screen and (max-width: 575px) and (max-width: 370px) {
        .checkout-steps-container #review-cart-header .checkout-step__title-right .review-cart-nav-icons {
          margin-left: -2em; } }
  @media screen and (max-width: 575px) {
        .checkout-steps-container #review-cart-header .checkout-step__title-right button {
          padding: 5px 8px;
          min-width: 120px; } }
      @media screen and (max-width: 575px) and (max-width: 430px) {
        .checkout-steps-container #review-cart-header .checkout-step__title-right button {
          min-width: 90px; } }

.checkout-step {
  width: 100%; }
  .checkout-step__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 26px 0;
    padding-left: -moz-calc(100% / 9 * 1);
    padding-left: calc(100% / 9 * 1);
    padding-right: -moz-calc(100% / 30 * 1);
    padding-right: calc(100% / 30 * 1);
    position: relative;
    border-bottom: 1px solid #dcdcde;
    background: #fafafb; }
    @media (max-width: 767.98px) {
      .checkout-step__header {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: -moz-calc(100% / 5 * 1);
        padding-left: calc(100% / 5 * 1); } }
    .checkout-step__header.validated:not(.validated-default-cursor):hover, .checkout-step__header.currentLogicalStep:not(.current):not(.validated-default-cursor):hover {
      cursor: pointer !important; }
      .checkout-step__header.validated:not(.validated-default-cursor):hover .checkout-step__title, .checkout-step__header.currentLogicalStep:not(.current):not(.validated-default-cursor):hover .checkout-step__title {
        text-decoration: underline; }
      .checkout-step__header.validated:not(.validated-default-cursor):hover .btn-circle, .checkout-step__header.currentLogicalStep:not(.current):not(.validated-default-cursor):hover .btn-circle {
        cursor: pointer; }
    .checkout-step__header .btn {
      margin-bottom: 0;
      text-transform: none; }
      .checkout-step__header .btn:disabled {
        opacity: 0.5; }
    .checkout-step__header .btn-circle {
      background: transparent;
      color: #000;
      -webkit-box-shadow: none;
              box-shadow: none;
      width: 30px;
      height: 30px;
      text-align: center;
      padding: 6px 0;
      font-size: 12px;
      line-height: 1.428571429;
      border-radius: 15px;
      cursor: default; }
      .checkout-step__header .btn-circle .checked-icon {
        background: url("https://img.officetimeline.com/website/Content/images/icons/check.svg") no-repeat center;
        -o-background-size: 20px;
           background-size: 20px;
        width: 36px;
        min-width: 36px;
        height: 36px;
        min-height: 36px; }
    .checkout-step__header .btn-circle.btn-lg {
      width: 36px;
      min-width: 36px;
      height: 36px;
      min-height: 36px;
      padding: 9px 11px 9px 15px;
      font-size: 16px;
      line-height: 1.33;
      border-radius: 18px; }
      @media (max-width: 767.98px) {
        .checkout-step__header .btn-circle.btn-lg {
          margin-left: -moz-calc(100% / 3 * 1);
          margin-left: calc(100% / 3 * 1); } }
      @media (max-width: 575.98px) {
        .checkout-step__header .btn-circle.btn-lg {
          margin-left: -moz-calc(100% / 1 * 1);
          margin-left: calc(100% / 1 * 1); } }
      .checkout-step__header .btn-circle.btn-lg .check {
        margin-right: 3px; }
    .checkout-step__header .btn-circle-default {
      font-size: 16px;
      font-weight: bold;
      position: relative;
      right: 5.5px;
      top: 0px;
      vertical-align: top; }
      .checkout-step__header .btn-circle-default span {
        font-weight: normal;
        font-size: 20px;
        line-height: 32px;
        position: relative;
        right: 2.5px; }
  .checkout-step__title {
    font-size: 24px; }
    .checkout-step__title > .step-number {
      width: -moz-calc(100% / 8 * 1);
      width: calc(100% / 8 * 1);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    @media (max-width: 767.98px) {
      .checkout-step__title {
        font-size: 16px; } }
  @media (min-width: 576px) {
    .checkout-step__title-price {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }
  .checkout-step__title-price__money {
    font-size: 24px;
    display: block; }
    @media screen and (max-width: 310px) {
      .checkout-step__title-price__money {
        margin-left: 3px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; } }
  @media screen and (max-width: 310px) {
    .checkout-step__title-price {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }
  .checkout-step__content {
    display: none;
    background: #fff; }
    @media (max-width: 767.98px) {
      .checkout-step__content .success {
        padding: 20px 25px; } }
    .checkout-step__content.is-visible {
      display: block; }
    .checkout-step__content__inner {
      width: 100%;
      margin: auto;
      padding-top: 40px;
      padding-bottom: 40px;
      padding-left: 16px;
      padding-right: 16px; }
      @media (min-width: 992px) {
        .checkout-step__content__inner {
          max-width: -moz-calc(80%);
          max-width: calc(80%); } }
      @media (max-width: 991.98px) {
        .checkout-step__content__inner {
          padding-top: 30px;
          padding-bottom: 30px; } }
      .checkout-step__content__inner #login-or-register-form {
        margin: auto; }
        @media (min-width: 768px) {
          .checkout-step__content__inner #login-or-register-form {
            width: 100%;
            max-width: 435px; } }
      .checkout-step__content__inner .btn-next-container {
        text-align: right; }
        @media screen and (max-width: 575px) {
          .checkout-step__content__inner .btn-next-container {
            text-align: center; }
            .checkout-step__content__inner .btn-next-container .btn-next {
              min-width: 100px; } }
    .checkout-step__content [type=checkbox] + label {
      cursor: pointer; }
  .checkout-step__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 575px) {
      .checkout-step__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .checkout-step__actions .btn-next {
          margin-top: 20px;
          min-width: 100px; } }
  .checkout-step input:required {
    -webkit-box-shadow: none;
            box-shadow: none; }

.items-reference {
  padding: 0 0 40px 0; }
  .items-reference .checkout-reference {
    border-bottom: 1px solid #dcdcde;
    padding: 0 0 32px 0;
    margin-top: -5px; }

.checkout-item:first-child:not(:empty) {
  padding-top: 0; }

.checkout-item:first-child:empty {
  margin-bottom: -40px; }

.checkout-item:not(:empty) {
  padding: 40px 0;
  border-bottom: 1px solid #dcdcde; }

@media (max-width: 767.98px) {
  .checkout-item {
    padding: 20px 0; } }

.checkout-item__data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 767.98px) {
    .checkout-item__data .custom-switch-container {
      width: 100%;
      margin: 20px 0; } }
  .checkout-item__data .custom-switch-container .custom-switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.checkout-item__name {
  width: 100%;
  margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .checkout-item__name {
      width: 50%; }
      .checkout-item__name strong {
        display: block; } }
  @media (max-width: 767.98px) {
    .checkout-item__name {
      width: 100%; } }

.checkout-item__expiration {
  color: #96969c; }
  .checkout-item__expiration.valid-until {
    color: #000;
    font-weight: bold;
    padding-top: 18px; }

.checkout-item__amount {
  position: relative;
  margin-left: auto;
  max-width: 120px; }
  .checkout-item__amount .form-control {
    min-width: 120px; }
    .checkout-item__amount .form-control:not(:disabled) {
      cursor: pointer; }
    .checkout-item__amount .form-control.ie {
      height: 50px;
      top: 5px;
      border: none;
      padding-top: 2px;
      padding-bottom: 10px;
      left: 5px; }
  @media (max-width: 991.98px) {
    .checkout-item__amount {
      margin-left: 0; } }
  .checkout-item__amount .qty-select {
    top: 0;
    left: 0;
    font-size: 18px; }
    .checkout-item__amount .qty-select:disabled {
      background: #FFFFFF;
      border: 1px solid #dcdcde;
      pointer-events: auto; }
      @media not all and (min-resolution: 0.001dpcm) {
        @supports (-webkit-appearance: none) {
          .checkout-item__amount .qty-select:disabled {
            visibility: collapse; } } }
      .checkout-item__amount .qty-select:disabled + input.qty-input, .checkout-item__amount .qty-select:disabled.ie + input.qty-input {
        width: 100%;
        border: 1px solid #dcdcde;
        top: 0;
        left: 0;
        height: 56px;
        cursor: auto; }
      .checkout-item__amount .qty-select:disabled + input:disabled {
        background: #f3f3f4; }
        .checkout-item__amount .qty-select:disabled + input:disabled[data-plan='basic'] {
          background: #FFFFFF;
          cursor: not-allowed; }
  .checkout-item__amount .qty-input {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 82px !important;
    width: 82px;
    padding: 15px;
    border-right: none;
    font-size: 18px;
    text-align: center; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .checkout-item__amount .qty-input {
        min-width: 76px !important;
        width: 76px; } }
    .checkout-item__amount .qty-input:active, .checkout-item__amount .qty-input:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .checkout-item__amount .qty-input:disabled {
      border: 0;
      background: #FFFFFF;
      opacity: 1;
      width: -moz-calc(100% - 2px);
      width: calc(100% - 2px);
      height: -moz-calc(100% - 2px);
      height: calc(100% - 2px);
      left: 1px;
      top: 1px;
      pointer-events: all;
      cursor: not-allowed; }
  .checkout-item__amount > .popover.add-license__custom-desktop {
    display: none; }
  .checkout-item__amount.tooltip-checkout > .popover.add-license__custom-desktop {
    display: none; }
    @media screen and (min-width: 1200px) {
      .checkout-item__amount.tooltip-checkout > .popover.add-license__custom-desktop {
        display: block;
        width: 300px;
        height: auto;
        position: absolute;
        top: -72px;
        left: -moz-calc(-50% - 20px);
        left: calc(-50% - 20px); }
        .checkout-item__amount.tooltip-checkout > .popover.add-license__custom-desktop.nl {
          top: -50px; }
        .checkout-item__amount.tooltip-checkout > .popover.add-license__custom-desktop > .arrow {
          left: -moz-calc(50% - 8px);
          left: calc(50% - 8px); } }

.checkout-item__price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1.2;
  position: relative; }
  .checkout-item__price span + span {
    padding-top: 10px; }
  @media (min-width: 768px) {
    .checkout-item__price {
      width: -moz-calc(100% / 8 * 2);
      width: calc(100% / 8 * 2); } }
  .checkout-item__price .price-with-discount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }

.checkout-item__old-price {
  text-decoration: line-through; }

.checkout-item__new-price {
  font-size: 24px;
  font-weight: 300; }

.checkout-item__delete {
  position: absolute;
  left: 115%;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 20px; }
  @media (max-width: 991.98px) {
    .checkout-item__delete {
      position: relative;
      left: auto;
      top: auto;
      -webkit-transform: none;
         -moz-transform: none;
           -o-transform: none;
              transform: none;
      padding-top: 20px; } }
  .checkout-item__delete img {
    display: block;
    width: 100%; }
  .checkout-item__delete:hover {
    opacity: 1; }

.checkout-item--coterm {
  padding-bottom: 0 !important;
  position: relative; }
  @media (max-width: 991.98px) {
    .checkout-item--coterm {
      margin-left: 15px; } }
  .checkout-item--coterm:before {
    content: "";
    display: block;
    width: 16px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.418 7.273L7.575 0l4.157 7.273H8.295v7.556c0 1.22-.51 2.4-1.19 3.442-.687 1.05-1.588 2.022-2.469 2.844a27.323 27.323 0 01-3.447 2.718l-.061.04-.017.01-.005.004h-.001s-.001.001-.385-.614l.385.615a.717.717 0 01-.994-.227.732.732 0 01.225-1.003l.003-.002.013-.008.053-.035c.047-.03.117-.078.208-.14a25.85 25.85 0 003.046-2.427c.833-.777 1.645-1.66 2.244-2.577.604-.923.952-1.82.952-2.64V7.273H3.418zM8.52 18.903a.715.715 0 011.015-.09l4.608 3.902a.732.732 0 01.089 1.025.715.715 0 01-1.015.09L8.61 19.928a.732.732 0 01-.089-1.025z' fill='%2341B770'/%3E%3C/svg%3E");
    top: 41px;
    position: absolute;
    left: -24px; }

.coterm-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #96969c;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
  padding-bottom: 5px;
  cursor: pointer; }
  .coterm-toggle:hover {
    color: #1e1e26; }
  .coterm-toggle svg {
    -webkit-transform-origin: center center;
       -moz-transform-origin: center center;
         -o-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1); }
  .coterm-toggle.active svg {
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none; }

.coterm-expander {
  display: none;
  padding-left: 30px;
  left: -30px;
  position: relative;
  width: -moz-calc(100% + 30px);
  width: calc(100% + 30px);
  color: #96969c; }
  .coterm-expander .checkout-item {
    border-bottom: 0;
    border-top: 1px solid #dcdcde;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    @media (max-width: 991.98px) {
      .coterm-expander .checkout-item {
        margin-left: 15px; } }
    .coterm-expander .checkout-item:not(:empty) {
      padding: 24px 0 24px 0; }
    .coterm-expander .checkout-item:not(:empty):before {
      content: '';
      width: 16px;
      height: 24px;
      position: absolute;
      top: 26px;
      left: -24px;
      background-image: url("data:image/svg+xml,%3Csvg width='15' height='24' viewBox='0 0 15 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.41761 7.2728L7.57458 0L11.7316 7.2728H8.29459V14.8294C8.29459 16.0496 7.78581 17.2285 7.10438 18.2707C6.41827 19.3201 5.51657 20.2926 4.63622 21.1151C3.75298 21.9402 2.87282 22.6312 2.21506 23.1152C1.88555 23.3577 1.6103 23.5493 1.41636 23.681C1.31936 23.7469 1.24259 23.7979 1.18943 23.8328L1.12778 23.873L1.111 23.8838L1.10626 23.8868L1.10482 23.8877C1.10482 23.8877 1.104 23.8882 0.720102 23.273L1.10482 23.8877C0.76841 24.1019 0.323001 24.0005 0.110979 23.6607C-0.101008 23.321 -0.000243702 22.872 0.336028 22.6578L0.339137 22.6558L0.351747 22.6477L0.40473 22.6131C0.451977 22.5821 0.522475 22.5354 0.612897 22.4739C0.793813 22.3511 1.05408 22.1699 1.36717 21.9395C1.99462 21.4779 2.82809 20.823 3.65846 20.0472C4.49173 19.2687 5.30366 18.3854 5.90277 17.4691C6.50655 16.5457 6.85457 15.6492 6.85457 14.8294V7.2728H3.41761Z' fill='%23B9B9BD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.52018 18.903C8.77566 18.5952 9.22979 18.5548 9.53451 18.8129L14.1426 22.7154C14.4473 22.9734 14.4872 23.4322 14.2317 23.74C13.9762 24.0478 13.5221 24.0881 13.2174 23.83L8.60933 19.9275C8.30461 19.6695 8.26469 19.2108 8.52018 18.903Z' fill='%23B9B9BD'/%3E%3C/svg%3E%0A"); }
    .coterm-expander .checkout-item__data {
      width: 100%; }
      .coterm-expander .checkout-item__data .color-brand-sec {
        color: #ACD998; }
    .coterm-expander .checkout-item__data-coterm span {
      display: block; }

.checkout-totals {
  padding: 40px 0; }
  .checkout-totals p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 0;
    height: 40px; }
  .checkout-totals__final p > :last-child {
    font-size: 24px; }

.review-container {
  overflow: visible !important; }
  .review-container .renew-orderline-type {
    width: 20px;
    height: 26px;
    float: left;
    margin: 2px 5px 0 0; }
  .review-container .product-key {
    color: #51B160;
    font-family: Segoe UI,sans-serif;
    font-weight: 600;
    font-size: 14px; }
  .review-container .valid-until-date {
    color: #ebb51d;
    padding: 8px 12px;
    background: #fdf7e5;
    font-family: Segoe UI, sans-serif;
    font-weight: 600;
    font-size: 14px; }
  .review-container .spinner:after {
    left: -30px; }
    @media (max-width: 991.98px) {
      .review-container .spinner:after {
        left: 150px; } }

#add-new-credit-card input::-webkit-input-placeholder {
  color: #A7A7A7; }

#add-new-credit-card input:-moz-placeholder {
  color: #A7A7A7; }

#add-new-credit-card input::-moz-placeholder {
  color: #A7A7A7; }

#add-new-credit-card input:-ms-input-placeholder {
  color: #A7A7A7; }

#add-new-credit-card input::-ms-input-placeholder {
  color: #A7A7A7; }

#add-new-credit-card input::placeholder {
  color: #A7A7A7; }

#add-new-credit-card .StripeElement--invalid {
  border: 1px solid #EB184B;
  background: #FEF3F6; }

#add-new-credit-card .StripeElement .__PrivateStripeElement {
  width: 100%; }

#add-new-credit-card .card-number-container {
  padding: 0; }
  #add-new-credit-card .card-number-container #card-number {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 32px 0 16px; }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      #add-new-credit-card .card-number-container #card-number {
        padding-left: 8px; } }
    #add-new-credit-card .card-number-container #card-number:not(.StripeElement--empty) + .brand {
      color: black; }
  #add-new-credit-card .card-number-container .brand {
    color: #B0B0B0;
    position: absolute;
    right: 21px;
    top: 44px; }
    @media (max-width: 992px) {
      #add-new-credit-card .card-number-container .brand {
        top: 40px; } }

.mini-footer {
  text-align: center;
  font-size: 12px;
  margin-top: 20px; }
  .mini-footer a {
    color: #1e1e26;
    padding: 0 4px; }

.invoice {
  background: #fff;
  padding: 30px 15px;
  width: 100%; }
  .invoice h1 {
    font-size: 40px; }
  @media (min-width: 992px) {
    .invoice {
      margin: auto;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 83.33333%;
              flex: 0 0 83.33333%;
      max-width: 83.33333%;
      padding: 100px -moz-calc(100% / 10 - 32px);
      padding: 100px calc(100% / 10 - 32px);
      padding-bottom: 40px; } }
  .invoice__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 991.98px) {
      .invoice__header {
        display: block; } }
  .invoice__contact {
    font-size: 16px; }
  @media (max-width: 1199.98px) {
    .invoice__actions {
      margin-bottom: 30px; }
      .invoice__actions .btn {
        margin-right: 5px;
        margin-bottom: 10px; } }
  .invoice__owner {
    line-height: 1.6; }
    .invoice__owner .note {
      display: block; }
    .invoice__owner p {
      margin-bottom: 40px; }
  .invoice__product {
    border-top: 1px solid #dcdcde;
    padding-top: 40px; }
    .invoice__product.orderline table {
      border-collapse: separate;
      border-spacing: 0 1em; }
    .invoice__product.orderline td:first-child {
      color: #96969C;
      font-size: 14px; }
    .invoice__product.orderline td:last-child {
      color: #282832;
      font-size: 16px; }
  .invoice__product-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px; }
    .invoice__product-title h5 {
      margin-bottom: 0; }
    @media (max-width: 767.98px) {
      .invoice__product-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .invoice__product-title h5 {
          -webkit-align-self: flex-start;
              -ms-flex-item-align: start;
                  align-self: flex-start;
          margin-bottom: 25px;
          font-weight: bold;
          font-size: 16px; } }
  .invoice__info {
    width: 100%;
    padding: 0; }
    .invoice__info li {
      width: 100%;
      margin-bottom: 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-right: -8px;
      margin-left: -8px; }
      .invoice__info li div.coterm-expander {
        width: 100%; }
        .invoice__info li div.coterm-expander .checkout-item {
          display: block; }
          .invoice__info li div.coterm-expander .checkout-item .invoice__info {
            margin-top: 15px; }
      .invoice__info li span.note {
        font-size: 14px;
        background-color: #fff;
        padding: 0 8px;
        color: #96969C;
        width: auto !important;
        position: relative;
        width: 100%;
        padding-right: 8px;
        padding-left: 8px; }
        @media (min-width: 768px) {
          .invoice__info li span.note {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 33.33333%;
               -moz-box-flex: 0;
                -ms-flex: 0 0 33.33333%;
                    flex: 0 0 33.33333%;
            max-width: 33.33333%; } }
      .invoice__info li span.invoice__info-text {
        width: auto !important;
        position: relative;
        width: 100%;
        padding-right: 8px;
        padding-left: 8px;
        padding-right: 54px; }
        @media (min-width: 768px) {
          .invoice__info li span.invoice__info-text {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 58.33333%;
               -moz-box-flex: 0;
                -ms-flex: 0 0 58.33333%;
                    flex: 0 0 58.33333%;
            max-width: 58.33333%; } }
      .invoice__info li.invoice__totals:first-child {
        padding-top: 20px; }
      .invoice__info li.invoice__totals:last-child {
        margin-bottom: 36px; }
    .invoice__info.new-style {
      margin-bottom: 0; }
      .invoice__info.new-style li {
        margin-bottom: 9px; }
        .invoice__info.new-style li:last-child {
          margin-bottom: 0; }
  .invoice__totals {
    padding-top: 40px;
    border-top: 1px solid #dcdcde; }
    @media (min-width: 315px) and (max-width: 767.98px) {
      .invoice__totals .invoice__info-text {
        margin-left: 30px; } }
  .invoice__single-total.invoice__info-text {
    font-size: 24px !important; }
  .invoice__key {
    position: relative;
    padding-right: 54px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 80%; }
    @media (max-width: 991.98px) {
      .invoice__key {
        max-width: 100%; } }
    .invoice__key .btn-round {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      margin-left: 10px;
      width: 48px;
      height: 48px; }
    .invoice__key .copy-key {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      left: auto;
      right: 0;
      z-index: 10; }
  .invoice__quote-padding {
    padding-bottom: 20px; }
  .invoice .billing-info span:first-child {
    color: #96969C;
    font-size: 14px;
    font-weight: normal;
    width: 350px; }
  .invoice .billing-info span:last-child {
    color: #282832;
    font-size: 14px;
    font-weight: normal;
    max-height: 150px;
    overflow-wrap: break-word;
    overflow: hidden;
    display: block; }
  .invoice .loading {
    display: none; }

.invoice-footer {
  text-align: center;
  margin: 23px; }

.popover .checked-icon {
  position: absolute;
  width: 20px;
  height: 15px;
  margin-top: 3px;
  background-image: url("https://img.officetimeline.com/website/Content/images/icons/sharebasket-link-copied.svg"); }

.popover .checked-link {
  color: #4C88BE;
  font-weight: 800;
  margin: 5px;
  text-decoration: underline;
  cursor: pointer; }

@media screen and (max-width: 575px) {
  .popover .popover-body {
    padding: 0 5px;
    max-width: 150px; } }

.returns-page__thumb {
  margin-bottom: 70px; }
  @media (max-width: 991.98px) {
    .returns-page__thumb {
      margin-bottom: 32px; } }

@media (min-width: 768px) {
  .returns-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .returns-page__thumb {
      margin-right: 50px; }
    .returns-page__text {
      max-width: 820px; } }

.licence-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .licence-page__content {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px; }
    @media (min-width: 992px) {
      .licence-page__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
  .licence-page__toc {
    display: none;
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    display: none;
    padding: 40px;
    background: #f3f3f4; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .licence-page__toc {
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease; } }
    @supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
      .licence-page__toc {
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease; } }
    @media (min-width: 992px) {
      .licence-page__toc {
        display: block;
        margin-left: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%; } }

@media (max-width: 991.98px) {
  .header--account .container {
    min-height: 0;
    padding-top: 52px;
    padding-bottom: 40px; } }

.header--account form {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .header--account form {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 66.66667%;
              flex: 0 0 66.66667%;
      max-width: 66.66667%; } }
  @media (min-width: 576px) and (max-width: 991.98px) {
    .header--account form {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 83.33333%;
              flex: 0 0 83.33333%;
      max-width: 83.33333%; } }
  @media (max-width: 767.98px) {
    .header--account form {
      margin-top: 10px; } }
  .header--account form .search_field {
    display: -webkit-inline-flex;
    display: inline-flex;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    border: 1px solid #ccc;
    background: #FFFFFF;
    padding: 12px 24px 12px 32px; }
    @media (max-width: 767.98px) {
      .header--account form .search_field {
        padding: 12px 14px 12px 22px; } }
  .header--account form .search_field input {
    border: none;
    padding-right: 40px;
    width: 510px; }
    .header--account form .search_field input::-ms-clear {
      display: none; }
    @media (max-width: 1199.98px) {
      .header--account form .search_field input {
        width: 370px; } }
    @media (max-width: 991.98px) {
      .header--account form .search_field input {
        width: 330px; } }
    @media (max-width: 767.98px) {
      .header--account form .search_field input {
        width: 200px;
        padding-right: 0px; } }
  .header--account form .search_field a {
    padding-left: 5px;
    padding-right: 5px; }

.my-account-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .my-account-page__content {
    width: 100%; }
    @media (min-width: 992px) {
      .my-account-page__content {
        position: relative;
        width: 100%;
        padding-right: 8px;
        padding-left: 8px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    .my-account-page__content .alert {
      margin-bottom: 0;
      -webkit-animation: fadeIn 1s;
         -moz-animation: fadeIn 1s;
           -o-animation: fadeIn 1s;
              animation: fadeIn 1s; }
    .my-account-page__content + .sidebar__toc .toc li a {
      color: #1E1E26; }
    .my-account-page__content + .sidebar__toc .toc li.active {
      border-left: 4px solid #c14728;
      padding-left: 10px; }
  .my-account-page__box {
    background: #fff;
    padding: 44px 105px;
    margin-bottom: 40px; }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .my-account-page__box {
        padding-left: 70px;
        padding-right: 70px; } }
    .my-account-page__box--smallpadding {
      padding: 44px; }
      @media (min-width: 768px) and (max-width: 1199.98px) {
        .my-account-page__box--smallpadding {
          padding-left: 10px;
          padding-right: 10px; } }
    @media (max-width: 991.98px) {
      .my-account-page__box {
        padding-left: 16px;
        padding-right: 16px; }
        .my-account-page__box--emailprefs {
          padding-left: 64px; } }
    .my-account-page__box .control-label {
      font-size: 14px;
      color: #96969c; }
      .my-account-page__box .control-label__center {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                align-self: center; }
      .my-account-page__box .control-label span {
        color: #1e1e26; }
    .my-account-page__box .alert {
      margin-bottom: 40px;
      -webkit-animation: fadeIn 1s;
      -moz-animation: fadeIn 1s;
      -o-animation: fadeIn 1s;
      animation: fadeIn 1s; }
    .my-account-page__box .card-info .credit-card-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .my-account-page__box .btn:focus {
      outline: none; }
  .my-account-page .unexpected-error {
    margin: 0; }
    .my-account-page .unexpected-error .modal__close {
      top: 23px; }
  .my-account-page.bottom-space {
    margin-bottom: 40px; }

.subscribe-option {
  margin-bottom: 40px;
  margin-left: -50px; }
  .subscribe-option .custom-switch {
    cursor: default; }
    .subscribe-option .custom-switch__slider {
      cursor: pointer; }
  .subscribe-option__status {
    padding-left: 50px;
    color: #96969c;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1; }
  .subscribe-option p {
    padding-bottom: 40px;
    border-bottom: 1px solid #dcdcde;
    margin-bottom: 0; }

.subscribe-actions {
  padding-left: 50px;
  margin-left: -50px; }
  .subscribe-actions a.unsubscribe-all {
    color: #41b770; }
    .subscribe-actions a.unsubscribe-all:active, .subscribe-actions a.unsubscribe-all:focus, .subscribe-actions a.unsubscribe-all:hover {
      background: #41b770;
      color: #fff; }

.account-notification {
  width: 100%;
  padding: 16px 16px 16px 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .account-notification.renew-box {
    background: #FFFCC7 url("https://img.officetimeline.com/website/Content/images/icons/icn-warning.svg") no-repeat 18px center; }
  .account-notification.expired-box {
    background: #FDE8ED url("https://img.officetimeline.com/website/Content/images/icons/expired-subscription-slim.svg") no-repeat 22px center;
    -o-background-size: 20px;
       background-size: 20px; }
  .account-notification.cotermed-box {
    background: #CCFFED url("https://img.officetimeline.com/website/Content/images/icons/test-co-term-icon.svg") no-repeat 22px center;
    -o-background-size: 22px;
       background-size: 22px; }
  .account-notification.upgrade-to-pro-box {
    background: #CCFFED url("https://img.officetimeline.com/website/Content/images/icons/check.svg") no-repeat 23px center;
    -o-background-size: 20px;
       background-size: 20px; }
  .account-notification.upgrade-to-pmo-box {
    background: #ADFAEA url("https://img.officetimeline.com/website/Content/images/icons/check.svg") no-repeat 23px center;
    -o-background-size: 20px;
       background-size: 20px; }
  .account-notification.upgrade-general {
    background: #EAF8F0 url("https://img.officetimeline.com/website/Content/images/icons/green-shopping-cart-plus.svg") no-repeat 23px center;
    -o-background-size: 24px;
       background-size: 24px; }
  .account-notification.refunded-box {
    background: #CCFFED url("https://img.officetimeline.com/website/Content/images/icons/check.svg") no-repeat 23px center;
    -o-background-size: 20px;
       background-size: 20px; }
  .account-notification.order-alert-box {
    background: #FDE8ED url("https://img.officetimeline.com/website/Content/images/icons/expired-subscription-slim.svg") no-repeat 22px center;
    -o-background-size: 24px;
       background-size: 24px;
    display: none; }
    .account-notification.order-alert-box.pending-order-alert, .account-notification.order-alert-box.pending-payment-alert {
      background: #FDE8ED url("https://img.officetimeline.com/website/Content/images/icons/alert-triangle.svg") no-repeat 22px 30px;
      padding: 24px 34px 24px 65px; }
      @media (max-width: 1199.98px) {
        .account-notification.order-alert-box.pending-order-alert, .account-notification.order-alert-box.pending-payment-alert {
          padding: 44px 24px 24px;
          background-position: 22px 24px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .account-notification.order-alert-box.pending-order-alert > *, .account-notification.order-alert-box.pending-payment-alert > * {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 100%;
               -moz-box-flex: 1;
                -ms-flex: 1 0 100%;
                    flex: 1 0 100%; } }
  .account-notification.alert {
    margin-bottom: 0; }
    .account-notification.alert .modal__close {
      position: relative;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      margin: 0 20px 0 40px;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
         -moz-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
      @media (max-width: 991.98px) {
        .account-notification.alert .modal__close {
          position: absolute;
          top: 27px; } }
    .account-notification.alert.pending-order-alert .modal__close, .account-notification.alert.pending-payment-alert .modal__close {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 18px;
      height: 18px;
      margin: 0; }
      @media (max-width: 1199.98px) {
        .account-notification.alert.pending-order-alert .modal__close, .account-notification.alert.pending-payment-alert .modal__close {
          top: 21px; } }
    @media (max-width: 1199.98px) {
      .account-notification.alert.pending-order-alert > p, .account-notification.alert.pending-payment-alert > p {
        margin-bottom: 16px; } }
  .account-notification p {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    margin-right: 16px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    .account-notification p strong, .account-notification p span {
      display: block;
      width: 100%; }
    @media (max-width: 575.98px) {
      .account-notification p {
        -webkit-flex-basis: 10%;
            -ms-flex-preferred-size: 10%;
                flex-basis: 10%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
           -moz-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }
  .account-notification.cotermed-box p {
    display: block; }
    .account-notification.cotermed-box p > strong {
      display: inline;
      width: auto; }
  .account-notification .btn {
    min-width: 150px;
    max-width: 150px;
    margin: 0 5px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    .account-notification .btn:focus {
      outline: none; }
    .account-notification .btn > .btn.btn-renew-plus-to-plus {
      margin: 0; }
    .account-notification .btn.basic-disabled {
      padding: 0; }
    @media (min-width: 1200px) {
      .account-notification .btn:last-child {
        margin-right: 0; } }
    @media (max-width: 575.98px) {
      .account-notification .btn {
        width: 100%;
        min-width: 100px;
        max-width: 100%;
        font-size: 12px; }
        .account-notification .btn.btn--secondary.js-open-modal, .account-notification .btn.btn--secondary.disable-and-show-loading-click {
          font-size: 16px; } }
  @media (max-width: 767.98px) {
    .account-notification {
      padding-left: 66px;
      background-position: 20px center !important; }
      .account-notification.pending-order-alert, .account-notification.pending-payment-alert {
        background-position: 22px 18px !important; } }
  @media (max-width: 575.98px) {
    .account-notification {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      background-position: 16px 16px !important;
      padding: 16px 16px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .account-notification p {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
        padding: 40px 0 0 4px;
        text-align: left; }
        .account-notification p.upgrade-text {
          padding: 0 0 0 34px; }
      .account-notification .btn {
        -ms-grid-column-align: center;
            justify-self: center; } }
  @media (max-width: 1380px) {
    .account-notification .btn {
      margin-bottom: 7px; } }
  .account-notification .notification-actions {
    text-align: center;
    min-width: 42%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
    .account-notification .notification-actions.btn-container {
      min-width: 12%;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
         -moz-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      max-width: 400px; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .account-notification .notification-actions.btn-container--three {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
             -moz-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      @media (max-width: 575.98px) {
        .account-notification .notification-actions.btn-container {
          -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%;
          width: 100%;
          max-width: 100%;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
    .account-notification .notification-actions + .flex__braker {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      width: 100%;
      height: 0;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      display: none; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .account-notification .notification-actions + .flex__braker--three {
          display: block; } }
      @media (max-width: 767.98px) {
        .account-notification .notification-actions + .flex__braker--three {
          display: block; } }
      @media (max-width: 576px) {
        .account-notification .notification-actions + .flex__braker--two {
          display: block; } }
      @media (max-width: 408px) {
        .account-notification .notification-actions + .flex__braker--one {
          display: block; } }
  @media (max-width: 1200px) {
    .account-notification {
      /*flex-direction: column;*/ }
      .account-notification .notification-actions {
        padding-top: 16px; }
        .account-notification .notification-actions.btn-container {
          max-width: 100%; } }
  @media (max-width: 408px) {
    .account-notification .btn-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.input-personal-information {
  background-color: #f3f3f4; }

.input-personal-information:focus {
  background-color: white; }

.btn-personal-information {
  display: none; }

.input-login-information {
  background-color: #f3f3f4; }

.input-login-information:focus {
  background-color: white; }

.btn-login-information {
  display: none; }

/*.alert-notification {
    display: none;

    .alert-notification-container {
        background-color: #ffdca7;
        background-color: rgba(255, 220, 167, 0.24);
        color: #8D734A;
        padding: 20px 30px;
    }

    .alert-notification-container > svg {
        filter: invert(.5) sepia(1);
        position: relative;
        width: 25px;
        height: 25px;
        display: inline-block;
        top: 5px;
    }

    .alert-close {
        float: right;
        top: 10px;
    }

    .alert-title {
        font-size: 18px;
        display: inline-block;
        font-weight: 500;
        margin-left: 10px;
    }

    .alert-description {
        font-size: 16px;
        display: block;
        max-width: 90%;
        margin-left: 40px;
    }

    .alert-link {
        color: #51B160;
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
        max-width: 75%;
        margin-left: 40px;
    }
}*/
.notification-message-container {
  padding: 20px; }
  .notification-message-container.text-success {
    color: #3c763d; }
  .notification-message-container.text-danger {
    color: #eb184b; }

.account-subscription .editable-field.saving .loading {
  display: inline;
  margin-right: 1em;
  width: 2em;
  height: 2em; }

.account-subscription #add-card-section {
  margin-top: 10px; }
  .account-subscription #add-card-section .error {
    border-top: 1px solid #e0e0e0; }
  .account-subscription #add-card-section #add-new-credit-card {
    margin-top: 10px; }
    @media (max-width: 991.98px) {
      .account-subscription #add-card-section #add-new-credit-card #add-card {
        min-width: 160px; } }
    .account-subscription #add-card-section #add-new-credit-card #add-card-form {
      margin-bottom: -10px; }
      .account-subscription #add-card-section #add-new-credit-card #add-card-form .btn {
        min-width: 0; }

.account-subscription__data {
  margin: 16px 0;
  padding: 5px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0; }
  @media (min-width: 992px) {
    .account-subscription__data {
      padding: 20px 0 5px; } }
  @media (max-width: 767.98px) {
    .account-subscription__data {
      padding-top: 10px; }
      .account-subscription__data a.js-open-modal {
        font-size: 13px; } }
  .account-subscription__data .form-group {
    padding-top: 0;
    margin: 0 0 6px;
    min-height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .account-subscription__data .form-group--center {
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .account-subscription__data .form-group:last-child {
      margin: 0; }
    .account-subscription__data .form-group > p:first-child {
      padding-top: 12px; }
    .account-subscription__data .form-group label, .account-subscription__data .form-group p {
      font-size: 16px;
      margin: 0 0 2px; }
    .account-subscription__data .form-group label {
      line-height: 48px;
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start;
      margin-bottom: 0; }
    .account-subscription__data .form-group p {
      line-height: 24px; }
    .account-subscription__data .form-group a {
      cursor: pointer; }
    .account-subscription__data .form-group a.btn {
      color: #41b770;
      text-transform: uppercase; }
    .account-subscription__data .form-group a.btn:hover {
      background: #41b770;
      color: #fff; }
    .account-subscription__data .form-group > :first-child {
      width: -moz-calc(100% / 6 * 2);
      width: calc(100% / 6 * 2); }
    .account-subscription__data .form-group > :last-child {
      width: auto;
      margin-bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
         -moz-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .account-subscription__data .form-group .cancel-subscription-details,
    .account-subscription__data .form-group .save-subscription-details {
      display: none; }
    .account-subscription__data .form-group .stack {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-self: flex-start;
          -ms-flex-item-align: start;
              align-self: flex-start; }
      .account-subscription__data .form-group .stack p {
        width: 100%; }
        .account-subscription__data .form-group .stack p:first-child {
          margin-bottom: 0;
          padding-top: 12px; }
    .account-subscription__data .form-group .green-link {
      cursor: pointer;
      color: #41b770;
      font-size: 14px; }
      .account-subscription__data .form-group .green-link:hover {
        text-decoration: underline; }
    .account-subscription__data .form-group .form-control {
      height: 48px; }
      .account-subscription__data .form-group .form-control.new-style[disabled] {
        border-color: #FFFFFF;
        background: #FFFFFF;
        padding-left: 0;
        font-style: normal;
        color: #1E1E26; }
      .account-subscription__data .form-group .form-control.new-style {
        border-color: #D1D1D1;
        padding-left: 16px;
        color: #96969C;
        font-size: 16px;
        font-style: italic; }
        .account-subscription__data .form-group .form-control.new-style:focus {
          -webkit-box-shadow: none;
                  box-shadow: none; }
    .account-subscription__data .form-group .editable-field {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .account-subscription__data .form-group .editable-field a {
        min-width: auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 13px; }
        @media (min-width: 768px) {
          .account-subscription__data .form-group .editable-field a {
            line-height: 34px; } }
        .account-subscription__data .form-group .editable-field a.edit-subscription-details {
          display: inline; }
      .account-subscription__data .form-group .editable-field input {
        width: 75%;
        height: 48px; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .account-subscription__data .form-group .editable-field input.email:not(:disabled) {
            width: 50%; } }
        .account-subscription__data .form-group .editable-field input.email::-ms-clear {
          display: none; }
      .account-subscription__data .form-group .editable-field .validation-error {
        display: none; }
      .account-subscription__data .form-group .editable-field .invalid {
        border-bottom: 1px solid #F44336;
        -webkit-box-shadow: 0 1px 0 0 #F44336;
        box-shadow: 0 1px 0 0 #F44336; }
      @media (max-width: 767.98px) {
        .account-subscription__data .form-group .editable-field.editable-email {
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
          .account-subscription__data .form-group .editable-field.editable-email .email {
            width: 100%; }
          .account-subscription__data .form-group .editable-field.editable-email div {
            margin: auto;
            margin-top: 5px; } }
    .account-subscription__data .form-group .sub__row {
      position: relative;
      width: 100%;
      min-height: 24px;
      padding-right: 60px; }
      .account-subscription__data .form-group .sub__row .copy-key {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        left: auto;
        right: 0;
        z-index: 10; }
    .account-subscription__data .form-group .no-margin {
      margin: 0; }
    @media (max-width: 991.98px) {
      .account-subscription__data .form-group {
        display: block;
        margin-bottom: 20px; }
        .account-subscription__data .form-group > :first-child,
        .account-subscription__data .form-group > :last-child {
          width: 100%; } }
    .account-subscription__data .form-group .fs-1 {
      font-size: 1rem; }
  .account-subscription__data .btn-round {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-left: 10px; }

@media (min-width: 768px) {
  .account-subscription .btn {
    min-width: 190px; } }

.account-subscription .form-group .custom-switch .auto-renew + .custom-switch__slider {
  margin-right: 0; }
  @media (max-width: 991.98px) {
    .account-subscription .form-group .custom-switch .auto-renew + .custom-switch__slider {
      margin-top: 0; } }

.subscription-box .loading {
  display: none; }

.subscription-box .plan-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 350px) {
    .subscription-box .plan-type--desc {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .subscription-box .plan-type .checkout-call {
    cursor: pointer;
    color: #41b770;
    word-wrap: break-word; }
    .subscription-box .plan-type .checkout-call:hover {
      text-decoration: underline; }
    .subscription-box .plan-type .checkout-call[data-button-disable='true'] {
      pointer-events: none; }

.subscription-box .validation-error {
  min-height: 0;
  margin: -15px 0 -40px 0;
  color: red;
  display: none; }

.subscription-box .color-orange {
  color: #FE7A0E; }

.subscriptions-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 991.98px) {
    .subscriptions-actions {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .subscriptions-actions a:first-child {
        margin-bottom: 20px; }
      .subscriptions-actions .btn {
        min-width: 192px; } }

.orders-table {
  width: 100%;
  margin-bottom: 32px; }
  .orders-table th {
    font-weight: bold;
    height: 48px; }
    .orders-table th:nth-child(4) {
      width: 170px; }
  .orders-table tr {
    border-bottom: 1px solid #dcdcde; }
  .orders-table th,
  .orders-table td {
    padding: 0 10px;
    vertical-align: middle; }
  .orders-table td {
    height: 96px; }
    .orders-table td .btn-round {
      opacity: 0; }
  .orders-table tr:hover td {
    background: #fbfbfc; }
  .orders-table tr:hover .btn-round {
    opacity: 1; }
  @media (min-width: 768px) {
    .orders-table .line-detail {
      float: right; }
    .orders-table td:nth-child(4) {
      width: 174px; } }
  @media (max-width: 1199.98px) {
    .orders-table td .btn-round {
      opacity: 1;
      float: right; } }
  @media (min-width: 576px) {
    .orders-table .orders-table__mobile {
      display: none; } }
  @media (max-width: 767.98px) {
    .orders-table .orders-table__header {
      display: none; }
    .orders-table tr {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 20px 0; }
    .orders-table td {
      padding-top: 10px;
      padding-bottom: 10px;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: block;
      height: auto; }
    .orders-table td:nth-child(1),
    .orders-table td:nth-child(2),
    .orders-table td:nth-child(4),
    .orders-table td:nth-child(5) {
      width: 50%;
      padding-top: 0; }
    .orders-table td:nth-child(2),
    .orders-table td:nth-child(5),
    .orders-table td:nth-child(6) {
      text-align: right; } }
  @media screen and (max-width: 767.98px) and (max-width: 390px) {
    .orders-table td:nth-child(2),
    .orders-table td:nth-child(5),
    .orders-table td:nth-child(6) {
      width: 30%; } }
  @media (max-width: 767.98px) {
    .orders-table td:nth-child(3) {
      width: 100%;
      padding-bottom: 20px; } }
  @media (max-width: 767.98px) and (max-width: 767.98px) {
    .orders-table td:nth-child(3) {
      padding-bottom: 10px; } }

.account-settings h5 {
  margin-bottom: 0; }
  .account-settings h5 + .row {
    margin-top: 20px; }

.account-settings .oto-warning {
  margin-top: 25px; }
  .account-settings .oto-warning .alert {
    margin-bottom: 20px;
    padding: 10px 20px; }
    .account-settings .oto-warning .alert span {
      font-weight: normal; }

@media (min-width: 992px) {
  .updates-page {
    width: -moz-calc(100% / 12 * 10);
    width: calc(100% / 12 * 10);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media (min-width: 992px) {
  .updates-page__left, .updates-page__right {
    width: -moz-calc(50% - 16px);
    width: calc(50% - 16px); } }

@media (max-width: 991.98px) {
  .updates-page__left {
    margin-bottom: 60px; } }

@media (max-width: 991.98px) {
  .updates-page.oto {
    display: block; } }

@media (min-width: 992px) {
  .updates-page.oto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; } }

.updates-history {
  position: relative;
  padding-left: -moz-calc(100% / 10 * 0.5);
  padding-left: calc(100% / 10 * 0.5); }
  .updates-history:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    width: 0;
    height: 100%;
    border-left: 1px dotted #979797; }
  @media (min-width: 992px) {
    .updates-history {
      width: -moz-calc(100% / 12 * 10);
      width: calc(100% / 12 * 10);
      margin-left: auto;
      margin-right: auto; } }

.update-item {
  padding-left: -moz-calc(100% / 10);
  padding-left: calc(100% / 10);
  position: relative;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 60px; }
  @media (min-width: 768px) {
    .update-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }
  .update-item__data {
    -webkit-flex-basis: calc(100% / 9 * 3);
        -ms-flex-preferred-size: calc(100% / 9 * 3);
            flex-basis: -moz-calc(100% / 9 * 3);
            flex-basis: calc(100% / 9 * 3); }
  .update-item__description {
    -webkit-flex-basis: calc(100% / 9 * 6);
        -ms-flex-preferred-size: calc(100% / 9 * 6);
            flex-basis: -moz-calc(100% / 9 * 6);
            flex-basis: calc(100% / 9 * 6); }
  .update-item:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #c14728;
    position: absolute;
    top: 2px;
    left: -12px;
    border: 5px solid #fff;
    display: block; }

.map-and-address {
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 767.98px) {
    .map-and-address {
      margin-bottom: 80px; } }

.contact-social a {
  margin-right: 10px;
  cursor: pointer; }
  .contact-social a svg path {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .contact-social a:hover {
    text-decoration: none; }
    .contact-social a:hover svg path {
      fill: #c14728; }

.contact-useful-resources a {
  display: inline-block;
  color: #1e1e26; }

.separator {
  display: inline-block;
  margin: 0 10px; }

.section--contact-form {
  background: url("https://img.officetimeline.com/website/Content/images/backgrounds/bg-section-contactform.svg") no-repeat center top/cover; }
  .section--contact-form .btn {
    min-width: 112px;
    text-transform: uppercase; }
  .section--contact-form .links-hover > a {
    display: inline-block;
    width: auto; }
  @media (max-width: 991.98px) {
    .section--contact-form .separator {
      display: none; }
    .section--contact-form .links-hover > a {
      display: block; } }

.container--about .row {
  margin-bottom: 80px; }
  @media (max-width: 991.98px) {
    .container--about .row {
      margin-bottom: 40px; } }

.container--about h2 {
  color: #c14728; }

.container--about p {
  margin-bottom: 40px; }

.login-container,
.reset-password-container,
.reset-password-confirmation-container {
  margin: auto;
  position: relative; }
  .login-container h2, .login-container .h2,
  .login-container h5, .login-container h5,
  .reset-password-container h2,
  .reset-password-container .h2,
  .reset-password-container h5,
  .reset-password-container h5,
  .reset-password-confirmation-container h2,
  .reset-password-confirmation-container .h2,
  .reset-password-confirmation-container h5,
  .reset-password-confirmation-container h5 {
    text-align: center; }
  .login-container h2, .login-container .h2,
  .reset-password-container h2,
  .reset-password-container .h2,
  .reset-password-confirmation-container h2,
  .reset-password-confirmation-container .h2 {
    font-size: 40px;
    margin-bottom: 33px; }
  .login-container h5, .login-container .h5,
  .reset-password-container h5,
  .reset-password-container .h5,
  .reset-password-confirmation-container h5,
  .reset-password-confirmation-container .h5 {
    margin-bottom: 48px; }
  @media (max-width: 767.98px) {
    .login-container .success,
    .reset-password-container .success,
    .reset-password-confirmation-container .success {
      padding: 20px 25px; } }
  @media (min-width: 992px) {
    .login-container,
    .reset-password-container,
    .reset-password-confirmation-container {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
         -moz-box-flex: 0;
          -ms-flex: 0 0 83.33333%;
              flex: 0 0 83.33333%;
      max-width: 83.33333%;
      margin-bottom: 40px; } }
  .login-container .link-wrapper,
  .reset-password-container .link-wrapper,
  .reset-password-confirmation-container .link-wrapper {
    margin-top: 16px; }

.login,
.reset-password,
.reset-password-confirmation {
  width: 100%;
  background: #fff;
  padding: 64px 16px;
  margin-bottom: 16px; }
  @media (min-width: 992px) {
    .login form,
    .reset-password form,
    .reset-password-confirmation form {
      width: -moz-calc(100% / 10 * 4);
      width: calc(100% / 10 * 4);
      margin-left: auto;
      margin-right: auto; } }
  .login form .btn,
  .reset-password form .btn,
  .reset-password-confirmation form .btn {
    min-width: 112px; }
  .login form .form-group,
  .reset-password form .form-group,
  .reset-password-confirmation form .form-group {
    padding-top: 0;
    margin-bottom: 64px; }
    @media (max-width: 991.98px) {
      .login form .form-group,
      .reset-password form .form-group,
      .reset-password-confirmation form .form-group {
        margin-bottom: 32px; } }
    .login form .form-group:last-of-type,
    .reset-password form .form-group:last-of-type,
    .reset-password-confirmation form .form-group:last-of-type {
      margin-bottom: 0; }
    .login form .form-group label,
    .reset-password form .form-group label,
    .reset-password-confirmation form .form-group label {
      color: #84848a; }
    .login form .form-group input::-ms-clear, .login form .form-group input::-ms-reveal,
    .reset-password form .form-group input::-ms-clear,
    .reset-password form .form-group input::-ms-reveal,
    .reset-password-confirmation form .form-group input::-ms-clear,
    .reset-password-confirmation form .form-group input::-ms-reveal {
      display: none; }
    .login form .form-group .password-viewer,
    .reset-password form .form-group .password-viewer,
    .reset-password-confirmation form .form-group .password-viewer {
      position: absolute;
      right: 12px;
      top: 55px;
      cursor: pointer;
      width: 24px;
      height: 24px; }
      @media (max-width: 991.98px) {
        .login form .form-group .password-viewer,
        .reset-password form .form-group .password-viewer,
        .reset-password-confirmation form .form-group .password-viewer {
          top: 47px; } }
      .login form .form-group .password-viewer.show-pass,
      .reset-password form .form-group .password-viewer.show-pass,
      .reset-password-confirmation form .form-group .password-viewer.show-pass {
        background: url("https://img.officetimeline.com/website/Content/website/common/simple-eye.svg") no-repeat 0 0; }
      .login form .form-group .password-viewer.hide-pass,
      .reset-password form .form-group .password-viewer.hide-pass,
      .reset-password-confirmation form .form-group .password-viewer.hide-pass {
        background: url("https://img.officetimeline.com/website/Content/website/common/sliced-eye.svg") no-repeat 0 0; }
    @media (min-width: 992px) {
      .login form .form-group .forgot-password,
      .reset-password form .form-group .forgot-password,
      .reset-password-confirmation form .form-group .forgot-password {
        top: 40px; } }
    .login form .form-group .forgot-password .strength-notifier,
    .reset-password form .form-group .forgot-password .strength-notifier,
    .reset-password-confirmation form .form-group .forgot-password .strength-notifier {
      padding-left: 42px;
      height: 33px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .login form .form-group .forgot-password .strength-notifier.Weakest, .login form .form-group .forgot-password .strength-notifier.Weak,
      .reset-password form .form-group .forgot-password .strength-notifier.Weakest,
      .reset-password form .form-group .forgot-password .strength-notifier.Weak,
      .reset-password-confirmation form .form-group .forgot-password .strength-notifier.Weakest,
      .reset-password-confirmation form .form-group .forgot-password .strength-notifier.Weak {
        background: url("https://img.officetimeline.com/website/Content/images/icons/icn-error.svg") no-repeat 0 0; }
      .login form .form-group .forgot-password .strength-notifier.So-so, .login form .form-group .forgot-password .strength-notifier.Medium,
      .reset-password form .form-group .forgot-password .strength-notifier.So-so,
      .reset-password form .form-group .forgot-password .strength-notifier.Medium,
      .reset-password-confirmation form .form-group .forgot-password .strength-notifier.So-so,
      .reset-password-confirmation form .form-group .forgot-password .strength-notifier.Medium {
        background: url("https://img.officetimeline.com/website/Content/images/icons/icn-warning.svg") no-repeat 0 0; }
      .login form .form-group .forgot-password .strength-notifier.Good, .login form .form-group .forgot-password .strength-notifier.Perfect,
      .reset-password form .form-group .forgot-password .strength-notifier.Good,
      .reset-password form .form-group .forgot-password .strength-notifier.Perfect,
      .reset-password-confirmation form .form-group .forgot-password .strength-notifier.Good,
      .reset-password-confirmation form .form-group .forgot-password .strength-notifier.Perfect {
        background: url("https://img.officetimeline.com/website/Content/images/icons/icn-good.svg") no-repeat 0 0; }
    .login form .form-group a,
    .reset-password form .form-group a,
    .reset-password-confirmation form .form-group a {
      cursor: pointer; }
    .login form .form-group .validationMessage,
    .reset-password form .form-group .validationMessage,
    .reset-password-confirmation form .form-group .validationMessage {
      color: #D24726; }
    .login form .form-group input[type="email"], .login form .form-group input[type="password"],
    .reset-password form .form-group input[type="email"],
    .reset-password form .form-group input[type="password"],
    .reset-password-confirmation form .form-group input[type="email"],
    .reset-password-confirmation form .form-group input[type="password"] {
      -webkit-filter: none;
              filter: none; }
    .login form .form-group input[name="password"],
    .reset-password form .form-group input[name="password"],
    .reset-password-confirmation form .form-group input[name="password"] {
      padding-right: 40px; }
  .login form .forgot-password-sent,
  .reset-password form .forgot-password-sent,
  .reset-password-confirmation form .forgot-password-sent {
    padding-bottom: 50px;
    text-align: center; }
    .login form .forgot-password-sent img,
    .reset-password form .forgot-password-sent img,
    .reset-password-confirmation form .forgot-password-sent img {
      padding-bottom: 15px;
      display: block;
      margin: auto; }
  .login .return-to-singin-link,
  .reset-password .return-to-singin-link,
  .reset-password-confirmation .return-to-singin-link {
    cursor: pointer; }
  .login a:not(.btn),
  .reset-password a:not(.btn),
  .reset-password-confirmation a:not(.btn) {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none;
    color: #c14728; }
    .login a:not(.btn):hover,
    .reset-password a:not(.btn):hover,
    .reset-password-confirmation a:not(.btn):hover {
      color: #c14728;
      text-decoration: underline; }
  .login .hidden-content,
  .reset-password .hidden-content,
  .reset-password-confirmation .hidden-content {
    height: 250px; }

.reset-password-container .hidden-content {
  display: inline; }

.reset-password-container #reset-password .form-group {
  margin-bottom: 32px; }

.reset-password-confirmation .success-image {
  text-align: center;
  margin-bottom: 30px; }
  .reset-password-confirmation .success-image img {
    width: 90px; }

.reset-password-confirmation .link-actions {
  text-align: center; }
  .reset-password-confirmation .link-actions .btn {
    min-width: 160px;
    margin: 16px; }
  .reset-password-confirmation .link-actions .btn:only-child {
    min-width: 125px;
    margin-bottom: 5px; }

.mini-footer {
  text-align: center;
  font-size: 14px; }
  .mini-footer a {
    color: #1e1e26;
    padding: 0 4px; }

.strengthify-wrapper .strengthify-tiles {
  display: none; }

.header--templates {
  color: #1e1e26;
  background: url("https://img.officetimeline.com/website/Content/images/backgrounds/templates-header-bg.svg") no-repeat center top/cover; }
  .header--templates .container {
    padding-top: 70px;
    display: -ms-grid;
    display: grid;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -ms-grid-columns: 5fr 32px 6fr;
    grid-template-columns: 5fr 32px 6fr;
        grid-template-areas: 'headertemplate-title . headertemplate-image' 'headertemplate-text . headertemplate-image'; }
    @media (max-width: 1199.98px) {
      .header--templates .container {
        -ms-grid-columns: 4fr 6fr;
        grid-template-columns: 4fr 6fr;
            grid-template-areas: 'headertemplate-title headertemplate-title' 'headertemplate-text headertemplate-image' 'headertemplate-text headertemplate-image'; } }
    @media (max-width: 767.98px) {
      .header--templates .container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
            grid-template-areas: 'headertemplate-title' 'headertemplate-text' 'headertemplate-image'; } }
  .header--templates .header__title {
    grid-area: headertemplate-title;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    @media (max-width: 1199.98px) {
      .header--templates .header__title {
        -ms-grid-column-span: 2; } }
    .header--templates .header__title h1 {
      color: #282832; }
  .header--templates .header__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: headertemplate-text; }
  .header--templates .header__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    grid-area: headertemplate-image;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1199.98px) {
      .header--templates .header__image {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        padding-left: 32px; } }
    @media (max-width: 767.98px) {
      .header--templates .header__image {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        padding-left: 0; } }
    .header--templates .header__image .image-area {
      -ms-grid-row: 1;
      -ms-grid-row-span: 5;
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-area: image-area;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      -ms-grid-column-align: center;
      -ms-grid-row-align: center;
      position: relative;
      width: 100%; }
    .header--templates .header__image img {
      -webkit-box-shadow: 0px 4px 24px rgba(221, 216, 216, 0.5);
              box-shadow: 0px 4px 24px rgba(221, 216, 216, 0.5); }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .header--templates .header__image img {
          width: 100%; } }
    .header--templates .header__image.no-shadow img {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .header--templates .header__image.video__container {
      height: 100%; }
      .header--templates .header__image.video__container .video__wrapper {
        display: block;
        position: relative;
        width: 100%;
        max-width: 600px;
        height: 120%;
        max-height: 340px; }
  .header--templates__planview .container {
        grid-template-areas: 'headertemplate-title . headertemplate-image' 'headertemplate-title . headertemplate-image'; }
    @media (max-width: 1199.98px) {
      .header--templates__planview .container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
            grid-template-areas: 'headertemplate-title' 'headertemplate-text' 'headertemplate-image'; } }
    .header--templates__planview .container .header__title {
      height: auto;
      margin-bottom: 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-grid-row-span: 2; }
      @media (max-width: 1199.98px) {
        .header--templates__planview .container .header__title {
          height: auto;
          -ms-grid-row-span: 1; } }
    .header--templates__planview .container .header__image {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .header--templates__planview .container .header__image img {
        width: 100%;
        max-width: 680px; }
  .header--templates__timeline-gal .header__image > .image-area {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 24px rgba(221, 216, 216, 0.5);
            box-shadow: 0px 4px 24px rgba(221, 216, 216, 0.5); }
    @media (min-width: 768px) {
      .header--templates__timeline-gal .header__image > .image-area {
        padding: 30px 20px; } }
    @media screen and (max-width: 1000px) {
      .header--templates__timeline-gal .header__image > .image-area {
        padding: 30px 50px; } }
    @media (max-width: 767.98px) {
      .header--templates__timeline-gal .header__image > .image-area {
        padding: 0; }
        .header--templates__timeline-gal .header__image > .image-area .row__banner {
          visibility: hidden; } }
    .header--templates__timeline-gal .header__image > .image-area img {
      -webkit-box-shadow: none;
              box-shadow: none; }

.templates-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -16px; }

.template-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -moz-calc(33% - 16px);
  width: calc(33% - 16px);
  margin-left: 16px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  padding: 25px;
  padding-bottom: 40px;
  color: #96969c; }
  @media (max-width: 767.98px) {
    .template-item {
      padding: 8px;
      width: -moz-calc(50% - 16px);
      width: calc(50% - 16px); } }
  @media (max-width: 1199.98px) {
    .template-item {
      -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); } }
  .template-item:hover, .template-item:focus {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    color: #96969c;
    text-decoration: none; }
    .template-item:hover .template-item__actions, .template-item:focus .template-item__actions {
      opacity: 1;
      -webkit-transform: none;
         -moz-transform: none;
           -o-transform: none;
              transform: none; }
  .template-item__thumbnail {
    position: relative;
    margin-bottom: 25px;
    min-height: 10px; }
    .template-item__thumbnail img {
      width: 100%;
      display: block; }
    .template-item__thumbnail > img {
      border: 1px solid #ededee; }
  .template-item__title {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
    min-height: 55px;
    z-index: 10;
    color: #000; }
    @media (max-width: 575.98px) {
      .template-item__title {
        min-height: 95px; } }
    .template-item__title a {
      color: black; }
  .template-item__downloads {
    font-size: 12px;
    color: #96969c; }
  .template-item__actions {
    margin-top: auto;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    word-break: break-all; }
    @media (min-width: 768px) {
      .template-item__actions {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transform: scale(1.03) translateY(-15px);
           -moz-transform: scale(1.03) translateY(-15px);
             -o-transform: scale(1.03) translateY(-15px);
                transform: scale(1.03) translateY(-15px); } }
    @media (min-width: 992px) {
      .template-item__actions {
        opacity: 0; } }
    @media (max-width: 1199.98px) {
      .template-item__actions {
        opacity: 1; } }
    @supports (-webkit-touch-callout: none) {
      .template-item__actions {
        opacity: 1; } }
    @media (min-width: 1200px) {
      .template-item__actions .btn + .btn {
        margin-left: 15px; } }
    .template-item__actions .btn {
      min-width: 134px;
      margin-bottom: 10px; }
      @media (max-width: 767.98px) {
        .template-item__actions .btn {
          min-width: 118px;
          height: 48px;
          max-width: 140px; } }
  .template-item__badge {
    position: absolute;
    top: -28px;
    right: 0;
    border-bottom: 32px solid #e9ac00;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    height: 0;
    width: 160px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    color: #fff;
    -webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
    margin-right: -76px;
    font-size: 12px;
    text-align: center; }
    @media (max-width: 991.98px) {
      .template-item__badge {
        display: none; } }
    .template-item__badge:before, .template-item__badge:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 5px 5px;
      border-color: transparent transparent #d09900 transparent;
      position: absolute; }
    .template-item__badge:before {
      top: 36px;
      left: -36px;
      -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
           -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transform-origin: 0 0;
         -moz-transform-origin: 0 0;
           -o-transform-origin: 0 0;
              transform-origin: 0 0; }
    .template-item__badge:after {
      top: 31px;
      right: -35px;
      -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
           -o-transform: rotate(45deg);
              transform: rotate(45deg); }
  .template-item__short {
    color: #96969C;
    font-size: 12px;
    line-height: 1.2; }

.templates-customizing {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 16px 7fr;
  grid-template-columns: 5fr 7fr;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
      grid-template-areas: 'customizing-title customizing-image'
 'customizing-text customizing-image'
 'customizing-cta customizing-image'; }
  @media (max-width: 1199.98px) {
    .templates-customizing {
          grid-template-areas: 'customizing-title customizing-title'
 'customizing-text customizing-image'
 'customizing-cta customizing-image'; } }
  @media (max-width: 991.98px) {
    .templates-customizing {
      display: block; } }
  .templates-customizing h1 {
    color: #c14728; }
  .templates-customizing p {
    margin-bottom: 40px; }
  .templates-customizing__title {
    grid-area: customizing-title;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .templates-customizing__text {
    grid-area: customizing-text; }
    .templates-customizing__text p {
      margin-bottom: 40px; }
  .templates-customizing__image {
    grid-area: customizing-image;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 991.98px) {
      .templates-customizing__image {
        display: block; } }
    .templates-customizing__image img {
      -webkit-box-shadow: 0px 4px 24px rgba(221, 216, 216, 0.5);
              box-shadow: 0px 4px 24px rgba(221, 216, 216, 0.5); }
  .templates-customizing__cta {
    grid-area: customizing-cta; }

.template-detail-hero {
  margin-bottom: 80px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 8fr 1fr 3fr;
  grid-template-columns: 8fr 1fr 3fr;
  /*column-gap: 16px;*/
      grid-template-areas: 'template-detail-hero__image . template-detail-hero__info' 'template-detail-hero__image . template-detail-hero__actions'; }
  @media (max-width: 1199.98px) {
    .template-detail-hero {
          grid-template-areas: 'template-detail-hero__image . template-detail-hero__info' 'template-detail-hero__image . template-detail-hero__info' 'template-detail-hero__actions template-detail-hero__actions template-detail-hero__actions'; }
      .template-detail-hero .template-detail-hero__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-top: 40px;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        .template-detail-hero .template-detail-hero__actions p {
          padding: 0 10px; } }
  @media (max-width: 991.98px) {
    .template-detail-hero {
      display: block; } }
  .template-detail-hero__image {
    grid-area: template-detail-hero__image;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    .template-detail-hero__image img {
      border: 1px solid #ededee;
      width: 90%; }
  .template-detail-hero__info {
    grid-area: template-detail-hero__info;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .template-detail-hero__info p:first-child {
      margin-bottom: 0; }
    .template-detail-hero__info a {
      color: #1e1e26; }
    .template-detail-hero__info .star-rating {
      margin-bottom: 40px; }
      .template-detail-hero__info .star-rating .rateit {
        padding: 10px 0 40px; }
      .template-detail-hero__info .star-rating .template-video-img {
        margin-right: 80%; }
  .template-detail-hero__actions {
    grid-area: template-detail-hero__actions;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }

#download-template {
  scroll-margin-top: 140px; }

.otl-template-description__timeline p + h3 {
  margin-bottom: 10px; }

.otl-template-description__timeline p + h2, .otl-template-description__timeline ol + h2, .otl-template-description__timeline ul + h2 {
  margin-top: 40px; }

.otl-template-description__timeline .template-faq > h2 {
  padding-top: 24px; }

.otl-template-description__timeline .template-faq div[itemprop='mainEntity'] img {
  width: auto;
  max-width: 100%; }

.otl-template-description__timeline .template-faq h3[itemprop] {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600; }

.case-studies-container {
  margin-bottom: 80px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 9fr 1fr 2fr;
  grid-template-columns: 9fr 1fr 2fr;
      grid-template-areas: 'case-studies-container__left . case-studies-container__right'; }
  @media (max-width: 767.98px) {
    .case-studies-container {
      display: block; } }
  .case-studies-container__left {
    -ms-grid-column: 1;
    grid-area: case-studies-container__left; }
  .case-studies-container__right {
    -ms-grid-column: 3;
    grid-area: case-studies-container__right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.tutorial-gallery {
  width: 100%;
  height: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media all and (-ms-high-contrast: none) {
    .tutorial-gallery {
      display: block; } }
  .tutorial-gallery__wrapper {
    position: relative;
    padding-left: 32px;
    padding-right: 32px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition-delay: 0.5s;
       -moz-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-flex-basis: calc(100% - 150px);
        -ms-flex-preferred-size: calc(100% - 150px);
            flex-basis: -moz-calc(100% - 150px);
            flex-basis: calc(100% - 150px);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .tutorial-gallery__wrapper .tns-outer {
      max-height: 100%;
      overflow: hidden;
      height: 100%; }
    .tutorial-gallery__wrapper .tns-ovh,
    .tutorial-gallery__wrapper .tns-inner {
      height: 100%;
      max-height: 100%;
      overflow: hidden; }
    .tutorial-gallery__wrapper .container {
      width: 85%;
      height: 100%;
      max-height: 100%;
      overflow: hidden;
      padding-left: 0;
      padding-right: 0;
      min-width: 180px; }
      .tutorial-gallery__wrapper .container #slider-gallery .tutorial-item {
        width: -moz-calc(11.1111% - 20px);
        width: calc(11.1111% - 20px); }
      .tutorial-gallery__wrapper .container .tutorial-item {
        min-height: 500px; }
        @media (max-width: 1199.98px) {
          .tutorial-gallery__wrapper .container .tutorial-item {
            min-height: 475px; } }
        @media (max-width: 991.98px) {
          .tutorial-gallery__wrapper .container .tutorial-item {
            min-height: 445px; } }
        .tutorial-gallery__wrapper .container .tutorial-item__thumbnail {
          min-height: 160px; }
          @media (max-width: 1199.98px) {
            .tutorial-gallery__wrapper .container .tutorial-item__thumbnail {
              min-height: 90px; } }
        @media all and (-ms-high-contrast: none) {
          .tutorial-gallery__wrapper .container .tutorial-item__actions {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 30px;
            margin: 0 auto; } }

.tutorials-list {
  display: none;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-height: 100%; }
  .tutorials-list__img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    margin-bottom: 10px; }
  @media all and (-ms-high-contrast: none) {
    .tutorials-list .tutorials-list__img {
      display: block !important;
      text-align: center !important; }
    .tutorials-list *::-ms-backdrop,
    .tutorials-list .tutorials-list__img {
      display: block !important;
      text-align: center !important; } }
  .tutorials-list p:last-child {
    margin-bottom: 0; }
  .tutorials-list__controls {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    width: -moz-calc(85% + 40px * 2);
    width: calc(85% + 40px * 2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 1600px) {
      .tutorials-list__controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; } }
    .tutorials-list__controls li {
      width: 56px;
      border-radius: 100%;
      height: 56px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: rgba(255, 255, 255, 0.4);
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .tutorials-list__controls li:hover {
        background: #fff; }
  .tutorials-list__header {
    border-left: 4px solid #c14728;
    padding-left: 10px; }
  .tutorials-list.video-list {
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .tutorials-list.video-list .col-12 {
      padding-bottom: 40px; }
  .tutorials-list.gantt-chart .tutorial-item__thumbnail {
    min-height: 270px; }
    @media (max-width: 1199.98px) {
      .tutorials-list.gantt-chart .tutorial-item__thumbnail {
        min-height: 170px; } }
    @media (max-width: 991.98px) {
      .tutorials-list.gantt-chart .tutorial-item__thumbnail {
        min-height: 190px; } }
    @media (max-width: 767.98px) {
      .tutorials-list.gantt-chart .tutorial-item__thumbnail {
        min-height: 145px; } }
    @media (max-width: 575.98px) {
      .tutorials-list.gantt-chart .tutorial-item__thumbnail {
        min-height: -moz-calc((100vw - 320px)/4.26 + 85px);
        min-height: calc((100vw - 320px)/4.26 + 85px);
        margin-bottom: 10px; } }

.tutorial-item {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -moz-calc(33% - 20px);
  width: calc(33% - 20px);
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  padding: 25px;
  padding-bottom: 40px;
  margin-bottom: 20px;
  max-height: 100%;
  margin: 10px; }
  .tutorial-item > * {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  @media (max-width: 991.98px) {
    .tutorial-item {
      width: -moz-calc(50% - 20px);
      width: calc(50% - 20px); } }
  @media (max-width: 1199.98px) {
    .tutorial-item {
      -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); } }
  @media (max-width: 767.98px) {
    .tutorial-item {
      padding: 10px; }
      .tutorial-item .btn {
        padding: 10px;
        font-size: small; }
      .tutorial-item h5 + p {
        display: block;
        margin-top: 20px; } }
  @media (max-width: 360px) {
    .tutorial-item {
      padding: 10px; }
      .tutorial-item .btn {
        font-size: 85%; } }
  .tutorial-item h5 {
    margin-bottom: 0;
    word-break: break-word; }
  .tutorial-item img {
    -o-object-fit: scale-down;
       object-fit: scale-down;
    width: 100%;
    height: 100%; }
  .tutorial-item:hover {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); }
    .tutorial-item:hover .tutorial-item__actions {
      opacity: 1;
      -webkit-transform: none;
         -moz-transform: none;
           -o-transform: none;
              transform: none; }
  .tutorial-item__thumbnail {
    position: relative;
    min-height: 200px;
    margin-bottom: 20px; }
    @media (max-width: 1199.98px) {
      .tutorial-item__thumbnail {
        min-height: 140px; } }
    @media (max-width: 991.98px) {
      .tutorial-item__thumbnail {
        min-height: 150px; } }
    @media (max-width: 767.98px) {
      .tutorial-item__thumbnail {
        margin-bottom: 20px;
        min-height: 50px; } }
    .tutorial-item__thumbnail img {
      width: 100%;
      display: block;
      border: 1px solid #ededee;
      height: auto; }
      .tutorial-item__thumbnail img.tutorial-item__play-icon {
        border: none; }
    .tutorial-item__thumbnail img.tutorial-item__play-icon {
      position: absolute;
      bottom: 10px;
      right: 10px;
      width: 56px;
      height: auto; }
      @media (max-width: 991.98px) {
        .tutorial-item__thumbnail img.tutorial-item__play-icon {
          width: 40px; } }
      @media (max-width: 767.98px) {
        .tutorial-item__thumbnail img.tutorial-item__play-icon {
          width: 30px; } }
  .tutorial-item__type-icon {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 1px solid #ededee;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: -moz-calc(50% - 40px);
    left: calc(50% - 40px);
    background: #fff;
    margin-top: -40px; }
    .tutorial-item__type-icon img {
      max-width: 40px;
      height: auto;
      max-height: 40px;
      border: none; }
    @media (max-width: 767.98px) {
      .tutorial-item__type-icon {
        width: 50px;
        height: 50px;
        left: -moz-calc(50% - 25px);
        left: calc(50% - 25px);
        margin-top: -25px; }
        .tutorial-item__type-icon img {
          max-width: 26px; } }
  .tutorial-item__title {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 32px;
    min-height: 100px; }
    @media (max-width: 767.98px) {
      .tutorial-item__title {
        font-size: 16px;
        line-height: 1.5;
        word-break: break-word;
        white-space: normal;
        min-height: 50px; } }
    .tutorial-item__title strong {
      display: block; }
  .tutorial-item__description {
    font-size: 13px;
    color: #96969c;
    line-height: 1.5;
    margin-bottom: 40px; }
    @media (max-width: 991.98px) {
      .tutorial-item__description {
        font-size: 12px; } }
    @media (max-width: 767.98px) {
      .tutorial-item__description {
        margin-bottom: 10px; } }
  .tutorial-item__actions {
    margin: auto;
    text-align: center;
    display: block;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .tutorial-item__actions a {
      margin: 0 auto; }
    @media (min-width: 1200px) {
      .tutorial-item__actions {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        opacity: 0;
        -webkit-transform: scale(1.03) translateY(-15px);
           -moz-transform: scale(1.03) translateY(-15px);
             -o-transform: scale(1.03) translateY(-15px);
                transform: scale(1.03) translateY(-15px); } }
  .tutorial-item.video-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(33% - 20px);
       -moz-box-flex: 1;
        -ms-flex: 1 0 calc(33% - 20px);
            flex: 1 0 calc(33% - 20px);
    max-width: -moz-calc(33% - 20px);
    max-width: calc(33% - 20px);
    margin: 10px; }
    .tutorial-item.video-item .tutorial-item img {
      max-height: 215px; }
    .tutorial-item.video-item .tutorial-item__title {
      color: #1E1E26;
      min-height: 60px; }
      .tutorial-item.video-item .tutorial-item__title > strong {
        display: inline;
        font-weight: normal; }
    .tutorial-item.video-item .tutorial-item__actions p.btn {
      text-transform: uppercase; }
    .tutorial-item.video-item .tutorial-item__thumbnail img {
      height: auto;
      padding: 10px; }
    @media (max-width: 1199.98px) {
      .tutorial-item.video-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 calc(33% - 20px);
           -moz-box-flex: 1;
            -ms-flex: 1 0 calc(33% - 20px);
                flex: 1 0 calc(33% - 20px);
        max-width: -moz-calc(33% - 20px);
        max-width: calc(33% - 20px);
        -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
        min-height: 400px; }
        .tutorial-item.video-item .tutorial-item__actions {
          opacity: 1;
          -webkit-transform: none;
             -moz-transform: none;
               -o-transform: none;
                  transform: none; }
        .tutorial-item.video-item .tutorial-item__thumbnail {
          min-height: 1px; }
        .tutorial-item.video-item .tutorial-item__title {
          line-height: 1.5; }
        .tutorial-item.video-item .tutorial-item__description {
          margin-top: 10px;
          margin-bottom: 30px; }
        .tutorial-item.video-item:hover p.btn {
          background: #97371f; } }
    @media (max-width: 991.98px) {
      .tutorial-item.video-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 calc(50% - 20px);
           -moz-box-flex: 1;
            -ms-flex: 1 0 calc(50% - 20px);
                flex: 1 0 calc(50% - 20px);
        max-width: -moz-calc(50% - 20px);
        max-width: calc(50% - 20px);
        min-height: 280px;
        padding: 10px; }
        .tutorial-item.video-item p.btn {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          font-size: 14px;
          margin: 0 auto;
          padding: 13px 10px;
          height: auto; }
        .tutorial-item.video-item .tutorial-item__title {
          min-height: 60px; }
        .tutorial-item.video-item .tutorial-item__description {
          margin-top: 15px; } }
    @media (max-width: 767.98px) {
      .tutorial-item.video-item .tutorial-item__thumbnail {
        margin-bottom: 15px; }
      .tutorial-item.video-item .tutorial-item__title {
        font-size: 16px;
        text-align: center;
        padding-bottom: 15px;
        min-height: 85px; }
      .tutorial-item.video-item .tutorial-item__description {
        margin-top: 0;
        margin-bottom: 20px; } }
    @media screen and (max-width: 370px) {
      .tutorial-item.video-item .tutorial-item__title {
        min-height: 113px; } }
    .tutorial-item.video-item:hover {
      text-decoration: none; }

.four-columns > .tutorial-item {
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 992px) {
    .four-columns > .tutorial-item {
      -webkit-flex-basis: 22%;
          -ms-flex-preferred-size: 22%;
              flex-basis: 22%; } }

.three-columns > .tutorial-item {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 576px) {
    .three-columns > .tutorial-item {
      -webkit-flex-basis: calc(50% - 20px);
          -ms-flex-preferred-size: calc(50% - 20px);
              flex-basis: -moz-calc(50% - 20px);
              flex-basis: calc(50% - 20px);
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
         -moz-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; } }
  @media (min-width: 992px) {
    .three-columns > .tutorial-item {
      -webkit-flex-basis: calc(33% - 20px);
          -ms-flex-preferred-size: calc(33% - 20px);
              flex-basis: -moz-calc(33% - 20px);
              flex-basis: calc(33% - 20px); } }

.tutorial-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .tutorial-details__body {
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px; }
    @media (min-width: 1205px) {
      .tutorial-details__body {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
           -moz-box-flex: 0;
            -ms-flex: 0 0 66.66667%;
                flex: 0 0 66.66667%;
        max-width: 66.66667%;
        max-width: 63%; } }
    .tutorial-details__body h3, .tutorial-details__body .h3 {
      font-weight: normal;
      font-size: 24px;
      line-height: 40px;
      margin-bottom: 16px; }
    .tutorial-details__body #tutorial-subtitle {
      font-weight: 400;
      font-size: 24px;
      line-height: 40px;
      text-align: left;
      margin-top: 48px;
      margin-bottom: 48px; }
      .tutorial-details__body #tutorial-subtitle + div p {
        text-align: left; }
    .tutorial-details__body #tutorial-option-general {
      text-align: center;
      margin-top: 48px;
      margin-bottom: 48px; }
      @media (max-width: 575.98px) {
        .tutorial-details__body #tutorial-option-general + div > div:nth-child(1) {
          margin-bottom: 50px; } }
      .tutorial-details__body #tutorial-option-general + div img {
        height: 160px; }
      .tutorial-details__body #tutorial-option-general + div p:first-child img {
        border: 1px solid #ededee; }
      .tutorial-details__body #tutorial-option-general + div p:nth-child(2) {
        margin-bottom: 40px; }
        .tutorial-details__body #tutorial-option-general + div p:nth-child(2) img {
          width: 32px;
          height: 32px; }
      .tutorial-details__body #tutorial-option-general + div > div {
        text-align: center; }
        .tutorial-details__body #tutorial-option-general + div > div > div {
          text-align: right; }
        .tutorial-details__body #tutorial-option-general + div > div > div + a > div {
          width: 100%; }
        .tutorial-details__body #tutorial-option-general + div > div p:first-of-type img {
          width: 100%; }
      .tutorial-details__body #tutorial-option-general + div .align-article-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .tutorial-details__body #tutorial-option-general + div .align-article-img > p {
          width: 100%; }
          .tutorial-details__body #tutorial-option-general + div .align-article-img > p:first-child {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-flow: column wrap;
               -moz-box-orient: vertical;
               -moz-box-direction: normal;
                -ms-flex-flow: column wrap;
                    flex-flow: column wrap;
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 100%;
               -moz-box-flex: 1;
                -ms-flex: 1 0 100%;
                    flex: 1 0 100%;
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            height: 160px;
            padding: 8px;
            border: 1px solid #ededee; }
            .tutorial-details__body #tutorial-option-general + div .align-article-img > p:first-child > img {
              width: auto;
              max-width: 100%;
              height: auto;
              max-height: 100%;
              border: none; }
      .tutorial-details__body #tutorial-option-general[data-image-size='heigt-220'] + div img {
        height: 220px; }
      .tutorial-details__body #tutorial-option-general[data-image-size='heigt-auto'] + div img {
        height: auto; }
    .tutorial-details__body .step-title {
      font-weight: 400;
      font-size: 24px;
      line-height: 40px;
      margin-bottom: 48px;
      margin-top: 48px; }
    .tutorial-details__body .video-alignment {
      text-align: center;
      margin-top: 48px; }
    .tutorial-details__body .top-margin {
      margin-top: 48px; }
    .tutorial-details__body .tutorial-top-img img {
      aspect-ratio: 16 / 9; }
    .tutorial-details__body section.mt-60 {
      margin-top: 60px; }
    .tutorial-details__body section.mb-80 {
      margin-bottom: 80px; }
  .tutorial-details__img-holder.shadow-black-20 img {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
  .tutorial-details__img-holder ~ h3 {
    padding-top: 32px; }
  .tutorial-details__img-holder.split_2_images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start; }
    .tutorial-details__img-holder.split_2_images img {
      width: 100%;
      max-width: 49%; }
  .tutorial-details .sidebar__toc-inner {
    display: none;
    padding: 25px 35px; }
    .tutorial-details .sidebar__toc-inner:first-of-type {
      margin-bottom: 15px; }
  .tutorial-details .sidebar__toc #tutorial-additionalbar > li:nth-child(1) {
    font-size: 16px; }
  .tutorial-details .sidebar__toc #tutorial-additionalbar .parent .child {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    display: none; }
  .tutorial-details__social {
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
    margin: 0 -10px -30px;
    background: #f3f3f4;
    height: 136px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .tutorial-details__social ul {
      margin: 0;
      padding: 0 30px;
      width: 100%;
      list-style-type: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .tutorial-details__social ul li {
        margin: 8px 16px; }
        .tutorial-details__social ul li svg {
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          transition: all 0.2s ease; }
        .tutorial-details__social ul li a:hover svg circle {
          fill: #1e1e26; }
  .tutorial-details h2 {
    margin-top: 40px; }

.tutorials-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-bottom: 80px; }

.tutorials-group-item {
  width: -moz-calc(50% - 8px);
  width: calc(50% - 8px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .tutorials-group-item *:last-child {
    margin-top: auto; }
  .tutorials-group-item__thumb {
    width: 100%;
    min-height: 1px; }
    .tutorials-group-item__thumb img {
      max-width: 100%;
      width: 100%;
      border: 1px solid #ededee; }
  .tutorials-group-item__duration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-bottom: 40px; }
    .tutorials-group-item__duration img {
      width: auto;
      margin-left: 15px; }

#see-free-templates h2 + p {
  padding-left: 11%;
  padding-right: 10%; }

section.faq h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 16px; }

section.roadmap-subscribe {
  background-color: #F3F3F3; }

.header__title {
  overflow: hidden; }

.no-padding {
  padding: 0; }
  .no-padding li {
    padding-bottom: 5px; }
    @media (max-width: 767.98px) {
      .no-padding li {
        max-width: 250px; } }

.red-text {
  color: #c14728; }

.downloadable-templates li {
  padding-bottom: 15px; }

.downloadable-templates--title {
  padding-bottom: 50px; }

.pm-header-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  width: 100%;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 30px;
  margin-top: 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .pm-header-nav li {
    margin-right: 16px;
    margin-bottom: 10px; }
    .pm-header-nav li a {
      margin-top: 3px; }
      @media (max-width: 767.98px) {
        .pm-header-nav li a {
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content; } }
  .pm-header-nav.submenu {
    margin: 20px 0 30px; }

@media (min-width: 992px) {
  .tm-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 992px) {
  .pm-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    margin-left: auto;
    margin-right: auto; } }

.pm-content .center-block.text-center a > img {
  max-height: 70px; }
  @media (max-width: 1199.98px) {
    .pm-content .center-block.text-center a > img {
      max-height: 60px; } }
  @media (max-width: 991.98px) {
    .pm-content .center-block.text-center a > img {
      max-height: 50px; } }
  @media all and (min--moz-device-pixel-ratio: 0) and (max-width: 420px) {
    .pm-content .center-block.text-center a > img.icon-right {
      width: 25%; } }

.pm-content p:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta), .pm-content img.w-100:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta), .pm-content div:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta) {
  margin-bottom: 40px; }
  .pm-content p:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).award-container, .pm-content p:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).video-container__cover, .pm-content img.w-100:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).award-container, .pm-content img.w-100:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).video-container__cover, .pm-content div:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).award-container, .pm-content div:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).video-container__cover {
    margin: 0 auto; }

.pm-content .project-planner div {
  margin-bottom: 0px; }
  .pm-content .project-planner div .review-images {
    padding: 0 20px; }

.pm-content .gray-box, .pm-content .gray-box div {
  margin: 0 5px;
  padding-bottom: 0; }
  .pm-content .gray-box hr, .pm-content .gray-box div hr {
    margin-top: 0; }
  .pm-content .gray-box.project-planner, .pm-content .gray-box div.project-planner {
    padding: 15px 0; }

.pm-content .review-images {
  padding: 30px 0 0; }

.pm-content .image-title {
  -webkit-text-stroke: 1px rgba(100, 100, 100, 0.35);
  color: #666;
  padding-bottom: 30px; }

.pm-content .smaller-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 40px; }

.customer-review-container {
  padding-bottom: 5px;
  margin: 60px 0 40px; }
  .customer-review-container .review {
    color: grey;
    padding: 60px 30px 30px;
    margin: 0 auto; }
    .customer-review-container .review .row {
      margin: 0; }
      .customer-review-container .review .row .margin-top {
        margin: 25px 0 0; }
    .customer-review-container .review .review-image {
      text-align: center;
      margin: 20px 0; }
    .customer-review-container .review .review-content {
      font-style: italic; }
    .customer-review-container .review .reviewer-name {
      font-weight: 700; }

.icon-right {
  margin-left: 5px; }

.subtitle-gray {
  font-size: 28px;
  color: #333; }
  @media (max-width: 767.98px) {
    .subtitle-gray {
      font-size: 22px; } }

.text-gray {
  margin-left: 100px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  font-family: 'Segoe UI','Open Sans',sans-serif;
  color: #666; }

.award-image {
  margin-top: -81px;
  margin-left: -285px; }

@media screen and (max-width: 576px) {
  .pm-content .gray-box.customer-review-container .review .review-image {
    margin-top: 0; }
  .pm-content .gray-box.customer-review-container .review .review-text {
    padding-top: 20px; }
  .pm-content p:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).award-container, .pm-content img.w-100:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).award-container, .pm-content div:not(.review-image):not(.review-text):not(.clear-margin):not(.roadmap-tool-cta).award-container {
    margin: 5px 5px 15px 20%; }
  .text-gray {
    margin: 10px 0 -35px; }
  .award-image {
    margin-top: 0px;
    margin-left: -300px; } }

.samples-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -16px;
  margin-bottom: 30px; }

.sample {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -moz-calc(25% - 16px);
  width: calc(25% - 16px);
  margin-left: 16px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  padding: 25px;
  padding-bottom: 40px;
  margin-bottom: 30px; }
  @media (max-width: 991.98px) {
    .sample {
      width: -moz-calc(33.333% - 16px);
      width: calc(33.333% - 16px); } }
  @media (max-width: 767.98px) {
    .sample {
      width: -moz-calc(50% - 16px);
      width: calc(50% - 16px);
      padding: 8px; } }
  .sample:hover, .sample:focus {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); }
  .sample__thumbnail {
    position: relative;
    margin-bottom: 30px; }
    .sample__thumbnail img {
      width: 100%;
      display: block;
      border: 1px solid #ededee; }
  .sample__title {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.2;
    word-break: break-word; }
    .sample__title strong {
      display: block; }
  .sample__description {
    font-size: 12px;
    color: #96969c;
    line-height: 1.2;
    margin-bottom: 0px; }

.samples-list.roadmap__pillar .sample__title {
  font-size: 16px;
  padding-top: 16px; }

.photo-gallery {
  position: fixed;
  width: 100%;
  height: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(220, 220, 222, 0.5);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .photo-gallery.is-open {
    visibility: visible;
    opacity: 1;
    z-index: 1095; }
    .photo-gallery.is-open .photo-gallery__wrapper {
      -webkit-transform: none;
         -moz-transform: none;
           -o-transform: none;
              transform: none;
      opacity: 1; }
    .photo-gallery.is-open .gallery__thumbnails {
      -webkit-transform: none;
         -moz-transform: none;
           -o-transform: none;
              transform: none;
      opacity: 1; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .photo-gallery.is-open .gallery__thumbnails {
          max-width: 1470px;
          margin: 0 auto; } }
  .photo-gallery__wrapper {
    padding-top: 60px;
    position: relative;
    padding-left: 32px;
    padding-right: 32px;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition-delay: 0.5s;
       -moz-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-flex-basis: calc(100% - 150px);
        -ms-flex-preferred-size: calc(100% - 150px);
            flex-basis: -moz-calc(100% - 150px);
            flex-basis: calc(100% - 150px);
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .photo-gallery__wrapper .tns-outer {
      max-height: 100%;
      overflow: hidden;
      height: 100%; }
    .photo-gallery__wrapper .tns-ovh,
    .photo-gallery__wrapper .tns-inner {
      height: 100%;
      max-height: 100%;
      overflow: hidden; }
    .photo-gallery__wrapper .container {
      width: 85%;
      height: 100%;
      max-height: 100%;
      overflow: hidden;
      padding: 0;
      position: relative; }
      @media (max-width: 991.98px) {
        .photo-gallery__wrapper .container {
          height: 400px; } }

.gallery {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  max-height: 100%; }
  .gallery__item {
    background: #fff;
    padding: 40px;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
    height: 100%; }
    .gallery__item > * {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
         -moz-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
    @media (max-width: 767.98px) {
      .gallery__item {
        padding: 10px; }
        .gallery__item .btn {
          padding: 13px 10px;
          margin: 5px; }
        .gallery__item h5 + p {
          display: none; } }
    .gallery__item h5 {
      margin-bottom: 0; }
      @media (max-width: 767.98px) {
        .gallery__item h5 {
          padding: 0 40px 0 25px;
          text-align: -webkit-center; } }
    .gallery__item img {
      -o-object-fit: scale-down;
         object-fit: scale-down;
      width: 100%;
      height: 100%; }
    @media all and (-ms-high-contrast: none) {
      .gallery__item img {
        width: auto !important; }
      .gallery__item *::-ms-backdrop,
      .gallery__item img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: auto !important;
        vertical-align: middle !important; } }
    .gallery__item p:last-child {
      margin-bottom: 0; }
  .gallery__img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 15px; }
    @media (max-width: 991.98px) {
      .gallery__img {
        padding: 0 30px; } }
  @media all and (-ms-high-contrast: none) {
    .gallery .gallery__img {
      display: block !important;
      text-align: center !important; }
    .gallery *::-ms-backdrop,
    .gallery .gallery__img {
      display: block !important;
      text-align: center !important; } }
  .gallery__thumbnails {
    padding: 20px 21px;
    width: 100%;
    -webkit-transform: translateY(-30px);
       -moz-transform: translateY(-30px);
         -o-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 150px; }
    @media (max-width: 767.98px) {
      .gallery__thumbnails {
        height: 100px; } }
    .gallery__thumbnails .thumbs {
      width: 100%; }
    .gallery__thumbnails .tns-item {
      overflow: hidden;
      padding: 0 10px; }
      .gallery__thumbnails .tns-item img {
        width: 100%;
        height: auto;
        max-width: 100%;
        border: 4px solid #fff; }
    .gallery__thumbnails .tns-nav-active img {
      border-color: #41b770; }
  .gallery__controls {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: -moz-calc(100% - 60px);
    max-width: calc(100% - 60px);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 10;
    /*list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        width: calc(85% + 40px * 2);
        display: flex;
        justify-content: space-between;

        @media (max-width: 1600px) {
            display: flex;
        }

        li {
            width: 56px;
            border-radius: 100%;
            height: 56px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgba(white, 0.4);
            transition: all 0.3s ease;

            &:hover {
                background: #fff;
            }
        }*/ }
    @media (max-width: 991.98px) {
      .gallery__controls {
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px); } }
    @media (max-width: 575.98px) {
      .gallery__controls {
        top: 35%; } }
    .gallery__controls li {
      cursor: pointer; }

/*.photo-gallery__close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 30px;
    display: block;
    cursor: pointer;

    span {
        display: block;
        width: 20px;
        height: 2px;
        background: #d8d8d8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform-origin: center center;
        margin-left: -10px;

        &:first-child {
            transition: all 0.3s ease-in-out;
            transform: rotate(45deg);
            transition-delay: 0.2s;
        }

        &:last-child {
            transition: all 0.4s ease-in-out;
            transform: rotate(-45deg);
        }
    }

    &:hover {
        span {
            background: #fff;

            &:first-child {
                transform: rotate(-45deg);
            }

            &:last-child {
                transform: rotate(45deg);
            }
        }
    }
}*/
.test {
  width: 100%; }
  .test div {
    background: red; }
    .test div.tns-nav-active {
      background: blue; }

/* colors - START*/
/* colors - END*/
/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* START - nav menu right arrow */
/* END - nav menu right arrow */
/* dimensions - START */
/* Legend: 
    - "d" = desktop
    - "t" = tablet
    - "m" = mobile
    - "v" = vertical
    - "h" = horizontal
    - "i" = in section / spacing between paragraphs in a section
*/
/* head section */
/* normal section */
/* columns section */
/* buttons */
/* dimensions - END */
/* custom calc variable for home page section - START */
/* custom calc variable for home page section - END */
.trustpilot-container {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .trustpilot-container a {
    text-decoration: underline; }
  .trustpilot-container .element {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    -o-background-size: contain;
       background-size: contain;
    background-repeat: no-repeat;
    min-height: 20px; }
    .trustpilot-container .element__stars {
      max-width: 117px;
      background-image: url("https://img.officetimeline.com/website/Content/website/common/truspilot-stars-bright.svg"); }
    .trustpilot-container .element__title {
      max-width: 82px;
      width: 70%;
      background-image: url("https://img.officetimeline.com/website/Content/website/common/Trustpilot_brandmark_bright.svg");
      min-height: 30px;
      margin-bottom: 10px; }
    .trustpilot-container .element__score-details {
      margin-top: 15px;
      font-size: 14px;
      line-height: 1.7;
      font-style: normal;
      color: #282832; }
      @media screen and (max-width: 767.98px) {
        .trustpilot-container .element__score-details {
          font-size: 12px; } }
      .trustpilot-container .element__score-details--reviews a > span {
        font-weight: bold; }

/* if light coloured background */
.lighter-background > .trustpilot-container .element__stars {
  background-image: url("https://img.officetimeline.com/website/Content/website/common/truspilot-stars-orange.svg"); }

.lighter-background > .trustpilot-container .element__title {
  background-image: url("https://img.officetimeline.com/website/Content/website/common/Trustpilot_brandmark_orange.svg"); }

.lighter-background > .trustpilot-container .element__score-details *,
.lighter-background > .trustpilot-container .element__score-details a {
  color: #282832; }

/* if dark coloured background */
.darker-background > .trustpilot-container .element__stars {
  background-image: url("https://img.officetimeline.com/website/Content/website/common/truspilot-stars-bright.svg"); }

.darker-background > .trustpilot-container .element__title {
  background-image: url("https://img.officetimeline.com/website/Content/website/common/Trustpilot_brandmark_bright.svg"); }

.darker-background > .trustpilot-container .element__score-details *,
.darker-background > .trustpilot-container .element__score-details a {
  color: #282832; }

.toggle-pop-up-button {
  height: 100%;
  width: 48px;
  background-color: #3C3C46;
  cursor: pointer;
  border-left: 2px solid #282832; }
  .toggle-pop-up-button .vertical-line {
    background-color: #717178;
    width: 2px;
    height: 31px;
    border-radius: 2px;
    margin-top: 36px;
    display: inline-block; }
    @media (max-width: 767.98px) {
      .toggle-pop-up-button .vertical-line {
        margin-top: 13px; } }

.trial-pop-up-container {
  font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
  display: block;
  position: fixed;
  left: 0;
  background-color: #D64D3A;
  height: 104px;
  width: 100%;
  opacity: 1;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px; }
  .trial-pop-up-container .col-xs-6, .trial-pop-up-container .cos-xs-5 {
    padding-right: 0;
    padding-left: 0; }
  @media (max-width: 767.98px) {
    .trial-pop-up-container {
      height: 58px; } }
  .trial-pop-up-container.inactive {
    top: 0; }
  .trial-pop-up-container.active {
    top: 0;
    z-index: 999; }
    .trial-pop-up-container.active.hide-popup {
      top: -125px; }
  .trial-pop-up-container .pop-up-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 104px; }
    @media (max-width: 767.98px) {
      .trial-pop-up-container .pop-up-content {
        height: 58px; } }
  .trial-pop-up-container.get-pro-free-popup {
    width: -moz-calc(100% - 36px);
    width: calc(100% - 36px);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background: #50505A; }
    .trial-pop-up-container.get-pro-free-popup .toggle-pop-up-button {
      display: block;
      position: absolute;
      top: 0;
      right: -44px;
      float: none;
      border-radius: 0; }
    .trial-pop-up-container.get-pro-free-popup .popup__columns {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      text-align: left;
      padding-left: 30px; }
      @media (max-width: 767.98px) {
        .trial-pop-up-container.get-pro-free-popup .popup__columns {
          text-align: center;
          padding-left: 0; } }
      .trial-pop-up-container.get-pro-free-popup .popup__columns .yellow {
        color: #FFF992;
        line-height: 24px; }
      .trial-pop-up-container.get-pro-free-popup .popup__columns > p {
        font-size: 16px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
           -moz-box-flex: 1;
            -ms-flex: 1 100%;
                flex: 1 100%;
        color: #FFFFFF;
        margin: 0; }
      @media (max-width: 767.98px) {
        .trial-pop-up-container.get-pro-free-popup .popup__columns.main-text {
          display: none; } }
      .trial-pop-up-container.get-pro-free-popup .popup__columns.main-text p:first-child {
        font-weight: 600; }
      .trial-pop-up-container.get-pro-free-popup .popup__columns.light-star-rating {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row;
                flex-flow: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        @media (min-width: 992px) {
          .trial-pop-up-container.get-pro-free-popup .popup__columns.light-star-rating .trustpilot-container {
            margin-left: -14px;
            width: 130%; } }
        @media (max-width: 767.98px) {
          .trial-pop-up-container.get-pro-free-popup .popup__columns.light-star-rating {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-flow: column-reverse;
               -moz-box-orient: vertical;
               -moz-box-direction: reverse;
                -ms-flex-flow: column-reverse;
                    flex-flow: column-reverse; }
            .trial-pop-up-container.get-pro-free-popup .popup__columns.light-star-rating .element__stars {
              margin: auto;
              margin-top: 10px;
              max-width: 135px; }
            .trial-pop-up-container.get-pro-free-popup .popup__columns.light-star-rating .btn {
              min-width: 200px;
              margin-top: 0;
              min-height: 32px; } }
        @media (max-width: 1440px) and (min-width: 1200px) {
          .trial-pop-up-container.get-pro-free-popup .popup__columns.light-star-rating .trustpilot-container {
            margin-left: -25px; }
          .trial-pop-up-container.get-pro-free-popup .popup__columns.light-star-rating .btn {
            min-width: 143px; } }
      @media (min-width: 992px) {
        .trial-pop-up-container.get-pro-free-popup .popup__columns .btn {
          min-width: 143px; } }
      @media (min-width: 1200px) {
        .trial-pop-up-container.get-pro-free-popup .popup__columns .btn {
          min-width: 200px; } }
    .trial-pop-up-container.get-pro-free-popup .logo-container {
      background-image: url("https://img.officetimeline.com/website/Content/images/home/Rectangle-15.svg");
      -o-background-size: cover;
         background-size: cover;
      background-position: right;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .trial-pop-up-container.get-pro-free-popup .logo-container .logo-big {
        height: 32px; }
      .trial-pop-up-container.get-pro-free-popup .logo-container .logo-small {
        display: none; }
      @media (max-width: 1199.98px) {
        .trial-pop-up-container.get-pro-free-popup .logo-container .logo-big {
          height: 27px; } }
      @media (max-width: 991.98px) {
        .trial-pop-up-container.get-pro-free-popup .logo-container .logo-big {
          display: none; }
        .trial-pop-up-container.get-pro-free-popup .logo-container .logo-small {
          display: block; } }
      @media (max-width: 767.98px) {
        .trial-pop-up-container.get-pro-free-popup .logo-container {
          background-image: none; } }
  .trial-pop-up-container .loading-gif {
    position: relative;
    top: 10px;
    left: -117px; }
    .trial-pop-up-container .loading-gif.de {
      left: -136px; }
    .trial-pop-up-container .loading-gif.nl {
      left: -129px; }
    .trial-pop-up-container .loading-gif.fr {
      left: -151px; }
    .trial-pop-up-container .loading-gif.active {
      z-index: 2;
      opacity: 1; }
    .trial-pop-up-container .loading-gif.inactive {
      z-index: -2;
      opacity: 0; }
  .trial-pop-up-container .toggle-pop-up-button {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0 15px;
    float: right; }
  .trial-pop-up-container .trial-email {
    height: 54px;
    width: 290px;
    border-radius: 6px;
    margin-right: 10px;
    outline: none;
    padding: 2px 20px;
    border: none; }
  .trial-pop-up-container .try-for-free {
    height: 54px;
    border-radius: 6px;
    padding: 10px 60px;
    outline: none;
    margin-top: -5px;
    font-weight: 500; }
    .trial-pop-up-container .try-for-free .try-for-free-txt {
      -webkit-transition: none;
      -o-transition: none;
      -moz-transition: none;
      transition: none; }
      .trial-pop-up-container .try-for-free .try-for-free-txt.active {
        opacity: 1; }
      .trial-pop-up-container .try-for-free .try-for-free-txt.inactive {
        opacity: 0; }
  .trial-pop-up-container .review-info {
    color: #F2C9C4; }
    .trial-pop-up-container .review-info a {
      color: #F2C9C4; }
  .trial-pop-up-container .enrolment-confirmation {
    margin-top: 10px;
    color: white;
    font-size: 14px;
    text-align: left; }
    .trial-pop-up-container .enrolment-confirmation .info {
      position: relative;
      top: 3px;
      left: 10px; }
  .trial-pop-up-container .register-trial-form {
    text-align: center; }
    .trial-pop-up-container .register-trial-form .register-trial-form-content {
      display: inline-block;
      margin-left: auto;
      margin-right: auto; }
      .trial-pop-up-container .register-trial-form .register-trial-form-content .trust-pilot-rating {
        text-align: left; }

.toggle-pop-up-container {
  background-color: #50505A;
  position: fixed;
  height: 120px;
  /*opacity: 0;
    left: -100%;*/
  width: 86px;
  -webkit-transition: all 1s;
  /* Safari */
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px; }
  @media (max-width: 767.98px) {
    .toggle-pop-up-container {
      height: 60px; } }
  .toggle-pop-up-container.inactive {
    top: 0; }
  .toggle-pop-up-container.active {
    top: 0; }
    .toggle-pop-up-container.active.hide-popup {
      top: -125px; }
  .toggle-pop-up-container .toggle-pop-up-button {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0 15px;
    position: relative;
    top: -32px;
    float: right; }
    .toggle-pop-up-container .toggle-pop-up-button.fr {
      top: -33px; }
  .toggle-pop-up-container .rotate-90 {
    color: white;
    width: 120px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: relative;
    z-index: 11;
    left: -36px;
    top: 1px; }
    .toggle-pop-up-container .rotate-90 .tff-text {
      font-weight: 500;
      position: relative;
      right: 34px;
      font-size: 15px; }
      .toggle-pop-up-container .rotate-90 .tff-text.de {
        font-size: 13px;
        right: 49px; }
      .toggle-pop-up-container .rotate-90 .tff-text.fr {
        font-size: 13px;
        right: 24px; }
      .toggle-pop-up-container .rotate-90 .tff-text.nl {
        font-size: 13px;
        right: 40px; }
  .toggle-pop-up-container.get-pro-free-toggle {
    background: #50505A;
    -o-background-size: cover;
       background-size: cover;
    background-position: right;
    background-repeat: no-repeat; }
    .toggle-pop-up-container.get-pro-free-toggle .rotate-90 {
      font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
      line-height: 32px; }
      .toggle-pop-up-container.get-pro-free-toggle .rotate-90 .tff-text {
        display: inline-block;
        width: 110px;
        text-align: center;
        right: 37px;
        top: -3px; }
        .toggle-pop-up-container.get-pro-free-toggle .rotate-90 .tff-text.de {
          font-size: 12px; }
        .toggle-pop-up-container.get-pro-free-toggle .rotate-90 .tff-text.fr {
          font-size: 13px;
          right: 36px; }
    .toggle-pop-up-container.get-pro-free-toggle .toggle-pop-up-button {
      display: block;
      position: absolute;
      top: 0;
      left: 42px;
      border-radius: 0;
      background: #3C3C46; }

.active {
  -webkit-transition: all 1s;
  /* Safari */
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  z-index: 10; }
  .active.small-popup {
    opacity: 1;
    left: 0;
    z-index: 1091; }
    @media (max-width: 767.98px) {
      .active.small-popup {
        left: -42px;
        width: 28px; }
        .active.small-popup .toggle-pop-up-button {
          width: 28px;
          padding: 0 8px; } }
  .active.big-popup {
    left: 0;
    opacity: 1;
    z-index: 1091; }
    @media (max-width: 767.98px) {
      .active.big-popup .toggle-pop-up-button {
        width: 48px;
        padding: 0 15px;
        font-size: 15px; } }

.inactive {
  -webkit-transition: all 1s;
  /* Safari */
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  z-index: 9; }
  .inactive.big-popup {
    left: -130%; }
  .inactive.small-popup {
    opacity: 0;
    left: -100%; }

.footer {
  background: #50505a;
  font-size: 14px;
  padding: 64px 0;
  color: #fff;
  font-weight: 300; }
  .footer .form-control {
    cursor: pointer;
    background-color: #979797;
    color: #fff;
    border: 0;
    height: 40px;
    font-size: 14px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); }
  .footer .brand {
    height: 100%;
    max-height: 30px; }
  .footer a {
    color: #dcdcde; }
    .footer a:hover {
      color: #fff; }
  .footer h4 {
    color: #fff;
    cursor: default; }
    .footer h4 a {
      color: #fff; }
  .footer__header {
    margin-bottom: 64px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .footer__header p {
      margin-bottom: 0; }
    .footer__header select {
      max-width: 184px; }
    @media (max-width: 767.98px) {
      .footer__header {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .footer__header p {
          margin-bottom: 32px; } }
  .footer__menu ul {
    margin-left: 0;
    list-style-type: none; }
  .footer__menu li {
    margin-bottom: 16px;
    line-height: 20px; }
  @media (max-width: 991.98px) {
    .footer__menu ul {
      margin-bottom: 0; }
    .footer__menu h4 {
      cursor: pointer; }
    .footer__menu li:not(:first-child) {
      display: none; }
    .footer__menu li:last-child {
      margin-bottom: 32px; } }
  .footer__tel {
    font-size: 20px;
    font-weight: bold; }
  .footer__social {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .footer__social img {
      opacity: 0.6;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .footer__social a:hover img {
      opacity: 1; }
    .footer__social li {
      margin-right: 23px; }
    @media (max-width: 991.98px) {
      .footer__social img {
        width: 36px;
        height: auto; } }
  .footer__schedule {
    color: #dcdcde; }
    .footer__schedule strong {
      color: #fff; }
  @media (max-width: 767.98px) {
    .footer__contact h4 {
      border-top: 1px solid rgba(185, 185, 189, 0.32);
      padding-top: 32px;
      margin-top: 32px; } }
  .footer__credits {
    font-weight: 300;
    border-top: 1px solid rgba(185, 185, 189, 0.32);
    color: rgba(255, 255, 255, 0.68);
    padding-top: 32px;
    margin-top: 32px;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 24px; }
    .footer__credits a {
      font-weight: bold; }
    @media (max-width: 991.98px) {
      .footer__credits {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        font-size: 14px; } }
  .footer .language-picker {
    color: #fff;
    width: 184px; }
    .footer .language-picker button {
      width: 100%;
      height: 40px;
      background-color: #979797;
      border-radius: 0;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      font-weight: 400;
      min-height: 40px;
      position: relative; }
      .footer .language-picker button span {
        position: absolute;
        left: 25px;
        vertical-align: middle; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .footer .language-picker button span {
            /* IE10+ CSS styles go here */
            top: 12px; } }
      .footer .language-picker button[aria-expanded="true"] {
        background-color: #979797; }
      .footer .language-picker button:active {
        background-color: #979797 !important; }
      .footer .language-picker button:focus {
        outline: none;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none; }
      .footer .language-picker button:after {
        position: absolute;
        right: 17px;
        border-top: 0.4em solid;
        border-right: 0.4em solid transparent;
        border-bottom: 0;
        border-left: 0.4em solid transparent; }
    .footer .language-picker .dropdown-menu {
      width: 100%;
      background-color: #979797;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      font-weight: 400;
      border-radius: 0;
      margin-top: 0;
      border: 0; }
      .footer .language-picker .dropdown-menu a {
        color: #fff;
        line-height: 22px; }
        .footer .language-picker .dropdown-menu a:hover, .footer .language-picker .dropdown-menu a:focus {
          background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent));
          background: -moz-linear-gradient(left, transparent, transparent 100%);
          background: -o-linear-gradient(left, transparent, transparent 100%);
          background: linear-gradient(left, transparent, transparent 100%);
          background-color: #808080; }
          @media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min--moz-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
            .footer .language-picker .dropdown-menu a:hover, .footer .language-picker .dropdown-menu a:focus {
              /* IE10+ CSS */
              text-decoration: none; } }
      .footer .language-picker .dropdown-menu.en > .en,
      .footer .language-picker .dropdown-menu.de > .de,
      .footer .language-picker .dropdown-menu.fr > .fr,
      .footer .language-picker .dropdown-menu.nl > .nl {
        display: none; }

/* colors - START*/
/* colors - END*/
/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* START - nav menu right arrow */
/* END - nav menu right arrow */
/* dimensions - START */
/* Legend: 
    - "d" = desktop
    - "t" = tablet
    - "m" = mobile
    - "v" = vertical
    - "h" = horizontal
    - "i" = in section / spacing between paragraphs in a section
*/
/* head section */
/* normal section */
/* columns section */
/* buttons */
/* dimensions - END */
/* custom calc variable for home page section - START */
/* custom calc variable for home page section - END */
.row__banner {
  display: block;
  position: absolute;
  width: 400px;
  height: 100%;
  top: -5px;
  right: -5px;
  left: auto;
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .row__banner:before, .row__banner:after {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    z-index: 9; }
  .row__banner:before {
    top: 0;
    right: 113px;
    border-left: 5.5px solid rgba(0, 0, 0, 0);
    border-right: 5.5px solid rgba(0, 0, 0, 0);
    border-bottom: 5.5px solid #d09900; }
  .row__banner:after {
    right: 0;
    top: 113px;
    border-top: 5.5px solid rgba(0, 0, 0, 0);
    border-bottom: 5.5px solid rgba(0, 0, 0, 0);
    border-left: 5.5px solid #d09900; }
  .row__banner .cell__container {
    width: 180px;
    height: 32px;
    position: relative;
    line-height: 32px;
    margin-right: -40px;
    margin-left: auto;
    margin-top: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
         transform: rotate(45deg);
    background: #E9AC00; }
    .row__banner .cell__container--text {
      color: #fff;
      font-size: 12px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      text-align: center;
      margin-left: 7px;
      z-index: 10; }
    .row__banner .cell__container--shadow {
      display: block;
      position: relative;
      width: 167px;
      height: 6.5px;
      background: #000000;
      filter: alpha(opacity=15);
      opacity: 0.15;
      margin-left: 9px;
      -webkit-box-shadow: 0 1px 1px #000000;
      box-shadow: 0 1px 1px #000000; }

/* colors - START*/
/* colors - END*/
/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* START - nav menu right arrow */
/* END - nav menu right arrow */
/* dimensions - START */
/* Legend: 
    - "d" = desktop
    - "t" = tablet
    - "m" = mobile
    - "v" = vertical
    - "h" = horizontal
    - "i" = in section / spacing between paragraphs in a section
*/
/* head section */
/* normal section */
/* columns section */
/* buttons */
/* dimensions - END */
/* custom calc variable for home page section - START */
/* custom calc variable for home page section - END */
.cc-window {
  z-index: 10001; }
  .cc-window.cc-type-info {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: black;
            box-shadow: black;
    opacity: 0.95;
    padding: 16px 1.8em;
    color: #FFF !important;
    background-color: #50505A !important; }
  .cc-window.cc-floating {
    max-width: none; }

.cc-message {
  font-family: 'Open Sans';
  font-size: 14px;
  max-width: 100%; }
  .cc-message a, .cc-message a:hover {
    text-decoration: underline;
    color: #FFF;
    font-weight: bold;
    text-decoration: none; }
  .cc-message .cc-link {
    display: none; }

.cc-compliance {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  margin-right: auto;
  font-size: 20px;
  background-color: #F1F1F1;
  width: 70px; }

.cc-compliance .cc-btn.cc-dismiss {
  border: none;
  border-style: none;
  background-color: #F1F1F1;
  outline: none;
  padding: 0;
  width: 20px;
  height: 20px;
  min-width: 20px !important;
  max-width: 20px;
  right: 13.5%;
  top: 41%;
  position: absolute;
  background: url("https://img.officetimeline.com/website/Content/images/icons/close-white.svg") no-repeat; }

.cc-content-wrapper {
  width: 74%;
  margin: 0 auto; }

@media screen and (max-width: 767.98px) {
  .cc-content-wrapper {
    width: 100%; }
  .cc-window.cc-type-info {
    padding-right: 45px;
    padding-top: 22px; }
  .cc-compliance .cc-btn.cc-dismiss {
    right: 5%;
    top: auto;
    bottom: 30px; } }

/*# sourceMappingURL=layout.min.css.map */