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

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

html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
}

html {
   scroll-behavior: smooth;
}

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 {
   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[data-original-title],
abbr[title] {
   text-decoration: underline;
   -webkit-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 {
   font-style: normal;
   line-height: inherit;
}

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

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

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

dt {
   font-weight: 700;
}

dd {
   margin-bottom: 0.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: -0.25em;
}

sup {
   top: -0.5em;
}

a {
   color: #007bff;
   text-decoration: none;
   background-color: transparent;
}

a:hover {
   color: #0056b3;
   text-decoration: underline;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none;
}

code,
kbd,
pre,
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;
   -ms-overflow-style: scrollbar;
}

figure {
   margin: 0 0 1rem;
}

img {
   border-style: none;
}

img,
svg {
   vertical-align: middle;
}

svg {
   overflow: hidden;
}

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;
   text-align: -webkit-match-parent;
}

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

button {
   border-radius: 0;
}

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

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

button,
input {
   overflow: visible;
}

button,
select {
   text-transform: none;
}

[role="button"] {
   cursor: pointer;
}

select {
   word-wrap: normal;
}

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

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

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

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

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: 0.5rem;
   font-size: 1.5rem;
   line-height: inherit;
   color: inherit;
   white-space: normal;
}

progress {
   vertical-align: baseline;
}

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

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

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

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

output {
   display: inline-block;
}

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

template {
   display: none;
}

[hidden] {
   display: none !important;
}

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

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

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

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

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

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

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

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

.display-1 {
   font-size: 6rem;
}

.display-1,
.display-2 {
   font-weight: 300;
   line-height: 1.2;
}

.display-2 {
   font-size: 5.5rem;
}

.display-3 {
   font-size: 4.5rem;
}

.display-3,
.display-4 {
   font-weight: 300;
   line-height: 1.2;
}

.display-4 {
   font-size: 3.5rem;
}

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

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

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

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

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

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

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

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

.blockquote-footer {
   display: block;
   font-size: 80%;
   color: #6c757d;
}

.blockquote-footer:before {
   content: "\2014\00A0";
}

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

.img-thumbnail {
   padding: 0.25rem;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 0.25rem;
}

.figure {
   display: inline-block;
}

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

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

code {
   font-size: 87.5%;
   color: #e83e8c;
   word-wrap: break-word;
}

a > code {
   color: inherit;
}

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

kbd kbd {
   padding: 0;
   font-size: 100%;
   font-weight: 700;
}

pre {
   display: block;
   font-size: 87.5%;
   color: #212529;
}

pre code {
   font-size: inherit;
   color: inherit;
   word-break: normal;
}

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

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

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

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

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

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

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

.no-gutters {
   margin-right: 0;
   margin-left: 0;
}

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

.col,
.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-auto,
.col-lg,
.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-auto,
.col-md,
.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-auto,
.col-sm,
.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-auto,
.col-xl,
.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-auto {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
}

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

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

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

.row-cols-3 > * {
   flex: 0 0 33.333333%;
   max-width: 33.333333%;
}

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

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

.row-cols-6 > * {
   flex: 0 0 16.666667%;
   max-width: 16.666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
   order: -1;
}

.order-last {
   order: 13;
}

.order-0 {
   order: 0;
}

.order-1 {
   order: 1;
}

.order-2 {
   order: 2;
}

.order-3 {
   order: 3;
}

.order-4 {
   order: 4;
}

.order-5 {
   order: 5;
}

.order-6 {
   order: 6;
}

.order-7 {
   order: 7;
}

.order-8 {
   order: 8;
}

.order-9 {
   order: 9;
}

.order-10 {
   order: 10;
}

.order-11 {
   order: 11;
}

.order-12 {
   order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
   .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
   }
   .row-cols-sm-1 > * {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .row-cols-sm-2 > * {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .row-cols-sm-3 > * {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
   .row-cols-sm-4 > * {
      flex: 0 0 25%;
      max-width: 25%;
   }
   .row-cols-sm-5 > * {
      flex: 0 0 20%;
      max-width: 20%;
   }
   .row-cols-sm-6 > * {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
   }
   .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
   }
   .col-sm-1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
   }
   .col-sm-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
   }
   .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%;
   }
   .col-sm-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
   .col-sm-5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
   }
   .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .col-sm-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
   }
   .col-sm-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
   }
   .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%;
   }
   .col-sm-10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
   }
   .col-sm-11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
   }
   .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .order-sm-first {
      order: -1;
   }
   .order-sm-last {
      order: 13;
   }
   .order-sm-0 {
      order: 0;
   }
   .order-sm-1 {
      order: 1;
   }
   .order-sm-2 {
      order: 2;
   }
   .order-sm-3 {
      order: 3;
   }
   .order-sm-4 {
      order: 4;
   }
   .order-sm-5 {
      order: 5;
   }
   .order-sm-6 {
      order: 6;
   }
   .order-sm-7 {
      order: 7;
   }
   .order-sm-8 {
      order: 8;
   }
   .order-sm-9 {
      order: 9;
   }
   .order-sm-10 {
      order: 10;
   }
   .order-sm-11 {
      order: 11;
   }
   .order-sm-12 {
      order: 12;
   }
   .offset-sm-0 {
      margin-left: 0;
   }
   .offset-sm-1 {
      margin-left: 8.333333%;
   }
   .offset-sm-2 {
      margin-left: 16.666667%;
   }
   .offset-sm-3 {
      margin-left: 25%;
   }
   .offset-sm-4 {
      margin-left: 33.333333%;
   }
   .offset-sm-5 {
      margin-left: 41.666667%;
   }
   .offset-sm-6 {
      margin-left: 50%;
   }
   .offset-sm-7 {
      margin-left: 58.333333%;
   }
   .offset-sm-8 {
      margin-left: 66.666667%;
   }
   .offset-sm-9 {
      margin-left: 75%;
   }
   .offset-sm-10 {
      margin-left: 83.333333%;
   }
   .offset-sm-11 {
      margin-left: 91.666667%;
   }
}

@media (min-width: 768px) {
   .col-md {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
   }
   .row-cols-md-1 > * {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .row-cols-md-2 > * {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .row-cols-md-3 > * {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
   .row-cols-md-4 > * {
      flex: 0 0 25%;
      max-width: 25%;
   }
   .row-cols-md-5 > * {
      flex: 0 0 20%;
      max-width: 20%;
   }
   .row-cols-md-6 > * {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
   }
   .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
   }
   .col-md-1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
   }
   .col-md-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
   }
   .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%;
   }
   .col-md-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
   .col-md-5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
   }
   .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .col-md-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
   }
   .col-md-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
   }
   .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%;
   }
   .col-md-10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
   }
   .col-md-11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
   }
   .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .order-md-first {
      order: -1;
   }
   .order-md-last {
      order: 13;
   }
   .order-md-0 {
      order: 0;
   }
   .order-md-1 {
      order: 1;
   }
   .order-md-2 {
      order: 2;
   }
   .order-md-3 {
      order: 3;
   }
   .order-md-4 {
      order: 4;
   }
   .order-md-5 {
      order: 5;
   }
   .order-md-6 {
      order: 6;
   }
   .order-md-7 {
      order: 7;
   }
   .order-md-8 {
      order: 8;
   }
   .order-md-9 {
      order: 9;
   }
   .order-md-10 {
      order: 10;
   }
   .order-md-11 {
      order: 11;
   }
   .order-md-12 {
      order: 12;
   }
   .offset-md-0 {
      margin-left: 0;
   }
   .offset-md-1 {
      margin-left: 8.333333%;
   }
   .offset-md-2 {
      margin-left: 16.666667%;
   }
   .offset-md-3 {
      margin-left: 25%;
   }
   .offset-md-4 {
      margin-left: 33.333333%;
   }
   .offset-md-5 {
      margin-left: 41.666667%;
   }
   .offset-md-6 {
      margin-left: 50%;
   }
   .offset-md-7 {
      margin-left: 58.333333%;
   }
   .offset-md-8 {
      margin-left: 66.666667%;
   }
   .offset-md-9 {
      margin-left: 75%;
   }
   .offset-md-10 {
      margin-left: 83.333333%;
   }
   .offset-md-11 {
      margin-left: 91.666667%;
   }
}

@media (min-width: 992px) {
   .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
   }
   .row-cols-lg-1 > * {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .row-cols-lg-2 > * {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .row-cols-lg-3 > * {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
   .row-cols-lg-4 > * {
      flex: 0 0 25%;
      max-width: 25%;
   }
   .row-cols-lg-5 > * {
      flex: 0 0 20%;
      max-width: 20%;
   }
   .row-cols-lg-6 > * {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
   }
   .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
   }
   .col-lg-1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
   }
   .col-lg-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
   }
   .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%;
   }
   .col-lg-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
   .col-lg-5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
   }
   .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .col-lg-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
   }
   .col-lg-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
   }
   .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%;
   }
   .col-lg-10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
   }
   .col-lg-11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
   }
   .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .order-lg-first {
      order: -1;
   }
   .order-lg-last {
      order: 13;
   }
   .order-lg-0 {
      order: 0;
   }
   .order-lg-1 {
      order: 1;
   }
   .order-lg-2 {
      order: 2;
   }
   .order-lg-3 {
      order: 3;
   }
   .order-lg-4 {
      order: 4;
   }
   .order-lg-5 {
      order: 5;
   }
   .order-lg-6 {
      order: 6;
   }
   .order-lg-7 {
      order: 7;
   }
   .order-lg-8 {
      order: 8;
   }
   .order-lg-9 {
      order: 9;
   }
   .order-lg-10 {
      order: 10;
   }
   .order-lg-11 {
      order: 11;
   }
   .order-lg-12 {
      order: 12;
   }
   .offset-lg-0 {
      margin-left: 0;
   }
   .offset-lg-1 {
      margin-left: 8.333333%;
   }
   .offset-lg-2 {
      margin-left: 16.666667%;
   }
   .offset-lg-3 {
      margin-left: 25%;
   }
   .offset-lg-4 {
      margin-left: 33.333333%;
   }
   .offset-lg-5 {
      margin-left: 41.666667%;
   }
   .offset-lg-6 {
      margin-left: 50%;
   }
   .offset-lg-7 {
      margin-left: 58.333333%;
   }
   .offset-lg-8 {
      margin-left: 66.666667%;
   }
   .offset-lg-9 {
      margin-left: 75%;
   }
   .offset-lg-10 {
      margin-left: 83.333333%;
   }
   .offset-lg-11 {
      margin-left: 91.666667%;
   }
}

@media (min-width: 1200px) {
   .col-xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
   }
   .row-cols-xl-1 > * {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .row-cols-xl-2 > * {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .row-cols-xl-3 > * {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
   .row-cols-xl-4 > * {
      flex: 0 0 25%;
      max-width: 25%;
   }
   .row-cols-xl-5 > * {
      flex: 0 0 20%;
      max-width: 20%;
   }
   .row-cols-xl-6 > * {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
   }
   .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
   }
   .col-xl-1 {
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
   }
   .col-xl-2 {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
   }
   .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%;
   }
   .col-xl-4 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
   }
   .col-xl-5 {
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
   }
   .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .col-xl-7 {
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
   }
   .col-xl-8 {
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
   }
   .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%;
   }
   .col-xl-10 {
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
   }
   .col-xl-11 {
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
   }
   .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .order-xl-first {
      order: -1;
   }
   .order-xl-last {
      order: 13;
   }
   .order-xl-0 {
      order: 0;
   }
   .order-xl-1 {
      order: 1;
   }
   .order-xl-2 {
      order: 2;
   }
   .order-xl-3 {
      order: 3;
   }
   .order-xl-4 {
      order: 4;
   }
   .order-xl-5 {
      order: 5;
   }
   .order-xl-6 {
      order: 6;
   }
   .order-xl-7 {
      order: 7;
   }
   .order-xl-8 {
      order: 8;
   }
   .order-xl-9 {
      order: 9;
   }
   .order-xl-10 {
      order: 10;
   }
   .order-xl-11 {
      order: 11;
   }
   .order-xl-12 {
      order: 12;
   }
   .offset-xl-0 {
      margin-left: 0;
   }
   .offset-xl-1 {
      margin-left: 8.333333%;
   }
   .offset-xl-2 {
      margin-left: 16.666667%;
   }
   .offset-xl-3 {
      margin-left: 25%;
   }
   .offset-xl-4 {
      margin-left: 33.333333%;
   }
   .offset-xl-5 {
      margin-left: 41.666667%;
   }
   .offset-xl-6 {
      margin-left: 50%;
   }
   .offset-xl-7 {
      margin-left: 58.333333%;
   }
   .offset-xl-8 {
      margin-left: 66.666667%;
   }
   .offset-xl-9 {
      margin-left: 75%;
   }
   .offset-xl-10 {
      margin-left: 83.333333%;
   }
   .offset-xl-11 {
      margin-left: 91.666667%;
   }
}

.table {
   width: 100%;
   margin-bottom: 1rem;
   color: #212529;
}

.table td,
.table th {
   padding: 0.75rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6;
}

.table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
   border-top: 2px solid #dee2e6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-dark {
   color: #fff;
   background-color: #343a40;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
   border-color: #454d55;
}

.table-dark.table-bordered {
   border: 0;
}

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

.table-dark.table-hover tbody tr:hover {
   color: #fff;
   background-color: hsla(0, 0%, 100%, 0.075);
}

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

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

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

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

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

.table-responsive > .table-bordered {
   border: 0;
}

.form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + 0.75rem + 2px);
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
   .form-control {
      transition: none;
   }
}

.form-control::-ms-expand {
   background-color: transparent;
   border: 0;
}

.form-control:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #495057;
}

.form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-moz-placeholder {
   color: #6c757d;
   opacity: 1;
}

.form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
}

.form-control::placeholder {
   color: #6c757d;
   opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1;
}

input[type="date"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control,
input[type="time"].form-control {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

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

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

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

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

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

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

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
   padding-right: 0;
   padding-left: 0;
}

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

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

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

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

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

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

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

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

.form-check-input {
   position: absolute;
   margin-top: 0.3rem;
   margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
   color: #6c757d;
}

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

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

.form-check-inline .form-check-input {
   position: static;
   margin-top: 0;
   margin-right: 0.3125rem;
   margin-left: 0;
}

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

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

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

.form-control.is-valid,
.was-validated .form-control:valid {
   border-color: #28a745;
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

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

.custom-select.is-valid,
.was-validated .custom-select:valid {
   border-color: #28a745;
   padding-right: calc(0.75em + 2.3125rem);
   background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px,
   url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
   border-color: #dc3545;
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

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

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
   border-color: #dc3545;
   padding-right: calc(0.75em + 2.3125rem);
   background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px,
   url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

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

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

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

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

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

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

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

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

.form-inline {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
}

.form-inline .form-check {
   width: 100%;
}

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

.btn {
   display: inline-block;
   font-weight: 400;
   color: #212529;
   text-align: center;
   vertical-align: middle;
   -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: 0.25rem;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
   box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
   .btn {
      transition: none;
   }
}

.btn:hover {
   color: #212529;
   text-decoration: none;
}

.btn.focus,
.btn:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
   opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
   cursor: pointer;
}

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

.btn-primary {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
   color: #fff;
   background-color: #0069d9;
   border-color: #0062cc;
}

.btn-primary.focus,
.btn-primary:focus {
   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #0062cc;
   border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
   color: #fff;
   background-color: #5a6268;
   border-color: #545b62;
}

.btn-secondary.focus,
.btn-secondary:focus {
   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
   color: #fff;
   background-color: #545b62;
   border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745;
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
   color: #fff;
   background-color: #218838;
   border-color: #1e7e34;
}

.btn-success.focus,
.btn-success:focus {
   box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
   color: #fff;
   background-color: #1e7e34;
   border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8;
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
   color: #fff;
   background-color: #138496;
   border-color: #117a8b;
}

.btn-info.focus,
.btn-info:focus {
   box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
   color: #fff;
   background-color: #117a8b;
   border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107;
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
   color: #212529;
   background-color: #e0a800;
   border-color: #d39e00;
}

.btn-warning.focus,
.btn-warning:focus {
   box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
   color: #212529;
   background-color: #d39e00;
   border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545;
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
   color: #fff;
   background-color: #c82333;
   border-color: #bd2130;
}

.btn-danger.focus,
.btn-danger:focus {
   box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
   color: #fff;
   background-color: #bd2130;
   border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa;
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
   color: #212529;
   background-color: #e2e6ea;
   border-color: #dae0e5;
}

.btn-light.focus,
.btn-light:focus {
   box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
   color: #212529;
   background-color: #dae0e5;
   border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40;
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
   color: #fff;
   background-color: #23272b;
   border-color: #1d2124;
}

.btn-dark.focus,
.btn-dark:focus {
   box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
   color: #fff;
   background-color: #1d2124;
   border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
   color: #007bff;
   border-color: #007bff;
}

.btn-outline-primary:hover {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
   color: #007bff;
   background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
   color: #6c757d;
   border-color: #6c757d;
}

.btn-outline-secondary:hover {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
   color: #6c757d;
   background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
   color: #28a745;
   border-color: #28a745;
}

.btn-outline-success:hover {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745;
}

.btn-outline-success.focus,
.btn-outline-success:focus {
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
   color: #28a745;
   background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
   color: #17a2b8;
   border-color: #17a2b8;
}

.btn-outline-info:hover {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8;
}

.btn-outline-info.focus,
.btn-outline-info:focus {
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
   color: #17a2b8;
   background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
   color: #ffc107;
   border-color: #ffc107;
}

.btn-outline-warning:hover {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107;
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
   color: #ffc107;
   background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
   color: #dc3545;
   border-color: #dc3545;
}

.btn-outline-danger:hover {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545;
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
   color: #dc3545;
   background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
   color: #f8f9fa;
   border-color: #f8f9fa;
}

.btn-outline-light:hover {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa;
}

.btn-outline-light.focus,
.btn-outline-light:focus {
   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
   color: #f8f9fa;
   background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
   color: #343a40;
   border-color: #343a40;
}

.btn-outline-dark:hover {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40;
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
   color: #343a40;
   background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
   font-weight: 400;
   color: #007bff;
   text-decoration: none;
}

.btn-link:hover {
   color: #0056b3;
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
   text-decoration: underline;
}

.btn-link.disabled,
.btn-link:disabled {
   color: #6c757d;
   pointer-events: none;
}

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

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

.btn-block {
   display: block;
   width: 100%;
}

.btn-block + .btn-block {
   margin-top: 0.5rem;
}

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

.fade {
   transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
   .fade {
      transition: none;
   }
}

.fade:not(.show) {
   opacity: 0;
}

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

.collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
   .collapsing {
      transition: none;
   }
}

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

.dropdown-toggle {
   white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropleft .dropdown-toggle:after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   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^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
   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:focus,
.dropdown-item:hover {
   color: #16181b;
   text-decoration: none;
   background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: transparent;
}

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

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

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

.btn-group,
.btn-group-vertical {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
}

.btn-group-vertical > .btn,
.btn-group > .btn {
   position: relative;
   flex: 1 1 auto;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
   z-index: 1;
}

.btn-toolbar {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.btn-toolbar .input-group {
   width: auto;
}

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

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

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

.dropdown-toggle-split {
   padding-right: 0.5625rem;
   padding-left: 0.5625rem;
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
   margin-left: 0;
}

.dropleft .dropdown-toggle-split:before {
   margin-right: 0;
}

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

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

.btn-group-vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
   width: 100%;
}

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

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

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

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
   margin-bottom: 0;
}

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

.input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
}

.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   min-width: 0;
   margin-bottom: 0;
}

.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
   margin-left: -1px;
}

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
   z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
   z-index: 4;
}

.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.input-group > .custom-file {
   display: flex;
   align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label:after {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.input-group-append,
.input-group-prepend {
   display: flex;
}

.input-group-append .btn,
.input-group-prepend .btn {
   position: relative;
   z-index: 2;
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
   z-index: 3;
}

.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
   margin-left: -1px;
}

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

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

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

.input-group-text input[type="checkbox"],
.input-group-text input[type="radio"] {
   margin-top: 0;
}

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

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

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

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

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

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

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

.custom-control {
   position: relative;
   z-index: 1;
   display: block;
   min-height: 1.5rem;
   padding-left: 1.5rem;
   -webkit-print-color-adjust: exact;
   color-adjust: exact;
}

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

.custom-control-input {
   position: absolute;
   left: 0;
   z-index: -1;
   width: 1rem;
   height: 1.25rem;
   opacity: 0;
}

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

.custom-control-input:focus ~ .custom-control-label:before {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
   border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label:before {
   color: #fff;
   background-color: #b3d7ff;
   border-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
   color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label:before,
.custom-control-input[disabled] ~ .custom-control-label:before {
   background-color: #e9ecef;
}

.custom-control-label {
   position: relative;
   margin-bottom: 0;
   vertical-align: top;
}

.custom-control-label:before {
   pointer-events: none;
   background-color: #fff;
   border: 1px solid #adb5bd;
}

.custom-control-label:after,
.custom-control-label:before {
   position: absolute;
   top: 0.25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   content: "";
}

.custom-control-label:after {
   background: no-repeat 50%/50% 50%;
}

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}

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

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

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

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

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

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

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

.custom-switch {
   padding-left: 2.25rem;
}

.custom-switch .custom-control-label:before {
   left: -2.25rem;
   width: 1.75rem;
   pointer-events: all;
   border-radius: 0.5rem;
}

.custom-switch .custom-control-label:after {
   top: calc(0.25rem + 2px);
   left: calc(-2.25rem + 2px);
   width: calc(1rem - 4px);
   height: calc(1rem - 4px);
   background-color: #adb5bd;
   border-radius: 0.5rem;
   transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
   box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
   .custom-switch .custom-control-label:after {
      transition: none;
   }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
   background-color: #fff;
   transform: translateX(0.75rem);
}

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

.custom-select {
   display: inline-block;
   width: 100%;
   height: calc(1.5em + 0.75rem + 2px);
   padding: 0.375rem 1.75rem 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   vertical-align: middle;
   background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.custom-select:focus {
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
   height: auto;
   padding-right: 0.75rem;
   background-image: none;
}

.custom-select:disabled {
   color: #6c757d;
   background-color: #e9ecef;
}

.custom-select::-ms-expand {
   display: none;
}

.custom-select:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #495057;
}

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

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

.custom-file {
   display: inline-block;
   margin-bottom: 0;
}

.custom-file,
.custom-file-input {
   position: relative;
   width: 100%;
   height: calc(1.5em + 0.75rem + 2px);
}

.custom-file-input {
   z-index: 2;
   margin: 0;
   opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
   border-color: #80bdff;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
   background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label:after {
   content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]:after {
   content: attr(data-browse);
}

.custom-file-label {
   left: 0;
   z-index: 1;
   height: calc(1.5em + 0.75rem + 2px);
   font-weight: 400;
   background-color: #fff;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
}

.custom-file-label,
.custom-file-label:after {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0.375rem 0.75rem;
   line-height: 1.5;
   color: #495057;
}

.custom-file-label:after {
   bottom: 0;
   z-index: 3;
   display: block;
   height: calc(1.5em + 0.75rem);
   content: "Browse";
   background-color: #e9ecef;
   border-left: inherit;
   border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
   width: 100%;
   height: 1.4rem;
   padding: 0;
   background-color: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.custom-range:focus {
   outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
   border: 0;
}

.custom-range::-webkit-slider-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-appearance: none;
   appearance: none;
}

@media (prefers-reduced-motion: reduce) {
   .custom-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none;
   }
}

.custom-range::-webkit-slider-thumb:active {
   background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -moz-appearance: none;
   appearance: none;
}

@media (prefers-reduced-motion: reduce) {
   .custom-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none;
   }
}

.custom-range::-moz-range-thumb:active {
   background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem;
}

.custom-range::-ms-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: 0;
   margin-right: 0.2rem;
   margin-left: 0.2rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   appearance: none;
}

@media (prefers-reduced-motion: reduce) {
   .custom-range::-ms-thumb {
      -ms-transition: none;
      transition: none;
   }
}

.custom-range::-ms-thumb:active {
   background-color: #b3d7ff;
}

.custom-range::-ms-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: transparent;
   border-color: transparent;
   border-width: 0.5rem;
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
   background-color: #dee2e6;
   border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
   margin-right: 15px;
}

.custom-range:disabled::-webkit-slider-thumb {
   background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
   cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
   background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
   cursor: default;
}

.custom-range:disabled::-ms-thumb {
   background-color: #adb5bd;
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
   .custom-control-label:before,
   .custom-file-label,
   .custom-select {
      transition: none;
   }
}

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

.nav-link {
   display: block;
   padding: 0.5rem 1rem;
}

.nav-link:focus,
.nav-link:hover {
   text-decoration: none;
}

.nav-link.disabled {
   color: #6c757d;
   pointer-events: none;
   cursor: default;
}

.nav-tabs {
   border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
   margin-bottom: -1px;
}

.nav-tabs .nav-link {
   border: 1px solid transparent;
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
   border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
   color: #6c757d;
   background-color: transparent;
   border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
   color: #495057;
   background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

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

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

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

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

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

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

.navbar {
   position: relative;
   padding: 0.5rem 1rem;
}

.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}

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

.navbar-brand:focus,
.navbar-brand:hover {
   text-decoration: none;
}

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

.navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0;
}

.navbar-nav .dropdown-menu {
   position: static;
   float: none;
}

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

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

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

.navbar-toggler:focus,
.navbar-toggler:hover {
   text-decoration: none;
}

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

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

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

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

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

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

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

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

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

.navbar-expand {
   flex-flow: row nowrap;
   justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
   padding-right: 0;
   padding-left: 0;
}

.navbar-expand .navbar-nav {
   flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
   position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
   flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
   display: flex !important;
   flex-basis: auto;
}

.navbar-expand .navbar-toggler {
   display: none;
}

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

.navbar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.5);
}

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

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

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

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

.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

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

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

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

.navbar-dark .navbar-nav .nav-link {
   color: hsla(0, 0%, 100%, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
   color: hsla(0, 0%, 100%, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
   color: hsla(0, 0%, 100%, 0.25);
}

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

.navbar-dark .navbar-toggler {
   color: hsla(0, 0%, 100%, 0.5);
   border-color: hsla(0, 0%, 100%, 0.1);
}

.navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
   color: hsla(0, 0%, 100%, 0.5);
}

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

.card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem;
}

.card > hr {
   margin-right: 0;
   margin-left: 0;
}

.card > .list-group {
   border-top: inherit;
   border-bottom: inherit;
}

.card > .list-group:first-child {
   border-top-width: 0;
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
   border-bottom-width: 0;
   border-bottom-right-radius: calc(0.25rem - 1px);
   border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
   border-top: 0;
}

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

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

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

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

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

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

.card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

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

.card-footer:last-child {
   border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

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

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

.card-img-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem;
   border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom,
.card-img-top {
   flex-shrink: 0;
   width: 100%;
}

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

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

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

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

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

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

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

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

.accordion {
   overflow-anchor: none;
}

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

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

.breadcrumb,
.breadcrumb-item {
   display: flex;
}

.breadcrumb-item + .breadcrumb-item {
   padding-left: 0.5rem;
}

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

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

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

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

.page-link {
   position: relative;
   display: block;
   padding: 0.5rem 0.75rem;
   margin-left: -1px;
   line-height: 1.25;
   color: #007bff;
   background-color: #fff;
   border: 1px solid #dee2e6;
}

.page-link:hover {
   z-index: 2;
   color: #0056b3;
   text-decoration: none;
   background-color: #e9ecef;
   border-color: #dee2e6;
}

.page-link:focus {
   z-index: 3;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

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

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

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

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

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

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

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

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

.badge {
   display: inline-block;
   padding: 0.25em 0.4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
   box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
   .badge {
      transition: none;
   }
}

a.badge:focus,
a.badge:hover {
   text-decoration: none;
}

.badge:empty {
   display: none;
}

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

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

.badge-primary {
   color: #fff;
   background-color: #007bff;
}

a.badge-primary:focus,
a.badge-primary:hover {
   color: #fff;
   background-color: #0062cc;
}

a.badge-primary.focus,
a.badge-primary:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
   color: #fff;
   background-color: #6c757d;
}

a.badge-secondary:focus,
a.badge-secondary:hover {
   color: #fff;
   background-color: #545b62;
}

a.badge-secondary.focus,
a.badge-secondary:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
   color: #fff;
   background-color: #28a745;
}

a.badge-success:focus,
a.badge-success:hover {
   color: #fff;
   background-color: #1e7e34;
}

a.badge-success.focus,
a.badge-success:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
   color: #fff;
   background-color: #17a2b8;
}

a.badge-info:focus,
a.badge-info:hover {
   color: #fff;
   background-color: #117a8b;
}

a.badge-info.focus,
a.badge-info:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
   color: #212529;
   background-color: #ffc107;
}

a.badge-warning:focus,
a.badge-warning:hover {
   color: #212529;
   background-color: #d39e00;
}

a.badge-warning.focus,
a.badge-warning:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
   color: #fff;
   background-color: #dc3545;
}

a.badge-danger:focus,
a.badge-danger:hover {
   color: #fff;
   background-color: #bd2130;
}

a.badge-danger.focus,
a.badge-danger:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
   color: #212529;
   background-color: #f8f9fa;
}

a.badge-light:focus,
a.badge-light:hover {
   color: #212529;
   background-color: #dae0e5;
}

a.badge-light.focus,
a.badge-light:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
   color: #fff;
   background-color: #343a40;
}

a.badge-dark:focus,
a.badge-dark:hover {
   color: #fff;
   background-color: #1d2124;
}

a.badge-dark.focus,
a.badge-dark:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
   padding: 2rem 1rem;
   margin-bottom: 2rem;
   background-color: #e9ecef;
   border-radius: 0.3rem;
}

@media (min-width: 576px) {
   .jumbotron {
      padding: 4rem 2rem;
   }
}

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

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

.alert-heading {
   color: inherit;
}

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

.alert-dismissible {
   padding-right: 4rem;
}

.alert-dismissible .close {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   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;
}

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

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

.progress {
   height: 1rem;
   line-height: 0;
   font-size: 0.75rem;
   background-color: #e9ecef;
   border-radius: 0.25rem;
}

.progress,
.progress-bar {
   display: flex;
   overflow: hidden;
}

.progress-bar {
   flex-direction: column;
   justify-content: center;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #007bff;
   transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
   .progress-bar {
      transition: none;
   }
}

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

.progress-bar-animated {
   -webkit-animation: progress-bar-stripes 1s linear infinite;
   animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
   .progress-bar-animated {
      -webkit-animation: none;
      animation: none;
   }
}

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

.media-body {
   flex: 1;
}

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

.list-group-item-action {
   width: 100%;
   color: #495057;
   text-align: inherit;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
   z-index: 1;
   color: #495057;
   text-decoration: none;
   background-color: #f8f9fa;
}

.list-group-item-action:active {
   color: #212529;
   background-color: #e9ecef;
}

.list-group-item {
   position: relative;
   display: block;
   padding: 0.75rem 1.25rem;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
}

.list-group-item:last-child {
   border-bottom-right-radius: inherit;
   border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff;
}

.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
}

.list-group-item + .list-group-item {
   border-top-width: 0;
}

.list-group-item + .list-group-item.active {
   margin-top: -1px;
   border-top-width: 1px;
}

.list-group-horizontal {
   flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
   border-bottom-left-radius: 0.25rem;
   border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
   margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
   border-top-width: 1px;
   border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
   margin-left: -1px;
   border-left-width: 1px;
}

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

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

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

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

.list-group-flush {
   border-radius: 0;
}

.list-group-flush > .list-group-item {
   border-width: 0 0 1px;
}

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

.list-group-item-primary {
   color: #004085;
   background-color: #b8daff;
}

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

.list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #004085;
   border-color: #004085;
}

.list-group-item-secondary {
   color: #383d41;
   background-color: #d6d8db;
}

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

.list-group-item-secondary.list-group-item-action.active {
   color: #fff;
   background-color: #383d41;
   border-color: #383d41;
}

.list-group-item-success {
   color: #155724;
   background-color: #c3e6cb;
}

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

.list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #155724;
   border-color: #155724;
}

.list-group-item-info {
   color: #0c5460;
   background-color: #bee5eb;
}

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

.list-group-item-info.list-group-item-action.active {
   color: #fff;
   background-color: #0c5460;
   border-color: #0c5460;
}

.list-group-item-warning {
   color: #856404;
   background-color: #ffeeba;
}

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

.list-group-item-warning.list-group-item-action.active {
   color: #fff;
   background-color: #856404;
   border-color: #856404;
}

.list-group-item-danger {
   color: #721c24;
   background-color: #f5c6cb;
}

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

.list-group-item-danger.list-group-item-action.active {
   color: #fff;
   background-color: #721c24;
   border-color: #721c24;
}

.list-group-item-light {
   color: #818182;
   background-color: #fdfdfe;
}

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

.list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #818182;
   border-color: #818182;
}

.list-group-item-dark {
   color: #1b1e21;
   background-color: #c6c8ca;
}

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

.list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #1b1e21;
   border-color: #1b1e21;
}

.close {
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: 0.5;
}

.close:hover {
   color: #000;
   text-decoration: none;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
   opacity: 0.75;
}

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

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

.toast {
   flex-basis: 350px;
   max-width: 350px;
   font-size: 0.875rem;
   background-color: hsla(0, 0%, 100%, 0.85);
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
   opacity: 0;
   border-radius: 0.25rem;
}

.toast:not(:last-child) {
   margin-bottom: 0.75rem;
}

.toast.showing {
   opacity: 1;
}

.toast.show {
   display: block;
   opacity: 1;
}

.toast.hide {
   display: none;
}

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

.toast-body {
   padding: 0.75rem;
}

.modal-open {
   overflow: hidden;
}

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

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

.modal-dialog {
   position: relative;
   width: auto;
   margin: 0.5rem;
   pointer-events: none;
}

.modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
   transform: translateY(-50px);
}

@media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
      transition: none;
   }
}

.modal.show .modal-dialog {
   transform: none;
}

.modal.modal-static .modal-dialog {
   transform: scale(1.02);
}

.modal-dialog-scrollable {
   display: flex;
   max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
   max-height: calc(100vh - 1rem);
   overflow: hidden;
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
   flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
   overflow-y: auto;
}

.modal-dialog-centered {
   display: flex;
   align-items: center;
   min-height: calc(100% - 1rem);
}

.modal-dialog-centered:before {
   display: block;
   height: calc(100vh - 1rem);
   height: -webkit-min-content;
   height: -moz-min-content;
   height: min-content;
   content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
   flex-direction: column;
   justify-content: center;
   height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
   max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable:before {
   content: none;
}

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

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

.modal-backdrop.fade {
   opacity: 0;
}

.modal-backdrop.show {
   opacity: 0.5;
}

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

.modal-header .close {
   padding: 1rem;
   margin: -1rem -1rem -1rem auto;
}

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

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

.modal-footer {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
   padding: 0.75rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
   margin: 0.25rem;
}

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

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

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

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

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

.tooltip.show {
   opacity: 0.9;
}

.tooltip .arrow {
   position: absolute;
   display: block;
   width: 0.8rem;
   height: 0.4rem;
}

.tooltip .arrow:before {
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}

.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
   padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
   bottom: 0;
}

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

.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
   padding: 0 0.4rem;
}

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

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

.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
   padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
   top: 0;
}

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

.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
   padding: 0 0.4rem;
}

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

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

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

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

.popover,
.popover .arrow {
   position: absolute;
   display: block;
}

.popover .arrow {
   width: 1rem;
   height: 0.5rem;
   margin: 0 0.3rem;
}

.popover .arrow:after,
.popover .arrow:before {
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
}

.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
   margin-bottom: 0.5rem;
}

.bs-popover-auto[x-placement^="top"] > .arrow,
.bs-popover-top > .arrow {
   bottom: calc(-0.5rem - 1px);
}

.bs-popover-auto[x-placement^="top"] > .arrow:before,
.bs-popover-top > .arrow:before {
   bottom: 0;
   border-width: 0.5rem 0.5rem 0;
   border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="top"] > .arrow:after,
.bs-popover-top > .arrow:after {
   bottom: 1px;
   border-width: 0.5rem 0.5rem 0;
   border-top-color: #fff;
}

.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
   margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^="right"] > .arrow,
.bs-popover-right > .arrow {
   left: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
   margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="right"] > .arrow:before,
.bs-popover-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-auto[x-placement^="right"] > .arrow:after,
.bs-popover-right > .arrow:after {
   left: 1px;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
   margin-top: 0.5rem;
}

.bs-popover-auto[x-placement^="bottom"] > .arrow,
.bs-popover-bottom > .arrow {
   top: calc(-0.5rem - 1px);
}

.bs-popover-auto[x-placement^="bottom"] > .arrow:before,
.bs-popover-bottom > .arrow:before {
   top: 0;
   border-width: 0 0.5rem 0.5rem;
   border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="bottom"] > .arrow:after,
.bs-popover-bottom > .arrow:after {
   top: 1px;
   border-width: 0 0.5rem 0.5rem;
   border-bottom-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"] .popover-header:before,
.bs-popover-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-auto[x-placement^="left"],
.bs-popover-left {
   margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^="left"] > .arrow,
.bs-popover-left > .arrow {
   right: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
   margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="left"] > .arrow:before,
.bs-popover-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-auto[x-placement^="left"] > .arrow:after,
.bs-popover-left > .arrow:after {
   right: 1px;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: #fff;
}

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

.popover-header:empty {
   display: none;
}

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

.carousel {
   position: relative;
}

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

.carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
}

.carousel-inner:after {
   display: block;
   clear: both;
   content: "";
}

.carousel-item {
   position: relative;
   display: none;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
   .carousel-item {
      transition: none;
   }
}

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

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

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

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

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

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
   z-index: 0;
   opacity: 0;
   transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
   .carousel-fade .active.carousel-item-left,
   .carousel-fade .active.carousel-item-right {
      transition: none;
   }
}

.carousel-control-next,
.carousel-control-prev {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 15%;
   color: #fff;
   text-align: center;
   opacity: 0.5;
   transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
   .carousel-control-next,
   .carousel-control-prev {
      transition: none;
   }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
   color: #fff;
   text-decoration: none;
   outline: 0;
   opacity: 0.9;
}

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

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

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

.carousel-control-prev-icon {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 15;
   display: flex;
   justify-content: center;
   padding-left: 0;
   margin-right: 15%;
   margin-left: 15%;
   list-style: none;
}

.carousel-indicators li {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 30px;
   height: 3px;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: 0.5;
   transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
   .carousel-indicators li {
      transition: none;
   }
}

.carousel-indicators .active {
   opacity: 1;
}

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

@-webkit-keyframes spinner-border {
   to {
      transform: rotate(1turn);
   }
}

@keyframes spinner-border {
   to {
      transform: rotate(1turn);
   }
}

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

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

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

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

.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 0.75s linear infinite;
   animation: spinner-grow 0.75s linear infinite;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.embed-responsive {
   position: relative;
   display: block;
   width: 100%;
   padding: 0;
   overflow: hidden;
}

.embed-responsive:before {
   display: block;
   content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.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.857143%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.user-select-all {
   -webkit-user-select: all !important;
   -moz-user-select: all !important;
   -ms-user-select: all !important;
   user-select: all !important;
}

.user-select-auto {
   -webkit-user-select: auto !important;
   -moz-user-select: auto !important;
   -ms-user-select: auto !important;
   user-select: auto !important;
}

.user-select-none {
   -webkit-user-select: none !important;
   -moz-user-select: none !important;
   -ms-user-select: none !important;
   user-select: 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 {
   top: 0;
}

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

.fixed-bottom {
   bottom: 0;
}

@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 {
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.text-dark:focus,
a.text-dark:hover {
   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: hsla(0, 0%, 100%, 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;
   word-wrap: break-word !important;
}

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

.visible {
   visibility: visible !important;
}

.invisible {
   visibility: hidden !important;
}

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

.slick-slider {
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
}

.slick-list,
.slick-slider {
   position: relative;
   display: block;
}

.slick-list {
   overflow: hidden;
   margin: 0;
   padding: 0;
}

.slick-list:focus {
   outline: none;
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
   transform: translateZ(0);
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.slick-track:after,
.slick-track:before {
   display: table;
   content: "";
}

.slick-track:after {
   clear: both;
}

.slick-loading .slick-track {
   visibility: hidden;
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px;
}

[dir="rtl"] .slick-slide {
   float: right;
}

.slick-slide img {
   display: block;
}

.slick-slide.slick-loading img {
   display: none;
}

.slick-slide.dragging img {
   pointer-events: none;
}

.slick-initialized .slick-slide {
   display: block;
}

.slick-loading .slick-slide {
   visibility: hidden;
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
   display: none;
}

@charset "UTF-8";
.slick-loading .slick-list {
   background: #fff url(ajax-loader.gif) 50% no-repeat;
}

@font-face {
   font-family: slick;
   font-weight: 400;
   font-style: normal;
   src: url(fonts/slick.eot);
   src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"),
   url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
}

.slick-next,
.slick-prev {
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 50%;
   display: block;
   width: 20px;
   height: 20px;
   padding: 0;
   transform: translateY(-50%);
   cursor: pointer;
   border: none;
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
   color: transparent;
   outline: none;
   background: transparent;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
   opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
   opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
   font-family: slick;
   font-size: 20px;
   line-height: 1;
   opacity: 0.75;
   color: #fff;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
   left: -25px;
}

[dir="rtl"] .slick-prev {
   right: -25px;
   left: auto;
}

.slick-prev:before {
   content: "←";
}

[dir="rtl"] .slick-prev:before {
   content: "→";
}

.slick-next {
   right: -25px;
}

[dir="rtl"] .slick-next {
   right: auto;
   left: -25px;
}

.slick-next:before {
   content: "→";
}

[dir="rtl"] .slick-next:before {
   content: "←";
}

.slick-dotted.slick-slider {
   margin-bottom: 30px;
}

.slick-dots {
   position: absolute;
   bottom: -25px;
   display: block;
   width: 100%;
   padding: 0;
   margin: 0;
   list-style: none;
   text-align: center;
}

.slick-dots li {
   position: relative;
   display: inline-block;
   margin: 0 5px;
   padding: 0;
}

.slick-dots li,
.slick-dots li button {
   width: 20px;
   height: 20px;
   cursor: pointer;
}

.slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   padding: 5px;
   color: transparent;
   border: 0;
   outline: none;
   background: transparent;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
   outline: none;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
   opacity: 1;
}

.slick-dots li button:before {
   font-family: slick;
   font-size: 6px;
   line-height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   width: 20px;
   height: 20px;
   content: "•";
   text-align: center;
   opacity: 0.25;
   color: #000;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
   opacity: 0.75;
   color: #000;
}

@charset "UTF-8";
.slick-lightbox {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   width: 100%;
   height: 100%;
   background: #000;
   transition: opacity 0.5s ease;
}

.slick-lightbox .slick-loading .slick-list {
   background-color: transparent;
}

.slick-lightbox .slick-prev {
   left: 15px;
}

.slick-lightbox .slick-next {
   right: 15px;
}

.slick-lightbox-hide {
   opacity: 0;
}

.slick-lightbox-hide.slick-lightbox-ie {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
}

.slick-lightbox-hide-init {
   position: absolute;
   top: -9999px;
   opacity: 0;
}

.slick-lightbox-hide-init.slick-lightbox-ie {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
}

.slick-lightbox-inner {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.slick-lightbox-slick-item {
   text-align: center;
   overflow: hidden;
}

.slick-lightbox-slick-item:before {
   content: "";
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.25em;
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
   position: absolute;
   bottom: 0;
   left: 0;
   text-align: center;
   width: 100%;
   margin-bottom: 20px;
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
   display: block;
   text-align: center;
}

.slick-lightbox-slick-item-inner {
   display: inline-block;
   vertical-align: middle;
   max-width: 90%;
   max-height: 90%;
}

.slick-lightbox-slick-img {
   margin: 0 auto;
   display: block;
   max-width: 90%;
   max-height: 90%;
}

.slick-lightbox-slick-caption {
   margin: 10px 0 0;
   color: #fff;
}

.slick-lightbox-close {
   position: absolute;
   top: 15px;
   right: 15px;
   display: block;
   height: 20px;
   width: 20px;
   line-height: 0;
   font-size: 0;
   cursor: pointer;
   background: transparent;
   color: transparent;
   padding: 0;
   border: none;
}

.slick-lightbox-close:focus {
   outline: none;
}

.slick-lightbox-close:before {
   font-family: slick;
   font-size: 20px;
   line-height: 1;
   color: #fff;
   opacity: 0.85;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "×";
}

@font-face {
   font-family: Century Gothic;
   src: url(fonts/century-gothic/CenturyGothic.woff) format("woff"),
   url(fonts/century-gothic/CenturyGothic.ttf) format("ttf"),
   url(fonts/century-gothic/CenturyGothic.eot) format("eot");
   font-display: swap;
}

@font-face {
   font-family: Museo Sans Cyrl;
   font-display: swap;
   src: url(fonts/museo-sans/MuseoSansCyrl-300.woff) format("woff"),
   url(fonts/museo-sans/MuseoSansCyrl-300.ttf) format("ttf"),
   url(fonts/museo-sans/MuseoSansCyrl-300.eot) format("eot");
   font-display: swap;
}

@font-face {
   font-family: Museo Sans Cyrl\500;
   font-display: swap;
   src: url(fonts/museo-sans/MuseoSansCyrl-500.eot);
   src: local("MuseoSansCyrl-500"), url(fonts/museo-sans/MuseoSansCyrl-500.eot?#iefix) format("embedded-opentype"),
   url(fonts/museo-sans/MuseoSansCyrl-500.woff) format("woff"),
   url(fonts/museo-sans/MuseoSansCyrl-500.ttf) format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Museo Sans Cyrl\700;
   font-display: swap;
   src: url(fonts/museo-sans/MuseoSansCyrl-700.eot);
   src: local("MuseoSansCyrl-700"), url(fonts/museo-sans/MuseoSansCyrl-700.eot?#iefix) format("embedded-opentype"),
   url(fonts/museo-sans/MuseoSansCyrl-700.woff) format("woff"),
   url(fonts/museo-sans/MuseoSansCyrl-700.ttf) format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Museo Sans Cyrl\900;
   font-display: swap;
   src: url(fonts/museo-sans/MuseoSansCyrl-900.eot);
   src: local("MuseoSansCyrl-900"), url(fonts/museo-sans/MuseoSansCyrl-900.eot?#iefix) format("embedded-opentype"),
   url(fonts/museo-sans/MuseoSansCyrl-900.woff) format("woff"),
   url(fonts/museo-sans/MuseoSansCyrl-900.ttf) format("truetype");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Proxima Nova Rg;
   font-display: swap;
   src: url(fonts/proxima-nova/ProximaNova-Regular.eot);
   src: local("Proxima Nova Regular"), local("ProximaNova-Regular"),
   url(fonts/proxima-nova/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),
   url(fonts/proxima-nova/ProximaNova-Regular.woff) format("woff"),
   url(fonts/ProximaNova/proxima-nova-regular.ttf) format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: Proxima Nova Bold;
   font-display: swap;
   src: url(fonts/proxima-nova/ProximaNova-Bold.eot);
   src: local("Proxima Nova Bold"), local("ProximaNova-Bold"),
   url(fonts/proxima-nova/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"),
   url(fonts/proxima-nova/ProximaNova-Bold.woff) format("woff"),
   url(fonts/proxima-nova/ProximaNova-Bold.ttf) format("truetype");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

body {
   font-family: Museo Sans Cyrl;
   font-style: normal;
   font-weight: 400;
   position: relative;
   padding-bottom: 358px;
   -webkit-font-smoothing: antialiased;
}

@media (max-width: 768px) {
   body {
      overflow-x: hidden;
   }
}

h1,
h2,
h3 {
   font-family: Proxima Nova Bold;
}

h1,
h2 {
   font-weight: 900;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color: #212121;
   font-weight: 900;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
   color: #30b85e;
}

h1 {
   font-size: 52px;
   margin-bottom: 0;
}

@media (max-width: 768px) {
   h1 {
      font-size: 40px;
   }
}

h2 {
   font-size: 34px;
}

@media (max-width: 768px) {
   h2 {
      font-size: 28px;
   }
}

h3 {
   font-size: 24px;
   font-weight: 600;
}

h4 {
   font-size: 18px;
}

p {
   font-weight: 400;
   color: #455a64;
   margin-bottom: 0;
}

p,
p.main-text {
   font-size: 16px;
}

p.details-text {
   font-size: 14px;
}

p.decorated {
   position: relative;
   margin-top: 10px;
}

p.decorated:after {
   position: absolute;
   content: "";
   left: 0;
   top: -10px;
   width: 50px;
   height: 1px;
   background: #30b85e;
}

.decorated-orange {
   font-family: Proxima Nova Bold;
   color: #212121;
   font-size: 20px;
   font-weight: 600;
   position: relative;
   margin-bottom: 10px;
}

.decorated-orange:after {
   position: absolute;
   content: "";
   left: 0;
   bottom: -10px;
   width: 35px;
   height: 1px;
   background: #fbc02d;
}

p.note {
   font-size: 12px;
}

a,
button {
   transition: 0.3s;
}

a {
   color: #30b85e;
   font-weight: 400;
}

a:focus,
a:hover {
   color: #248a47;
}

.btn.focus,
.btn:focus,
a:focus,
a:hover,
button:focus,
button:hover {
   transition: 0.3s;
   text-decoration: none;
   outline: none;
   box-shadow: none;
}

a:focus,
a:hover {
   font-weight: 500;
}

ul {
   padding: 0;
   margin: 0;
}

ul li {
   list-style-type: none;
}

.list ul li,
.qa-item-body ul li,
article ul li,
ul.list li {
   position: relative;
   color: #455a64;
   font-size: 16px;
   padding-left: 25px;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
}

.list ul li:before,
.qa-item-body ul li:before,
article ul li:before,
ul.list li:before {
   content: url(images/list-icon.svg);
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.list ul li:last-child,
.qa-item-body ul li,
.qa-item-body ul li:last-child,
article ul li:last-child,
ul.list li:last-child {
   margin-bottom: 0;
}

b,
strong {
   font-weight: 700;
}

img {
   max-width: 100%;
}

img[data-src] {
   opacity: 0;
   will-change: opacity;
}

img[data-src],
img[data-src][src] {
   transition: opacity 1s ease-in-out;
}

img[data-src][src] {
   opacity: 1;
}

input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

input[type="radio"] {
   -webkit-appearance: auto;
   -moz-appearance: auto;
   appearance: auto;
}

section {
   padding-top: 125px;
}

@media (max-width: 991px) {
   section {
      padding-top: 90px;
   }
}

section.high {
   margin-top: 125px;
   padding-bottom: 125px;
}

@media (max-width: 991px) {
   section.high {
      padding-top: 90px;
      padding-bottom: 90px;
   }
}

section.partners-form-wrap {
   padding-bottom: 125px;
}

@media (max-width: 991px) {
   section.partners-form-wrap {
      padding-top: 90px;
      padding-bottom: 90px;
   }
}

.container {
   max-width: 1160px;
}

.btn {
   font-family: Museo Sans Cyrl\900;
   font-size: 16px;
   letter-spacing: 1px;
   padding: 12px 50px;
   border-radius: 2px;
   min-width: 200px;
   height: 50px;
}

.btn,
.btn:focus,
.btn:hover {
   font-weight: 900;
}

@media (max-width: 1024px) {
   .btn {
      padding: 12px;
      height: auto;
   }
}

@media (max-width: 768px) {
   .btn {
      min-width: 230px;
      padding: 12px 15px;
   }
}

.btn.btn-green,
.wpcf7-submit {
   color: #fff;
   background: #30b85e;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

.btn.btn-green:focus,
.btn.btn-green:hover,
.wpcf7-submit:focus,
.wpcf7-submit:hover {
   background: #248a47;
   border: 1px solid #248a47;
}

.btn.btn-green--outline {
   color: #30b85e;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

.btn.btn-green--outline:focus,
.btn.btn-green--outline:hover {
   color: #fff;
   background: #248a47;
   border: 1px solid #248a47;
}

.btn.btn-cta {
   color: #fff;
   background: linear-gradient(83.26deg, #2fab85 5.29%, #12db91 94.71%);
   border: 1px solid #30b85e;
}

.btn.btn-cta:focus,
.btn.btn-cta:hover {
   background: linear-gradient(83.26deg, #217c60 5.29%, #0fba7b 94.71%);
}

.btn.btn-secondary {
   color: #30b85e;
   background: #fff;
   border: 1px solid #30b85e;
}

.btn.btn-orange {
   color: #fff;
   background: linear-gradient(270deg, #ffc93f, #f99d14);
   border: 1px solid #ffc93f;
}

.btn.btn-orange:focus,
.btn.btn-orange:hover {
   background: linear-gradient(270deg, #f3b108, #dd700b);
}

.btn-collapse {
   font-family: Proxima Nova Bold;
   color: #212121;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2;
   padding: 0 12px 30px 60px;
   position: relative;
   width: 100%;
   text-align: left;
}

.btn-collapse,
.btn-collapse .question {
   height: 30px;
   display: flex;
   align-items: center;
}

.btn-collapse .question {
   position: absolute;
   top: 0;
   left: 0;
   width: 30px;
   border-radius: 50%;
   background: #30b85e;
   color: #fff;
   font-size: 15px;
   justify-content: center;
}

.btn-collapse:before {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   width: calc(100% - 60px);
   height: 1px;
   background: hsla(0, 0%, 76.9%, 0.4);
}

.btn-collapse:after {
   content: "\f106";
   position: absolute;
   top: 0;
   right: 0;
   font-family: FontAwesome;
   font-size: 20px;
   color: #455a64;
   transition: transform 0.3s;
}

.btn-collapse.collapsed:after {
   transform: rotate(180deg);
   transition: transform 0.3s;
   color: #30b85e;
}

.btn-collapse:focus,
.btn-collapse:hover {
   color: #212121;
   text-decoration: none;
}

.load-more-wrap {
   width: 100%;
}

.btn.load-more {
   width: 250px;
   display: block;
   margin: 0 auto;
}

.qa-item-header {
   margin-bottom: 30px;
}

.qa-item .btn-link {
   height: auto;
}

.qa-item-body .wrapper {
   font-size: 16px;
   color: #455a64;
   padding: 10px 0 60px 60px;
}

.footer .subscribe {
   padding-left: 80px;
}

@media (max-width: 991px) {
   .footer .subscribe {
      padding-left: 15px;
   }
}

.footer .subscribe h3 {
   margin-bottom: 28px;
}

@media (max-width: 991px) {
   .footer .subscribe h3 {
      margin-bottom: 25px;
   }
}

.footer .subscribe .form-control {
   font-family: Museo Sans Cyrl;
   border: 1px solid #455a64;
   border-radius: 0;
   margin: 0;
   height: 37px;
}

@media (max-width: 991px) {
   .footer .subscribe .form-control {
      height: 42px;
   }
}

.footer .subscribe .form-text {
   width: 60%;
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
}

.footer .subscribe .form-submit {
   width: 40%;
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   background: #455a64;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   transition: 0.3s;
}

.footer .subscribe .form-submit:focus,
.footer .subscribe .form-submit:hover {
   background: #212121;
   transition: 0.3s;
}

.posts-subscribe .subscribe h3 {
   width: 70%;
   margin-bottom: 30px;
}

.posts-subscribe .subscribe .form-group {
   margin-bottom: 0;
}

.posts-subscribe .subscribe .form-control {
   font-family: Museo Sans Cyrl;
   border: 1px solid #30b85e;
   border-radius: 0;
   margin: 0;
   height: 50px;
}

.posts-subscribe .subscribe .form-text {
   width: 60%;
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

.posts-subscribe .subscribe .form-submit {
   width: 40%;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   background: #30b85e;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   transition: 0.3s;
}

.posts-subscribe .subscribe .form-submit:focus,
.posts-subscribe .subscribe .form-submit:hover {
   background: #248a47;
   transition: 0.3s;
}

.wpcf7-form .form-group {
   margin-bottom: 20px;
}

.wpcf7-form .form-group label {
   color: #000;
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 15px;
}

.wpcf7-form .form-group .file-744 {
   position: relative;
   height: 45px;
}

.wpcf7-form .submit-wrap {
   margin-bottom: 0;
}

.wpcf7-form-control {
   width: 100%;
   max-width: 455px;
   height: 45px;
   font-size: 18px;
   color: #455a64;
   border: 1px solid #e0e0e0;
   border-radius: 3px;
   padding: 12px 15px;
}

.wpcf7-textarea {
   height: auto;
}

.wpcf7-submit {
   width: 210px;
   height: 50px;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

.wpcf7-list-item {
   max-width: 455px;
   margin-left: 0 !important;
   margin-bottom: 30px;
}

.wpcf7-list-item-label {
   color: #000;
   font-size: 12px;
   font-weight: 300;
}

.wpcf7-list-item > label {
   position: relative;
   padding-left: 30px;
}

.wpcf7-list-item > label input[type="checkbox"] {
   opacity: 0;
   position: absolute;
   left: 0;
   top: 6px;
}

.wpcf7-list-item > label input[type="checkbox"] + .wpcf7-list-item-label:before {
   opacity: 1;
   position: absolute;
   content: "";
   left: 0;
   top: 4px;
   width: 18px;
   height: 18px;
   border: 1px solid #000;
   border-radius: 50%;
   background: transparent;
   pointer-events: none;
}

.wpcf7-list-item > label input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
   background: #30b85e;
}

.wpcf7-acceptance,
.wpcf7-file {
   height: auto;
   border: 0;
   padding: 0;
}

.wpcf7-file {
   height: 45px;
}

.spp-form {
   max-width: 455px;
}

.spp-form label {
   color: #000;
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 15px;
}

.spp-form .form-group {
   margin-bottom: 20px;
}

.spp-form .submit-wrap {
   margin-bottom: 0;
}

.spp-form-control {
   width: 100%;
   height: 45px;
   font-size: 18px;
   color: #455a64;
   border: 1px solid #e0e0e0;
   border-radius: 3px;
   padding: 12px 15px;
}

.spp-textarea.form-control {
   min-height: 125px;
}

.spp-submit {
   width: 210px;
   height: 50px;
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

.spp-acceptance input[type="checkbox"] {
   opacity: 0;
   position: absolute;
   left: 0;
   top: 6px;
}

.spp-acceptance label.custom-control-label {
   color: #000;
   font-size: 12px;
   font-weight: 300;
   position: relative;
   padding-left: 30px;
   margin-bottom: 0;
}

.spp-acceptance label.custom-control-label:after,
.spp-acceptance label.custom-control-label:before {
   top: 0;
   left: 0;
   width: 18px;
   height: 18px;
   border-radius: 50%;
}

.spp-acceptance label.custom-control-label:before {
   opacity: 1;
   position: absolute;
   content: "";
   border: 1px solid #000;
   background: transparent;
   pointer-events: none;
}

.spp-acceptance .custom-control-input:checked ~ .custom-control-label:before {
   background-color: #30b85e;
   border-color: #30b85e;
}

.spp-acceptance .custom-control-input:not(:disabled):active ~ .custom-control-label:before {
   background-color: #66bb6a;
   border-color: #66bb6a;
}

.spp-acceptance,
.spp-file {
   height: auto;
   border: 0;
   padding: 0;
}

.spp-file {
   height: 45px;
}

#scroll-to-top {
   display: none;
   opacity: 0;
   position: fixed;
   z-index: 5;
   right: 4%;
   top: 50%;
   transform: translateY(-50%);
   width: 35px;
   height: 60px;
   transition: opacity 0.3s;
}

@media (max-width: 768px) {
   #scroll-to-top {
      bottom: 5px;
      left: 4%;
      top: auto;
      transform: none;
   }
}

#scroll-to-top.show {
   opacity: 1;
   transition: opacity 0.3s;
}

#scroll-to-top:hover svg path {
   fill: #248a47;
   stroke: #248a47;
}

.page-id-7618 {
   overflow-x: hidden;
}

.page-id-7618 .inner-header,
.page-id-7618 header {
   background-color: #fafafa;
}

.page-id-7618:after {
   content: "";
   position: absolute;
   top: 216px;
   right: -54px;
   width: 108px;
   height: 108px;
   border: 12px solid #66bb6a;
   border-radius: 50%;
   opacity: 0.67;
}

@media (max-width: 768px) {
   .page-id-7618:after {
      display: none;
   }
}

.privacy-policy .inner-header,
.privacy-policy header {
   background-color: #fafafa;
}

.image-frame {
   padding: 30px;
   border: 1px solid #e5e5e5;
   position: relative;
}

.image-frame .frame-circle {
   position: absolute;
   border-radius: 50%;
}

.image-frame .frame-circle.yellow {
   background: #febc02;
}

.image-frame .frame-circle.green {
   background: #30b85e;
}

.image-frame .frame-circle-1 {
   width: 25px;
   height: 25px;
   top: -12px;
   left: 30%;
}

.image-frame .frame-circle-2 {
   width: 17px;
   height: 17px;
   right: -9px;
   top: 70%;
}

.image-frame .frame-circle-3 {
   width: 12px;
   height: 12px;
   right: -6px;
   top: 10%;
}

.image-frame .frame-circle-4 {
   width: 13px;
   height: 13px;
   left: -7px;
   top: 50%;
}

.image-frame .frame-circle-5 {
   width: 11px;
   height: 11px;
   bottom: -6px;
   left: 70%;
}

.image-frame .frame-circle-6 {
   width: 8px;
   height: 8px;
   bottom: -5px;
   left: 80%;
}

.image-frame .frame-circle-7 {
   width: 8px;
   height: 8px;
   left: -4px;
   top: 70%;
}

.image-frame .frame-circle-8 {
   width: 10px;
   height: 10px;
   top: -5px;
   left: 10%;
}

.lds-roller {
   display: block;
   position: relative;
   width: 80px;
   height: 80px;
   margin: 100px auto;
}

.lds-roller div {
   -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   transform-origin: 40px 40px;
}

.lds-roller div:after {
   content: " ";
   display: block;
   position: absolute;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #30b85e;
   margin: -4px 0 0 -4px;
}

.lds-roller div:first-child {
   -webkit-animation-delay: -36ms;
   animation-delay: -36ms;
}

.lds-roller div:first-child:after {
   top: 63px;
   left: 63px;
}

.lds-roller div:nth-child(2) {
   -webkit-animation-delay: -72ms;
   animation-delay: -72ms;
}

.lds-roller div:nth-child(2):after {
   top: 68px;
   left: 56px;
}

.lds-roller div:nth-child(3) {
   -webkit-animation-delay: -0.108s;
   animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
   top: 71px;
   left: 48px;
}

.lds-roller div:nth-child(4) {
   -webkit-animation-delay: -0.144s;
   animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
   top: 72px;
   left: 40px;
}

.lds-roller div:nth-child(5) {
   -webkit-animation-delay: -0.18s;
   animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
   top: 71px;
   left: 32px;
}

.lds-roller div:nth-child(6) {
   -webkit-animation-delay: -0.216s;
   animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
   top: 68px;
   left: 24px;
}

.lds-roller div:nth-child(7) {
   -webkit-animation-delay: -0.252s;
   animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
   top: 63px;
   left: 17px;
}

.lds-roller div:nth-child(8) {
   -webkit-animation-delay: -0.288s;
   animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
   top: 56px;
   left: 12px;
}

@-webkit-keyframes lds-roller {
   0% {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(1turn);
   }
}

@keyframes lds-roller {
   0% {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(1turn);
   }
}

body.menu-opened header {
   padding-top: 0;
}

body.menu-opened .header {
   position: static;
}

.header {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   z-index: 99;
   padding: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header.navbar {
   top: 0 !important;
}

body {
   padding-top: 70px;
}

.header,
.header.sticky {
   background: #fff;
   transition: background 0.1s;
}

@media (max-width: 768px) {
   .header > .container {
      padding-left: 0;
      padding-right: 0;
   }
}

.header > .container > .row {
   width: 1160px;
}

@media (max-width: 1160px) {
   .header > .container > .row {
      width: 100%;
   }
}

@media (max-width: 768px) {
   .header > .container > .row {
      margin-left: 0;
      margin-right: 0;
   }
}

.header-top {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 20px;
   padding-bottom: 20px;
}

.header-top .menu-top {
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (max-width: 1090px) {
   .header-top .menu-top {
      flex-wrap: wrap;
      justify-content: center;
   }
}

.header-top .menu-top li a {
   color: #212121;
   font-size: 14px;
   font-weight: 300;
   text-transform: capitalize;
   padding: 5px 20px;
}

@media (max-width: 1090px) {
   .header-top .menu-top li a {
      padding: 10px;
   }
}

.header-top .menu-top li.current-menu-item a,
.header-top .menu-top li.current_page_parent a,
.header-top .menu-top li a:hover {
   color: #30b85e;
}

.header-top .menu-top li:last-child a {
   position: relative;
}

.header-top .menu-top li:last-child a:hover:after {
   content: "24/7";
   position: absolute;
   right: 0;
   top: 5px;
   font-size: 8px;
   font-weight: 700;
   color: #30b85e;
}

.header .account-wrap {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header .account-wrap-desktop {
   display: flex;
}

@media (max-width: 768px) {
   .header .account-wrap-desktop {
      display: none;
   }
}

.header .account-wrap-mobile {
   display: none;
}

@media (max-width: 768px) {
   .header .account-wrap-mobile {
      display: flex;
      flex-direction: column;
      align-items: center;
   }
}

.header .account-wrap .link-green {
   font-size: 14px;
   margin-right: 30px;
   white-space: nowrap;
}

@media (max-width: 768px) {
   .header .account-wrap .link-green {
      margin-right: 0;
      margin-bottom: 30px;
      font-size: 18px;
   }
}

.header .account-wrap .btn {
   font-size: 14px;
   padding: 6px 25px;
   white-space: nowrap;
   min-width: auto;
   height: 35px;
}

@media (max-width: 768px) {
   .header .account-wrap .btn {
      width: 100%;
      height: 40px;
      padding: 9px 25px;
   }
}

.header-menu-mobile {
   display: none;
   position: static;
}

@media (max-width: 768px) {
   .header-menu-mobile {
      display: block;
      width: 35px;
      height: 35px;
   }
}

.header-menu-mobile .dropdown-toggle {
   padding: 0;
   background: transparent;
   border: 0;
   outline: none;
   position: relative;
   top: 5px;
}

.header-menu-mobile .dropdown-toggle:after {
   display: none;
}

.header-menu-mobile .dropdown-toggle span {
   position: relative;
   display: flex;
   width: 35px;
   height: 1px;
   background: #000;
   margin-bottom: 10px;
   transform-origin: 10px 0;
   transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
   opacity 0.55s ease;
}

.header-menu-mobile .dropdown-toggle span:first-child {
   transform-origin: 0 0;
}

.header-menu-mobile .dropdown-toggle span:last-child {
   transform-origin: 0 100%;
   margin-bottom: 0;
}

.header-menu-mobile.show .dropdown-toggle span {
   opacity: 0;
   transform: rotate(0deg) scale(0.2);
}

.header-menu-mobile.show .dropdown-toggle span:first-child {
   opacity: 1;
   transform: rotate(45deg) translate(-3px, -1px);
}

.header-menu-mobile.show .dropdown-toggle span:last-child {
   opacity: 1;
   transform: rotate(-45deg) translateY(-1px);
}

.header-menu-mobile .dropdown-menu {
   display: block;
   width: 100vw;
   border: 0;
   border-radius: 0;
   padding: 25px 20px 50px;
   margin: 0;
   left: -100vw;
   transition: left 0.5s;
   border-top: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0;
}

.header-menu-mobile .dropdown-menu.show {
   left: 0;
   transition: left 0.5s;
   height: calc(100vh - 75px);
   overflow-y: scroll;
}

.header-menu-mobile .dropdown-menu .menu,
.header-menu-mobile .dropdown-menu .menu-services {
   display: flex;
   flex-direction: column;
}

@media (max-width: 768px) {
   .header-menu-mobile .dropdown-menu .menu,
   .header-menu-mobile .dropdown-menu .menu-services {
      position: relative;
      padding-bottom: 25px;
   }
   .header-menu-mobile .dropdown-menu .menu-services:after,
   .header-menu-mobile .dropdown-menu .menu:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100vw;
      height: 1px;
      background: #e0e0e0;
   }
}

.header-menu-mobile .dropdown-menu .menu-services li a,
.header-menu-mobile .dropdown-menu .menu li a {
   display: block;
   color: #000;
   font-size: 14px;
   padding: 15px 0;
}

@media (max-width: 768px) {
   .header-menu-mobile .dropdown-menu .menu-services li a,
   .header-menu-mobile .dropdown-menu .menu li a {
      color: #212121;
      font-size: 18px;
   }
}

.header-menu-mobile .dropdown-menu .menu-services {
   padding-top: 25px;
   padding-bottom: 75px;
}

.header-menu-mobile .dropdown-menu .menu-services:after {
   display: none;
}

.header-menu-mobile .dropdown-menu .menu-services li a {
   color: grey;
}

.header-menu-desktop {
   display: block;
   width: 100%;
}

@media (max-width: 768px) {
   .header-menu-desktop {
      display: none;
   }
}

.header-bottom {
   padding-top: 15px;
   padding-bottom: 15px;
}

@media (max-width: 768px) {
   .header-bottom {
      display: none;
   }
}

.header-bottom .menu-services {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header-bottom .menu-services li a {
   color: grey;
   font-size: 14px;
   font-weight: 300;
   padding: 0;
}

.header-bottom .menu-services li.current-menu-item a,
.header-bottom .menu-services li a:hover {
   color: #212121;
}

.home .header {
   background: transparent;
}

.home .header.sticky {
   background: #fff;
}

.page-template-page-about .header,
.page-template-page-partners .header,
.privacy-policy .header {
   background: #fafafa;
}

.page-template-page-about .header.sticky,
.page-template-page-partners .header.sticky,
.privacy-policy .header.sticky {
   background: #fff;
}

.logo {
   display: block;
   width: 95px;
}

@media (max-width: 768px) {
   .logo {
      width: 108px;
      height: 28px;
   }
   .logo svg {
      width: 100%;
      height: 100%;
   }
}

.logo.mobile {
   width: 108px;
   display: none;
}

.logo-wrap {
   display: flex;
   align-items: center;
}

.footer {
   position: absolute;
   width: 100%;
   bottom: 0;
   padding-top: 65px;
   padding-bottom: 125px;
   background: #fafafa;
}

@media (max-width: 767px) {
   .footer {
      padding-top: 90px;
      padding-bottom: 75px;
   }
}

@media (max-width: 991px) {
   .footer-item {
      margin-bottom: 30px;
   }
}

@media (max-width: 991px) {
   .footer-item.subscribe {
      margin-bottom: 0;
   }
}

.footer .logo-wrap {
   margin-bottom: 20px;
}

@media (max-width: 991px) {
   .footer .logo-wrap {
      margin-bottom: 30px;
   }
}

@media (max-width: 991px) {
   .footer .socials {
      margin-bottom: 50px;
   }
}

.footer .socials ul {
   display: flex;
   align-items: center;
   gap: 16px;
}

.footer .socials ul li a {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 35px;
   height: 35px;
   font-size: 14px;
   border: 1px solid #1a2e35;
   border-radius: 50%;
   margin-right: 15px;
}

@media (max-width: 480px) {
   .footer .socials ul li a {
      width: 50px;
      height: 50px;
      font-size: 20px;
      margin-right: 0;
   }
   .supprot-ukraine-popup .support-btn-blue,
   .supprot-ukraine-popup .support-btn-yellow {
      width: 100%;
      margin-top: 20px;
      margin-right: unset;
      text-align: center;
   }
}

.footer .socials ul li a:hover {
   border: 1px solid #30aa52;
}

.footer .socials ul li a .fa-instagram {
   background: linear-gradient(180deg, #9152c5, #d12c9b 38.02%, #e85a59 72.92%, #f4ae70);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
}

.footer .socials ul li a .fa-behance {
   color: #0057ff;
}

.footer .socials ul li a .fa-facebook {
   color: #5476be;
}

.footer .socials ul li a .fa-twitter {
   color: #1da1f3;
}

.footer .socials ul li a .fa-pinterest-p {
   color: #e60023;
}

.footer-menu {
   -moz-column-count: 2;
   column-count: 2;
}

@media (max-width: 991px) {
   .footer-menu-wrap {
      margin-bottom: 50px;
   }
}

.footer-menu li {
   line-height: 1;
   margin-bottom: 20px;
}

.footer-menu li a {
   font-size: 14px;
   color: #212121;
}

.footer-menu li a:hover {
   color: #30b85e;
}

.menu-footer-menu-container {
   padding-left: 65px;
}

@media (max-width: 991px) {
   .menu-footer-menu-container {
      padding-left: 0;
   }
}

.bot_footer {
   border-top: 1px solid #f4f4f4;
   padding: 30px 0;
   margin-top: 50px;
   background: #fff;
}

.bot_footer span {
   display: block;
   text-align: center;
   font-weight: 300;
   font-size: 12px;
   line-height: 15px;
   color: #212121;
}

.row_logo {
   display: flex;
   justify-content: center;
   margin-top: 20px;
   align-items: center;
}

.row_logo a {
   display: inline-block;
   margin: 0 70px;
}

.footer {
   padding-bottom: 0;
}

.footer__partner-logo {
   display: flex;
   flex-direction: column;
   gap: 10px;
   margin: 0 15px;
}

@media screen and (max-width: 992px) {
   .footer__partner-logo {
      flex-direction: row;
      justify-content: center;
      margin-bottom: 40px;
      gap: 20px;
   }
}

.footer__partner {
   align-self: flex-start;
}

.footer__partner > * {
   width: 75px;
   height: 125px;
   object-fit: cover;
}

.footer__socials {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.footer__nav {
   display: flex;
   justify-content: space-between;
   gap: 80px;
}

@media screen and (max-width: 992px) {
   .footer__nav {
      max-width: 500px;
      width: 100%;
      margin: 0 auto;
      padding: 0 15px;
      margin-bottom: 50px;
      gap: 30px;
      flex-wrap: wrap;
   }
}

@media screen and (max-width: 375px) {
   .footer__nav {
      gap: 50px;
      flex-wrap: wrap;
      flex-direction: column;
   }
}

.footer__name {
   font-family: 'Proxima Nova Rg';
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   text-transform: uppercase;
   color: #8C8C8C;
   margin-bottom: 24px;
}

.footer__list {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.footer__item > a {
   font-family: 'Proxima Nova Rg';
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   text-transform: capitalize;
   color: #212121;
}

.footer__item > a:hover {
   color: #248a47;
}


@media screen and (max-width: 992px) {
   .footer__socials {
      align-items: center;
   }
}

@media screen and (min-width: 993px) {
   .footer__logo {
      align-self: flex-start;
   }
}

@media only screen and (max-width: 767px) {
   .row_logo {
      flex-direction: column;
   }
   .row_logo a {
      margin: 0 0 15px;
   }
   .row_logo a:last-child {
      margin-bottom: 0;
   }
}

section.carousel-wrap {
   overflow-x: hidden;
   overflow-y: visible;
}

@media (max-width: 768px) {
   section.carousel-wrap-portfolio {
      height: auto;
   }
}

@media (max-width: 480px) {
   section.carousel-wrap-portfolio {
      display: flex;
      flex-direction: column;
   }
}

@media (max-width: 480px) {
   section.carousel-wrap-portfolio .section-title {
      order: 0;
   }
}

section.carousel-wrap-awards {
   margin-top: 125px;
   padding-top: 125px;
   padding-bottom: 130px;
   background: #fafafa;
}

@media (max-width: 767px) {
   section.carousel-wrap-awards {
      margin-top: 90px;
      padding-top: 90px;
      padding-bottom: 50px;
   }
}

@media (max-width: 480px) {
   section.carousel-wrap-awards {
      display: flex;
      flex-direction: column;
   }
}

@media (max-width: 480px) {
   section.carousel-wrap-awards .section-title {
      order: 0;
   }
}

.green-bg-carousel {
   position: relative;
}

.green-bg-carousel:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 315px;
   bottom: -90px;
   left: 0;
   right: 0;
   background: #c2e4c3;
   z-index: -1;
}

@media (max-width: 480px) {
   .green-bg-carousel .slick-dots {
      bottom: auto;
      top: -53px;
      width: 100vw;
      left: 50%;
      transform: translateX(-50%);
      padding-left: 50px;
      padding-right: 50px;
   }
}

.branding-carousel {
   margin-left: -100px;
   margin-right: -100px;
}

@media (max-width: 767px) {
   .branding-carousel {
      margin-left: -400px;
      margin-right: -400px;
   }
}

@media (max-width: 480px) {
   .branding-carousel {
      margin-left: -70%;
      margin-right: -70%;
   }
}

.branding-carousel-item {
   display: flex;
   justify-content: center;
   padding-left: 15px;
   padding-right: 15px;
}

.branding-carousel-item img {
   max-height: 340px;
   -o-object-fit: cover;
   object-fit: cover;
}

@media (max-width: 1440px) {
   .branding-carousel-item img {
      max-height: 275px;
   }
}

@media (max-width: 1024px) {
   .branding-carousel-item img {
      max-height: 240px;
   }
}

@media (max-width: 768px) {
   .branding-carousel-item img {
      max-height: 220px;
   }
}

@media (max-width: 767px) {
   .branding-carousel-item img {
      max-height: 285px;
   }
}

@media (max-width: 480px) {
   .branding-carousel-item img {
      max-height: 490px;
   }
}

.branding-carousel-nav.slider-nav .slick-list {
   width: 35%;
}

.branding-section-buttons {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 77px;
}

@media (max-width: 768px) {
   .branding-section-buttons {
      margin-top: 60px;
      margin-bottom: 17px;
      flex-direction: column;
      align-items: center;
   }
   .branding-section-buttons .btn {
      margin: 0;
   }
   .branding-section-buttons .btn:first-child {
      margin-bottom: 15px;
   }
}

@media (max-width: 480px) {
   .branding-section-buttons {
      margin-top: 30px;
   }
}

.branding-section-buttons .btn {
   margin: 0 12.5px;
}

@media (max-width: 480px) {
   .branding-section-buttons .btn {
      width: 70%;
   }
}

@media (max-width: 480px) {
   .branding-section-buttons .btn-green {
      margin-bottom: 30px;
   }
}

.slick-initialized {
   opacity: 1;
   display: block;
   visibility: visible;
}

.slick-initialized .slick-slide {
   opacity: 1;
   display: flex;
   visibility: visible;
}

.slick-initialized .slick-lightbox-slick-item {
   opacity: 1;
   display: block;
   visibility: visible;
}

.slick-slide {
   outline: none;
}

.slick-dots {
   bottom: -75px;
   z-index: 1;
}

.slick-dots li {
   margin: 0 15px;
}

.slick-dots li button:before {
   content: "";
   width: 10px;
   height: 10px;
   border: 1px solid #455a64;
   background: transparent;
   border-radius: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   opacity: 0.4;
}

.slick-dots li.slick-active button:before {
   opacity: 1;
}

.slick-dots li:only-child {
   display: none;
}

.slick-arrow {
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: transparent;
   border: 1px solid #455a64;
   border-radius: 50%;
   position: relative;
}

.slick-arrow:hover {
   background: #455a64;
}

.slick-arrow:before {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
}

.slick-prev:before {
   background: url(images/angle-prev.svg) 50% no-repeat;
}

.slick-prev:hover:before {
   background: url(images/angle-prev-white.svg) 50% no-repeat;
}

.slick-next:before {
   background: url(images/angle-next.svg) 50% no-repeat;
}

.slick-next:hover:before {
   background: url(images/angle-next-white.svg) 50% no-repeat;
}

.slick-lightbox .slick-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
}

.slider-block .slick-arrow,
.slider-repeater-block .slick-arrow {
   position: absolute;
   top: auto;
   bottom: -62px;
   transform: none;
   z-index: 2;
   background: #455a64;
}

.slider-block .slick-arrow:hover,
.slider-repeater-block .slick-arrow:hover {
   background: transparent;
}

.slider-block .slick-prev,
.slider-repeater-block .slick-prev {
   left: 60px;
}

@media (max-width: 767px) {
   .slider-block .slick-prev,
   .slider-repeater-block .slick-prev {
      left: 20px;
   }
}

.slider-block .slick-next,
.slider-repeater-block .slick-next {
   right: 60px;
}

@media (max-width: 767px) {
   .slider-block .slick-next,
   .slider-repeater-block .slick-next {
      right: 20px;
   }
}

.slider-block .slick-prev:before,
.slider-repeater-block .slick-prev:before {
   background: url(images/angle-prev-white.svg) 50% no-repeat;
}

.slider-block .slick-prev:hover:before,
.slider-repeater-block .slick-prev:hover:before {
   background: url(images/angle-prev.svg) 50% no-repeat;
}

.slider-block .slick-next:before,
.slider-repeater-block .slick-next:before {
   background: url(images/angle-next-white.svg) 50% no-repeat;
}

.slider-block .slick-next:hover:before,
.slider-repeater-block .slick-next:hover:before {
   background: url(images/angle-next.svg) 50% no-repeat;
}

.slider-block .slick-dots,
.slider-repeater-block .slick-dots {
   bottom: -60px;
   width: 80%;
   padding-left: 10%;
   padding-right: 10%;
   left: 50%;
   transform: translateX(-50%);
}

.testimonials-carousel-page .slick-arrow {
   top: auto;
   bottom: -62px;
   background: #455a64;
}

.testimonials-carousel-page .slick-arrow:hover {
   background: transparent;
}

.testimonials-carousel-page .slick-prev {
   left: 60px;
}

@media (max-width: 767px) {
   .testimonials-carousel-page .slick-prev {
      left: 0;
   }
}

.testimonials-carousel-page .slick-next {
   right: 60px;
}

@media (max-width: 767px) {
   .testimonials-carousel-page .slick-next {
      right: 0;
   }
}

.testimonials-carousel-page .slick-prev:before {
   background: url(images/angle-prev-white.svg) 50% no-repeat;
}

.testimonials-carousel-page .slick-prev:hover:before {
   background: url(images/angle-prev.svg) 50% no-repeat;
}

.testimonials-carousel-page .slick-next:before {
   background: url(images/angle-next-white.svg) 50% no-repeat;
}

.testimonials-carousel-page .slick-next:hover:before {
   background: url(images/angle-next.svg) 50% no-repeat;
}

.slider-nav {
   margin-top: 50px;
}

@media (max-width: 768px) {
   .slider-nav {
      margin-top: 40px;
      margin-bottom: 40px;
   }
}

@media (max-width: 767px) {
   .slider-nav .slick-track {
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .slider-nav .slick-track .nav-item {
      margin: 0 0 10px;
   }
}

.slider-nav .slick-list {
   width: 21%;
   margin: 0 auto;
}

@media (max-width: 1920px) {
   .slider-nav .slick-list {
      width: 40%;
   }
}

.slider-nav .nav-item {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 10px;
}

.slider-nav .nav-item:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   cursor: pointer;
   width: 10px;
   height: 10px;
   border: 1px solid #455a64;
   border-radius: 50%;
   opacity: 0.4;
}

.slider-nav .nav-item.slick-current:after {
   opacity: 1;
}

.slider-for .slick-arrow {
   position: absolute;
   top: auto;
   bottom: -70px;
   transform: none;
   z-index: 1;
}

@media (max-width: 768px) {
   .slider-for .slick-arrow {
      bottom: -60px;
   }
}

.slider-for .slick-prev {
   left: calc(50% - 565px);
}

@media (max-width: 1160px) {
   .slider-for .slick-prev {
      left: calc(50% - 35vw);
   }
}

.slider-for .slick-next {
   right: calc(50% - 565px);
}

@media (max-width: 1160px) {
   .slider-for .slick-next {
      right: calc(50% - 35vw);
   }
}

.scroller-carousel {
   width: 100%;
   display: flex;
   justify-content: center;
}

@media (max-width: 414px) {
   .scroller-carousel {
      flex-wrap: wrap;
      overflow-x: hidden;
   }
}

.scroller-carousel .slider-nav {
   width: 110px;
   margin-top: 0;
   margin-right: 12px;
}

@media (max-width: 480px) {
   .scroller-carousel .slider-nav {
      display: none;
   }
}

.scroller-carousel .slider-nav .slick-list {
   width: 100%;
   padding: 0 !important;
}

@media (max-width: 767px) {
   .scroller-carousel .slider-nav .slick-track {
      display: block;
   }
}

.scroller-carousel .slider-nav .slick-arrow {
   position: absolute;
   left: 50%;
   right: auto;
}

@media (max-width: 480px) {
   .scroller-carousel .slider-nav .slick-arrow {
      display: none;
      opacity: 0;
      height: 0;
   }
}

.scroller-carousel .slider-nav .slick-prev {
   top: -40px;
   transform: translateX(-50%) rotate(90deg);
}

.scroller-carousel .slider-nav .slick-next {
   top: auto;
   bottom: -40px;
   transform: translateX(-50%) rotate(90deg);
}

.scroller-carousel .slider-nav .nav-item {
   width: 110px !important;
   height: 167px;
   margin-bottom: 12px;
   cursor: pointer;
}

@media (max-width: 480px) {
   .scroller-carousel .slider-nav .nav-item {
      margin-bottom: 14px;
   }
}

.scroller-carousel .slider-nav .nav-item.slick-current.slick-center {
   border: 5px solid #30b85e;
}

.scroller-carousel .slider-nav .nav-item.slick-current.slick-center img {
   height: 158px;
}

@media (max-width: 414px) {
   .scroller-carousel .slider-nav .nav-item {
      width: 99px !important;
      margin: 0 13px;
   }
}

@media (max-width: 350px) {
   .scroller-carousel .slider-nav .nav-item {
      width: 88px !important;
      margin: 0 8px;
   }
}

@media (max-width: 320px) {
   .scroller-carousel .slider-nav .nav-item {
      width: 81px !important;
      margin: 0 8px;
   }
}

.scroller-carousel .slider-nav .nav-item img {
   width: 110px;
   height: 167px;
   -o-object-fit: cover;
   object-fit: cover;
}

.scroller-carousel .slider-nav .nav-item:after {
   display: none;
}

.scroller-carousel .slider-for {
   width: 350px;
}

@media (max-width: 350px) {
   .scroller-carousel .slider-for {
      width: 320px;
   }
}

.scroller-carousel .slider-for .scroller-wrapper {
   width: 350px;
   height: 527px;
}

@media (max-width: 350px) {
   .scroller-carousel .slider-for .scroller-wrapper {
      width: 320px;
      height: 481px;
   }
}

.scroller-carousel .slider-for .scroller-wrapper img {
   -o-object-fit: cover;
   object-fit: cover;
}

.scroller-carousel .slider-for .scroller-slide {
   width: 350px !important;
   opacity: 0;
}

@media (max-width: 480px) {
   .scroller-carousel .slider-for .scroller-slide {
      opacity: 1;
      margin-bottom: 30px;
   }
}

@media (max-width: 350px) {
   .scroller-carousel .slider-for .scroller-slide {
      width: 320px !important;
   }
}

.scroller-carousel .slider-for .scroller-slide .scroller-wrapper {
   display: none;
}

@media (max-width: 480px) {
   .scroller-carousel .slider-for .scroller-slide .scroller-wrapper {
      display: block;
   }
}

.scroller-carousel .slider-for .scroller-slide.slick-active {
   opacity: 1;
}

.scroller-carousel .slider-for .scroller-slide.slick-active .scroller-wrapper {
   display: block;
}

.carousel-control {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.carousel-control .btn-carousel {
   top: -20px;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: transparent;
   border: 1px solid #455a64;
   border-radius: 50%;
   position: relative;
   z-index: 2;
}

.carousel-control .btn-carousel:hover {
   background: #455a64;
}

.carousel-control .btn-carousel:before {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
}

.carousel-control .btn-carousel.prev:before {
   background: url(images/angle-prev.svg) 50% no-repeat;
}

.carousel-control .btn-carousel.prev:hover:before {
   background: url(images/angle-prev-white.svg) 50% no-repeat;
}

.carousel-control .btn-carousel.next:before {
   background: url(images/angle-next.svg) 50% no-repeat;
}

.carousel-control .btn-carousel.next:hover:before {
   background: url(images/angle-next-white.svg) 50% no-repeat;
}

.slick-lightbox .slick-arrow {
   width: 60px;
   height: 70%;
   border: 0;
   background-color: transparent;
}

.slick-lightbox .slick-arrow:before {
   width: 30px;
   height: 30px;
   border: 1px solid #455a64;
   border-radius: 50%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.slick-lightbox .slick-prev:before {
   background: url(images/angle-prev-white.svg) 50% no-repeat transparent;
}

.slick-lightbox .slick-prev:hover:before {
   background: url(images/angle-prev.svg) 50% no-repeat transparent;
}

@media (max-width: 480px) {
   .slick-lightbox .slick-prev {
      left: 0;
   }
}

.slick-lightbox .slick-next:before {
   background: url(images/angle-next-white.svg) 50% no-repeat transparent;
}

.slick-lightbox .slick-next:hover:before {
   background: url(images/angle-next.svg) 50% no-repeat transparent;
}

@media (max-width: 480px) {
   .slick-lightbox .slick-next {
      right: 0;
   }
}

.slick-lightbox-slick-item-inner {
   margin: auto;
}

.slick-lightbox-slick-img {
   transition: opacity 1s;
}

@media (max-width: 480px) {
   #portfolioFilter,
   #postFilter {
      border-bottom: 0;
   }
}

#portfolioFilter .slick-arrow,
#postFilter .slick-arrow {
   position: absolute;
   top: 0;
   bottom: auto;
   transform: none;
   z-index: 2;
   background: transparent;
   border: 1px solid #30b85e;
}

#portfolioFilter .slick-arrow:hover,
#postFilter .slick-arrow:hover {
   background: #30b85e;
}

#portfolioFilter .slick-prev,
#postFilter .slick-prev {
   left: 0;
}

#portfolioFilter .slick-next,
#postFilter .slick-next {
   right: 0;
}

#portfolioFilter .slick-prev:before,
#postFilter .slick-prev:before {
   background: url(images/angle-prev-green.svg) 50% no-repeat;
}

#portfolioFilter .slick-prev:hover:before,
#postFilter .slick-prev:hover:before {
   background: url(images/angle-prev-white.svg) 50% no-repeat;
}

#portfolioFilter .slick-next:before,
#postFilter .slick-next:before {
   background: url(images/angle-next-green.svg) 50% no-repeat;
}

#portfolioFilter .slick-next:hover:before,
#postFilter .slick-next:hover:before {
   background: url(images/angle-next-white.svg) 50% no-repeat;
}

@media (max-width: 480px) {
   #portfolioFilter .nav-item,
   #postFilter .nav-item {
      display: flex;
      justify-content: center;
      align-items: center;
   }
   #portfolioFilter .nav-item .nav-link,
   #postFilter .nav-item .nav-link {
      padding: 0 15px;
   }
   #portfolioFilter .nav-item .nav-link.active,
   #postFilter .nav-item .nav-link.active {
      font-weight: 400;
   }
   #portfolioFilter .nav-item .nav-link:hover,
   #postFilter .nav-item .nav-link:hover {
      font-weight: 900;
   }
   #portfolioFilter .nav-item.slick-active .nav-link,
   #postFilter .nav-item.slick-active .nav-link {
      color: #000;
      font-weight: 900;
   }
}

#top-banner-tab .slick-arrow {
   position: absolute;
   top: 14px;
   width: 20px;
   height: 20px;
   border: 0;
}

@media (max-width: 480px) {
   #top-banner-tab .slick-arrow {
      z-index: 1;
      padding: 20px;
   }
}

#top-banner-tab .slick-arrow:hover {
   background: transparent;
}

#top-banner-tab .slick-prev {
   left: 0;
}

#top-banner-tab .slick-prev:before {
   background: url(images/angle-prev.svg) 50% no-repeat transparent;
}

#top-banner-tab .slick-next {
   right: 0;
}

#top-banner-tab .slick-next:before {
   background: url(images/angle-next.svg) 50% no-repeat transparent;
}

#top-banner-tab .slick-list {
   padding-left: 10px;
   padding-right: 10px;
}

.top-banner-service-slider .top-banner-image {
   opacity: 0;
   height: 0;
   visibility: hidden;
}

.slick-initialized .top-banner-image {
   opacity: 1;
   height: auto;
   visibility: visible;
}

.portfolio-carousel .portfolio-carousel-item {
   display: none;
}

.portfolio-carousel.slick-initialized .portfolio-carousel-item {
   display: flex;
}

.portfolio-carousel-nav {
   display: none;
}

.portfolio-carousel-nav.slick-initialized {
   display: block;
}

.branding-carousel .branding-carousel-item {
   display: none;
}

.branding-carousel.slick-initialized .branding-carousel-item {
   display: flex;
}

.branding-carousel-nav {
   display: none;
}

.branding-carousel-nav.slick-initialized {
   display: block;
}

.awards-carousel .awards-carousel-item {
   display: none;
}

.awards-carousel.slick-initialized .awards-carousel-item {
   display: flex;
}

.awards-carousel-nav {
   display: none;
}

.awards-carousel-nav.slick-initialized {
   display: block;
}

.formatting-carousel .formatting-carousel-item {
   display: none;
}

.formatting-carousel.slick-initialized .formatting-carousel-item {
   display: block;
}

.formatting-carousel-nav {
   display: none;
}

@media (max-width: 480px) {
   .formatting-carousel-nav {
      display: block;
   }
}

.formatting-carousel-nav.slick-initialized {
   display: block;
}

.scroller-carousel .slider-for .scroller-slide {
   display: none;
}

@media (max-width: 480px) {
   .scroller-carousel .slider-for .scroller-slide:first-child {
      display: block;
   }
}

.scroller-carousel .slider-for.slick-initialized .scroller-slide {
   display: flex;
}

.scroller-carousel .slider-nav {
   display: none;
}

.scroller-carousel .slider-nav.slick-initialized {
   display: block;
}

.slider-repeater-block img {
   display: none;
}

.slider-repeater-block.slick-initialized .slick-slide {
   display: flex;
}

.top-banner-service-slider ~ .lds-roller {
   display: block;
}

.top-banner-service-slider.slick-initialized ~ .lds-roller {
   display: none;
}

.awards-carousel .lds-roller,
.branding-carousel .lds-roller,
.portfolio-carousel .lds-roller,
.scroller-carousel .lds-roller {
   display: block;
}

@media (max-width: 480px) {
   .scroller-carousel .lds-roller {
      display: none;
   }
}

.scroller-carousel .slider-for.slick-initialized ~ .lds-roller {
   display: none;
}

.slider-repeater-block ~ .lds-roller {
   display: block;
}

.carousel-wrap .slick-initialized ~ .lds-roller,
.slider-repeater-block.slick-initialized ~ .lds-roller {
   display: none;
}

.top-banner {
   position: relative;
   padding-top: 120px;
}

.top-banner-service {
   padding-top: 25px;
   overflow-x: hidden;
}

.top-banner-service .container,
.top-banner-service .row {
   height: 100%;
}

.top-banner-service-slider {
   position: relative;
   width: calc(49vw - 24px);
   left: 24px;
}

@media (max-width: 1024px) {
   .top-banner-service-slider {
      width: 100%;
      left: 0;
   }
}

.top-banner-service-slider .slick-track {
   margin-bottom: 30px;
}

.top-banner-service-slider .slick-arrow {
   position: absolute;
   top: 100%;
   transform: none;
   z-index: 2;
}

.top-banner-service-slider .slick-prev {
   left: 0;
}

@media (max-width: 1024px) {
   .top-banner-service-slider .slick-prev {
      left: 20px;
   }
}

.top-banner-service-slider .slick-next {
   right: auto;
   left: 50%;
   transform: translateX(-50%);
}

@media (max-width: 1024px) {
   .top-banner-service-slider .slick-next {
      right: 20px;
      left: auto;
      transform: none;
   }
}

.top-banner-service-slider .slick-dots {
   bottom: -25px;
   width: calc(50% + 15px);
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (max-width: 1024px) {
   .top-banner-service-slider .slick-dots {
      width: 100%;
   }
}

@media (max-width: 768px) {
   .top-banner {
      padding-top: 40px;
   }
}

.top-banner-title {
   position: relative;
   margin-bottom: 40px;
}

@media (max-width: 768px) {
   .top-banner-title {
      text-align: center;
      margin-bottom: 30px;
   }
}

@media (max-width: 480px) {
   .top-banner-title {
      text-align: center;
      margin-bottom: 0;
   }
}

.top-banner-title:before {
   content: "";
   width: 55%;
   height: 12px;
   opacity: 0.4;
   position: absolute;
   left: -12px;
   top: 40px;
   background: #66bb6a;
   z-index: -1;
}

@media (max-width: 768px) {
   .top-banner-title:before {
      top: 30px;
      width: 40%;
   }
}

.top-banner-subtitle {
   margin-bottom: 60px;
}

@media (max-width: 768px) {
   .top-banner-subtitle {
      font-size: 18px;
      text-align: center;
   }
}

@media (max-width: 480px) {
   .top-banner-subtitle {
      margin-top: 30px;
      margin-bottom: 0;
   }
}

.top-banner-subtitle p {
   font-size: 18px;
   color: #455a64;
}

@media (max-width: 768px) {
   .top-banner-subtitle p {
      font-size: 16px;
      text-align: center;
   }
}

@media (max-width: 480px) {
   .top-banner-link {
      margin-top: 60px;
   }
}

.top-banner .text-wrap {
   align-items: flex-start;
}

.top-banner .image-wrap,
.top-banner .text-wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.top-banner .image-wrap {
   position: relative;
   min-height: 541px;
}

@media (max-width: 1160px) {
   .top-banner .image-wrap {
      min-height: auto;
   }
}

.top-banner .image-wrap .image {
   position: relative;
   width: calc(49vw - 24px);
   left: 24px;
}

@media (max-width: 991px) {
   .top-banner .image-wrap .image {
      width: 100%;
      left: 0;
   }
}

.top-banner .image-wrap img {
   width: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.top-banner .text-wrap .btn {
   min-width: 235px;
   padding: 12px 45px;
}

@media (max-width: 991px) {
   .top-banner .text-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .top-banner .text-wrap .btn {
      width: 235px;
      padding: 12px;
   }
}

@media (max-width: 991px) {
   .top-banner .image-wrap {
      display: flex;
      justify-content: center;
      margin-bottom: 40px;
      padding-left: 0;
      padding-right: 0;
   }
}

.top-banner.orbit-wrap .orbit-item {
   z-index: 0;
   width: 404px;
   height: 404px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
   .top-banner.orbit-wrap .orbit-item {
      width: 202px;
      height: 202px;
      margin-top: 25px;
   }
}

.top-banner.orbit-wrap .orbit-item .circle-grey-1 {
   border: 1px solid rgba(48, 184, 94, 0.26);
}

.top-banner.orbit-wrap .orbit-item .circle-green,
.top-banner.orbit-wrap .orbit-item .circle-green-static {
   width: 325px;
   height: 325px;
}

@media (max-width: 480px) {
   .top-banner.orbit-wrap .orbit-item .circle-green,
   .top-banner.orbit-wrap .orbit-item .circle-green-static {
      width: 225px;
      height: 225px;
   }
}

.top-banner.orbit-wrap .orbit-item .circle-grey .orbit-yellow-6 {
   left: 47px;
}

@media (max-width: 480px) {
   .top-banner.orbit-wrap .orbit-item .circle-grey .orbit-yellow-6 {
      left: 2px;
   }
}

.top-banner.orbit-wrap .orbit-item .circle-grey .orbit-yellow-10 {
   right: 47px;
}

@media (max-width: 480px) {
   .top-banner.orbit-wrap .orbit-item .circle-grey .orbit-yellow-10 {
      right: 2px;
   }
}

.top-banner.orbit-wrap .orbit-item .circle-grey .orbit-yellow-7 {
   right: 47px;
}

@media (max-width: 480px) {
   .top-banner.orbit-wrap .orbit-item .circle-grey .orbit-yellow-7 {
      right: 2px;
   }
}

.top-banner.orbit-wrap .orbit-item .circle-grey .orbit-green-5 {
   left: 47px;
}

@media (max-width: 480px) {
   .top-banner.orbit-wrap .orbit-item .circle-grey .orbit-green-5 {
      left: 2px;
   }
}

.top-banner.orbit-wrap .orbit-item .circle-grey .orbit-green-4 {
   left: 47px;
}

@media (max-width: 480px) {
   .top-banner.orbit-wrap .orbit-item .circle-grey .orbit-green-4 {
      left: 2px;
   }
}

.top-banner.orbit-wrap .orbit-item .circle-grey .orbit-green {
   left: 47px;
}

@media (max-width: 480px) {
   .top-banner.orbit-wrap .orbit-item .circle-grey .orbit-green {
      left: 2px;
   }
}

.home .top-banner .image-wrap img {
   width: auto;
}

section .section-title {
   margin-bottom: 60px;
}

@media (max-width: 768px) {
   section .section-title {
      margin-bottom: 50px;
   }
}

section .section-title .title h2 {
   margin-bottom: 0;
}

section .section-title .title h2 span,
section .section-title .title span {
   color: #30b85e;
}

section .section-title .subtitle {
   position: relative;
   color: #455a64;
   font-size: 18px;
}

section .section-title .subtitle p {
   font-size: 18px;
   text-align: right;
}

section .section-title .subtitle:after {
   position: absolute;
   content: "";
   right: 20px;
   top: -10px;
   width: 200px;
   height: 1px;
   background: #30b85e;
}

section .section-title .subtitle.price {
   color: #30b85e;
   font-size: 44px;
   line-height: 1;
   font-weight: 600;
}

section .section-title .subtitle.price:after {
   display: none;
}

@media (max-width: 767px) {
   section .section-title.wide {
      margin-bottom: 50px;
   }
}

@media (max-width: 767px) {
   section .section-title.wide .title {
      margin-bottom: 40px;
   }
}

@media (max-width: 767px) {
   section .section-title.wide .subtitle p {
      text-align: left;
   }
}

@media (max-width: 767px) {
   section .section-title.wide .subtitle:after {
      right: auto;
      left: 50%;
      transform: translateX(-50%);
   }
}

@media (max-width: 767px) and (max-width: 768px) {
   section .section-title.wide .subtitle:after {
      left: 20px;
      transform: none;
   }
}

@media (max-width: 768px) {
   section .section-title.column {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
   }
}

section .section-title.column .title {
   margin-bottom: 30px;
}

@media (max-width: 768px) {
   section .section-title.column .title {
      display: inline-block;
   }
}

@media (max-width: 480px) {
   section .section-title.column .title {
      text-align: left;
   }
}

section .section-title.column .title span {
   color: #30b85e;
}

@media (max-width: 768px) {
   section .section-title.column .subtitle {
      text-align: left;
   }
}

section .section-title.column .subtitle:after {
   position: absolute;
   content: "";
   left: 0;
   top: -10px;
   width: 200px;
   height: 1px;
   background: #30b85e;
}

section .section-title.centered .subtitle,
section .section-title.centered .subtitle p,
section .section-title.centered .title {
   text-align: center;
}

section .section-title.centered .subtitle {
   margin-top: 55px;
   position: relative;
}

@media (max-width: 768px) {
   section .section-title.centered .subtitle {
      margin-top: 40px;
   }
}

section .section-title.centered .subtitle:after {
   position: absolute;
   content: "";
   left: 50%;
   transform: translateX(-50%);
   top: -10px;
   width: 200px;
   height: 1px;
   background: #30b85e;
}

@media (max-width: 768px) {
   section .section-title.left {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
   }
}

section .section-title.left .title {
   display: inline-block;
   margin-bottom: 30px;
}

@media (max-width: 768px) {
   section .section-title.left .title {
      text-align: left;
   }
}

section .section-title.left .title:before {
   left: -12px;
}

@media (max-width: 768px) {
   section .section-title.left .subtitle {
      text-align: left;
      width: 100%;
   }
}

section .section-title.left .subtitle:after {
   right: auto;
   left: 0;
}

.home {
   overflow-x: hidden;
}

@media (max-width: 991px) {
   .home .top-banner,
   .home header {
      background-color: #f1f6fb;
   }
}

.home:before {
   position: absolute;
   content: "";
   width: 100vw;
   height: 680px;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: #f1f6fb;
   background-image: url(images/top-banner-bg.svg);
   background-repeat: no-repeat;
   background-position: 100% 0;
   background-size: 58%;
}

@media (max-width: 991px) {
   .home:before {
      display: none;
   }
}

.home .top-banner {
   padding-top: 0;
   padding-bottom: 40px;
}

@media (max-width: 991px) {
   .home .top-banner {
      padding-bottom: 90px;
   }
}

@media (max-width: 768px) {
   .home .top-banner {
      padding-top: 30px;
   }
}

.home .top-banner-title {
   white-space: nowrap;
   z-index: 1;
}

@media (max-width: 991px) {
   .home .top-banner-title {
      margin-bottom: 30px;
   }
}

.home .top-banner .slider-wrap {
   display: flex;
   justify-content: space-between;
   position: relative;
   min-height: 513px;
}

@media (max-width: 1366px) {
   .home .top-banner .slider-wrap {
      flex-direction: column;
      align-items: center;
      min-height: auto;
   }
}

@media (max-width: 991px) {
   .home .top-banner .slider-wrap {
      margin-bottom: 90px;
   }
}

@media (max-width: 767px) {
   .home .top-banner .slider-wrap {
      margin-bottom: 30px;
   }
}

.home .top-banner .slider-wrap .tab-content {
   flex: 7;
}

@media (max-width: 1366px) {
   .home .top-banner .slider-wrap .tab-content {
      order: 1;
      flex: auto;
      width: 80%;
   }
}

@media (max-width: 768px) {
   .home .top-banner .slider-wrap .tab-content {
      width: 100%;
   }
}

.home .top-banner .slider-wrap .tab-pane {
   height: 100%;
}

.home .top-banner .slider-wrap .tab-pane .image-wrap {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}

.home .top-banner .slider-wrap .tab-pane.fade,
.home .top-banner .slider-wrap .tab-pane.fade:not(.show) {
   position: relative;
}

.home .top-banner .slider-wrap .tab-pane:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: hsla(0, 0%, 100%, 0.1);
}

.home .top-banner .slider-wrap .tab-control {
   flex: 1;
   padding-left: 30px;
   position: absolute;
   flex-direction: column;
   justify-content: center;
   right: -90px;
   top: 50%;
   transform: translateY(-50%);
}

@media (max-width: 1366px) {
   .home .top-banner .slider-wrap .tab-control {
      position: static;
      transform: none;
      order: 0;
      flex: auto;
      width: 100%;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding-left: 0;
   }
}

@media (max-width: 767px) {
   .home .top-banner .slider-wrap .tab-control {
      order: 0;
      flex-wrap: nowrap;
      overflow-x: auto;
      padding-bottom: 15px;
   }
}

@media (max-width: 640px) {
   .home .top-banner .slider-wrap .tab-control {
      justify-content: flex-start;
   }
}

.home .top-banner .slider-wrap .tab-control a.nav-link {
   position: relative;
   color: #455a64;
   font-size: 12px;
   white-space: nowrap;
   background: 0;
   border: 0;
   padding: 15px 0;
   cursor: pointer;
}

@media (max-width: 1366px) {
   .home .top-banner .slider-wrap .tab-control a.nav-link {
      padding: 15px;
   }
}

@media (max-width: 767px) {
   .home .top-banner .slider-wrap .tab-control a.nav-link {
      padding: 5px 12.5px;
   }
}

@media (max-width: 480px) {
   .home .top-banner .slider-wrap .tab-control a.nav-link {
      display: flex;
      justify-content: center;
   }
}

.home .top-banner .slider-wrap .tab-control a.nav-link:before {
   position: absolute;
   content: "";
   left: -20px;
   top: 50%;
   transform: translateY(-50%);
   width: 0;
   height: 1px;
   background: #66bb6a;
   transition: width 0.5s;
}

@media (max-width: 768px) {
   .home .top-banner .slider-wrap .tab-control a.nav-link:before {
      display: none;
   }
}

.home .top-banner .slider-wrap .tab-control a.nav-link.active {
   color: #30b85e;
}

.home .top-banner .slider-wrap .tab-control a.nav-link.active:before {
   width: 15px;
   transition: width 0.5s;
}

.home .benefits-wrap {
   padding-top: 145px;
}

@media (max-width: 991px) {
   .home .benefits-wrap {
      padding-top: 90px;
   }
}

.home section.carousel-wrap-portfolio,
.inner-header {
   padding-top: 60px;
}

.inner-header {
   position: relative;
}

.inner-header .section-title.centered {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.inner-header .section-title.centered .inner-title {
   display: inline-block;
}

.inner-header .section-title.centered .inner-title:before {
   left: -12px;
}

.inner-header .section-title.centered .subtitle {
   margin-top: 30px;
}

.inner-header .btn {
   margin-top: 50px;
}

.inner-title {
   position: relative;
   z-index: 0;
}

.inner-title:before {
   content: "";
   width: 55%;
   height: 12px;
   opacity: 0.4;
   position: absolute;
   left: 0;
   top: 40px;
   background: #66bb6a;
   z-index: -1;
}

@media (max-width: 768px) {
   .inner-title:before {
      top: 30px;
   }
}

h2.inner-title:before {
   display: none;
}

.section-share-ideas {
   padding-top: 65px;
   padding-bottom: 65px;
   margin-top: 125px;
}

@media (max-width: 767px) {
   .section-share-ideas {
      margin-top: 90px;
      padding-top: 90px;
      padding-bottom: 90px;
   }
}

.section-share-ideas .section-title {
   margin-bottom: 50px;
}

.section-share-ideas .section-title.centered .subtitle {
   margin-top: 30px;
}

@media (max-width: 767px) {
   .section-share-ideas .section-title.centered .subtitle {
      margin-top: 40px;
   }
}

@media (max-width: 767px) {
   .section-share-ideas .btn {
      min-width: 310px;
   }
}

@media (max-width: 320px) {
   .section-share-ideas .btn {
      min-width: 270px;
   }
}

.section-share-ideas-logo .section-title.centered {
   margin-bottom: 0;
}

.section-share-ideas-logo .section-title.centered .title {
   margin-bottom: 40px;
}

.block-blue-bg,
.section-blue-bg {
   background: #f1f6fb;
   position: relative;
   overflow: hidden;
}

section.section-order-bg {
   background: linear-gradient(90.57deg, rgb(253 235 208) 0.54%, rgb(251 210 206) 99.61%) !important;
}

.section-order-bg .subtitle p {
   font-family: 'Proxima Nova Regular';
   color: #212121;
}

.block-blue-bg .container,
.section-blue-bg .container {
   position: relative;
   z-index: 1;
}

.block-blue-bg:before,
.section-blue-bg:before {
   content: "";
   position: absolute;
   left: -150px;
   bottom: -83px;
   width: 860px;
   height: 400px;
   background: url(images/share-ideas-bg-before.svg) 50% no-repeat;
}

.block-blue-bg:after,
.section-blue-bg:after {
   content: "";
   position: absolute;
   right: -30px;
   top: -83px;
   width: 860px;
   height: 400px;
   background: url(images/share-ideas-bg-after.svg) 50% no-repeat;
}

.section-blue-bg-discount {
   background: #f1f6fb;
   position: relative;
   overflow: hidden;
}

.section-blue-bg-discount:before {
   content: "";
   position: absolute;
   left: -150px;
   bottom: -110px;
   width: 860px;
   height: 400px;
   background: url(images/discount-bg-before.svg) 50% no-repeat;
}

.section-blue-bg-discount:after {
   content: "";
   position: absolute;
   right: -50px;
   top: -150px;
   width: 860px;
   height: 400px;
   background: url(images/discount-bg-after.svg) 50% no-repeat;
}

.block-grey-bg {
   background: #fafafa;
}

.benefit-item {
   border: 1px solid #30b85e;
   border-radius: 6px;
   padding: 40px 25px;
   height: 100%;
   min-height: 225px;
}

.benefit-item-wrap {
   margin-bottom: 50px;
}

@media (max-width: 991px) {
   .benefit-item-wrap {
      margin-bottom: 30px;
   }
}

@media (max-width: 480px) {
   .benefit-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 40px;
      border-radius: 10px;
      padding: 40px 15px;
   }
}

@media (max-width: 540px) {
   .benefit-item:last-child {
      margin-bottom: 0;
   }
}

.benefit-item.centered .benefit-icon {
   height: 75px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
}

@media (max-width: 480px) {
   .benefit-item.centered .benefit-icon {
      width: 100%;
      height: auto;
   }
}

.benefit-item.centered .benefit-title {
   font-size: 20px;
   text-align: center;
}

.benefit-header {
   width: 100%;
   display: flex;
   align-items: center;
}

.benefit-header .benefit-image {
   width: 75px;
   min-width: 75px;
   height: 75px;
}

.benefit-header .benefit-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.benefit-title {
   color: #212121;
   font-family: Proxima Nova Bold;
   font-size: 24px;
   line-height: 1.2;
   font-weight: 700;
   padding-left: 15px;
}

.benefit-subtitle {
   color: #455a64;
   font-size: 16px;
   margin-top: 20px;
}

@media (max-width: 767px) {
   .benefit-subtitle {
      width: 100%;
   }
}

.list-process ol {
   list-style-type: none;
   counter-reset: process-counter;
   display: flex;
   flex-direction: column;
   padding: 0 0 0 93px;
   margin: 0;
}

@media (max-width: 480px) {
   .list-process ol {
      padding: 0;
   }
}

.list-process ol li {
   counter-increment: process-counter;
   position: relative;
   font-size: 16px;
   font-weight: 300;
   color: #455a64;
}

.list-process ol li:not(:last-child) {
   margin-bottom: 40px;
}

@media (max-width: 480px) {
   .list-process ol li {
      padding-top: 87px;
   }
}

.list-process ol li:before {
   content: "0" counter(process-counter);
   font-size: 36px;
   line-height: 1;
   font-weight: 900;
   color: #fbc02d;
   margin-right: 40px;
   position: absolute;
   top: 0;
   left: -93px;
}

@media (max-width: 480px) {
   .list-process ol li:before {
      font-size: 44px;
      left: -2px;
      margin-right: 0;
   }
}

.list-process ol li:after {
   content: "step";
   position: absolute;
   top: 36px;
   left: -88px;
   font-size: 12px;
   font-weight: 400;
   color: #c4c4c4;
   text-transform: uppercase;
}

@media (max-width: 480px) {
   .list-process ol li:after {
      top: 44px;
      left: 0;
   }
}

.list-process ol li em,
.list-process ol li span {
   display: block;
   font-family: Proxima Nova Bold;
   font-size: 24px;
   font-style: normal;
   line-height: 1;
   font-weight: 700;
   margin-bottom: 10px;
   color: #212121;
   position: relative;
}

.list-process ol li em:after,
.list-process ol li span:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: -6px;
   width: 35px;
   height: 1px;
   background: #fbc02d;
}

.list-process .btn {
   margin-top: 10px;
   margin-left: 93px;
}

@media (max-width: 767px) {
   .list-process .btn {
      display: block;
      width: 230px;
      margin: 0 auto;
   }
}

@media (max-width: 480px) {
   .list-process p {
      text-align: center;
   }
}

.migration-alert {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 9999;
   background: #fff;
}

.migration-alert h1 {
   max-width: 768px;
}

.post-type-archive-portfolio .inner-header .inner-title:before,
.post-type-archive-portfolio .inner-header .section-title.centered .subtitle:after {
   display: none;
}

.portfolio-carousel {
   margin-left: -100px;
   margin-right: -100px;
}

@media (max-width: 521px) {
   .portfolio-carousel {
      margin-left: -70%;
      margin-right: -70%;
   }
}

.portfolio-carousel-item {
   display: flex;
   justify-content: center;
   padding-left: 15px;
   padding-right: 15px;
   max-height: 345px;
}

@media (max-width: 768px) {
   .portfolio-carousel-item {
      max-height: 260px;
   }
}

@media (max-width: 480px) {
   .portfolio-carousel-item {
      max-height: 490px;
   }
}

@media (max-width: 414px) {
   .portfolio-carousel-item {
      max-height: 430px;
   }
}

@media (max-width: 375px) {
   .portfolio-carousel-item {
      max-height: 415px;
   }
}

@media (max-width: 350px) {
   .portfolio-carousel-item {
      max-height: 370px;
   }
}

@media (max-width: 320px) {
   .portfolio-carousel-item {
      max-height: 335px;
   }
}

.portfolio-carousel-item img {
   width: auto;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   margin: 0 auto;
}

.portfolio-section-buttons {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 77px;
}

@media (max-width: 768px) {
   .portfolio-section-buttons {
      margin-top: 60px;
      margin-bottom: 17px;
      flex-direction: column;
      align-items: center;
   }
   .portfolio-section-buttons .btn {
      margin: 0;
   }
   .portfolio-section-buttons .btn:first-child {
      margin-bottom: 15px;
   }
}

@media (max-width: 480px) {
   .portfolio-section-buttons {
      margin-top: 30px;
   }
}

.portfolio-section-buttons .btn {
   margin: 0 12.5px;
}

@media (max-width: 480px) {
   .portfolio-section-buttons .btn {
      width: 70%;
   }
}

@media (max-width: 480px) {
   .portfolio-section-buttons .btn-green {
      margin-bottom: 30px;
   }
}

.portfolio-item {
   margin-bottom: 40px;
}

.portfolio-item a {
   display: block;
   height: 100%;
}

.portfolio-item a img {
   display: block;
   margin: 0 auto;
}

.portfolio-items {
   width: 100%;
   -moz-column-count: 4;
   column-count: 4;
   -moz-column-gap: 20px;
   column-gap: 20px;
}

@media (max-width: 768px) {
   .portfolio-items {
      -moz-column-count: 2;
      column-count: 2;
   }
}

@media (max-width: 480px) {
   .portfolio-items {
      -moz-column-count: 1;
      column-count: 1;
   }
}

.portfolio-items.grid {
   -moz-column-count: auto;
   column-count: auto;
   -moz-column-gap: normal;
   column-gap: normal;
   display: flex;
   flex-wrap: wrap;
}

.portfolio-items.grid .portfolio-item img {
   width: 100%;
   height: 100%;
   max-height: 400px;
   -o-object-fit: cover;
   object-fit: cover;
}

@media (max-width: 768px) {
   .portfolio-items.grid .portfolio-item img {
      max-height: none;
   }
}

.portfolio-popup {
   opacity: 0;
   position: fixed;
   z-index: 4;
   bottom: 200px;
   right: 0;
   width: 250px;
   border: 1px solid #30b85e;
   border-radius: 6px;
   padding: 40px 20px;
   transition: opacity 0.3s;
   background: url(images/popup-bg.svg) 100% 0 #f1f6fb no-repeat;
}

.portfolio-popup.show {
   opacity: 1;
   transition: opacity 0.3s;
}

.portfolio-popup.hide {
   visibility: hidden;
   transition: visibility 0.3s;
}

.portfolio-popup p {
   position: relative;
   font-family: Proxima Nova Bold;
   font-size: 20px;
   text-align: center;
   margin-bottom: 30px;
}

.portfolio-popup p:after {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 4px;
   content: "";
   width: 120px;
   height: 9px;
   background: #66bb6a;
   opacity: 0.4;
   z-index: -1;
}

.portfolio-popup .btn {
   display: block;
   width: 80%;
   height: 40px;
   padding: 8px;
   margin: 0 auto;
}

.portfolios {
   padding-top: 75px;
}

.portfolios .second-level .nav-link {
   color: #000;
   font-size: 16px;
   padding: 15px;
}

.portfolios .second-level .nav-link:hover {
   color: #c4c4c4;
}

.portfolios .second-level .nav-link.active {
   color: #30b85e;
   font-weight: 900;
}

.portfolios .second-level .nav-item:last-child .nav-link {
   padding: 15px;
}

.portfolios .second-level.nav-tabs {
   justify-content: space-between;
   margin-left: -15px;
   margin-right: -15px;
   border-bottom: 0;
   position: relative;
}

@media (max-width: 480px) {
   .portfolios .second-level.nav-tabs {
      justify-content: flex-end;
      align-items: stretch;
      margin-top: 30px;
   }
   .portfolios .second-level.nav-tabs .nav-item {
      width: 50%;
   }
}

@media (max-width: 480px) {
   .portfolios .second-level.nav-tabs:before {
      position: absolute;
      content: "";
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: calc(100% - 30px);
      height: 1px;
      background: #d2d2d2;
   }
}

.portfolios .second-level.nav-tabs:after {
   position: absolute;
   content: "";
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: calc(100% - 30px);
   height: 1px;
   background: #d2d2d2;
}

.portfolios .second-level.collapse {
   display: flex;
}

.portfolios .second-level.collapse:not(.show) {
   display: none;
}

.portfolios .tab-content {
   padding-top: 25px;
}

@media (max-width: 480px) {
   .portfolios .tab-content {
      padding-top: 40px;
   }
}

.portfolios .tab-pane .portfolio-items {
   display: none;
}

.portfolios .tab-pane.active.show .portfolio-items {
   display: block;
}

.portfolios .tab-pane.active.show .portfolio-items.grid {
   display: flex;
}

.awards-carousel {
   margin-left: -100px;
   margin-right: -100px;
}

@media (max-width: 480px) {
   .awards-carousel {
      margin-left: -20%;
      margin-right: -20%;
   }
}

.awards-carousel.slick-slider {
   margin-bottom: 0;
}

.awards-carousel-item {
   justify-content: center;
   align-items: center;
   padding-left: 20px;
   padding-right: 20px;
}

.awards-carousel-item img {
   filter: grayscale(100%);
   -o-object-fit: contain;
   object-fit: contain;
   max-height: 200px;
}

.awards-carousel-item img:hover {
   filter: none;
}

@media (max-width: 480px) {
   .awards-carousel-item img {
      width: 100%;
      max-height: none;
   }
}

.awards-carousel .slick-dots {
   bottom: -48px;
}

@media (max-width: 480px) {
   .awards-carousel .slick-dots {
      bottom: auto;
      top: -53px;
      width: 100vw;
      left: 50%;
      transform: translateX(-50%);
      padding-left: 50px;
      padding-right: 50px;
   }
}

.page-template-archive-testimonial .embedsocial .title {
   font-size: 52px;
}

@media (max-width: 768px) {
   .page-template-archive-testimonial .embedsocial .title {
      font-size: 40px;
   }
}

.testimonials {
   position: relative;
   padding-top: 0;
   padding-bottom: 0;
}

@media (max-width: 767px) {
   .testimonials .section-title.column {
      align-items: center;
   }
   .testimonials .section-title.column .subtitle,
   .testimonials .section-title.column .title {
      text-align: center;
   }
}

.testimonials:before {
   content: "";
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   width: 30%;
   height: 90%;
   background: #c2e4c3;
}

@media (max-width: 992px) {
   .testimonials:before {
      display: none;
   }
}

.testimonials-carousel.slick-slider {
   margin-bottom: 0;
}

@media (max-width: 767px) {
   .testimonials-carousel.slick-slider .slick-list {
      margin-bottom: 30px;
   }
}

.testimonials-carousel.slick-slider .slick-slide {
   min-height: 475px;
}

.testimonials-carousel-wrap {
   position: relative;
   margin-top: 125px;
   padding-top: 50px;
}

@media (max-width: 767px) {
   .testimonials-carousel-wrap {
      margin-top: 0;
      padding-top: 90px;
   }
}

.testimonials-carousel-wrap:before {
   content: "";
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   width: 40%;
   height: 100%;
   background: #c2e4c3;
}

@media (max-width: 767px) {
   .testimonials-carousel-wrap:before {
      display: none;
   }
}

.testimonials-carousel-wrap .section-title-wrap {
   position: relative;
}

.testimonials-carousel-wrap .section-title-wrap .section-title {
   position: absolute;
   top: -20px;
}

@media (max-width: 767px) {
   .testimonials-carousel-wrap .section-title-wrap .section-title {
      position: static;
      margin-bottom: 0;
   }
}

@media (max-width: 767px) {
   .testimonials-carousel-item {
      padding-bottom: 30px;
      padding-top: 30px;
   }
}

.testimonials-carousel-item .text-wrap {
   padding-top: 90px;
   padding-right: 80px;
}

@media (max-width: 767px) {
   .testimonials-carousel-item .text-wrap {
      padding-top: 30px;
      padding-right: 40px;
      padding-bottom: 45px;
   }
}

.testimonials-carousel-item .title {
   display: flex;
   align-items: center;
   margin-bottom: 30px;
}

.testimonials-carousel-item .title .avatar {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   margin-right: 15px;
}

.testimonials-carousel-item .title .avatar img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
}

.testimonials-carousel-item .title .name {
   font-size: 16px;
   color: #000;
}

.testimonials-carousel-item .title .name .author {
   font-size: 14px;
   color: #c4c4c4;
}

.testimonials-carousel-item .testimonial {
   font-size: 16px;
   color: #455a64;
}

.testimonials-carousel-item .image-wrap {
   display: flex;
   justify-content: center;
}

@media (max-width: 767px) {
   .testimonials-carousel-item .image-wrap:before {
      content: "";
      position: absolute;
      right: -20px;
      top: -5%;
      bottom: -5%;
      width: calc(50% + 20px);
      height: 110%;
      background: #c2e4c3;
      z-index: -1;
   }
}

@media (max-width: 375px) {
   .testimonials-carousel-item .image-wrap:before {
      right: 0;
      top: 0;
      bottom: 0;
      width: 50vw;
      height: 100%;
   }
}

.testimonials-carousel-item .image-wrap .image-item {
   width: 317px;
   height: 475px;
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover;
}

@media (max-width: 414px) {
   .testimonials-carousel-item .image-wrap .image-item {
      background-size: contain;
   }
}

.testimonials-carousel .slick-dots {
   top: 50%;
   left: 50%;
   bottom: auto;
   transform: translate(-50%, -50%) rotate(90deg);
   display: flex;
   align-items: center;
   justify-content: center;
}

@media (max-width: 767px) {
   .testimonials-carousel .slick-dots {
      position: relative;
      left: 0;
      top: auto;
      transform: none;
   }
}

.testimonials-carousel .slick-next,
.testimonials-carousel .slick-prev {
   z-index: 2;
}

.testimonials-carousel .slick-prev {
   left: 50%;
   top: 60px;
   transform: translateX(-50%) rotate(90deg);
}

@media (max-width: 767px) {
   .testimonials-carousel .slick-prev {
      position: absolute;
      left: 0;
      top: auto;
      bottom: 0;
      transform: none;
   }
}

.testimonials-carousel .slick-next {
   right: -50%;
   bottom: 60px;
   transform: translateX(-50%) rotate(90deg);
}

@media (max-width: 767px) {
   .testimonials-carousel .slick-next {
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0;
      transform: none;
   }
}

.testimonials-carousel-page {
   padding-top: 30px;
   margin-bottom: 0;
}

.testimonials-carousel-page-item {
   display: flex;
   justify-content: space-between;
   background: #fff;
   border: 1px solid rgba(48, 184, 94, 0.31);
   border-radius: 2px;
   padding: 30px;
}

.testimonials-carousel-page-item-desktop {
   display: flex;
}

.testimonials-carousel-page-item-desktop .avatar {
   width: 70px;
   height: 70px;
   border-radius: 50%;
}

.testimonials-carousel-page-item-desktop .avatar img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
}

@media (max-width: 768px) {
   .testimonials-carousel-page-item-desktop {
      display: none;
   }
}

.testimonials-carousel-page-item-mobile {
   display: none;
}

@media (max-width: 768px) {
   .testimonials-carousel-page-item-mobile {
      display: flex;
      flex-direction: column;
      margin-bottom: 30px;
      box-shadow: 0 4px 20px rgba(94, 115, 230, 0.1);
   }
   .testimonials-carousel-page-item-mobile .avatar {
      width: 100%;
      height: auto;
      border-radius: 0;
      display: flex;
      align-items: center;
      margin-bottom: 15px;
   }
   .testimonials-carousel-page-item-mobile .avatar img {
      width: 36px;
      height: 36px;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 50%;
      margin-right: 15px;
   }
   .testimonials-carousel-page-item-mobile .avatar .title {
      color: #000;
      font-size: 18px;
      font-weight: 900;
      margin-bottom: 0;
   }
}

.testimonials-carousel-page-item .testimonial {
   flex: 5;
   padding-left: 30px;
}

@media (max-width: 768px) {
   .testimonials-carousel-page-item .testimonial {
      padding-left: 0;
   }
}

.testimonials-carousel-page-item .testimonial .title {
   color: #000;
   font-size: 18px;
   font-weight: 900;
   margin-bottom: 15px;
}

@media (max-width: 768px) {
   .testimonials-carousel-page-nav {
      display: none;
   }
}

.testimonials-carousel-page-nav .slick-list {
   width: 70%;
   padding: 0 60px;
}

.testimonials-carousel-page .slick-slide {
   margin-bottom: 30px;
}

.testimonials-carousel-page .slick-arrow {
   position: absolute;
   transform: none;
   top: calc(100% + 40px);
   z-index: 2;
}

@media (max-width: 1024px) {
   .testimonials-carousel-page .slick-prev {
      left: 0;
   }
}

@media (max-width: 1024px) {
   .testimonials-carousel-page .slick-next {
      right: 0;
   }
}

.testimonials-carousel-page .slick-dots {
   bottom: -150px;
}

.testimonials .section-title img {
   -o-object-fit: contain;
   object-fit: contain;
   margin-bottom: 60px;
}

.testimonials .section-title .subtitle:after {
   display: none;
}

.testimonials-section-buttons {
   display: flex;
}

@media (max-width: 768px) {
   .testimonials-section-buttons {
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      margin-top: 50px;
   }
}

@media (max-width: 768px) {
   .testimonials-section-buttons .btn {
      min-width: 260px;
   }
}

.testimonials-section-buttons .btn-green {
   margin-right: 25px;
}

@media (max-width: 768px) {
   .testimonials-section-buttons .btn-green {
      margin-right: 0;
      margin-bottom: 15px;
   }
}

.services-collage {
   padding-top: 0;
}

@media (max-width: 480px) {
   .services-collage {
      display: none;
   }
}

.services-collage img {
   -o-object-fit: contain;
   object-fit: contain;
   margin: 0 auto;
}

.services-item {
   margin-bottom: 120px;
}

.services-item:nth-child(odd) .image-wrap {
   order: 0;
}

.services-item:nth-child(odd) .text-wrap {
   order: 1;
   padding-left: 100px;
}

@media (max-width: 768px) {
   .services-item:nth-child(odd) .text-wrap {
      padding-left: 15px;
   }
}

.services-item:nth-child(2n) .image-wrap {
   order: 1;
}

@media (max-width: 768px) {
   .services-item:nth-child(2n) .image-wrap {
      order: 0;
   }
}

.services-item:nth-child(2n) .text-wrap {
   order: 0;
}

@media (max-width: 768px) {
   .services-item:nth-child(2n) .text-wrap {
      order: 1;
   }
}

.services-item:last-child {
   margin-bottom: 0;
}

@media (max-width: 768px) {
   .services-item .image-wrap img {
      width: 100%;
      margin-bottom: 30px;
   }
}

.services-item .text-wrap {
   display: flex;
   justify-content: center;
   flex-direction: column;
}

@media (max-width: 768px) {
   .services-item .text-wrap {
      align-items: center;
   }
}

.services-item h2 {
   margin-bottom: 15px;
   max-width: 400px;
}

@media (max-width: 768px) {
   .services-item h2 {
      text-align: center;
      margin-bottom: 30px;
   }
}

.services-item .note {
   font-size: 16px;
   color: #455a64;
   margin-bottom: 5px;
}

.services-item .price {
   font-family: Proxima Nova Bold;
   font-size: 24px;
   font-weight: 600;
   color: #455a64;
}

.services-item .price span {
   color: #30b85e;
}

.services-item .buttons {
   margin-top: 50px;
}

@media (max-width: 768px) {
   .services-item .buttons {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 50px;
   }
}

.services-item .buttons .btn-green {
   margin-right: 20px;
}

@media (max-width: 768px) {
   .services-item .buttons .btn-green {
      min-width: 230px;
      margin-right: 0;
      margin-bottom: 15px;
   }
}

.service-book-cover-how-to {
   background: #fafafa;
   padding-bottom: 130px;
}

@media (max-width: 480px) {
   .service-book-cover-how-to.high {
      padding-bottom: 60px;
   }
}

.service-book-cover-how-to .section-title.centered .subtitle {
   margin-top: 40px;
}

.service-book-cover-how-to-item.block-2 {
   margin-bottom: 0;
}

.service-book-cover-how-to-item .text {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

@media (max-width: 768px) {
   .service-book-cover-how-to-item .text {
      margin-bottom: 30px;
   }
}

@media (max-width: 480px) {
   .service-book-cover-how-to-item .text {
      margin-bottom: 0;
   }
}

.service-book-cover-how-to-item .text h3 {
   margin-bottom: 30px;
}

.service-book-cover-how-to-item .text p {
   width: 90%;
}

.service-book-cover-how-to-item .text .btn {
   margin-top: 50px;
}

@media (max-width: 991px) {
   .service-book-cover-how-to-item .text .btn {
      width: 200px;
      margin: 50px auto 0;
   }
}

.service-book-cover-how-to-item .image {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}

.service-book-cover-how-to-item .image video {
   max-width: 350px;
}

@media (max-width: 480px) {
   .service-book-cover-how-to-item .image video {
      max-width: 100%;
   }
}

@media (max-width: 991px) {
   .service-book-cover-how-to-item .image {
      justify-content: center;
   }
}

.service-book-cover-pricing .section-title.centered,
.service-book-cover-pricing .section-title.centered .title {
   margin-bottom: 30px;
}

.service-book-cover-pricing .section-title.centered .subtitle,
.service-book-cover-pricing .section-title.centered .title .subtitle {
   margin-top: 0;
}

.service-book-cover .price-card-wrap:first-child .price-card {
   margin-left: auto;
}

.service-book-cover .price-card-wrap .price-card {
   max-width: 353px;
   height: 100%;
}

.service-book-cover .price-card-wrap .price-card .options {
   margin-top: auto;
}

.service-book-cover .price-card-wrap .price-card .btn {
   margin-top: 0;
}

@media (max-width: 767px) {
   .service-book-cover .price-card-wrap {
      margin-bottom: 30px;
   }
   .service-book-cover .price-card-wrap .price-card {
      max-width: none;
      margin-left: auto;
      margin-right: auto;
   }
}

.service-book-cover .pay-only {
   padding-top: 40px;
   padding-bottom: 40px;
   background: #c2e4c3;
}

.service-book-cover .pay-only p {
   text-align: center;
   font-family: Proxima Nova Rg;
   text-transform: uppercase;
   font-size: 20px;
   color: #212121;
}

.service-book-cover .discount {
   padding-top: 90px;
   padding-bottom: 90px;
}

.service-book-cover .discount p {
   font-family: Proxima Nova Rg;
   color: #000;
   font-size: 34px;
   text-align: center;
   position: relative;
   z-index: 1;
}

.service-illustrated-cover-what-we {
   background: #fafafa;
}

.service-illustrated-cover-what-we .section-title.centered .subtitle {
   margin-top: 40px;
}

.service-illustrated-cover-what-we .text {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

.service-illustrated-cover-what-we .text .btn {
   margin-left: 93px;
}

@media (max-width: 991px) {
   .service-illustrated-cover-what-we .text .btn {
      display: block;
      width: 200px;
      margin: 0 auto;
   }
}

@media (max-width: 991px) {
   .service-illustrated-cover-what-we .image {
      display: flex;
      flex-direction: column;
   }
}

.service-illustrated-cover-we-help .section-title {
   margin-bottom: 0;
}

@media (max-width: 768px) {
   .service-illustrated-cover-we-help .section-title {
      margin-bottom: 50px;
   }
}

.service-illustrated-cover-we-help-item {
   margin-bottom: 125px;
}

@media (max-width: 991px) {
   .service-illustrated-cover-we-help-item {
      margin-top: 50px;
   }
}

.service-illustrated-cover-we-help-item:nth-child(2n) .price-card-wrap {
   order: 1;
   align-items: flex-end;
}

@media (max-width: 991px) {
   .service-illustrated-cover-we-help-item:nth-child(2n) .price-card-wrap {
      order: 1;
      align-items: center;
      margin-top: 50px;
   }
}

.service-illustrated-cover-we-help-item:nth-child(2n) .price-card-wrap .price-card {
   margin-left: auto;
}

@media (max-width: 991px) {
   .service-illustrated-cover-we-help-item:nth-child(2n) .price-card-wrap .price-card {
      margin-left: 0;
   }
}

.service-illustrated-cover-we-help-item:nth-child(2n) .slider-wrap {
   order: 0;
}

.service-illustrated-cover-we-help-item:nth-child(odd) .price-card-wrap {
   order: 0;
   align-items: flex-start;
}

@media (max-width: 991px) {
   .service-illustrated-cover-we-help-item:nth-child(odd) .price-card-wrap {
      order: 1;
      align-items: center;
      margin-top: 50px;
   }
}

.service-illustrated-cover-we-help-item:nth-child(odd) .slider-wrap {
   order: 1;
}

@media (max-width: 991px) {
   .service-illustrated-cover-we-help-item:nth-child(odd) .slider-wrap {
      order: 0;
   }
}

.service-illustrated-cover-we-help-item:last-child {
   margin-bottom: 35px;
}

.service-illustrated-cover-we-help-item .price-card-wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.service-illustrated-cover-we-help-item .price-card-wrap .price-card {
   max-width: 425px;
   height: auto;
   padding: 22px 25px;
}

.service-illustrated-cover-we-help-item .price-card-wrap .price-card .btn {
   margin-top: 20px;
}

.service-illustrated-cover-we-help-item .slider-wrap {
   margin-bottom: 62px;
}

.service-logo-package-includes {
   padding-top: 105px;
}

.service-logo-package-includes .section-title {
   margin-bottom: 10px;
}

.service-logo-package-includes-item {
   padding-top: 50px;
   padding-bottom: 50px;
}

@media (max-width: 1140px) {
   .service-logo-package-includes-item {
      height: auto;
   }
}

.service-logo-package-includes-item .container,
.service-logo-package-includes-item .row {
   height: 100%;
}

.service-logo-package-includes-item .text {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-left: 100px;
   padding-right: 85px;
}

@media (max-width: 480px) {
   .service-logo-package-includes-item .text {
      padding-left: 15px;
      padding-right: 15px;
   }
}

.service-logo-package-includes-item .text h3 {
   margin-bottom: 30px;
}

.service-logo-package-includes-item:nth-child(2n) .image {
   order: 1;
   display: flex;
   justify-content: center;
   align-items: center;
}

.service-logo-package-includes-item:nth-child(2n) .text {
   order: 0;
   margin-bottom: 30px;
}

.service-logo-package-includes-item:nth-child(odd) {
   background: #fafafa;
}

.service-logo-package-includes-item:nth-child(odd) .image {
   order: 0;
}

@media (max-width: 991px) {
   .service-logo-package-includes-item:nth-child(odd) .image {
      order: 1;
      display: flex;
      justify-content: center;
      align-items: center;
   }
}

.service-logo-package-includes-item:nth-child(odd) .text {
   order: 1;
}

@media (max-width: 991px) {
   .service-logo-package-includes-item:nth-child(odd) .text {
      order: 0;
      margin-bottom: 30px;
   }
}

.service-logo-package-includes-benefits {
   padding-top: 20px;
}

.service-logo-package-includes-benefits .row {
   margin-left: -10px;
   margin-right: -10px;
}

.service-logo-package-includes-benefits .row .benefit-item-wrap {
   padding-left: 10px;
   padding-right: 10px;
}

.service-logo-package-includes-benefits .row .benefit-item-wrap .benefit-icon img {
   max-width: 50%;
}

.service-logo-package-includes .btn-green {
   width: 200px;
}

.service-logo-branding-design .green-bg-carousel:before {
   height: 220px;
}

.service-logo-branding-design .section-title {
   margin-bottom: 30px;
}

.service-logo-branding-design .portfolio-carousel-item img {
   max-height: 371px;
}

.service-logo-branding-design .portfolio-carousel-nav {
   margin-bottom: 77px;
}

.service-logo-branding-design .slick-dots {
   bottom: -58px;
}

.service-logo-benefits .benefit-items .row {
   margin-left: -30px;
   margin-right: -30px;
}

.service-logo-benefits .benefit-item-wrap {
   padding-left: 30px;
   padding-right: 30px;
   margin-bottom: 40px;
}

.service-logo-benefits .benefit-header {
   justify-content: flex-start;
}

.service-logo-benefits .benefit-header .benefit-title {
   flex: 5;
   word-wrap: break-word;
}

.service-logo-benefits .benefit-header .benefit-icon {
   margin-right: 30px;
}

.service-logo-what-makes {
   padding-top: 85px;
}

.service-logo-what-makes-item {
   height: 100%;
   padding-bottom: 30px;
   border-bottom: 1px solid #ebebeb;
}

.service-logo-what-makes-item .image-wrap {
   height: 200px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
   border: 1px solid #e5e5e5;
   background: #fbfbfb;
}

.service-logo-what-makes-item .image-wrap img {
   display: block;
   -o-object-fit: contain;
   object-fit: contain;
   height: 198px;
}

.service-logo-what-makes-item h3 {
   margin-bottom: 12px;
}

.service-logo-where-list-wrap {
   margin-bottom: 50px;
}

.service-logo-where-list-wrap .list {
   -moz-column-count: 3;
   column-count: 3;
}

@media (max-width: 767px) {
   .service-logo-where-list-wrap .list {
      -moz-column-count: 2;
      column-count: 2;
   }
}

@media (max-width: 480px) {
   .service-logo-where-list-wrap .list {
      -moz-column-count: 1;
      column-count: 1;
   }
}

.service-marketing-visual .image {
   display: flex;
   align-items: center;
}

@media (max-width: 991px) {
   .service-marketing-visual .image {
      margin-top: 50px;
   }
}

.service-marketing-includes .section-title.left .title {
   margin-bottom: 0;
}

.service-marketing-includes-item {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   height: 100%;
}

.service-marketing-includes-item-wrap {
   margin-bottom: 65px;
}

.service-marketing-includes-item img {
   width: 100%;
   margin-bottom: 30px;
}

.service-marketing-includes-item .title-wrap {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 16px;
}

.service-marketing-includes-item .title-wrap .title {
   font-size: 20px;
   font-weight: 900;
   margin-bottom: 0;
}

.service-marketing-includes-item .title-wrap .price {
   font-family: Proxima Nova Bold;
   color: #66bb6a;
   font-size: 20px;
}

.service-marketing-includes-item .text {
   margin-bottom: 40px;
}

.service-marketing-includes-item .btn {
   width: 145px;
   height: 40px;
   font-size: 14px;
   padding: 9px;
   margin-top: auto;
}

.service-marketing-package {
   padding-top: 60px;
}

.service-marketing-package .price-card {
   max-width: 465px;
   padding: 40px 30px;
   margin-bottom: 10px;
}

@media (max-width: 991px) {
   .service-marketing-package .price-card {
      margin: 0 auto 20px;
   }
}

.service-marketing-package .price-card-wrap {
   display: flex;
   justify-content: center;
}

.service-marketing-package .price-card .title {
   margin-bottom: 18px;
}

.service-marketing-package .price-card .list {
   width: 100%;
   margin-bottom: 30px;
}

.service-marketing-package .price-card .list ul {
   -moz-column-count: 2;
   column-count: 2;
}

.service-marketing-package .price-card .btn {
   display: block;
   width: 100%;
}

.service-formatting .section-title.centered .subtitle {
   margin-top: 40px;
}

.service-formatting .formatting-carousel {
   margin-left: -16px;
   margin-right: -16px;
}

.service-formatting .formatting-carousel:before {
   bottom: -88px;
   height: 220px;
}

.service-formatting .formatting-carousel-item {
   padding-left: 16px;
   padding-right: 16px;
   height: 360px;
}

@media (max-width: 1024px) {
   .service-formatting .formatting-carousel-item {
      height: auto;
   }
}

.service-formatting .formatting-carousel-item img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.service-formatting .slider-nav {
   margin-bottom: 27px;
}

.service-formatting .discount {
   margin-top: 27px;
   padding-top: 70px;
   padding-bottom: 70px;
}

.service-formatting .discount .container {
   position: relative;
   z-index: 1;
}

.service-formatting .discount p {
   font-family: Proxima Nova Bold;
   color: #212121;
   font-size: 24px;
   font-weight: 900;
   line-height: 1.2;
}

.service-formatting .discount p span {
   color: #30b85e;
}

.service-formatting .discount .btn-wrap {
   display: flex;
   justify-content: center;
   align-items: center;
}

.service-formatting .discount .btn-wrap .btn {
   position: relative;
   width: 190px;
   padding: 12px 25px;
   z-index: 1;
}

@media (max-width: 991px) {
   .service-formatting .discount .btn-wrap .btn {
      margin-top: 50px;
   }
}

.service-formatting-prices .section-title.centered .subtitle {
   margin-top: 30px;
}

.service-formatting-prices .price-card-wrap {
   margin-bottom: 50px;
}

.service-formatting-prices .price-card-wrap .price-card {
   height: 100%;
   padding: 40px 30px;
}

.service-formatting-prices .price-card-wrap .price-card .note {
   font-size: 14px;
   color: grey;
}

.service-formatting .ask-more {
   display: flex;
   justify-content: center;
}

.service-formatting .ask-more a {
   color: #212121;
   font-size: 18px;
   text-decoration: none;
   position: relative;
}

.service-formatting .ask-more a:after {
   content: "";
   width: 100%;
   height: 1px;
   background: #212121;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -5px;
   opacity: 1;
   transition: 0.3s;
}

.service-formatting .ask-more a:hover {
   color: #212121;
}

.service-formatting .ask-more a:hover:after {
   opacity: 0;
   transition: 0.3s;
}

@media (max-width: 991px) {
   .service .scroller-carousel {
      order: 1;
      margin-bottom: 60px;
   }
}

@media (max-width: 414px) {
   .service .scroller-carousel {
      margin-bottom: 30px;
   }
}

.service-book-cover-redesign .service-logo-package-includes-item h3,
.service-book-cover-redesign .service-logo-package-includes-item .text {
   margin-bottom: unset;
}

.service-book-cover-redesign .service-logo-package-includes-item li {
   font-family: 'Museo Sans Cyrl';
   font-weight: 300;
   font-size: 16px;
   color: #455A64;
   position: relative;
   padding-left: 25px;
   margin-bottom: 20px;
   line-height: 25px;
}

.service-book-cover-redesign .service-logo-package-includes-item li::before {
   content: url(images/list-icon.svg);
   position: absolute;
   left: 0;
}

.service-book-cover-redesign .baner-section {
   padding: 65px 0;
   text-align: center;
   position: relative;
}

.service-book-cover-redesign .baner-section::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: -5;
}

.redesign-page .top-banner .image-wrap .image {
   width: unset;
}

.redesign-page .top-banner-title span {
   width: 10px;
   height: 10px;
   border: 1px solid #25293F;
   border-radius: 100%;
   display: inline-block;
   margin: 3px;

}

@media (max-width: 991px) {
   .redesign-page .top-banner {
      padding-bottom: 60px;
   }
   .service-book-cover-redesign .title br,
   .service-book-cover-redesign .subtitle br {
      display: none;
   }
   .service-logo-package-includes .section-title .inner-title {
      text-align: left !important;
      padding-bottom: 50px;
   }
   .service .service-logo-package-includes-item {
      padding-top: unset;
   }

   .service .service-logo-package-includes-item .image {
      order: -1;
      margin-bottom: 30px;
   }
}

@media (max-width: 375px) {
   .redesign-page .top-banner .top-banner-link.btn,
   .service .service-logo-package-includes .baner-section .btn {
      width: 100%;
   }
}

.service-book-cover-redesign .baner-section img {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -5;
   width: 100%;
   object-fit: cover;
   height: 100%;
}

.service-book-cover-redesign .baner-section .btn {
   width: max-content;
}

.service-book-cover-redesign .baner-section .subtitle {
   margin-top: 30px;
   position: relative;
   margin-bottom: 50px;
   font-size: 18px;
   color: #455A64;
}

.service-book-cover-redesign .baner-section .subtitle::after {
   position: absolute;
   content: "";
   left: 50%;
   transform: translateX(-50%);
   top: -10px;
   width: 200px;
   height: 1px;
   background: #30b85e;
}

.service .image-note {
   color: #c4c4c4;
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   text-align: right;
   margin-top: 25px;
   padding-right: 90px;
   align-self: flex-end;
}

@media (max-width: 991px) {
   .service .image-note {
      align-self: center;
      text-align: center;
      order: 0;
      padding-right: 0;
      margin-bottom: 30px;
   }
}

.price-cards {
   padding-top: 50px;
}

.price-cards .row {
   justify-content: center;
}

.price-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 40px 20px;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

@media (max-width: 480px) {
   .price-card {
      max-width: 100% !important;
   }
}

.price-card .title {
   font-family: Proxima Nova Bold;
   color: #212121;
   font-size: 24px;
   font-weight: 900;
   text-align: center;
   margin-bottom: 18px;
}

.price-card .price {
   font-family: Museo Sans Cyrl\700;
   color: #30b85e;
   font-size: 44px;
   font-weight: 900;
   text-align: center;
   line-height: 1;
}

.price-card .price span {
   font-size: 16px;
   font-weight: 400;
}

.price-card .note {
   color: #000;
   font-size: 16px;
   text-align: center;
   margin-top: 15px;
}

.price-card .note.bottom {
   color: #afafaf;
   font-style: 12px;
   text-transform: uppercase;
   margin-top: 20px;
   margin-bottom: 0;
}

.price-card .list {
   width: 100%;
   padding-top: 30px;
   border-top: 1px solid #ebebeb;
   margin-top: 30px;
   margin-bottom: 10px;
}

.price-card .list ul li {
   position: relative;
   color: #455a64;
   font-size: 16px;
   padding-left: 25px;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   page-break-inside: avoid;
   -moz-column-break-inside: avoid;
   break-inside: avoid-column;
}

.price-card .list ul li:before {
   content: url(images/list-icon.svg);
   position: absolute;
   left: 0;
   top: 12px;
}

.price-card .list ul li button {
   position: relative;
   width: 15px;
   height: 15px;
   background: transparent;
   border: 0;
   border-radius: 50%;
   margin-left: 10px;
}

.price-card .list ul li button:before {
   content: url(images/info.svg);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 15px;
   height: 15px;
}

.price-card .list ul li button span {
   visibility: hidden;
   opacity: 0;
   position: absolute;
   left: 100%;
   bottom: 100%;
   max-width: 170px;
   color: #000;
   font-size: 12px;
   padding: 20px;
   background: #fff;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   transition: visibility 0s, opacity 0.3s linear;
   z-index: 2;
}

@media (max-width: 767px) {
   .price-card .list ul li button span {
      left: auto;
      right: 100%;
   }
}

.price-card .list ul li button:hover span {
   visibility: visible;
   opacity: 1;
   transition: visibility 0.3s, opacity 0.3s linear;
}

.price-card .options {
   width: 100%;
   padding-top: 20px;
   padding-bottom: 45px;
   border-top: 1px solid #ebebeb;
}

.price-card .options .option {
   margin-bottom: 20px;
}

.price-card .options .option:last-child {
   margin-bottom: 0;
}

.price-card .options .option input {
   display: none;
}

.price-card .options .option input:checked + label:before {
   opacity: 1;
}

.price-card .options .option label {
   position: relative;
   color: #455a64;
   font-size: 16px;
   line-height: 25px;
   font-weight: 300;
   padding-left: 35px;
   margin-bottom: 0;
   cursor: pointer;
}

.price-card .options .option label span {
   font-weight: 600;
}

.price-card .options .option label:before {
   content: "";
   position: absolute;
   left: 6px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   width: 8px;
   height: 8px;
   background: #000;
   opacity: 0;
}

.price-card .options .option label:after {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   width: 20px;
   height: 20px;
   border: 1px solid #000;
}

.price-card .input-wrap {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 30px;
}

.price-card .input-wrap label {
   font-size: 16px;
   color: #455a64;
   margin-bottom: 0;
}

.price-card .input-wrap input {
   width: 130px;
   height: 50px;
   border: 1px solid #e0e0e0;
   text-align: center;
   font-size: 16px;
   color: #212121;
   padding: 13px;
}

.price-card .btn {
   width: 100%;
   margin-top: auto;
}

.price-card-footer {
   margin-top: auto;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.price-card-footer .btn {
   margin-top: 0;
}

.page-template-archive-service .inner-header .section-title.centered {
   margin-bottom: 40px;
}

.page-template-archive-service .inner-header .section-title.centered .subtitle {
   margin-top: 55px;
}

.postid-34 .carousel-wrap-portfolio,
.postid-34 .section-share-ideas,
.postid-34 .testimonials-carousel-wrap {
   display: none;
}

.postid-34 .section-share-ideas-logo {
   display: block;
   margin-top: 95px;
}

.postid-34 .embedsocial {
   padding-bottom: 100px;
}

@media (max-width: 991px) {
   .postid-34 .embedsocial {
      padding-bottom: 75px;
   }
}

.postid-35 .carousel-wrap-portfolio,
.postid-35 .testimonials-carousel-wrap,
.postid-36 .carousel-wrap-portfolio,
.postid-36 .testimonials-carousel-wrap {
   display: none;
}

.postid-36 .top-banner-title {
   white-space: nowrap;
}

@media (max-width: 1024px) {
   .postid-36 .top-banner-title {
      white-space: normal;
   }
}

.faqs {
   padding-top: 0;
}

@media (max-width: 991px) {
   .faqs {
      padding-top: 90px;
   }
}

.faqs .qa-item a {
   height: auto;
   line-height: 1.2;
}

.faqs-how-to-use .video-wrap {
   display: flex;
   justify-content: center;
}

.blog .inner-header,
.category.archive .inner-header {
   position: relative;
   padding-top: 0;
   height: 300px;
   margin-bottom: 60px;
}

@media (max-width: 768px) {
   .blog .inner-header,
   .category.archive .inner-header {
      padding-top: 90px;
      margin-bottom: 50px;
      height: auto;
   }
}

.blog .inner-header > .container,
.category.archive .inner-header > .container {
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover;
   background-origin: content-box;
}

@media (max-width: 768px) {
   .blog .inner-header > .container,
   .category.archive .inner-header > .container {
      background-image: none !important;
      background-color: transparent;
   }
}

.blog .inner-header .container,
.blog .inner-header .row,
.blog .inner-header .section-title,
.category.archive .inner-header .container,
.category.archive .inner-header .row,
.category.archive .inner-header .section-title {
   height: 100%;
}

.blog .inner-header .section-title,
.category.archive .inner-header .section-title {
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-bottom: 0;
}

.blog .posts-subscribe,
.category.archive .posts-subscribe {
   padding-top: 0;
}

.blog .posts-subscribe .subscribe h3,
.category.archive .posts-subscribe .subscribe h3 {
   width: 68%;
}

@media (max-width: 480px) {
   .blog .posts-subscribe .subscribe h3,
   .category.archive .posts-subscribe .subscribe h3 {
      width: 100%;
   }
}

@media (max-width: 768px) {
   .blog .posts-subscribe .form-group,
   .category.archive .posts-subscribe .form-group {
      flex-wrap: wrap;
      justify-content: center;
   }
   .blog .posts-subscribe .form-group .form-control,
   .category.archive .posts-subscribe .form-group .form-control {
      border-radius: 6px;
   }
   .blog .posts-subscribe .form-group .form-text,
   .category.archive .posts-subscribe .form-group .form-text {
      width: 100%;
      margin-bottom: 10px;
   }
   .blog .posts-subscribe .form-group .form-submit,
   .category.archive .posts-subscribe .form-group .form-submit {
      width: 180px;
   }
}

.portfolios,
.posts {
   padding-bottom: 65px;
}

.portfolios .tab-content > .active,
.posts .tab-content > .active {
   display: flex;
}

.portfolios .nav-tabs,
.posts .nav-tabs {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #d2d2d2;
}

@media (max-width: 768px) {
   .portfolios .nav-tabs,
   .posts .nav-tabs {
      justify-content: flex-start;
   }
}

.portfolios .nav-item,
.posts .nav-item {
   margin-bottom: 0;
}

.portfolios .nav-item:last-child .nav-link,
.posts .nav-item:last-child .nav-link {
   padding: 0 0 30px;
}

.portfolios .nav-link,
.posts .nav-link {
   color: #c4c4c4;
   font-size: 18px;
   font-weight: 400;
   border: 0;
   padding: 0 10px 30px 0;
   background: transparent;
}

.portfolios .nav-link:hover,
.posts .nav-link:hover {
   color: #30b85e;
}

.portfolios .nav-link.active,
.posts .nav-link.active {
   color: #000;
   font-weight: 900;
   border: 0;
}

.portfolios .nav-link.active:hover,
.posts .nav-link.active:hover {
   color: #30b85e;
}

.portfolios .tab-content,
.posts .tab-content {
   padding-top: 60px;
}

@media (max-width: 480px) {
   .portfolios .tab-content,
   .posts .tab-content {
      padding-top: 30px;
   }
}

.portfolio-card,
.post-card {
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.portfolio-card-wrap,
.post-card-wrap {
   margin-bottom: 60px;
}

.portfolio-card .image-wrap,
.post-card .image-wrap {
   width: 100%;
   height: 190px;
   background: #fafafa;
   border: 1px solid #e5e5e5;
}

.portfolio-card .image-wrap img,
.post-card .image-wrap img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.portfolio-card .categories,
.post-card .categories {
   color: #c4c4c4;
   font-size: 10px;
   text-transform: uppercase;
   padding: 6px 10px;
   border: 1px solid #c4c4c4;
   margin: 20px 0;
}

.portfolio-card .categories a,
.post-card .categories a {
   color: inherit;
   position: relative;
   z-index: 1;
}

.portfolio-card .categories a:hover,
.post-card .categories a:hover {
   color: inherit;
}

.portfolio-card h4,
.post-card h4 {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 10px;
}

.portfolio-card .excerpt,
.post-card .excerpt {
   margin-bottom: 20px;
}

.portfolio-card-footer,
.post-card-footer {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #828282;
   font-size: 14px;
   margin-top: auto;
   padding-top: 20px;
   border-top: 1px solid #ebebeb;
}

.portfolio-card-footer .time,
.post-card-footer .time {
   position: relative;
   padding-left: 32px;
}

.portfolio-card-footer .time:before,
.post-card-footer .time:before {
   content: url(images/clock.svg);
   width: 22px;
   height: 22px;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.portfolio-card-link,
.post-card-link {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.single-thumb img {
   width: 100%;
}

#primary.single-post {
   padding-top: 0;
}

.single-post-banner {
   width: 100%;
   height: 500px;
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   margin-bottom: 50px;
}

.single-post-title {
   margin-top: 50px;
   margin-bottom: 70px;
}

.single-post-title h1 {
   font-size: 34px;
   margin-bottom: 0;
}

.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
   color: #212121;
   font-size: 24px;
   padding-top: 20px;
   margin-bottom: 30px;
}

.single-post-content h1,
.single-post-content h2,
.single-post-content h3 {
   font-family: Proxima Nova Bold;
}

.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
   font-family: Museo Sans Cyrl;
}

.single-post-content p {
   color: #212121;
   font-size: 17px;
   line-height: 24px;
   margin: 0 0 30px;
   text-align: justify;
}

.single-post-content a {
   color: #30b85e;
}

.single-post-content a:hover {
   color: #248a47;
}

.single-post-content ul {
   padding-left: 0;
   margin-bottom: 30px;
}

.single-post-content ul li {
   display: block;
   position: relative;
   color: #455a64;
   font-size: 17px;
   padding-left: 30px;
   margin-bottom: 10px;
}

.single-post-content ul li:before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 6px;
   height: 6px;
   background: #30b85e;
   border-radius: 50%;
}

.single-post-content .wp-block-gallery ul li {
   padding-left: 0;
}

.single-post-content .wp-block-gallery ul li:before {
   display: none;
}

.single-post-content .wp-block-image {
   margin-bottom: 50px;
}

.single-post-content .wp-block-image figure {
   margin: 0;
}

.single-post-content .wp-block-image img {
   -o-object-fit: contain;
   object-fit: contain;
}

.single-post-subscribe {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   padding: 30px 15px;
   border: 1px solid #30a947;
   border-radius: 5px;
}

.single-post-subscribe img {
   margin-bottom: 25px;
}

.single-post-subscribe h3 {
   margin-bottom: 20px;
}

.single-post-subscribe p {
   margin-bottom: 30px;
}

.single-post-subscribe .form-group {
   flex-direction: column;
   margin-bottom: 0;
}

.single-post-subscribe .form-control {
   height: 50px;
   border-radius: 6px;
}

.single-post-subscribe .form-text {
   border: 1px solid #c4c4c4;
   color: #c4c4c4;
   font-size: 16px;
   padding: 14px 20px;
   margin-bottom: 10px;
}

.single-post-subscribe .mc4wp-form {
   width: 100%;
}

.single-post-subscribe .form-submit {
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   background: #30b85e;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

.single-post-subscribe .form-submit:focus,
.single-post-subscribe .form-submit:hover {
   background: #248a47;
   border: 1px solid #248a47;
}

.lets-talk .textwidget {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   border: 1px solid #30a947;
   border-radius: 4px;
   padding: 50px 15px;
   margin-top: 50px;
   background: #f2fbf4;
}

@media (max-width: 767px) {
   .lets-talk .textwidget {
      margin-top: 30px;
   }
}

.lets-talk .textwidget:before {
   position: absolute;
   content: url(images/lets-talk-left.png);
   left: 0;
   bottom: -7px;
}

@media (max-width: 767px) {
   .lets-talk .textwidget:before {
      display: none;
   }
}

.lets-talk .textwidget:after {
   position: absolute;
   content: url(images/lets-talk-right.png);
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}

@media (max-width: 767px) {
   .lets-talk .textwidget:after {
      display: none;
   }
}

.lets-talk .textwidget h3 {
   font-family: Proxima Nova Bold;
   color: #000;
   font-size: 18px;
   text-align: center;
   margin-bottom: 15px;
   max-width: 390px;
}

.lets-talk .textwidget p {
   color: #455a64;
   font-size: 14px;
   text-align: center;
   margin-bottom: 30px;
}

.contact {
   padding-bottom: 105px;
}

@media (max-width: 767px) {
   .contact-header {
      padding-bottom: 20px;
   }
}

.contact-header .title:before {
   display: none;
}

.contact-header .subtitle {
   max-width: 75%;
}

@media (max-width: 767px) {
   .contact-header .subtitle {
      max-width: none;
   }
}

.contact-header .subtitle:after {
   display: none;
}

.contact-form-bg {
   position: relative;
}

@media (max-width: 767px) {
   .contact-form-bg {
      display: none;
   }
}

.contact-form-bg .text-bg {
   position: absolute;
   top: -10px;
   right: 28px;
   width: 51vw;
   font-family: Volkhov, serif;
   color: #f7f7f7;
   font-size: 142px;
   word-break: break-all;
   line-height: 1;
   font-weight: 700;
   text-align: right;
   text-transform: uppercase;
}

.page-template-page-about .inner-header,
.page-template-page-about header {
   background-color: #fafafa;
}

.about-us {
   padding-top: 166px;
}

@media (max-width: 991px) {
   .about-us {
      padding-top: 90px;
   }
}

.about-us-header {
   padding-bottom: 60px;
}

.about-us-header .section-title {
   margin-bottom: 0;
}

.about-us-header.orbit-wrap {
   min-height: 325px;
}

.about-us-header .orbit-item {
   z-index: 1;
}

.about-us-header .container {
   position: relative;
   z-index: 1;
}

.about-us-header .title:before {
   display: none;
}

.about-us .text-wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

@media (max-width: 991px) {
   .about-us .text-wrap {
      margin-bottom: 50px;
   }
}

.about-us .text-wrap h3 {
   margin-bottom: 30px;
}

.about-us .image-wrap {
   display: flex;
   justify-content: center;
   align-items: center;
}

.our-team {
   padding-top: 130px;
   padding-bottom: 110px;
}

@media (max-width: 991px) {
   .our-team {
      padding-top: 90px;
      padding-bottom: 75px;
   }
}

.our-team-member {
   position: relative;
   margin-bottom: 15px;
}

.our-team-member-head img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.our-team-member-body {
   position: relative;
   width: 90%;
   top: -35px;
   left: 50%;
   transform: translateX(-50%);
   padding: 15px;
   background: #fff;
   border: 1px solid #66bb6a;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.our-team-member-body h4 {
   color: #000;
   font-size: 18px;
   margin-bottom: 0;
}

.our-team-member-body p {
   color: #000;
}

.page-template-page-career .inner-header .section-title {
   margin-bottom: 0;
}

.career-header .title:before {
   display: none;
}

.career-header .subtitle {
   max-width: 650px;
}

.career-header .subtitle:after {
   display: none;
}

.career-form-wrap {
   padding-bottom: 125px;
   border-top: 1px solid #e5e5e5;
}

@media (max-width: 991px) {
   .career-form-wrap {
      padding-bottom: 90px;
   }
}

.career-form-wrap .section-title.column .title {
   margin-bottom: 55px;
}

.why-we {
   background: #fafafa;
   margin-top: 125px;
   padding-bottom: 125px;
}

@media (max-width: 991px) {
   .why-we {
      margin-top: 90px;
      padding-top: 90px;
      padding-bottom: 90px;
   }
}

.why-we .container {
   max-width: 930px;
}

.why-we-gallery {
   width: 100%;
   display: flex;
   min-height: 600px;
   margin-bottom: 70px;
}

@media (max-width: 480px) {
   .why-we-gallery {
      max-width: calc(100% - 20px);
      margin-left: 10px;
      margin-right: 10px;
   }
}

.why-we-gallery-item {
   background-color: #30b85e;
   background-position: 50%;
   background-size: cover;
   transition: flex 0.7s;
   flex: 1;
}

.why-we-gallery-item:hover {
   flex: 5;
}

@media (max-width: 768px) {
   .vacancies {
      padding-bottom: 60px;
   }
}

.vacancy {
   padding: 40px 30px;
   border: 1px solid #66bb6a;
   border-radius: 6px;
}

.vacancy-wrap {
   margin-bottom: 30px;
}

.vacancy h3 {
   margin-bottom: 20px;
}

.vacancy-place {
   position: relative;
   padding-left: 30px;
}

.vacancy-place:before {
   font-family: FontAwesome;
   content: "\f041";
   color: #66bb6a;
   font-size: 20px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
}

.vacancy-head {
   padding-bottom: 25px;
   border-bottom: 1px solid #ebebeb;
}

.vacancy-body {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 25px;
}

.vacancy-body a {
   position: relative;
   color: #66bb6a;
   font-size: 16px;
   font-weight: 600;
   padding-right: 15px;
}

.vacancy-body a:after {
   content: "\f101";
   font-family: FontAwesome;
   color: #66bb6a;
   font-weight: 400;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
}

.vacancy-body a:hover {
   color: green;
}

.vacancy-body a:hover:after {
   color: #30b85e;
}

.vacancy-category {
   color: #455a64;
   font-size: 14px;
   text-transform: uppercase;
}

.stay-connected {
   padding-top: 0;
   padding-bottom: 125px;
}

@media (max-width: 991px) {
   .stay-connected {
      padding-bottom: 30px;
   }
}

.stay-connected .section-title.centered .subtitle {
   margin-top: 40px;
}

.stay-connected .socials ul {
   display: flex;
   justify-content: center;
}

.stay-connected .socials ul li {
   margin: 0 30px;
}

.stay-connected .socials ul li a {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100px;
   height: 100px;
   font-size: 28px;
   border: 1px solid #66bb6a;
   border-radius: 2px;
}

.stay-connected .socials ul li a:hover {
   border: 1px solid #212121;
   background: #fafafa;
}

.stay-connected .socials ul li a .fa-instagram {
   background: linear-gradient(180deg, #9152c5, #d12c9b 38.02%, #e85a59 72.92%, #f4ae70);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
}

.stay-connected .socials ul li a .fa-linkedin {
   color: #007db3;
}

.stay-connected .socials ul li a .fa-facebook {
   color: #5476be;
   color: #1da1f3;
}

@media (max-width: 768px) {
   .stay-connected .socials ul {
      flex-wrap: wrap;
   }
   .stay-connected .socials ul li {
      margin: 0 30px 60px;
      margin: 0 20px 60px;
   }
}

.single-vacancy {
   padding-bottom: 125px;
}

@media (max-width: 991px) {
   .single-vacancy {
      padding-bottom: 90px;
   }
}

@media (max-width: 768px) {
   .single-vacancy-title {
      padding-bottom: 60px;
   }
}

.single-vacancy-title .title {
   position: relative;
   margin-bottom: 35px;
}

.single-vacancy-title .title:before {
   content: "";
   width: 55%;
   height: 12px;
   opacity: 0.4;
   position: absolute;
   left: -12px;
   top: 40px;
   background: #66bb6a;
   z-index: -1;
}

@media (max-width: 768px) {
   .single-vacancy-title .title:before {
      top: 30px;
   }
}

.single-vacancy-title .vacancy-place {
   margin-bottom: 50px;
}

@media (max-width: 768px) {
   .single-vacancy-title .btn {
      width: 210px;
   }
}

.single-vacancy-content h1,
.single-vacancy-content h2,
.single-vacancy-content h3,
.single-vacancy-content h4,
.single-vacancy-content h5,
.single-vacancy-content h6 {
   margin-bottom: 30px;
}

.single-vacancy-content ul li:before {
   content: "";
   width: 10px;
   height: 10px;
   border: 3px solid #30b85e;
   border-radius: 50%;
   top: 8px;
   transform: none;
}

body.single-vacancy {
   padding-bottom: 358px;
}

.page-content {
   padding-top: 0;
   padding-bottom: 125px;
}

@media (max-width: 991px) {
   .page-content {
      padding-top: 90px;
      padding-bottom: 90px;
   }
}

.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
   font-family: Proxima Nova Bold;
   color: #212121;
   font-size: 24px;
   padding-top: 20px;
   margin-bottom: 30px;
}

.page-content p {
   margin: 0 0 30px;
}

.page-content ul {
   padding-left: 0;
   margin-bottom: 30px;
}

.page-content ul li {
   display: block;
   position: relative;
   color: #455a64;
   font-size: 16px;
   padding-left: 30px;
}

.page-content .wp-block-group {
   display: flex;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
}

.page-content .wp-block-group.block-blue-bg .wp-block-group__inner-container {
   position: relative;
   z-index: 1;
}

.page-content .wp-block-group__inner-container {
   width: 100%;
   max-width: 1120px;
   margin-left: auto;
   margin-right: auto;
}

@media (max-width: 599px) {
   .page-content .wp-block-group__inner-container {
      padding-left: 15px;
      padding-right: 15px;
   }
}

.page-content .wp-block-group__inner-container.full-width {
   max-width: 100%;
}

.page-content .wp-block-columns {
   margin-bottom: 0;
}

.page-content .centered {
   display: flex;
   justify-content: center;
}

.page-content .wp-block-image img {
   width: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   height: auto;
}

.page-content .block-btn-green a {
   color: #fff;
   font-size: 16px;
   font-weight: 900;
   background: #30b85e;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

.page-content .block-btn-green a:focus,
.page-content .block-btn-green a:hover {
   background: #248a47;
   border: 1px solid #248a47;
}

.page-content .block-title {
   margin-bottom: 60px;
}

@media (max-width: 599px) {
   .page-content .block-title .wp-block-column {
      margin-bottom: 0;
   }
}

.page-content .block-title p {
   position: relative;
}

.page-content .block-title p:after {
   position: absolute;
   content: "";
   right: 0;
   top: -10px;
   width: 200px;
   height: 1px;
   background: #30b85e;
}

.page-content .block-title-column {
   margin-bottom: 0;
}

@media (max-width: 599px) {
   .page-content .block-title-column {
      margin-bottom: 50px;
   }
}

.page-content .block-title-column h2 {
   margin-bottom: 40px;
}

.page-content .block-title-column p:after {
   right: auto;
   left: 0;
}

@media (max-width: 767px) {
   .page-content .block-title-wide h2 {
      margin-bottom: 40px;
   }
   .page-content .block-title-wide p {
      text-align: left;
   }
   .page-content .block-title-wide p:after {
      right: auto;
      left: 0;
   }
}

.page-content h3 {
   margin-bottom: 0;
}

.page-id-7618 .page-content {
   padding-top: 0;
   padding-bottom: 0;
}

.page-id-7618 .page-content ul {
   margin-bottom: 20px;
}

.page-id-7618 .page-content .wp-block-group {
   padding-top: 125px;
}

@media (max-width: 991px) {
   .page-id-7618 .page-content .wp-block-group {
      padding-top: 90px;
   }
}

@media (max-width: 599px) {
   .page-id-7618 .page-content .block-blue-bg .wp-block-column {
      margin-bottom: 0;
   }
   .page-id-7618 .page-content .block-blue-bg .block-title-column {
      margin-bottom: 50px;
   }
}

.page-id-7618 .page-content h2 {
   font-size: 34px;
   padding-top: 0;
   margin-bottom: 0;
}

.page-id-7618 .page-content h3 {
   padding-top: 0;
   margin-bottom: 0;
}

.page-id-7618 .page-content .block-title-column h2,
.page-id-7618 .page-content .block-title-wide h2 {
   margin-bottom: 40px;
}

.page-id-7618 .page-content p {
   margin: 0;
}

.page-id-7618 .page-content .decorated-orange {
   font-size: 20px;
   padding-top: 0;
   margin-bottom: 10px;
}

.privacy-policy-content {
   padding-bottom: 125px;
}

.privacy-policy-content main h3,
.privacy-policy-content main p {
   margin-bottom: 30px;
}

.privacy-policy-content main ol {
   margin-bottom: 30px;
   -webkit-padding-start: 100px;
   padding-inline-start: 100px;
}

.privacy-policy-content main ol li {
   margin-bottom: 20px;
}

.privacy-policy-content main ol li:last-child {
   margin-bottom: 0;
}

.privacy-policy-navbar {
   padding: 40px 30px;
   background: #fafafa;
}

@media (max-width: 991px) {
   .privacy-policy-navbar {
      margin-bottom: 90px;
   }
}

.privacy-policy-navbar li {
   margin-bottom: 30px;
}

.privacy-policy-navbar li a {
   color: #212121;
   font-size: 16px;
   text-decoration: underline;
}

.privacy-policy-navbar li a:hover {
   text-decoration: none;
}

.circles {
   z-index: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   padding: 0;
   margin: 0;
   pointer-events: none;
}

@-webkit-keyframes randomFlight {
   0% {
      background: #30b85e;
      opacity: 0;
   }
   25% {
      opacity: 0.3;
      background: #fbc02d;
   }
   50% {
      opacity: 1;
      background: #30b85e;
   }
   75% {
      opacity: 0.3;
      background: #fbc02d;
   }
   to {
      bottom: 95%;
      background: #30b85e;
      opacity: 0;
   }
}

@keyframes randomFlight {
   0% {
      background: #30b85e;
      opacity: 0;
   }
   25% {
      opacity: 0.3;
      background: #fbc02d;
   }
   50% {
      opacity: 1;
      background: #30b85e;
   }
   75% {
      opacity: 0.3;
      background: #fbc02d;
   }
   to {
      bottom: 95%;
      background: #30b85e;
      opacity: 0;
   }
}

.type {
   will-change: transform;
   transform: translateZ(0);
}

.type-1 {
   left: 53%;
   bottom: 17%;
   -webkit-animation-name: randomFlight;
   animation-name: randomFlight;
   -webkit-animation-duration: 13s;
   animation-duration: 13s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   z-index: -1;
}

.type-2 {
   left: 52%;
}

.type-2,
.type-3 {
   bottom: 17%;
   -webkit-animation-name: randomFlight;
   animation-name: randomFlight;
   -webkit-animation-duration: 11s;
   animation-duration: 11s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   z-index: -1;
}

.type-3 {
   left: 53%;
}

.type-4 {
   left: 26%;
   -webkit-animation-duration: 11s;
   animation-duration: 11s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.type-4,
.type-5 {
   bottom: 11%;
   -webkit-animation-name: randomFlight;
   animation-name: randomFlight;
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   z-index: -1;
}

.type-5 {
   left: 1%;
   -webkit-animation-duration: 15s;
   animation-duration: 15s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.type-6 {
   left: 39%;
   -webkit-animation-duration: 11s;
   animation-duration: 11s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.type-6,
.type-7 {
   bottom: 16%;
   -webkit-animation-name: randomFlight;
   animation-name: randomFlight;
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   z-index: -1;
}

.type-7 {
   left: 45%;
   -webkit-animation-duration: 13s;
   animation-duration: 13s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.type-8 {
   left: 49%;
   bottom: 12%;
   -webkit-animation-duration: 12s;
   animation-duration: 12s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.type-8,
.type-9 {
   -webkit-animation-name: randomFlight;
   animation-name: randomFlight;
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   z-index: -1;
}

.type-9 {
   left: 51%;
   bottom: 16%;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.type-9,
.type-10 {
   -webkit-animation-duration: 15s;
   animation-duration: 15s;
}

.type-10 {
   left: 58%;
   bottom: 14%;
   -webkit-animation-name: randomFlight;
   animation-name: randomFlight;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   z-index: -1;
}

.type:nth-child(3n + 1) {
   width: 20px;
   height: 20px;
}

.type:nth-child(4n + 1) {
   width: 10px;
   height: 10px;
}

.orbit-wrap {
   position: relative;
   min-height: 285px;
}

@media (max-width: 767px) {
   .orbit-wrap {
      overflow: hidden;
   }
}

.orbit-item {
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 285px;
   height: 285px;
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   opacity: 0;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
   top: 20px;
   left: 60%;
   transform: translateX(-60%) translateZ(0);
   z-index: -1;
}

@media (max-width: 767px) {
   .orbit-item {
      left: 50%;
      transform: translateX(-50%) translateZ(0);
   }
}

.orbit-wrap .circle-green {
   -webkit-animation: scaleInYellow 4s ease;
   animation: scaleInYellow 4s ease;
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
}

.orbit-wrap .circle-green,
.orbit-wrap .circle-green-static {
   border-radius: 50%;
   width: 225px;
   height: 225px;
   background: #e0f1e1;
   position: absolute;
}

.orbit-wrap .circle-green-static {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   -webkit-animation-delay: 4s;
   animation-delay: 4s;
   opacity: 0;
}

@-webkit-keyframes scaleInYellow {
   0% {
      transform: scale(0);
      opacity: 0.3;
   }
   50% {
      opacity: 1;
   }
   to {
      transform: scale(1);
      opacity: 1;
   }
}

@keyframes scaleInYellow {
   0% {
      transform: scale(0);
      opacity: 0.3;
   }
   50% {
      opacity: 1;
   }
   to {
      transform: scale(1);
      opacity: 1;
   }
}

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

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

.orbit-wrap .circle-grey {
   border-radius: 50%;
   width: 100%;
   height: 100%;
   position: absolute;
   -webkit-animation: spinRight linear infinite;
   animation: spinRight linear infinite;
   -webkit-animation-iteration-count: 3600;
   animation-iteration-count: 3600;
   will-change: transform;
}

.orbit-wrap .circle-grey-1 {
   border: 1px solid rgba(0, 0, 0, 0.1);
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
   -webkit-animation-duration: 20s;
   animation-duration: 20s;
}

.orbit-wrap .circle-grey-2 {
   -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
   -webkit-animation-duration: 15s;
   animation-duration: 15s;
}

.orbit-wrap .circle-grey-3 {
   -webkit-animation-delay: 1.5s;
   animation-delay: 1.5s;
   -webkit-animation-duration: 25s;
   animation-duration: 25s;
}

.orbit-wrap .circle-grey-4 {
   -webkit-animation-delay: 2.5s;
   animation-delay: 2.5s;
   -webkit-animation-duration: 12s;
   animation-duration: 12s;
}

.orbit-wrap .circle-grey-5 {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
   -webkit-animation-duration: 18s;
   animation-duration: 18s;
}

.orbit-wrap .circle-grey-6 {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
   -webkit-animation-duration: 22s;
   animation-duration: 22s;
}

.orbit-wrap .circle-grey .orbit {
   position: absolute;
   z-index: 6;
}

.orbit-wrap .circle-grey .orbit-green {
   top: 57px;
   left: 17px;
   height: 13px;
   width: 13px;
   border-radius: 100%;
   background-color: #66bb6a;
}

.orbit-wrap .circle-grey .orbit-green-4 {
   top: 70px;
   right: 17px;
   height: 4px;
   width: 4px;
   border-radius: 100%;
   background-color: #66bb6a;
}

.orbit-wrap .circle-grey .orbit-green-5 {
   bottom: 69px;
   left: 17px;
   height: 5px;
   width: 5px;
   border-radius: 100%;
   background-color: #66bb6a;
}

.orbit-wrap .circle-grey .orbit-yellow-10 {
   bottom: 63px;
   right: 17px;
   height: 10px;
   width: 10px;
   border-radius: 100%;
   background-color: #febc02;
}

.orbit-wrap .circle-grey .orbit-yellow-6 {
   top: 68px;
   left: 17px;
   height: 6px;
   width: 6px;
   border-radius: 100%;
   background-color: #febc02;
}

.orbit-wrap .circle-grey .orbit-yellow-7 {
   top: 67px;
   right: 17px;
   height: 7px;
   width: 7px;
   border-radius: 100%;
   background-color: #febc02;
}

@-webkit-keyframes spinRight {
   to {
      transform: rotate(1turn) translateZ(0);
      opacity: 1;
   }
}

@keyframes spinRight {
   to {
      transform: rotate(1turn) translateZ(0);
      opacity: 1;
   }
}

#scroller-wrapper-1 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-1 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-1 .after-1,
#scroller-wrapper-1 .before-1 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-1 .after-1 {
   width: 125px;
}

#scroller-wrapper-1 .scroller-1 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-1 .scroller-1:hover {
   opacity: 1;
}

#scroller-wrapper-1 .scrolling-1 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-1 .scroller__thumb-1 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-1 .scroller-1:after,
#scroller-wrapper-1 .scroller-1:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-1 .scroller-1:before {
   top: 100%;
}

#scroller-wrapper-1 .scroller-1:after {
   bottom: 100%;
}

#scroller-wrapper-1 .scroller-1 {
   border: 5px solid #fff;
}

#scroller-wrapper-1 .scroller-1:after,
#scroller-wrapper-1 .scroller-1:before {
   background: #fff;
}

#scroller-wrapper-1 img {
   max-width: unset;
}

#scroller-wrapper-2 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-2 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-2 .after-2,
#scroller-wrapper-2 .before-2 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-2 .after-2 {
   width: 125px;
}

#scroller-wrapper-2 .scroller-2 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-2 .scroller-2:hover {
   opacity: 1;
}

#scroller-wrapper-2 .scrolling-2 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-2 .scroller__thumb-2 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-2 .scroller-2:after,
#scroller-wrapper-2 .scroller-2:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-2 .scroller-2:before {
   top: 100%;
}

#scroller-wrapper-2 .scroller-2:after {
   bottom: 100%;
}

#scroller-wrapper-2 .scroller-2 {
   border: 5px solid #fff;
}

#scroller-wrapper-2 .scroller-2:after,
#scroller-wrapper-2 .scroller-2:before {
   background: #fff;
}

#scroller-wrapper-2 img {
   max-width: unset;
}

#scroller-wrapper-3 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-3 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-3 .after-3,
#scroller-wrapper-3 .before-3 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-3 .after-3 {
   width: 125px;
}

#scroller-wrapper-3 .scroller-3 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-3 .scroller-3:hover {
   opacity: 1;
}

#scroller-wrapper-3 .scrolling-3 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-3 .scroller__thumb-3 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-3 .scroller-3:after,
#scroller-wrapper-3 .scroller-3:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-3 .scroller-3:before {
   top: 100%;
}

#scroller-wrapper-3 .scroller-3:after {
   bottom: 100%;
}

#scroller-wrapper-3 .scroller-3 {
   border: 5px solid #fff;
}

#scroller-wrapper-3 .scroller-3:after,
#scroller-wrapper-3 .scroller-3:before {
   background: #fff;
}

#scroller-wrapper-3 img {
   max-width: unset;
}

#scroller-wrapper-4 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-4 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-4 .after-4,
#scroller-wrapper-4 .before-4 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-4 .after-4 {
   width: 125px;
}

#scroller-wrapper-4 .scroller-4 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-4 .scroller-4:hover {
   opacity: 1;
}

#scroller-wrapper-4 .scrolling-4 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-4 .scroller__thumb-4 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-4 .scroller-4:after,
#scroller-wrapper-4 .scroller-4:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-4 .scroller-4:before {
   top: 100%;
}

#scroller-wrapper-4 .scroller-4:after {
   bottom: 100%;
}

#scroller-wrapper-4 .scroller-4 {
   border: 5px solid #fff;
}

#scroller-wrapper-4 .scroller-4:after,
#scroller-wrapper-4 .scroller-4:before {
   background: #fff;
}

#scroller-wrapper-4 img {
   max-width: unset;
}

#scroller-wrapper-5 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-5 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-5 .after-5,
#scroller-wrapper-5 .before-5 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-5 .after-5 {
   width: 125px;
}

#scroller-wrapper-5 .scroller-5 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-5 .scroller-5:hover {
   opacity: 1;
}

#scroller-wrapper-5 .scrolling-5 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-5 .scroller__thumb-5 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-5 .scroller-5:after,
#scroller-wrapper-5 .scroller-5:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-5 .scroller-5:before {
   top: 100%;
}

#scroller-wrapper-5 .scroller-5:after {
   bottom: 100%;
}

#scroller-wrapper-5 .scroller-5 {
   border: 5px solid #fff;
}

#scroller-wrapper-5 .scroller-5:after,
#scroller-wrapper-5 .scroller-5:before {
   background: #fff;
}

#scroller-wrapper-5 img {
   max-width: unset;
}

#scroller-wrapper-6 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-6 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-6 .after-6,
#scroller-wrapper-6 .before-6 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-6 .after-6 {
   width: 125px;
}

#scroller-wrapper-6 .scroller-6 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-6 .scroller-6:hover {
   opacity: 1;
}

#scroller-wrapper-6 .scrolling-6 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-6 .scroller__thumb-6 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-6 .scroller-6:after,
#scroller-wrapper-6 .scroller-6:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-6 .scroller-6:before {
   top: 100%;
}

#scroller-wrapper-6 .scroller-6:after {
   bottom: 100%;
}

#scroller-wrapper-6 .scroller-6 {
   border: 5px solid #fff;
}

#scroller-wrapper-6 .scroller-6:after,
#scroller-wrapper-6 .scroller-6:before {
   background: #fff;
}

#scroller-wrapper-6 img {
   max-width: unset;
}

#scroller-wrapper-7 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-7 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-7 .after-7,
#scroller-wrapper-7 .before-7 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-7 .after-7 {
   width: 125px;
}

#scroller-wrapper-7 .scroller-7 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-7 .scroller-7:hover {
   opacity: 1;
}

#scroller-wrapper-7 .scrolling-7 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-7 .scroller__thumb-7 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-7 .scroller-7:after,
#scroller-wrapper-7 .scroller-7:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-7 .scroller-7:before {
   top: 100%;
}

#scroller-wrapper-7 .scroller-7:after {
   bottom: 100%;
}

#scroller-wrapper-7 .scroller-7 {
   border: 5px solid #fff;
}

#scroller-wrapper-7 .scroller-7:after,
#scroller-wrapper-7 .scroller-7:before {
   background: #fff;
}

#scroller-wrapper-7 img {
   max-width: unset;
}

#scroller-wrapper-8 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-8 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-8 .after-8,
#scroller-wrapper-8 .before-8 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-8 .after-8 {
   width: 125px;
}

#scroller-wrapper-8 .scroller-8 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-8 .scroller-8:hover {
   opacity: 1;
}

#scroller-wrapper-8 .scrolling-8 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-8 .scroller__thumb-8 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-8 .scroller-8:after,
#scroller-wrapper-8 .scroller-8:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-8 .scroller-8:before {
   top: 100%;
}

#scroller-wrapper-8 .scroller-8:after {
   bottom: 100%;
}

#scroller-wrapper-8 .scroller-8 {
   border: 5px solid #fff;
}

#scroller-wrapper-8 .scroller-8:after,
#scroller-wrapper-8 .scroller-8:before {
   background: #fff;
}

#scroller-wrapper-8 img {
   max-width: unset;
}

#scroller-wrapper-9 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-9 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-9 .after-9,
#scroller-wrapper-9 .before-9 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-9 .after-9 {
   width: 125px;
}

#scroller-wrapper-9 .scroller-9 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-9 .scroller-9:hover {
   opacity: 1;
}

#scroller-wrapper-9 .scrolling-9 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-9 .scroller__thumb-9 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-9 .scroller-9:after,
#scroller-wrapper-9 .scroller-9:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-9 .scroller-9:before {
   top: 100%;
}

#scroller-wrapper-9 .scroller-9:after {
   bottom: 100%;
}

#scroller-wrapper-9 .scroller-9 {
   border: 5px solid #fff;
}

#scroller-wrapper-9 .scroller-9:after,
#scroller-wrapper-9 .scroller-9:before {
   background: #fff;
}

#scroller-wrapper-9 img {
   max-width: unset;
}

#scroller-wrapper-10 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-10 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-10 .after-10,
#scroller-wrapper-10 .before-10 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-10 .after-10 {
   width: 125px;
}

#scroller-wrapper-10 .scroller-10 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-10 .scroller-10:hover {
   opacity: 1;
}

#scroller-wrapper-10 .scrolling-10 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-10 .scroller__thumb-10 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-10 .scroller-10:after,
#scroller-wrapper-10 .scroller-10:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-10 .scroller-10:before {
   top: 100%;
}

#scroller-wrapper-10 .scroller-10:after {
   bottom: 100%;
}

#scroller-wrapper-10 .scroller-10 {
   border: 5px solid #fff;
}

#scroller-wrapper-10 .scroller-10:after,
#scroller-wrapper-10 .scroller-10:before {
   background: #fff;
}

#scroller-wrapper-10 img {
   max-width: unset;
}

#scroller-wrapper-11 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-11 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-11 .after-11,
#scroller-wrapper-11 .before-11 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-11 .after-11 {
   width: 125px;
}

#scroller-wrapper-11 .scroller-11 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-11 .scroller-11:hover {
   opacity: 1;
}

#scroller-wrapper-11 .scrolling-11 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-11 .scroller__thumb-11 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-11 .scroller-11:after,
#scroller-wrapper-11 .scroller-11:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-11 .scroller-11:before {
   top: 100%;
}

#scroller-wrapper-11 .scroller-11:after {
   bottom: 100%;
}

#scroller-wrapper-11 .scroller-11 {
   border: 5px solid #fff;
}

#scroller-wrapper-11 .scroller-11:after,
#scroller-wrapper-11 .scroller-11:before {
   background: #fff;
}

#scroller-wrapper-11 img {
   max-width: unset;
}

#scroller-wrapper-12 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-12 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-12 .after-12,
#scroller-wrapper-12 .before-12 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-12 .after-12 {
   width: 125px;
}

#scroller-wrapper-12 .scroller-12 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-12 .scroller-12:hover {
   opacity: 1;
}

#scroller-wrapper-12 .scrolling-12 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-12 .scroller__thumb-12 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-12 .scroller-12:after,
#scroller-wrapper-12 .scroller-12:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-12 .scroller-12:before {
   top: 100%;
}

#scroller-wrapper-12 .scroller-12:after {
   bottom: 100%;
}

#scroller-wrapper-12 .scroller-12 {
   border: 5px solid #fff;
}

#scroller-wrapper-12 .scroller-12:after,
#scroller-wrapper-12 .scroller-12:before {
   background: #fff;
}

#scroller-wrapper-12 img {
   max-width: unset;
}

#scroller-wrapper-13 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-13 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-13 .after-13,
#scroller-wrapper-13 .before-13 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-13 .after-13 {
   width: 125px;
}

#scroller-wrapper-13 .scroller-13 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-13 .scroller-13:hover {
   opacity: 1;
}

#scroller-wrapper-13 .scrolling-13 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-13 .scroller__thumb-13 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-13 .scroller-13:after,
#scroller-wrapper-13 .scroller-13:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-13 .scroller-13:before {
   top: 100%;
}

#scroller-wrapper-13 .scroller-13:after {
   bottom: 100%;
}

#scroller-wrapper-13 .scroller-13 {
   border: 5px solid #fff;
}

#scroller-wrapper-13 .scroller-13:after,
#scroller-wrapper-13 .scroller-13:before {
   background: #fff;
}

#scroller-wrapper-13 img {
   max-width: unset;
}

#scroller-wrapper-14 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-14 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-14 .after-14,
#scroller-wrapper-14 .before-14 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-14 .after-14 {
   width: 125px;
}

#scroller-wrapper-14 .scroller-14 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-14 .scroller-14:hover {
   opacity: 1;
}

#scroller-wrapper-14 .scrolling-14 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-14 .scroller__thumb-14 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-14 .scroller-14:after,
#scroller-wrapper-14 .scroller-14:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-14 .scroller-14:before {
   top: 100%;
}

#scroller-wrapper-14 .scroller-14:after {
   bottom: 100%;
}

#scroller-wrapper-14 .scroller-14 {
   border: 5px solid #fff;
}

#scroller-wrapper-14 .scroller-14:after,
#scroller-wrapper-14 .scroller-14:before {
   background: #fff;
}

#scroller-wrapper-14 img {
   max-width: unset;
}

#scroller-wrapper-15 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-15 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-15 .after-15,
#scroller-wrapper-15 .before-15 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-15 .after-15 {
   width: 125px;
}

#scroller-wrapper-15 .scroller-15 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-15 .scroller-15:hover {
   opacity: 1;
}

#scroller-wrapper-15 .scrolling-15 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-15 .scroller__thumb-15 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-15 .scroller-15:after,
#scroller-wrapper-15 .scroller-15:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-15 .scroller-15:before {
   top: 100%;
}

#scroller-wrapper-15 .scroller-15:after {
   bottom: 100%;
}

#scroller-wrapper-15 .scroller-15 {
   border: 5px solid #fff;
}

#scroller-wrapper-15 .scroller-15:after,
#scroller-wrapper-15 .scroller-15:before {
   background: #fff;
}

#scroller-wrapper-15 img {
   max-width: unset;
}

#scroller-wrapper-16 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-16 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-16 .after-16,
#scroller-wrapper-16 .before-16 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-16 .after-16 {
   width: 125px;
}

#scroller-wrapper-16 .scroller-16 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-16 .scroller-16:hover {
   opacity: 1;
}

#scroller-wrapper-16 .scrolling-16 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-16 .scroller__thumb-16 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-16 .scroller-16:after,
#scroller-wrapper-16 .scroller-16:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-16 .scroller-16:before {
   top: 100%;
}

#scroller-wrapper-16 .scroller-16:after {
   bottom: 100%;
}

#scroller-wrapper-16 .scroller-16 {
   border: 5px solid #fff;
}

#scroller-wrapper-16 .scroller-16:after,
#scroller-wrapper-16 .scroller-16:before {
   background: #fff;
}

#scroller-wrapper-16 img {
   max-width: unset;
}

#scroller-wrapper-17 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-17 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-17 .after-17,
#scroller-wrapper-17 .before-17 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-17 .after-17 {
   width: 125px;
}

#scroller-wrapper-17 .scroller-17 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-17 .scroller-17:hover {
   opacity: 1;
}

#scroller-wrapper-17 .scrolling-17 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-17 .scroller__thumb-17 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-17 .scroller-17:after,
#scroller-wrapper-17 .scroller-17:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-17 .scroller-17:before {
   top: 100%;
}

#scroller-wrapper-17 .scroller-17:after {
   bottom: 100%;
}

#scroller-wrapper-17 .scroller-17 {
   border: 5px solid #fff;
}

#scroller-wrapper-17 .scroller-17:after,
#scroller-wrapper-17 .scroller-17:before {
   background: #fff;
}

#scroller-wrapper-17 img {
   max-width: unset;
}

#scroller-wrapper-18 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-18 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-18 .after-18,
#scroller-wrapper-18 .before-18 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-18 .after-18 {
   width: 125px;
}

#scroller-wrapper-18 .scroller-18 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-18 .scroller-18:hover {
   opacity: 1;
}

#scroller-wrapper-18 .scrolling-18 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-18 .scroller__thumb-18 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-18 .scroller-18:after,
#scroller-wrapper-18 .scroller-18:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-18 .scroller-18:before {
   top: 100%;
}

#scroller-wrapper-18 .scroller-18:after {
   bottom: 100%;
}

#scroller-wrapper-18 .scroller-18 {
   border: 5px solid #fff;
}

#scroller-wrapper-18 .scroller-18:after,
#scroller-wrapper-18 .scroller-18:before {
   background: #fff;
}

#scroller-wrapper-18 img {
   max-width: unset;
}

#scroller-wrapper-19 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-19 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-19 .after-19,
#scroller-wrapper-19 .before-19 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-19 .after-19 {
   width: 125px;
}

#scroller-wrapper-19 .scroller-19 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-19 .scroller-19:hover {
   opacity: 1;
}

#scroller-wrapper-19 .scrolling-19 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-19 .scroller__thumb-19 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-19 .scroller-19:after,
#scroller-wrapper-19 .scroller-19:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-19 .scroller-19:before {
   top: 100%;
}

#scroller-wrapper-19 .scroller-19:after {
   bottom: 100%;
}

#scroller-wrapper-19 .scroller-19 {
   border: 5px solid #fff;
}

#scroller-wrapper-19 .scroller-19:after,
#scroller-wrapper-19 .scroller-19:before {
   background: #fff;
}

#scroller-wrapper-19 img {
   max-width: unset;
}

#scroller-wrapper-20 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-20 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-20 .after-20,
#scroller-wrapper-20 .before-20 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-20 .after-20 {
   width: 125px;
}

#scroller-wrapper-20 .scroller-20 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-20 .scroller-20:hover {
   opacity: 1;
}

#scroller-wrapper-20 .scrolling-20 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-20 .scroller__thumb-20 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-20 .scroller-20:after,
#scroller-wrapper-20 .scroller-20:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-20 .scroller-20:before {
   top: 100%;
}

#scroller-wrapper-20 .scroller-20:after {
   bottom: 100%;
}

#scroller-wrapper-20 .scroller-20 {
   border: 5px solid #fff;
}

#scroller-wrapper-20 .scroller-20:after,
#scroller-wrapper-20 .scroller-20:before {
   background: #fff;
}

#scroller-wrapper-20 img {
   max-width: unset;
}

#scroller-wrapper-21 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-21 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-21 .after-21,
#scroller-wrapper-21 .before-21 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-21 .after-21 {
   width: 125px;
}

#scroller-wrapper-21 .scroller-21 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-21 .scroller-21:hover {
   opacity: 1;
}

#scroller-wrapper-21 .scrolling-21 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-21 .scroller__thumb-21 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-21 .scroller-21:after,
#scroller-wrapper-21 .scroller-21:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-21 .scroller-21:before {
   top: 100%;
}

#scroller-wrapper-21 .scroller-21:after {
   bottom: 100%;
}

#scroller-wrapper-21 .scroller-21 {
   border: 5px solid #fff;
}

#scroller-wrapper-21 .scroller-21:after,
#scroller-wrapper-21 .scroller-21:before {
   background: #fff;
}

#scroller-wrapper-21 img {
   max-width: unset;
}

#scroller-wrapper-22 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-22 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-22 .after-22,
#scroller-wrapper-22 .before-22 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-22 .after-22 {
   width: 125px;
}

#scroller-wrapper-22 .scroller-22 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-22 .scroller-22:hover {
   opacity: 1;
}

#scroller-wrapper-22 .scrolling-22 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-22 .scroller__thumb-22 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-22 .scroller-22:after,
#scroller-wrapper-22 .scroller-22:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-22 .scroller-22:before {
   top: 100%;
}

#scroller-wrapper-22 .scroller-22:after {
   bottom: 100%;
}

#scroller-wrapper-22 .scroller-22 {
   border: 5px solid #fff;
}

#scroller-wrapper-22 .scroller-22:after,
#scroller-wrapper-22 .scroller-22:before {
   background: #fff;
}

#scroller-wrapper-22 img {
   max-width: unset;
}

#scroller-wrapper-23 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-23 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-23 .after-23,
#scroller-wrapper-23 .before-23 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-23 .after-23 {
   width: 125px;
}

#scroller-wrapper-23 .scroller-23 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-23 .scroller-23:hover {
   opacity: 1;
}

#scroller-wrapper-23 .scrolling-23 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-23 .scroller__thumb-23 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-23 .scroller-23:after,
#scroller-wrapper-23 .scroller-23:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-23 .scroller-23:before {
   top: 100%;
}

#scroller-wrapper-23 .scroller-23:after {
   bottom: 100%;
}

#scroller-wrapper-23 .scroller-23 {
   border: 5px solid #fff;
}

#scroller-wrapper-23 .scroller-23:after,
#scroller-wrapper-23 .scroller-23:before {
   background: #fff;
}

#scroller-wrapper-23 img {
   max-width: unset;
}

#scroller-wrapper-24 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-24 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-24 .after-24,
#scroller-wrapper-24 .before-24 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-24 .after-24 {
   width: 125px;
}

#scroller-wrapper-24 .scroller-24 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-24 .scroller-24:hover {
   opacity: 1;
}

#scroller-wrapper-24 .scrolling-24 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-24 .scroller__thumb-24 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-24 .scroller-24:after,
#scroller-wrapper-24 .scroller-24:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-24 .scroller-24:before {
   top: 100%;
}

#scroller-wrapper-24 .scroller-24:after {
   bottom: 100%;
}

#scroller-wrapper-24 .scroller-24 {
   border: 5px solid #fff;
}

#scroller-wrapper-24 .scroller-24:after,
#scroller-wrapper-24 .scroller-24:before {
   background: #fff;
}

#scroller-wrapper-24 img {
   max-width: unset;
}

#scroller-wrapper-25 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-25 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-25 .after-25,
#scroller-wrapper-25 .before-25 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-25 .after-25 {
   width: 125px;
}

#scroller-wrapper-25 .scroller-25 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-25 .scroller-25:hover {
   opacity: 1;
}

#scroller-wrapper-25 .scrolling-25 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-25 .scroller__thumb-25 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-25 .scroller-25:after,
#scroller-wrapper-25 .scroller-25:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-25 .scroller-25:before {
   top: 100%;
}

#scroller-wrapper-25 .scroller-25:after {
   bottom: 100%;
}

#scroller-wrapper-25 .scroller-25 {
   border: 5px solid #fff;
}

#scroller-wrapper-25 .scroller-25:after,
#scroller-wrapper-25 .scroller-25:before {
   background: #fff;
}

#scroller-wrapper-25 img {
   max-width: unset;
}

#scroller-wrapper-26 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-26 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-26 .after-26,
#scroller-wrapper-26 .before-26 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-26 .after-26 {
   width: 125px;
}

#scroller-wrapper-26 .scroller-26 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-26 .scroller-26:hover {
   opacity: 1;
}

#scroller-wrapper-26 .scrolling-26 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-26 .scroller__thumb-26 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-26 .scroller-26:after,
#scroller-wrapper-26 .scroller-26:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-26 .scroller-26:before {
   top: 100%;
}

#scroller-wrapper-26 .scroller-26:after {
   bottom: 100%;
}

#scroller-wrapper-26 .scroller-26 {
   border: 5px solid #fff;
}

#scroller-wrapper-26 .scroller-26:after,
#scroller-wrapper-26 .scroller-26:before {
   background: #fff;
}

#scroller-wrapper-26 img {
   max-width: unset;
}

#scroller-wrapper-27 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-27 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-27 .after-27,
#scroller-wrapper-27 .before-27 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-27 .after-27 {
   width: 125px;
}

#scroller-wrapper-27 .scroller-27 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-27 .scroller-27:hover {
   opacity: 1;
}

#scroller-wrapper-27 .scrolling-27 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-27 .scroller__thumb-27 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-27 .scroller-27:after,
#scroller-wrapper-27 .scroller-27:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-27 .scroller-27:before {
   top: 100%;
}

#scroller-wrapper-27 .scroller-27:after {
   bottom: 100%;
}

#scroller-wrapper-27 .scroller-27 {
   border: 5px solid #fff;
}

#scroller-wrapper-27 .scroller-27:after,
#scroller-wrapper-27 .scroller-27:before {
   background: #fff;
}

#scroller-wrapper-27 img {
   max-width: unset;
}

#scroller-wrapper-28 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-28 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-28 .after-28,
#scroller-wrapper-28 .before-28 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-28 .after-28 {
   width: 125px;
}

#scroller-wrapper-28 .scroller-28 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-28 .scroller-28:hover {
   opacity: 1;
}

#scroller-wrapper-28 .scrolling-28 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-28 .scroller__thumb-28 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-28 .scroller-28:after,
#scroller-wrapper-28 .scroller-28:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-28 .scroller-28:before {
   top: 100%;
}

#scroller-wrapper-28 .scroller-28:after {
   bottom: 100%;
}

#scroller-wrapper-28 .scroller-28 {
   border: 5px solid #fff;
}

#scroller-wrapper-28 .scroller-28:after,
#scroller-wrapper-28 .scroller-28:before {
   background: #fff;
}

#scroller-wrapper-28 img {
   max-width: unset;
}

#scroller-wrapper-29 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-29 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-29 .after-29,
#scroller-wrapper-29 .before-29 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-29 .after-29 {
   width: 125px;
}

#scroller-wrapper-29 .scroller-29 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-29 .scroller-29:hover {
   opacity: 1;
}

#scroller-wrapper-29 .scrolling-29 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-29 .scroller__thumb-29 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-29 .scroller-29:after,
#scroller-wrapper-29 .scroller-29:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-29 .scroller-29:before {
   top: 100%;
}

#scroller-wrapper-29 .scroller-29:after {
   bottom: 100%;
}

#scroller-wrapper-29 .scroller-29 {
   border: 5px solid #fff;
}

#scroller-wrapper-29 .scroller-29:after,
#scroller-wrapper-29 .scroller-29:before {
   background: #fff;
}

#scroller-wrapper-29 img {
   max-width: unset;
}

#scroller-wrapper-30 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-30 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-30 .after-30,
#scroller-wrapper-30 .before-30 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-30 .after-30 {
   width: 125px;
}

#scroller-wrapper-30 .scroller-30 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-30 .scroller-30:hover {
   opacity: 1;
}

#scroller-wrapper-30 .scrolling-30 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-30 .scroller__thumb-30 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-30 .scroller-30:after,
#scroller-wrapper-30 .scroller-30:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-30 .scroller-30:before {
   top: 100%;
}

#scroller-wrapper-30 .scroller-30:after {
   bottom: 100%;
}

#scroller-wrapper-30 .scroller-30 {
   border: 5px solid #fff;
}

#scroller-wrapper-30 .scroller-30:after,
#scroller-wrapper-30 .scroller-30:before {
   background: #fff;
}

#scroller-wrapper-30 img {
   max-width: unset;
}

#scroller-wrapper-31 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-31 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-31 .after-31,
#scroller-wrapper-31 .before-31 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-31 .after-31 {
   width: 125px;
}

#scroller-wrapper-31 .scroller-31 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-31 .scroller-31:hover {
   opacity: 1;
}

#scroller-wrapper-31 .scrolling-31 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-31 .scroller__thumb-31 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-31 .scroller-31:after,
#scroller-wrapper-31 .scroller-31:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-31 .scroller-31:before {
   top: 100%;
}

#scroller-wrapper-31 .scroller-31:after {
   bottom: 100%;
}

#scroller-wrapper-31 .scroller-31 {
   border: 5px solid #fff;
}

#scroller-wrapper-31 .scroller-31:after,
#scroller-wrapper-31 .scroller-31:before {
   background: #fff;
}

#scroller-wrapper-31 img {
   max-width: unset;
}

#scroller-wrapper-32 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-32 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-32 .after-32,
#scroller-wrapper-32 .before-32 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-32 .after-32 {
   width: 125px;
}

#scroller-wrapper-32 .scroller-32 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-32 .scroller-32:hover {
   opacity: 1;
}

#scroller-wrapper-32 .scrolling-32 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-32 .scroller__thumb-32 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-32 .scroller-32:after,
#scroller-wrapper-32 .scroller-32:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-32 .scroller-32:before {
   top: 100%;
}

#scroller-wrapper-32 .scroller-32:after {
   bottom: 100%;
}

#scroller-wrapper-32 .scroller-32 {
   border: 5px solid #fff;
}

#scroller-wrapper-32 .scroller-32:after,
#scroller-wrapper-32 .scroller-32:before {
   background: #fff;
}

#scroller-wrapper-32 img {
   max-width: unset;
}

#scroller-wrapper-33 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-33 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-33 .after-33,
#scroller-wrapper-33 .before-33 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-33 .after-33 {
   width: 125px;
}

#scroller-wrapper-33 .scroller-33 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-33 .scroller-33:hover {
   opacity: 1;
}

#scroller-wrapper-33 .scrolling-33 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-33 .scroller__thumb-33 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-33 .scroller-33:after,
#scroller-wrapper-33 .scroller-33:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-33 .scroller-33:before {
   top: 100%;
}

#scroller-wrapper-33 .scroller-33:after {
   bottom: 100%;
}

#scroller-wrapper-33 .scroller-33 {
   border: 5px solid #fff;
}

#scroller-wrapper-33 .scroller-33:after,
#scroller-wrapper-33 .scroller-33:before {
   background: #fff;
}

#scroller-wrapper-33 img {
   max-width: unset;
}

#scroller-wrapper-34 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-34 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-34 .after-34,
#scroller-wrapper-34 .before-34 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-34 .after-34 {
   width: 125px;
}

#scroller-wrapper-34 .scroller-34 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-34 .scroller-34:hover {
   opacity: 1;
}

#scroller-wrapper-34 .scrolling-34 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-34 .scroller__thumb-34 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-34 .scroller-34:after,
#scroller-wrapper-34 .scroller-34:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-34 .scroller-34:before {
   top: 100%;
}

#scroller-wrapper-34 .scroller-34:after {
   bottom: 100%;
}

#scroller-wrapper-34 .scroller-34 {
   border: 5px solid #fff;
}

#scroller-wrapper-34 .scroller-34:after,
#scroller-wrapper-34 .scroller-34:before {
   background: #fff;
}

#scroller-wrapper-34 img {
   max-width: unset;
}

#scroller-wrapper-35 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-35 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-35 .after-35,
#scroller-wrapper-35 .before-35 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-35 .after-35 {
   width: 125px;
}

#scroller-wrapper-35 .scroller-35 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-35 .scroller-35:hover {
   opacity: 1;
}

#scroller-wrapper-35 .scrolling-35 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-35 .scroller__thumb-35 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-35 .scroller-35:after,
#scroller-wrapper-35 .scroller-35:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-35 .scroller-35:before {
   top: 100%;
}

#scroller-wrapper-35 .scroller-35:after {
   bottom: 100%;
}

#scroller-wrapper-35 .scroller-35 {
   border: 5px solid #fff;
}

#scroller-wrapper-35 .scroller-35:after,
#scroller-wrapper-35 .scroller-35:before {
   background: #fff;
}

#scroller-wrapper-35 img {
   max-width: unset;
}

#scroller-wrapper-36 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-36 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-36 .after-36,
#scroller-wrapper-36 .before-36 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-36 .after-36 {
   width: 125px;
}

#scroller-wrapper-36 .scroller-36 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-36 .scroller-36:hover {
   opacity: 1;
}

#scroller-wrapper-36 .scrolling-36 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-36 .scroller__thumb-36 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-36 .scroller-36:after,
#scroller-wrapper-36 .scroller-36:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-36 .scroller-36:before {
   top: 100%;
}

#scroller-wrapper-36 .scroller-36:after {
   bottom: 100%;
}

#scroller-wrapper-36 .scroller-36 {
   border: 5px solid #fff;
}

#scroller-wrapper-36 .scroller-36:after,
#scroller-wrapper-36 .scroller-36:before {
   background: #fff;
}

#scroller-wrapper-36 img {
   max-width: unset;
}

#scroller-wrapper-37 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-37 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-37 .after-37,
#scroller-wrapper-37 .before-37 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-37 .after-37 {
   width: 125px;
}

#scroller-wrapper-37 .scroller-37 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-37 .scroller-37:hover {
   opacity: 1;
}

#scroller-wrapper-37 .scrolling-37 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-37 .scroller__thumb-37 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-37 .scroller-37:after,
#scroller-wrapper-37 .scroller-37:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-37 .scroller-37:before {
   top: 100%;
}

#scroller-wrapper-37 .scroller-37:after {
   bottom: 100%;
}

#scroller-wrapper-37 .scroller-37 {
   border: 5px solid #fff;
}

#scroller-wrapper-37 .scroller-37:after,
#scroller-wrapper-37 .scroller-37:before {
   background: #fff;
}

#scroller-wrapper-37 img {
   max-width: unset;
}

#scroller-wrapper-38 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-38 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-38 .after-38,
#scroller-wrapper-38 .before-38 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-38 .after-38 {
   width: 125px;
}

#scroller-wrapper-38 .scroller-38 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-38 .scroller-38:hover {
   opacity: 1;
}

#scroller-wrapper-38 .scrolling-38 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-38 .scroller__thumb-38 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-38 .scroller-38:after,
#scroller-wrapper-38 .scroller-38:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-38 .scroller-38:before {
   top: 100%;
}

#scroller-wrapper-38 .scroller-38:after {
   bottom: 100%;
}

#scroller-wrapper-38 .scroller-38 {
   border: 5px solid #fff;
}

#scroller-wrapper-38 .scroller-38:after,
#scroller-wrapper-38 .scroller-38:before {
   background: #fff;
}

#scroller-wrapper-38 img {
   max-width: unset;
}

#scroller-wrapper-39 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-39 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-39 .after-39,
#scroller-wrapper-39 .before-39 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-39 .after-39 {
   width: 125px;
}

#scroller-wrapper-39 .scroller-39 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-39 .scroller-39:hover {
   opacity: 1;
}

#scroller-wrapper-39 .scrolling-39 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-39 .scroller__thumb-39 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-39 .scroller-39:after,
#scroller-wrapper-39 .scroller-39:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-39 .scroller-39:before {
   top: 100%;
}

#scroller-wrapper-39 .scroller-39:after {
   bottom: 100%;
}

#scroller-wrapper-39 .scroller-39 {
   border: 5px solid #fff;
}

#scroller-wrapper-39 .scroller-39:after,
#scroller-wrapper-39 .scroller-39:before {
   background: #fff;
}

#scroller-wrapper-39 img {
   max-width: unset;
}

#scroller-wrapper-40 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-40 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-40 .after-40,
#scroller-wrapper-40 .before-40 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-40 .after-40 {
   width: 125px;
}

#scroller-wrapper-40 .scroller-40 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-40 .scroller-40:hover {
   opacity: 1;
}

#scroller-wrapper-40 .scrolling-40 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-40 .scroller__thumb-40 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-40 .scroller-40:after,
#scroller-wrapper-40 .scroller-40:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-40 .scroller-40:before {
   top: 100%;
}

#scroller-wrapper-40 .scroller-40:after {
   bottom: 100%;
}

#scroller-wrapper-40 .scroller-40 {
   border: 5px solid #fff;
}

#scroller-wrapper-40 .scroller-40:after,
#scroller-wrapper-40 .scroller-40:before {
   background: #fff;
}

#scroller-wrapper-40 img {
   max-width: unset;
}

#scroller-wrapper-41 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-41 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-41 .after-41,
#scroller-wrapper-41 .before-41 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-41 .after-41 {
   width: 125px;
}

#scroller-wrapper-41 .scroller-41 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-41 .scroller-41:hover {
   opacity: 1;
}

#scroller-wrapper-41 .scrolling-41 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-41 .scroller__thumb-41 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-41 .scroller-41:after,
#scroller-wrapper-41 .scroller-41:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-41 .scroller-41:before {
   top: 100%;
}

#scroller-wrapper-41 .scroller-41:after {
   bottom: 100%;
}

#scroller-wrapper-41 .scroller-41 {
   border: 5px solid #fff;
}

#scroller-wrapper-41 .scroller-41:after,
#scroller-wrapper-41 .scroller-41:before {
   background: #fff;
}

#scroller-wrapper-41 img {
   max-width: unset;
}

#scroller-wrapper-42 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-42 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-42 .after-42,
#scroller-wrapper-42 .before-42 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-42 .after-42 {
   width: 125px;
}

#scroller-wrapper-42 .scroller-42 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-42 .scroller-42:hover {
   opacity: 1;
}

#scroller-wrapper-42 .scrolling-42 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-42 .scroller__thumb-42 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-42 .scroller-42:after,
#scroller-wrapper-42 .scroller-42:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-42 .scroller-42:before {
   top: 100%;
}

#scroller-wrapper-42 .scroller-42:after {
   bottom: 100%;
}

#scroller-wrapper-42 .scroller-42 {
   border: 5px solid #fff;
}

#scroller-wrapper-42 .scroller-42:after,
#scroller-wrapper-42 .scroller-42:before {
   background: #fff;
}

#scroller-wrapper-42 img {
   max-width: unset;
}

#scroller-wrapper-43 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-43 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-43 .after-43,
#scroller-wrapper-43 .before-43 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-43 .after-43 {
   width: 125px;
}

#scroller-wrapper-43 .scroller-43 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-43 .scroller-43:hover {
   opacity: 1;
}

#scroller-wrapper-43 .scrolling-43 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-43 .scroller__thumb-43 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-43 .scroller-43:after,
#scroller-wrapper-43 .scroller-43:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-43 .scroller-43:before {
   top: 100%;
}

#scroller-wrapper-43 .scroller-43:after {
   bottom: 100%;
}

#scroller-wrapper-43 .scroller-43 {
   border: 5px solid #fff;
}

#scroller-wrapper-43 .scroller-43:after,
#scroller-wrapper-43 .scroller-43:before {
   background: #fff;
}

#scroller-wrapper-43 img {
   max-width: unset;
}

#scroller-wrapper-44 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-44 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-44 .after-44,
#scroller-wrapper-44 .before-44 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-44 .after-44 {
   width: 125px;
}

#scroller-wrapper-44 .scroller-44 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-44 .scroller-44:hover {
   opacity: 1;
}

#scroller-wrapper-44 .scrolling-44 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-44 .scroller__thumb-44 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-44 .scroller-44:after,
#scroller-wrapper-44 .scroller-44:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-44 .scroller-44:before {
   top: 100%;
}

#scroller-wrapper-44 .scroller-44:after {
   bottom: 100%;
}

#scroller-wrapper-44 .scroller-44 {
   border: 5px solid #fff;
}

#scroller-wrapper-44 .scroller-44:after,
#scroller-wrapper-44 .scroller-44:before {
   background: #fff;
}

#scroller-wrapper-44 img {
   max-width: unset;
}

#scroller-wrapper-45 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-45 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-45 .after-45,
#scroller-wrapper-45 .before-45 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-45 .after-45 {
   width: 125px;
}

#scroller-wrapper-45 .scroller-45 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-45 .scroller-45:hover {
   opacity: 1;
}

#scroller-wrapper-45 .scrolling-45 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-45 .scroller__thumb-45 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-45 .scroller-45:after,
#scroller-wrapper-45 .scroller-45:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-45 .scroller-45:before {
   top: 100%;
}

#scroller-wrapper-45 .scroller-45:after {
   bottom: 100%;
}

#scroller-wrapper-45 .scroller-45 {
   border: 5px solid #fff;
}

#scroller-wrapper-45 .scroller-45:after,
#scroller-wrapper-45 .scroller-45:before {
   background: #fff;
}

#scroller-wrapper-45 img {
   max-width: unset;
}

#scroller-wrapper-46 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-46 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-46 .after-46,
#scroller-wrapper-46 .before-46 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-46 .after-46 {
   width: 125px;
}

#scroller-wrapper-46 .scroller-46 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-46 .scroller-46:hover {
   opacity: 1;
}

#scroller-wrapper-46 .scrolling-46 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-46 .scroller__thumb-46 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-46 .scroller-46:after,
#scroller-wrapper-46 .scroller-46:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-46 .scroller-46:before {
   top: 100%;
}

#scroller-wrapper-46 .scroller-46:after {
   bottom: 100%;
}

#scroller-wrapper-46 .scroller-46 {
   border: 5px solid #fff;
}

#scroller-wrapper-46 .scroller-46:after,
#scroller-wrapper-46 .scroller-46:before {
   background: #fff;
}

#scroller-wrapper-46 img {
   max-width: unset;
}

#scroller-wrapper-47 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-47 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-47 .after-47,
#scroller-wrapper-47 .before-47 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-47 .after-47 {
   width: 125px;
}

#scroller-wrapper-47 .scroller-47 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-47 .scroller-47:hover {
   opacity: 1;
}

#scroller-wrapper-47 .scrolling-47 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-47 .scroller__thumb-47 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-47 .scroller-47:after,
#scroller-wrapper-47 .scroller-47:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-47 .scroller-47:before {
   top: 100%;
}

#scroller-wrapper-47 .scroller-47:after {
   bottom: 100%;
}

#scroller-wrapper-47 .scroller-47 {
   border: 5px solid #fff;
}

#scroller-wrapper-47 .scroller-47:after,
#scroller-wrapper-47 .scroller-47:before {
   background: #fff;
}

#scroller-wrapper-47 img {
   max-width: unset;
}

#scroller-wrapper-48 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-48 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-48 .after-48,
#scroller-wrapper-48 .before-48 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-48 .after-48 {
   width: 125px;
}

#scroller-wrapper-48 .scroller-48 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-48 .scroller-48:hover {
   opacity: 1;
}

#scroller-wrapper-48 .scrolling-48 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-48 .scroller__thumb-48 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-48 .scroller-48:after,
#scroller-wrapper-48 .scroller-48:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-48 .scroller-48:before {
   top: 100%;
}

#scroller-wrapper-48 .scroller-48:after {
   bottom: 100%;
}

#scroller-wrapper-48 .scroller-48 {
   border: 5px solid #fff;
}

#scroller-wrapper-48 .scroller-48:after,
#scroller-wrapper-48 .scroller-48:before {
   background: #fff;
}

#scroller-wrapper-48 img {
   max-width: unset;
}

#scroller-wrapper-49 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-49 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-49 .after-49,
#scroller-wrapper-49 .before-49 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-49 .after-49 {
   width: 125px;
}

#scroller-wrapper-49 .scroller-49 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-49 .scroller-49:hover {
   opacity: 1;
}

#scroller-wrapper-49 .scrolling-49 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-49 .scroller__thumb-49 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-49 .scroller-49:after,
#scroller-wrapper-49 .scroller-49:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-49 .scroller-49:before {
   top: 100%;
}

#scroller-wrapper-49 .scroller-49:after {
   bottom: 100%;
}

#scroller-wrapper-49 .scroller-49 {
   border: 5px solid #fff;
}

#scroller-wrapper-49 .scroller-49:after,
#scroller-wrapper-49 .scroller-49:before {
   background: #fff;
}

#scroller-wrapper-49 img {
   max-width: unset;
}

#scroller-wrapper-50 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-50 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-50 .after-50,
#scroller-wrapper-50 .before-50 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-50 .after-50 {
   width: 125px;
}

#scroller-wrapper-50 .scroller-50 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-50 .scroller-50:hover {
   opacity: 1;
}

#scroller-wrapper-50 .scrolling-50 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-50 .scroller__thumb-50 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-50 .scroller-50:after,
#scroller-wrapper-50 .scroller-50:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-50 .scroller-50:before {
   top: 100%;
}

#scroller-wrapper-50 .scroller-50:after {
   bottom: 100%;
}

#scroller-wrapper-50 .scroller-50 {
   border: 5px solid #fff;
}

#scroller-wrapper-50 .scroller-50:after,
#scroller-wrapper-50 .scroller-50:before {
   background: #fff;
}

#scroller-wrapper-50 img {
   max-width: unset;
}

#scroller-wrapper-51 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-51 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-51 .after-51,
#scroller-wrapper-51 .before-51 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-51 .after-51 {
   width: 125px;
}

#scroller-wrapper-51 .scroller-51 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-51 .scroller-51:hover {
   opacity: 1;
}

#scroller-wrapper-51 .scrolling-51 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-51 .scroller__thumb-51 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-51 .scroller-51:after,
#scroller-wrapper-51 .scroller-51:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-51 .scroller-51:before {
   top: 100%;
}

#scroller-wrapper-51 .scroller-51:after {
   bottom: 100%;
}

#scroller-wrapper-51 .scroller-51 {
   border: 5px solid #fff;
}

#scroller-wrapper-51 .scroller-51:after,
#scroller-wrapper-51 .scroller-51:before {
   background: #fff;
}

#scroller-wrapper-51 img {
   max-width: unset;
}

#scroller-wrapper-52 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-52 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-52 .after-52,
#scroller-wrapper-52 .before-52 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-52 .after-52 {
   width: 125px;
}

#scroller-wrapper-52 .scroller-52 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-52 .scroller-52:hover {
   opacity: 1;
}

#scroller-wrapper-52 .scrolling-52 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-52 .scroller__thumb-52 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-52 .scroller-52:after,
#scroller-wrapper-52 .scroller-52:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-52 .scroller-52:before {
   top: 100%;
}

#scroller-wrapper-52 .scroller-52:after {
   bottom: 100%;
}

#scroller-wrapper-52 .scroller-52 {
   border: 5px solid #fff;
}

#scroller-wrapper-52 .scroller-52:after,
#scroller-wrapper-52 .scroller-52:before {
   background: #fff;
}

#scroller-wrapper-52 img {
   max-width: unset;
}

#scroller-wrapper-53 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-53 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-53 .after-53,
#scroller-wrapper-53 .before-53 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-53 .after-53 {
   width: 125px;
}

#scroller-wrapper-53 .scroller-53 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-53 .scroller-53:hover {
   opacity: 1;
}

#scroller-wrapper-53 .scrolling-53 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-53 .scroller__thumb-53 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-53 .scroller-53:after,
#scroller-wrapper-53 .scroller-53:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-53 .scroller-53:before {
   top: 100%;
}

#scroller-wrapper-53 .scroller-53:after {
   bottom: 100%;
}

#scroller-wrapper-53 .scroller-53 {
   border: 5px solid #fff;
}

#scroller-wrapper-53 .scroller-53:after,
#scroller-wrapper-53 .scroller-53:before {
   background: #fff;
}

#scroller-wrapper-53 img {
   max-width: unset;
}

#scroller-wrapper-54 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-54 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-54 .after-54,
#scroller-wrapper-54 .before-54 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-54 .after-54 {
   width: 125px;
}

#scroller-wrapper-54 .scroller-54 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-54 .scroller-54:hover {
   opacity: 1;
}

#scroller-wrapper-54 .scrolling-54 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-54 .scroller__thumb-54 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-54 .scroller-54:after,
#scroller-wrapper-54 .scroller-54:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-54 .scroller-54:before {
   top: 100%;
}

#scroller-wrapper-54 .scroller-54:after {
   bottom: 100%;
}

#scroller-wrapper-54 .scroller-54 {
   border: 5px solid #fff;
}

#scroller-wrapper-54 .scroller-54:after,
#scroller-wrapper-54 .scroller-54:before {
   background: #fff;
}

#scroller-wrapper-54 img {
   max-width: unset;
}

#scroller-wrapper-55 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-55 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-55 .after-55,
#scroller-wrapper-55 .before-55 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-55 .after-55 {
   width: 125px;
}

#scroller-wrapper-55 .scroller-55 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-55 .scroller-55:hover {
   opacity: 1;
}

#scroller-wrapper-55 .scrolling-55 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-55 .scroller__thumb-55 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-55 .scroller-55:after,
#scroller-wrapper-55 .scroller-55:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-55 .scroller-55:before {
   top: 100%;
}

#scroller-wrapper-55 .scroller-55:after {
   bottom: 100%;
}

#scroller-wrapper-55 .scroller-55 {
   border: 5px solid #fff;
}

#scroller-wrapper-55 .scroller-55:after,
#scroller-wrapper-55 .scroller-55:before {
   background: #fff;
}

#scroller-wrapper-55 img {
   max-width: unset;
}

#scroller-wrapper-56 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-56 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-56 .after-56,
#scroller-wrapper-56 .before-56 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-56 .after-56 {
   width: 125px;
}

#scroller-wrapper-56 .scroller-56 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-56 .scroller-56:hover {
   opacity: 1;
}

#scroller-wrapper-56 .scrolling-56 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-56 .scroller__thumb-56 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-56 .scroller-56:after,
#scroller-wrapper-56 .scroller-56:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-56 .scroller-56:before {
   top: 100%;
}

#scroller-wrapper-56 .scroller-56:after {
   bottom: 100%;
}

#scroller-wrapper-56 .scroller-56 {
   border: 5px solid #fff;
}

#scroller-wrapper-56 .scroller-56:after,
#scroller-wrapper-56 .scroller-56:before {
   background: #fff;
}

#scroller-wrapper-56 img {
   max-width: unset;
}

#scroller-wrapper-57 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-57 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-57 .after-57,
#scroller-wrapper-57 .before-57 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-57 .after-57 {
   width: 125px;
}

#scroller-wrapper-57 .scroller-57 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-57 .scroller-57:hover {
   opacity: 1;
}

#scroller-wrapper-57 .scrolling-57 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-57 .scroller__thumb-57 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-57 .scroller-57:after,
#scroller-wrapper-57 .scroller-57:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-57 .scroller-57:before {
   top: 100%;
}

#scroller-wrapper-57 .scroller-57:after {
   bottom: 100%;
}

#scroller-wrapper-57 .scroller-57 {
   border: 5px solid #fff;
}

#scroller-wrapper-57 .scroller-57:after,
#scroller-wrapper-57 .scroller-57:before {
   background: #fff;
}

#scroller-wrapper-57 img {
   max-width: unset;
}

#scroller-wrapper-58 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-58 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-58 .after-58,
#scroller-wrapper-58 .before-58 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-58 .after-58 {
   width: 125px;
}

#scroller-wrapper-58 .scroller-58 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-58 .scroller-58:hover {
   opacity: 1;
}

#scroller-wrapper-58 .scrolling-58 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-58 .scroller__thumb-58 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-58 .scroller-58:after,
#scroller-wrapper-58 .scroller-58:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-58 .scroller-58:before {
   top: 100%;
}

#scroller-wrapper-58 .scroller-58:after {
   bottom: 100%;
}

#scroller-wrapper-58 .scroller-58 {
   border: 5px solid #fff;
}

#scroller-wrapper-58 .scroller-58:after,
#scroller-wrapper-58 .scroller-58:before {
   background: #fff;
}

#scroller-wrapper-58 img {
   max-width: unset;
}

#scroller-wrapper-59 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-59 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-59 .after-59,
#scroller-wrapper-59 .before-59 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-59 .after-59 {
   width: 125px;
}

#scroller-wrapper-59 .scroller-59 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-59 .scroller-59:hover {
   opacity: 1;
}

#scroller-wrapper-59 .scrolling-59 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-59 .scroller__thumb-59 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-59 .scroller-59:after,
#scroller-wrapper-59 .scroller-59:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-59 .scroller-59:before {
   top: 100%;
}

#scroller-wrapper-59 .scroller-59:after {
   bottom: 100%;
}

#scroller-wrapper-59 .scroller-59 {
   border: 5px solid #fff;
}

#scroller-wrapper-59 .scroller-59:after,
#scroller-wrapper-59 .scroller-59:before {
   background: #fff;
}

#scroller-wrapper-59 img {
   max-width: unset;
}

#scroller-wrapper-60 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-60 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-60 .after-60,
#scroller-wrapper-60 .before-60 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-60 .after-60 {
   width: 125px;
}

#scroller-wrapper-60 .scroller-60 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-60 .scroller-60:hover {
   opacity: 1;
}

#scroller-wrapper-60 .scrolling-60 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-60 .scroller__thumb-60 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-60 .scroller-60:after,
#scroller-wrapper-60 .scroller-60:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-60 .scroller-60:before {
   top: 100%;
}

#scroller-wrapper-60 .scroller-60:after {
   bottom: 100%;
}

#scroller-wrapper-60 .scroller-60 {
   border: 5px solid #fff;
}

#scroller-wrapper-60 .scroller-60:after,
#scroller-wrapper-60 .scroller-60:before {
   background: #fff;
}

#scroller-wrapper-60 img {
   max-width: unset;
}

#scroller-wrapper-61 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-61 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-61 .after-61,
#scroller-wrapper-61 .before-61 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-61 .after-61 {
   width: 125px;
}

#scroller-wrapper-61 .scroller-61 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-61 .scroller-61:hover {
   opacity: 1;
}

#scroller-wrapper-61 .scrolling-61 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-61 .scroller__thumb-61 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-61 .scroller-61:after,
#scroller-wrapper-61 .scroller-61:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-61 .scroller-61:before {
   top: 100%;
}

#scroller-wrapper-61 .scroller-61:after {
   bottom: 100%;
}

#scroller-wrapper-61 .scroller-61 {
   border: 5px solid #fff;
}

#scroller-wrapper-61 .scroller-61:after,
#scroller-wrapper-61 .scroller-61:before {
   background: #fff;
}

#scroller-wrapper-61 img {
   max-width: unset;
}

#scroller-wrapper-62 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-62 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-62 .after-62,
#scroller-wrapper-62 .before-62 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-62 .after-62 {
   width: 125px;
}

#scroller-wrapper-62 .scroller-62 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-62 .scroller-62:hover {
   opacity: 1;
}

#scroller-wrapper-62 .scrolling-62 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-62 .scroller__thumb-62 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-62 .scroller-62:after,
#scroller-wrapper-62 .scroller-62:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-62 .scroller-62:before {
   top: 100%;
}

#scroller-wrapper-62 .scroller-62:after {
   bottom: 100%;
}

#scroller-wrapper-62 .scroller-62 {
   border: 5px solid #fff;
}

#scroller-wrapper-62 .scroller-62:after,
#scroller-wrapper-62 .scroller-62:before {
   background: #fff;
}

#scroller-wrapper-62 img {
   max-width: unset;
}

#scroller-wrapper-63 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-63 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-63 .after-63,
#scroller-wrapper-63 .before-63 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-63 .after-63 {
   width: 125px;
}

#scroller-wrapper-63 .scroller-63 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-63 .scroller-63:hover {
   opacity: 1;
}

#scroller-wrapper-63 .scrolling-63 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-63 .scroller__thumb-63 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-63 .scroller-63:after,
#scroller-wrapper-63 .scroller-63:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-63 .scroller-63:before {
   top: 100%;
}

#scroller-wrapper-63 .scroller-63:after {
   bottom: 100%;
}

#scroller-wrapper-63 .scroller-63 {
   border: 5px solid #fff;
}

#scroller-wrapper-63 .scroller-63:after,
#scroller-wrapper-63 .scroller-63:before {
   background: #fff;
}

#scroller-wrapper-63 img {
   max-width: unset;
}

#scroller-wrapper-64 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-64 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-64 .after-64,
#scroller-wrapper-64 .before-64 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-64 .after-64 {
   width: 125px;
}

#scroller-wrapper-64 .scroller-64 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-64 .scroller-64:hover {
   opacity: 1;
}

#scroller-wrapper-64 .scrolling-64 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-64 .scroller__thumb-64 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-64 .scroller-64:after,
#scroller-wrapper-64 .scroller-64:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-64 .scroller-64:before {
   top: 100%;
}

#scroller-wrapper-64 .scroller-64:after {
   bottom: 100%;
}

#scroller-wrapper-64 .scroller-64 {
   border: 5px solid #fff;
}

#scroller-wrapper-64 .scroller-64:after,
#scroller-wrapper-64 .scroller-64:before {
   background: #fff;
}

#scroller-wrapper-64 img {
   max-width: unset;
}

#scroller-wrapper-65 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-65 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-65 .after-65,
#scroller-wrapper-65 .before-65 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-65 .after-65 {
   width: 125px;
}

#scroller-wrapper-65 .scroller-65 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-65 .scroller-65:hover {
   opacity: 1;
}

#scroller-wrapper-65 .scrolling-65 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-65 .scroller__thumb-65 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-65 .scroller-65:after,
#scroller-wrapper-65 .scroller-65:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-65 .scroller-65:before {
   top: 100%;
}

#scroller-wrapper-65 .scroller-65:after {
   bottom: 100%;
}

#scroller-wrapper-65 .scroller-65 {
   border: 5px solid #fff;
}

#scroller-wrapper-65 .scroller-65:after,
#scroller-wrapper-65 .scroller-65:before {
   background: #fff;
}

#scroller-wrapper-65 img {
   max-width: unset;
}

#scroller-wrapper-66 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-66 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-66 .after-66,
#scroller-wrapper-66 .before-66 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-66 .after-66 {
   width: 125px;
}

#scroller-wrapper-66 .scroller-66 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-66 .scroller-66:hover {
   opacity: 1;
}

#scroller-wrapper-66 .scrolling-66 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-66 .scroller__thumb-66 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-66 .scroller-66:after,
#scroller-wrapper-66 .scroller-66:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-66 .scroller-66:before {
   top: 100%;
}

#scroller-wrapper-66 .scroller-66:after {
   bottom: 100%;
}

#scroller-wrapper-66 .scroller-66 {
   border: 5px solid #fff;
}

#scroller-wrapper-66 .scroller-66:after,
#scroller-wrapper-66 .scroller-66:before {
   background: #fff;
}

#scroller-wrapper-66 img {
   max-width: unset;
}

#scroller-wrapper-67 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-67 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-67 .after-67,
#scroller-wrapper-67 .before-67 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-67 .after-67 {
   width: 125px;
}

#scroller-wrapper-67 .scroller-67 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-67 .scroller-67:hover {
   opacity: 1;
}

#scroller-wrapper-67 .scrolling-67 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-67 .scroller__thumb-67 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-67 .scroller-67:after,
#scroller-wrapper-67 .scroller-67:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-67 .scroller-67:before {
   top: 100%;
}

#scroller-wrapper-67 .scroller-67:after {
   bottom: 100%;
}

#scroller-wrapper-67 .scroller-67 {
   border: 5px solid #fff;
}

#scroller-wrapper-67 .scroller-67:after,
#scroller-wrapper-67 .scroller-67:before {
   background: #fff;
}

#scroller-wrapper-67 img {
   max-width: unset;
}

#scroller-wrapper-68 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-68 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-68 .after-68,
#scroller-wrapper-68 .before-68 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-68 .after-68 {
   width: 125px;
}

#scroller-wrapper-68 .scroller-68 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-68 .scroller-68:hover {
   opacity: 1;
}

#scroller-wrapper-68 .scrolling-68 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-68 .scroller__thumb-68 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-68 .scroller-68:after,
#scroller-wrapper-68 .scroller-68:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-68 .scroller-68:before {
   top: 100%;
}

#scroller-wrapper-68 .scroller-68:after {
   bottom: 100%;
}

#scroller-wrapper-68 .scroller-68 {
   border: 5px solid #fff;
}

#scroller-wrapper-68 .scroller-68:after,
#scroller-wrapper-68 .scroller-68:before {
   background: #fff;
}

#scroller-wrapper-68 img {
   max-width: unset;
}

#scroller-wrapper-69 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-69 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-69 .after-69,
#scroller-wrapper-69 .before-69 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-69 .after-69 {
   width: 125px;
}

#scroller-wrapper-69 .scroller-69 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-69 .scroller-69:hover {
   opacity: 1;
}

#scroller-wrapper-69 .scrolling-69 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-69 .scroller__thumb-69 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-69 .scroller-69:after,
#scroller-wrapper-69 .scroller-69:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-69 .scroller-69:before {
   top: 100%;
}

#scroller-wrapper-69 .scroller-69:after {
   bottom: 100%;
}

#scroller-wrapper-69 .scroller-69 {
   border: 5px solid #fff;
}

#scroller-wrapper-69 .scroller-69:after,
#scroller-wrapper-69 .scroller-69:before {
   background: #fff;
}

#scroller-wrapper-69 img {
   max-width: unset;
}

#scroller-wrapper-70 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-70 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-70 .after-70,
#scroller-wrapper-70 .before-70 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-70 .after-70 {
   width: 125px;
}

#scroller-wrapper-70 .scroller-70 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-70 .scroller-70:hover {
   opacity: 1;
}

#scroller-wrapper-70 .scrolling-70 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-70 .scroller__thumb-70 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-70 .scroller-70:after,
#scroller-wrapper-70 .scroller-70:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-70 .scroller-70:before {
   top: 100%;
}

#scroller-wrapper-70 .scroller-70:after {
   bottom: 100%;
}

#scroller-wrapper-70 .scroller-70 {
   border: 5px solid #fff;
}

#scroller-wrapper-70 .scroller-70:after,
#scroller-wrapper-70 .scroller-70:before {
   background: #fff;
}

#scroller-wrapper-70 img {
   max-width: unset;
}

#scroller-wrapper-71 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-71 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-71 .after-71,
#scroller-wrapper-71 .before-71 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-71 .after-71 {
   width: 125px;
}

#scroller-wrapper-71 .scroller-71 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-71 .scroller-71:hover {
   opacity: 1;
}

#scroller-wrapper-71 .scrolling-71 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-71 .scroller__thumb-71 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-71 .scroller-71:after,
#scroller-wrapper-71 .scroller-71:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-71 .scroller-71:before {
   top: 100%;
}

#scroller-wrapper-71 .scroller-71:after {
   bottom: 100%;
}

#scroller-wrapper-71 .scroller-71 {
   border: 5px solid #fff;
}

#scroller-wrapper-71 .scroller-71:after,
#scroller-wrapper-71 .scroller-71:before {
   background: #fff;
}

#scroller-wrapper-71 img {
   max-width: unset;
}

#scroller-wrapper-72 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-72 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-72 .after-72,
#scroller-wrapper-72 .before-72 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-72 .after-72 {
   width: 125px;
}

#scroller-wrapper-72 .scroller-72 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-72 .scroller-72:hover {
   opacity: 1;
}

#scroller-wrapper-72 .scrolling-72 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-72 .scroller__thumb-72 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-72 .scroller-72:after,
#scroller-wrapper-72 .scroller-72:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-72 .scroller-72:before {
   top: 100%;
}

#scroller-wrapper-72 .scroller-72:after {
   bottom: 100%;
}

#scroller-wrapper-72 .scroller-72 {
   border: 5px solid #fff;
}

#scroller-wrapper-72 .scroller-72:after,
#scroller-wrapper-72 .scroller-72:before {
   background: #fff;
}

#scroller-wrapper-72 img {
   max-width: unset;
}

#scroller-wrapper-73 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-73 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-73 .after-73,
#scroller-wrapper-73 .before-73 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-73 .after-73 {
   width: 125px;
}

#scroller-wrapper-73 .scroller-73 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-73 .scroller-73:hover {
   opacity: 1;
}

#scroller-wrapper-73 .scrolling-73 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-73 .scroller__thumb-73 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-73 .scroller-73:after,
#scroller-wrapper-73 .scroller-73:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-73 .scroller-73:before {
   top: 100%;
}

#scroller-wrapper-73 .scroller-73:after {
   bottom: 100%;
}

#scroller-wrapper-73 .scroller-73 {
   border: 5px solid #fff;
}

#scroller-wrapper-73 .scroller-73:after,
#scroller-wrapper-73 .scroller-73:before {
   background: #fff;
}

#scroller-wrapper-73 img {
   max-width: unset;
}

#scroller-wrapper-74 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-74 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-74 .after-74,
#scroller-wrapper-74 .before-74 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-74 .after-74 {
   width: 125px;
}

#scroller-wrapper-74 .scroller-74 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-74 .scroller-74:hover {
   opacity: 1;
}

#scroller-wrapper-74 .scrolling-74 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-74 .scroller__thumb-74 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-74 .scroller-74:after,
#scroller-wrapper-74 .scroller-74:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-74 .scroller-74:before {
   top: 100%;
}

#scroller-wrapper-74 .scroller-74:after {
   bottom: 100%;
}

#scroller-wrapper-74 .scroller-74 {
   border: 5px solid #fff;
}

#scroller-wrapper-74 .scroller-74:after,
#scroller-wrapper-74 .scroller-74:before {
   background: #fff;
}

#scroller-wrapper-74 img {
   max-width: unset;
}

#scroller-wrapper-75 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-75 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-75 .after-75,
#scroller-wrapper-75 .before-75 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-75 .after-75 {
   width: 125px;
}

#scroller-wrapper-75 .scroller-75 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-75 .scroller-75:hover {
   opacity: 1;
}

#scroller-wrapper-75 .scrolling-75 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-75 .scroller__thumb-75 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-75 .scroller-75:after,
#scroller-wrapper-75 .scroller-75:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-75 .scroller-75:before {
   top: 100%;
}

#scroller-wrapper-75 .scroller-75:after {
   bottom: 100%;
}

#scroller-wrapper-75 .scroller-75 {
   border: 5px solid #fff;
}

#scroller-wrapper-75 .scroller-75:after,
#scroller-wrapper-75 .scroller-75:before {
   background: #fff;
}

#scroller-wrapper-75 img {
   max-width: unset;
}

#scroller-wrapper-76 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-76 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-76 .after-76,
#scroller-wrapper-76 .before-76 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-76 .after-76 {
   width: 125px;
}

#scroller-wrapper-76 .scroller-76 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-76 .scroller-76:hover {
   opacity: 1;
}

#scroller-wrapper-76 .scrolling-76 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-76 .scroller__thumb-76 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-76 .scroller-76:after,
#scroller-wrapper-76 .scroller-76:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-76 .scroller-76:before {
   top: 100%;
}

#scroller-wrapper-76 .scroller-76:after {
   bottom: 100%;
}

#scroller-wrapper-76 .scroller-76 {
   border: 5px solid #fff;
}

#scroller-wrapper-76 .scroller-76:after,
#scroller-wrapper-76 .scroller-76:before {
   background: #fff;
}

#scroller-wrapper-76 img {
   max-width: unset;
}

#scroller-wrapper-77 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-77 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-77 .after-77,
#scroller-wrapper-77 .before-77 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-77 .after-77 {
   width: 125px;
}

#scroller-wrapper-77 .scroller-77 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-77 .scroller-77:hover {
   opacity: 1;
}

#scroller-wrapper-77 .scrolling-77 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-77 .scroller__thumb-77 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-77 .scroller-77:after,
#scroller-wrapper-77 .scroller-77:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-77 .scroller-77:before {
   top: 100%;
}

#scroller-wrapper-77 .scroller-77:after {
   bottom: 100%;
}

#scroller-wrapper-77 .scroller-77 {
   border: 5px solid #fff;
}

#scroller-wrapper-77 .scroller-77:after,
#scroller-wrapper-77 .scroller-77:before {
   background: #fff;
}

#scroller-wrapper-77 img {
   max-width: unset;
}

#scroller-wrapper-78 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-78 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-78 .after-78,
#scroller-wrapper-78 .before-78 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-78 .after-78 {
   width: 125px;
}

#scroller-wrapper-78 .scroller-78 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-78 .scroller-78:hover {
   opacity: 1;
}

#scroller-wrapper-78 .scrolling-78 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-78 .scroller__thumb-78 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-78 .scroller-78:after,
#scroller-wrapper-78 .scroller-78:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-78 .scroller-78:before {
   top: 100%;
}

#scroller-wrapper-78 .scroller-78:after {
   bottom: 100%;
}

#scroller-wrapper-78 .scroller-78 {
   border: 5px solid #fff;
}

#scroller-wrapper-78 .scroller-78:after,
#scroller-wrapper-78 .scroller-78:before {
   background: #fff;
}

#scroller-wrapper-78 img {
   max-width: unset;
}

#scroller-wrapper-79 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-79 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-79 .after-79,
#scroller-wrapper-79 .before-79 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-79 .after-79 {
   width: 125px;
}

#scroller-wrapper-79 .scroller-79 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-79 .scroller-79:hover {
   opacity: 1;
}

#scroller-wrapper-79 .scrolling-79 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-79 .scroller__thumb-79 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-79 .scroller-79:after,
#scroller-wrapper-79 .scroller-79:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-79 .scroller-79:before {
   top: 100%;
}

#scroller-wrapper-79 .scroller-79:after {
   bottom: 100%;
}

#scroller-wrapper-79 .scroller-79 {
   border: 5px solid #fff;
}

#scroller-wrapper-79 .scroller-79:after,
#scroller-wrapper-79 .scroller-79:before {
   background: #fff;
}

#scroller-wrapper-79 img {
   max-width: unset;
}

#scroller-wrapper-80 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-80 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-80 .after-80,
#scroller-wrapper-80 .before-80 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-80 .after-80 {
   width: 125px;
}

#scroller-wrapper-80 .scroller-80 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-80 .scroller-80:hover {
   opacity: 1;
}

#scroller-wrapper-80 .scrolling-80 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-80 .scroller__thumb-80 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-80 .scroller-80:after,
#scroller-wrapper-80 .scroller-80:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-80 .scroller-80:before {
   top: 100%;
}

#scroller-wrapper-80 .scroller-80:after {
   bottom: 100%;
}

#scroller-wrapper-80 .scroller-80 {
   border: 5px solid #fff;
}

#scroller-wrapper-80 .scroller-80:after,
#scroller-wrapper-80 .scroller-80:before {
   background: #fff;
}

#scroller-wrapper-80 img {
   max-width: unset;
}

#scroller-wrapper-81 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-81 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-81 .after-81,
#scroller-wrapper-81 .before-81 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-81 .after-81 {
   width: 125px;
}

#scroller-wrapper-81 .scroller-81 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-81 .scroller-81:hover {
   opacity: 1;
}

#scroller-wrapper-81 .scrolling-81 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-81 .scroller__thumb-81 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-81 .scroller-81:after,
#scroller-wrapper-81 .scroller-81:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-81 .scroller-81:before {
   top: 100%;
}

#scroller-wrapper-81 .scroller-81:after {
   bottom: 100%;
}

#scroller-wrapper-81 .scroller-81 {
   border: 5px solid #fff;
}

#scroller-wrapper-81 .scroller-81:after,
#scroller-wrapper-81 .scroller-81:before {
   background: #fff;
}

#scroller-wrapper-81 img {
   max-width: unset;
}

#scroller-wrapper-82 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-82 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-82 .after-82,
#scroller-wrapper-82 .before-82 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-82 .after-82 {
   width: 125px;
}

#scroller-wrapper-82 .scroller-82 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-82 .scroller-82:hover {
   opacity: 1;
}

#scroller-wrapper-82 .scrolling-82 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-82 .scroller__thumb-82 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-82 .scroller-82:after,
#scroller-wrapper-82 .scroller-82:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-82 .scroller-82:before {
   top: 100%;
}

#scroller-wrapper-82 .scroller-82:after {
   bottom: 100%;
}

#scroller-wrapper-82 .scroller-82 {
   border: 5px solid #fff;
}

#scroller-wrapper-82 .scroller-82:after,
#scroller-wrapper-82 .scroller-82:before {
   background: #fff;
}

#scroller-wrapper-82 img {
   max-width: unset;
}

#scroller-wrapper-83 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-83 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-83 .after-83,
#scroller-wrapper-83 .before-83 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-83 .after-83 {
   width: 125px;
}

#scroller-wrapper-83 .scroller-83 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-83 .scroller-83:hover {
   opacity: 1;
}

#scroller-wrapper-83 .scrolling-83 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-83 .scroller__thumb-83 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-83 .scroller-83:after,
#scroller-wrapper-83 .scroller-83:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-83 .scroller-83:before {
   top: 100%;
}

#scroller-wrapper-83 .scroller-83:after {
   bottom: 100%;
}

#scroller-wrapper-83 .scroller-83 {
   border: 5px solid #fff;
}

#scroller-wrapper-83 .scroller-83:after,
#scroller-wrapper-83 .scroller-83:before {
   background: #fff;
}

#scroller-wrapper-83 img {
   max-width: unset;
}

#scroller-wrapper-84 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-84 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-84 .after-84,
#scroller-wrapper-84 .before-84 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-84 .after-84 {
   width: 125px;
}

#scroller-wrapper-84 .scroller-84 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-84 .scroller-84:hover {
   opacity: 1;
}

#scroller-wrapper-84 .scrolling-84 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-84 .scroller__thumb-84 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-84 .scroller-84:after,
#scroller-wrapper-84 .scroller-84:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-84 .scroller-84:before {
   top: 100%;
}

#scroller-wrapper-84 .scroller-84:after {
   bottom: 100%;
}

#scroller-wrapper-84 .scroller-84 {
   border: 5px solid #fff;
}

#scroller-wrapper-84 .scroller-84:after,
#scroller-wrapper-84 .scroller-84:before {
   background: #fff;
}

#scroller-wrapper-84 img {
   max-width: unset;
}

#scroller-wrapper-85 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-85 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-85 .after-85,
#scroller-wrapper-85 .before-85 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-85 .after-85 {
   width: 125px;
}

#scroller-wrapper-85 .scroller-85 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-85 .scroller-85:hover {
   opacity: 1;
}

#scroller-wrapper-85 .scrolling-85 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-85 .scroller__thumb-85 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-85 .scroller-85:after,
#scroller-wrapper-85 .scroller-85:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-85 .scroller-85:before {
   top: 100%;
}

#scroller-wrapper-85 .scroller-85:after {
   bottom: 100%;
}

#scroller-wrapper-85 .scroller-85 {
   border: 5px solid #fff;
}

#scroller-wrapper-85 .scroller-85:after,
#scroller-wrapper-85 .scroller-85:before {
   background: #fff;
}

#scroller-wrapper-85 img {
   max-width: unset;
}

#scroller-wrapper-86 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-86 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-86 .after-86,
#scroller-wrapper-86 .before-86 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-86 .after-86 {
   width: 125px;
}

#scroller-wrapper-86 .scroller-86 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-86 .scroller-86:hover {
   opacity: 1;
}

#scroller-wrapper-86 .scrolling-86 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-86 .scroller__thumb-86 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-86 .scroller-86:after,
#scroller-wrapper-86 .scroller-86:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-86 .scroller-86:before {
   top: 100%;
}

#scroller-wrapper-86 .scroller-86:after {
   bottom: 100%;
}

#scroller-wrapper-86 .scroller-86 {
   border: 5px solid #fff;
}

#scroller-wrapper-86 .scroller-86:after,
#scroller-wrapper-86 .scroller-86:before {
   background: #fff;
}

#scroller-wrapper-86 img {
   max-width: unset;
}

#scroller-wrapper-87 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-87 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-87 .after-87,
#scroller-wrapper-87 .before-87 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-87 .after-87 {
   width: 125px;
}

#scroller-wrapper-87 .scroller-87 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-87 .scroller-87:hover {
   opacity: 1;
}

#scroller-wrapper-87 .scrolling-87 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-87 .scroller__thumb-87 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-87 .scroller-87:after,
#scroller-wrapper-87 .scroller-87:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-87 .scroller-87:before {
   top: 100%;
}

#scroller-wrapper-87 .scroller-87:after {
   bottom: 100%;
}

#scroller-wrapper-87 .scroller-87 {
   border: 5px solid #fff;
}

#scroller-wrapper-87 .scroller-87:after,
#scroller-wrapper-87 .scroller-87:before {
   background: #fff;
}

#scroller-wrapper-87 img {
   max-width: unset;
}

#scroller-wrapper-88 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-88 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-88 .after-88,
#scroller-wrapper-88 .before-88 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-88 .after-88 {
   width: 125px;
}

#scroller-wrapper-88 .scroller-88 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-88 .scroller-88:hover {
   opacity: 1;
}

#scroller-wrapper-88 .scrolling-88 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-88 .scroller__thumb-88 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-88 .scroller-88:after,
#scroller-wrapper-88 .scroller-88:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-88 .scroller-88:before {
   top: 100%;
}

#scroller-wrapper-88 .scroller-88:after {
   bottom: 100%;
}

#scroller-wrapper-88 .scroller-88 {
   border: 5px solid #fff;
}

#scroller-wrapper-88 .scroller-88:after,
#scroller-wrapper-88 .scroller-88:before {
   background: #fff;
}

#scroller-wrapper-88 img {
   max-width: unset;
}

#scroller-wrapper-89 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-89 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-89 .after-89,
#scroller-wrapper-89 .before-89 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-89 .after-89 {
   width: 125px;
}

#scroller-wrapper-89 .scroller-89 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-89 .scroller-89:hover {
   opacity: 1;
}

#scroller-wrapper-89 .scrolling-89 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-89 .scroller__thumb-89 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-89 .scroller-89:after,
#scroller-wrapper-89 .scroller-89:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-89 .scroller-89:before {
   top: 100%;
}

#scroller-wrapper-89 .scroller-89:after {
   bottom: 100%;
}

#scroller-wrapper-89 .scroller-89 {
   border: 5px solid #fff;
}

#scroller-wrapper-89 .scroller-89:after,
#scroller-wrapper-89 .scroller-89:before {
   background: #fff;
}

#scroller-wrapper-89 img {
   max-width: unset;
}

#scroller-wrapper-90 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-90 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-90 .after-90,
#scroller-wrapper-90 .before-90 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-90 .after-90 {
   width: 125px;
}

#scroller-wrapper-90 .scroller-90 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-90 .scroller-90:hover {
   opacity: 1;
}

#scroller-wrapper-90 .scrolling-90 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-90 .scroller__thumb-90 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-90 .scroller-90:after,
#scroller-wrapper-90 .scroller-90:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-90 .scroller-90:before {
   top: 100%;
}

#scroller-wrapper-90 .scroller-90:after {
   bottom: 100%;
}

#scroller-wrapper-90 .scroller-90 {
   border: 5px solid #fff;
}

#scroller-wrapper-90 .scroller-90:after,
#scroller-wrapper-90 .scroller-90:before {
   background: #fff;
}

#scroller-wrapper-90 img {
   max-width: unset;
}

#scroller-wrapper-91 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-91 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-91 .after-91,
#scroller-wrapper-91 .before-91 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-91 .after-91 {
   width: 125px;
}

#scroller-wrapper-91 .scroller-91 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-91 .scroller-91:hover {
   opacity: 1;
}

#scroller-wrapper-91 .scrolling-91 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-91 .scroller__thumb-91 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-91 .scroller-91:after,
#scroller-wrapper-91 .scroller-91:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-91 .scroller-91:before {
   top: 100%;
}

#scroller-wrapper-91 .scroller-91:after {
   bottom: 100%;
}

#scroller-wrapper-91 .scroller-91 {
   border: 5px solid #fff;
}

#scroller-wrapper-91 .scroller-91:after,
#scroller-wrapper-91 .scroller-91:before {
   background: #fff;
}

#scroller-wrapper-91 img {
   max-width: unset;
}

#scroller-wrapper-92 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-92 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-92 .after-92,
#scroller-wrapper-92 .before-92 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-92 .after-92 {
   width: 125px;
}

#scroller-wrapper-92 .scroller-92 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-92 .scroller-92:hover {
   opacity: 1;
}

#scroller-wrapper-92 .scrolling-92 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-92 .scroller__thumb-92 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-92 .scroller-92:after,
#scroller-wrapper-92 .scroller-92:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-92 .scroller-92:before {
   top: 100%;
}

#scroller-wrapper-92 .scroller-92:after {
   bottom: 100%;
}

#scroller-wrapper-92 .scroller-92 {
   border: 5px solid #fff;
}

#scroller-wrapper-92 .scroller-92:after,
#scroller-wrapper-92 .scroller-92:before {
   background: #fff;
}

#scroller-wrapper-92 img {
   max-width: unset;
}

#scroller-wrapper-93 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-93 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-93 .after-93,
#scroller-wrapper-93 .before-93 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-93 .after-93 {
   width: 125px;
}

#scroller-wrapper-93 .scroller-93 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-93 .scroller-93:hover {
   opacity: 1;
}

#scroller-wrapper-93 .scrolling-93 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-93 .scroller__thumb-93 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-93 .scroller-93:after,
#scroller-wrapper-93 .scroller-93:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-93 .scroller-93:before {
   top: 100%;
}

#scroller-wrapper-93 .scroller-93:after {
   bottom: 100%;
}

#scroller-wrapper-93 .scroller-93 {
   border: 5px solid #fff;
}

#scroller-wrapper-93 .scroller-93:after,
#scroller-wrapper-93 .scroller-93:before {
   background: #fff;
}

#scroller-wrapper-93 img {
   max-width: unset;
}

#scroller-wrapper-94 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-94 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-94 .after-94,
#scroller-wrapper-94 .before-94 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-94 .after-94 {
   width: 125px;
}

#scroller-wrapper-94 .scroller-94 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-94 .scroller-94:hover {
   opacity: 1;
}

#scroller-wrapper-94 .scrolling-94 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-94 .scroller__thumb-94 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-94 .scroller-94:after,
#scroller-wrapper-94 .scroller-94:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-94 .scroller-94:before {
   top: 100%;
}

#scroller-wrapper-94 .scroller-94:after {
   bottom: 100%;
}

#scroller-wrapper-94 .scroller-94 {
   border: 5px solid #fff;
}

#scroller-wrapper-94 .scroller-94:after,
#scroller-wrapper-94 .scroller-94:before {
   background: #fff;
}

#scroller-wrapper-94 img {
   max-width: unset;
}

#scroller-wrapper-95 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-95 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-95 .after-95,
#scroller-wrapper-95 .before-95 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-95 .after-95 {
   width: 125px;
}

#scroller-wrapper-95 .scroller-95 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-95 .scroller-95:hover {
   opacity: 1;
}

#scroller-wrapper-95 .scrolling-95 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-95 .scroller__thumb-95 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-95 .scroller-95:after,
#scroller-wrapper-95 .scroller-95:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-95 .scroller-95:before {
   top: 100%;
}

#scroller-wrapper-95 .scroller-95:after {
   bottom: 100%;
}

#scroller-wrapper-95 .scroller-95 {
   border: 5px solid #fff;
}

#scroller-wrapper-95 .scroller-95:after,
#scroller-wrapper-95 .scroller-95:before {
   background: #fff;
}

#scroller-wrapper-95 img {
   max-width: unset;
}

#scroller-wrapper-96 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-96 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-96 .after-96,
#scroller-wrapper-96 .before-96 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-96 .after-96 {
   width: 125px;
}

#scroller-wrapper-96 .scroller-96 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-96 .scroller-96:hover {
   opacity: 1;
}

#scroller-wrapper-96 .scrolling-96 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-96 .scroller__thumb-96 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-96 .scroller-96:after,
#scroller-wrapper-96 .scroller-96:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-96 .scroller-96:before {
   top: 100%;
}

#scroller-wrapper-96 .scroller-96:after {
   bottom: 100%;
}

#scroller-wrapper-96 .scroller-96 {
   border: 5px solid #fff;
}

#scroller-wrapper-96 .scroller-96:after,
#scroller-wrapper-96 .scroller-96:before {
   background: #fff;
}

#scroller-wrapper-96 img {
   max-width: unset;
}

#scroller-wrapper-97 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-97 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-97 .after-97,
#scroller-wrapper-97 .before-97 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-97 .after-97 {
   width: 125px;
}

#scroller-wrapper-97 .scroller-97 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-97 .scroller-97:hover {
   opacity: 1;
}

#scroller-wrapper-97 .scrolling-97 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-97 .scroller__thumb-97 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-97 .scroller-97:after,
#scroller-wrapper-97 .scroller-97:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-97 .scroller-97:before {
   top: 100%;
}

#scroller-wrapper-97 .scroller-97:after {
   bottom: 100%;
}

#scroller-wrapper-97 .scroller-97 {
   border: 5px solid #fff;
}

#scroller-wrapper-97 .scroller-97:after,
#scroller-wrapper-97 .scroller-97:before {
   background: #fff;
}

#scroller-wrapper-97 img {
   max-width: unset;
}

#scroller-wrapper-98 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-98 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-98 .after-98,
#scroller-wrapper-98 .before-98 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-98 .after-98 {
   width: 125px;
}

#scroller-wrapper-98 .scroller-98 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-98 .scroller-98:hover {
   opacity: 1;
}

#scroller-wrapper-98 .scrolling-98 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-98 .scroller__thumb-98 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-98 .scroller-98:after,
#scroller-wrapper-98 .scroller-98:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-98 .scroller-98:before {
   top: 100%;
}

#scroller-wrapper-98 .scroller-98:after {
   bottom: 100%;
}

#scroller-wrapper-98 .scroller-98 {
   border: 5px solid #fff;
}

#scroller-wrapper-98 .scroller-98:after,
#scroller-wrapper-98 .scroller-98:before {
   background: #fff;
}

#scroller-wrapper-98 img {
   max-width: unset;
}

#scroller-wrapper-99 {
   position: relative;
   width: 350px;
   height: 527px;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
}

@media (max-width: 350px) {
   #scroller-wrapper-99 {
      width: 320px;
      height: 481px;
   }
}

#scroller-wrapper-99 .after-99,
#scroller-wrapper-99 .before-99 {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-color: #fff;
   background-size: cover;
   background-position: 50%;
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: hidden;
}

#scroller-wrapper-99 .after-99 {
   width: 125px;
}

#scroller-wrapper-99 .scroller-99 {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 100px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   background-color: transparent;
   opacity: 0.9;
   pointer-events: auto;
   cursor: pointer;
}

#scroller-wrapper-99 .scroller-99:hover {
   opacity: 1;
}

#scroller-wrapper-99 .scrolling-99 {
   pointer-events: none;
   opacity: 1;
   z-index: 1;
}

#scroller-wrapper-99 .scroller__thumb-99 {
   width: 100%;
   height: 100%;
   padding: 5px;
}

#scroller-wrapper-99 .scroller-99:after,
#scroller-wrapper-99 .scroller-99:before {
   content: " ";
   display: block;
   width: 7px;
   height: 9999px;
   position: absolute;
   left: 50%;
   margin-left: -3.5px;
   z-index: 30;
   transition: 0.1s;
}

#scroller-wrapper-99 .scroller-99:before {
   top: 100%;
}

#scroller-wrapper-99 .scroller-99:after {
   bottom: 100%;
}

#scroller-wrapper-99 .scroller-99 {
   border: 5px solid #fff;
}

#scroller-wrapper-99 .scroller-99:after,
#scroller-wrapper-99 .scroller-99:before {
   background: #fff;
}

#scroller-wrapper-99 img {
   max-width: unset;
}

header .support {
   text-align: center;
   background: #FFE0AE;
   padding: 15px 0;
   font-weight: 300;
   position: relative;
}

header .support .support_ukraine_btn {
   color: #212121;
   font-weight: 600;
   text-decoration: underline;
   margin-right: 5px;
   cursor: pointer;
}

header .support-img,
.supprot-ukraine-popup .support-img {
   background: url('images/ukr.png') no-repeat;
   width: 32px;
   height: 32px;
   background-size: contain;
   display: inline-block;
   vertical-align: middle;
   margin-left: 5px;
}

header .support-content {
   display: flex;
   justify-content: center;
   align-items: center;
}

header .support .close-btn {
   width: 30px;
   height: 30px;
   background: url('images/close.svg') no-repeat;
   background-size: contain;
   display: block;
   position: absolute;
   right: 20px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
}

.supprot-ukraine-popup {
   position: relative;
   background: #FFF;
   padding: 20px;
   width: auto;
   max-width: 500px;
   margin: 20px auto;
   background: #FDFFFD;
   box-shadow: 0px 2px 6px rgba(8, 60, 44, 0.18);
   border-radius: 10px;
   padding: 40px;
}

.supprot-ukraine-popup h2 {
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 20px;
}

.supprot-ukraine-popup p {
   color: #212121;
   margin-bottom: 10px;
}

.supprot-ukraine-popup .color-blue {
   color: #005BBB;
}

.supprot-ukraine-popup .color-yellow {
   color: #FFD500;
}

.support-btn-blue,
.support-btn-blue:focus {
   background-color: #005BBB;
   color: #fff;
   margin-right: 10px;
}

.support-btn-blue:hover {
   background-color: #FFD500;
   color: #212121;
}

.support-btn-yellow,
.support-btn-yellow:focus {
   background-color: #FFD500;
   color: #212121;
}

.support-btn-yellow:hover {
   background-color: #005BBB;
   color: #fff;
}

.support-btn-blue,
.support-btn-yellow {
   display: inline-block;
   padding: 10px 30px;
   margin-top: 30px;
   font-weight: 600;
   border-radius: 2px;
   transition: 0.2s ease-in-out;
}

@media screen and (max-width: 375px) {
   .supprot-ukraine-popup {
      padding: 15px;
   }
   .supprot-ukraine-popup p {
      font-size: 14px;
   }
   .supprot-ukraine-popup .support-btn-blue,
   .supprot-ukraine-popup .support-btn-yellow {
      margin-top: 15px;
   }
}

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

.title_free_book {
   max-width: 550px;
   margin-left: auto;
   margin-right: auto;
}

.box_form_free {
   max-width: 455px;
   margin-left: auto;
   margin-right: auto;
}

.box_form_free label {
   font-size: 16px;
   font-weight: 400;
   color: #000;
}

.box_form_free textarea {
   height: 125px;
   resize: none;
}

.free_book {
   padding-top: 90px;
   padding-bottom: 125px;
}

.orbit_free-wrap.inner-header {
   padding-top: 100px;
}

.orbit_thank-wrap {
   background: #fafafa;
   padding: 50px 0px;
   margin-bottom: 22px;
}

.orbit_thank-wrap {
   z-index: 0;
}

.orbit_thank-wrap .descr {
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   text-align: center;
   color: #455a64;
   margin-top: 20px;
   position: relative;
}

.orbit_thank-wrap .descr:after {
   content: '';
   position: absolute;
   bottom: -10px;
   left: 50%;
   transform: translateX(-50%);
   width: 200px;
   height: 1px;
   background: #30b85e;
}

.title_thank_preferences {
   max-width: 670px;
}

.orbit_thank_preferences .section-title {
   margin-bottom: 0;
}

.orbit_thank_preferences {
   margin-bottom: 120px;
}

/*______subscribe_camping_______*/
.subscribe_campaing {
   /*margin: 125px 0px;*/
   /*padding: 0;*/
}

.subscribe_campaing .row_inputs {
   display: flex;
   justify-content: space-between;
   margin-bottom: 50px;
}

.subscribe_campaing .row_inputs > div {
   width: calc(50% - 10px);
}

.subscribe_campaing .row_inputs input {
   border: 1px solid #e0e0e0;
   box-sizing: border-box;
   border-radius: 6px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.subscribe_campaing .row_inputs input:focus {
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.wpcf7-submit {
   outline: none;
   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;
}

.subscribe_campaing .custom_row {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.subscribe_campaing .col_subscribe {
   max-width: 550px;
   min-width: 550px;
}

.subscribe_campaing .title_sub {
   font-family: Proxima Nova Bold;
   font-size: 34px;
   line-height: 41px;
   margin-bottom: 60px;
}

.subscribe_campaing .title_sub span {
   color: #30b85e;
}

.subscribe_campaing .wpcf7-not-valid-tip {
   font-weight: 700;
   font-size: 12px;
}

.subscribe_campaing .wpcf7-response-output {
   display: none !important;
}

.subscribe_campaing .descr_sub {
   font-family: Proxima Nova Rg;
   font-size: 16px;
   line-height: 25px;
   color: #212121;
   margin-bottom: 40px;
}

.subscribe_campaing .descr_sub b {
   color: #30b85e;
   font-family: Proxima Nova Bold;
   text-transform: uppercase;
}

.subscribe_campaing label {
   color: #000000;
   font-size: 16px;
   font-weight: 700;
   display: block;
}

.subscribe_campaing .col_img_subscribe {
   margin-left: 50px;
}

.subscribe_campaing .thank_block {
   background: #fdfffd;
   box-shadow: 0px 2px 6px rgba(8, 60, 44, 0.18);
   border-radius: 10px;
   margin: 0 auto;
   max-width: 550px;
   text-align: center;
   padding: 50px 45px;
   display: none;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.send_subscribe:after {
   content: '';
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 100;
   background: rgba(0, 0, 0, 0.4);
}

.send_subscribe .subscribe_campaing .thank_block {
   display: block;
}

.subscribe_campaing .title_send {
   font-family: Proxima Nova Bold;
   font-size: 24px;
   color: #212121;
   margin: 30px 0px;
}

.subscribe_campaing .descr_send {
   font-size: 16px;
   line-height: 25px;
   text-align: center;
   font-family: Proxima Nova Rg;
   color: #455a64;
   margin-bottom: 30px;
   max-width: 440px;
   margin-left: auto;
   margin-right: auto;
}

.subscribe_campaing_post {
   padding: 0;
   margin: 50px 0px;
}

.subscribe_campaing_post .custom_row {
   padding: 55px 50px;
   background-color: #e4eefb;
   border-radius: 4px;
   position: relative;
}

.subscribe_campaing_post .custom_row::after {
   content: '';
   position: absolute;
   left: 10px;
   right: 10px;
   top: 10px;
   bottom: 10px;
   border-radius: 25px;
   border: 1px solid #214b23;
   opacity: 0.2;
}

.subscribe_campaing_post .custom_row > div {
   position: relative;
   z-index: 1;
}

.footer {
   padding-bottom: 50px;
}

.footer-item.subscribe .classform-control {
   width: 60%;
}

.footer .footer-item.subscribe .classform-control .form-text {
   width: 100%;
   font-family: Museo Sans Cyrl;
   border: 1px solid #455a64;
   border-radius: 0;
   margin: 0;
   height: 37px;
}

.footer .footer-item.subscribe .classform-control .form-text:focus {
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.footer .footer-item.subscribe .wpcf7-form-control {
   padding: 0.375rem 0.75rem;
   font-size: 14px;
}

.footer-item.subscribe .wpcf7 form.invalid .wpcf7-response-output,
.footer-item.subscribe .wpcf7 form.unaccepted .wpcf7-response-output {
   display: none !important;
}

.footer-item.subscribe .wpcf7-not-valid-tip {
   font-size: 12px;
   font-weight: 700;
}

.footer-item.subscribe div.wpcf7 .ajax-loader {
   position: absolute;
   right: 0;
   bottom: 10px;
}

.right_aside {
   border: 1px solid #30a947;
   border-radius: 4px;
   padding: 35px;
   max-width: 300px;
   min-width: 300px;
   margin-left: 50px;
   height: 100%;
   position: sticky;
   top: 105px;
}

.right_aside .title_aside {
   font-size: 20px;
   line-height: 24px;
   font-family: Proxima Nova Bold;
   margin-bottom: 15px;
}

.right_aside .descr_aside {
   font-size: 14px;
   line-height: 22px;
   color: #455a64;
   margin-bottom: 30px;
}

.right_aside .title_aside span {
   color: #30b85e;
}

.right_aside .btn {
   padding-left: 35px;
   padding-right: 35px;
}

.row_custom_single {
   display: flex;
   padding-top: 50px;
}

.single-post-title {
   margin-top: 0;
}

.content_single {
   width: calc(100% - 350px);
}

footer .wpcf7 form.sent .wpcf7-response-output {
   border-color: #46b450;
   border: none;
   color: #46b450;
   font-weight: 700;
   margin: 0;
   padding: 0;
   font-size: 14px;
}

.useful_work {
}

.useful_work select {
   width: 265px;
   border: 1px solid #e0e0e0;
   padding: 13px 15px;
   border-radius: 3px;
   outline: none;
   font-weight: 300;
   font-size: 16px;
   color: #455a64;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: #fff;
}

.useful_work select:active,
.useful_work select:focus {
   border: 1px solid #66bb6a;
}

.useful_work .col_item {
   width: calc(33.333% - 20px);
   margin-right: 30px;
   margin-bottom: 60px;
}

.useful_work .col_item img {
   width: 100%;
   height: auto;
}

.useful_work .col_item .tag {
   font-size: 10px;
   text-transform: uppercase;
   padding: 10px;
   border: 1px solid #c4c4c4;
   border-radius: 1px;
   display: inline-block;
   margin: 20px 0px;
}

.useful_work .col_item:nth-child(3n) {
   margin-right: 0;
}

.filter_wrap {
   position: relative;
}

.filter_wrap::after {
   content: '';
   position: absolute;
   width: 16px;
   height: 8px;
   right: 10px;
   bottom: 22px;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.43907 9.13825L15.8191 1.73778C16.0607 1.49531 16.0603 1.10275 15.8178 0.860686C15.5753 0.618812 15.1826 0.619437 14.9407 0.861936L7.99997 7.82191L1.05925 0.861685C0.817379 0.619217 0.42485 0.618592 0.18235 0.860435C0.0607881 0.981778 6.65556e-06 1.14075 6.64861e-06 1.29971C6.64168e-06 1.45828 0.0603818 1.61662 0.1811 1.73774L7.56091 9.13825C7.6771 9.25503 7.83522 9.32056 7.99997 9.32056C8.16472 9.32056 8.32266 9.25484 8.43907 9.13825Z' fill='%23455A64'/%3E%3C/svg%3E%0A");
   pointer-events: none;
}

.useful_work .row_custom {
   display: flex;
   flex-wrap: wrap;
}

.useful_work .col_item .title {
   font-family: Proxima Nova Bold;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: #212121;
   min-height: 70px;
   padding-bottom: 20px;
   border-bottom: 1px solid #ebebeb;
   margin-bottom: 20px;
}

.top_filter {
   display: flex;
   padding-bottom: 30px;
   margin-bottom: 60px;
   border-bottom: 1px solid #e0e0e0;
}

.top_filter .filter_wrap {
   margin-right: 20px;
}

.top_filter label {
   display: block;
   color: #000000;
   font-weight: 700;
   display: block;
   margin-bottom: 10px;
}

.useful_orbit .title {
   max-width: 585px;
   margin-left: auto;
   margin-right: auto;
}

.useful_orbit .subtitle {
   max-width: 475px;
   margin-left: auto;
   margin-right: auto;
}

.popup_useful {
   background-color: #fff;
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   padding: 40px 20px 30px;
   max-width: 550px;
}

.popup_useful .title_popup {
   font-family: Proxima Nova Bold;
   font-size: 34px;
   line-height: 41px;
   margin-bottom: 30px;
}

.popup_useful label {
   font-weight: 700;
   display: block;
}

.popup_useful .wrap-input {
   margin-bottom: 20px;
}

.popup_useful .wrap-input span {
   width: 100%;
   display: block;
}

.popup_useful .wrap-input input {
   width: 100%;
   max-width: 100%;
}

.popup_useful .wpcf7-submit {
   margin-top: 15px;
}

.popup_useful .wpcf7 form.invalid .wpcf7-response-output,
.popup_useful .wpcf7 form.unaccepted .wpcf7-response-output {
   display: none !important;
}

.popup_useful .wpcf7-not-valid-tip {
   font-weight: 700;
   font-size: 12px;
}

.useful_work .row_custom {
   position: relative;
   min-height: 310px;
}

.useful_work .row_custom h2 {
   text-align: center;
   width: 100%;
}

.useful_work .row_custom.loading::after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: rgba(255, 255, 255, 0.6);
}

.useful_work .btn.btn-green--outline:focus {
   color: #30b85e;
   border: 1px solid #30b85e;
   border-radius: 6px;
   background: transparent;
}

.useful_work .btn.btn-green--outline:hover {
   color: #fff;
   background: #248a47;
   border: 1px solid #248a47;
}

.lds-roller {
   display: inline-block;
   position: absolute;
   width: 80px;
   height: 80px;
   left: calc(50% - 40px);
   top: 20px;
   z-index: 1;
}

.lds-roller div {
   animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   transform-origin: 40px 40px;
}

.lds-roller div:after {
   content: ' ';
   display: block;
   position: absolute;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #30b85e;
   margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
   animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
   top: 63px;
   left: 63px;
}

.lds-roller div:nth-child(2) {
   animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
   top: 68px;
   left: 56px;
}

.lds-roller div:nth-child(3) {
   animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
   top: 71px;
   left: 48px;
}

.lds-roller div:nth-child(4) {
   animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
   top: 72px;
   left: 40px;
}

.lds-roller div:nth-child(5) {
   animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
   top: 71px;
   left: 32px;
}

.lds-roller div:nth-child(6) {
   animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
   top: 68px;
   left: 24px;
}

.lds-roller div:nth-child(7) {
   animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
   top: 63px;
   left: 17px;
}

.lds-roller div:nth-child(8) {
   animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
   top: 56px;
   left: 12px;
}

@keyframes lds-roller {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

.popup_useful .wpcf7-list-item-label {
   font-size: 14px;
}

.popup_useful
.wpcf7-list-item
> label
input[type='checkbox']:checked
+ .wpcf7-list-item-label:before {
   background-color: #30b85e;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
   background-position: center;
   background-repeat: no-repeat;
}

.req {
   color: red !important;
}

.popup_useful div.wpcf7 .wpcf7-submit:disabled {
   cursor: not-allowed;
   background: #ccc;
   border-color: #ccc;
}

.img_contact img {
   /* width: 100%;
      height: auto; */
}

.header-top .menu-top li a {
   padding: 5px 12px;
}

.service-marketing-package .price-card .list ul {
   column-count: 1;
}

.service-marketing-package {
}

.service-marketing-package .row_custom {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.service-marketing-package .section-pack {
   width: 425px;
}

.service-marketing-package .price-card {
   padding: 30px;
}

.section-image {
   max-width: 555px;
   position: relative;
   z-index: 1;
}

.section-image::after {
   content: '';
   position: absolute;
   background-image: url(./images/dots.svg);
   right: -95px;
   top: 16px;
   z-index: -1;
   width: 197px;
   height: 440px;
   background-size: cover;
}

.section-image img {
   width: 100%;
   height: auto;
}

.service-marketing-package .section-pack .title {
   margin-bottom: 50px;
}

.service-marketing-package .section-pack .title {
   margin-bottom: 8px;
}

.service-marketing-package .price-card .list {
   margin-top: 20px;
}

.service-marketing-includes .service-marketing-includes-item {
   max-width: 495px;
}

.service-marketing-includes-item-wrap:nth-child(2n) .service-marketing-includes-item {
   margin-left: auto;
   margin-right: 0;
}

.service-marketing-includes .section-title {
   text-align: center;
}

.service-marketing-includes .section-title .title {
   margin-bottom: 30px;
}

.service-marketing-includes .section-title .subtitle:after {
   right: auto;
   left: 50%;
   transform: translateX(-50%);
}

.service-marketing-includes .service-marketing-includes-item .text,
.service-marketing-branding .text {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #ebebeb;
}

.service-marketing-branding .text {
   width: 100%;
}

.service-marketing-branding .service-marketing-includes-item .title-wrap {
   margin-bottom: 0;
   text-align: center;
}

.service-marketing-includes .service-marketing-includes-item img {
   border-radius: 4px;
}

.extra-services .title {
   text-align: center;
   margin-bottom: 60px;
}

.extra-services .btn.btn-green {
   width: fit-content;
}

.extra-services .title_serv {
   color: #212121;
   font-weight: 600;
   min-height: 48px;
   font-size: 20px;
   line-height: 24px;
}

.extra-services .top_wrap {
   display: flex;
   justify-content: space-between;
   padding-bottom: 20px;
   border-bottom: 1px solid #ebebeb;
   margin-bottom: 20px;
}

.extra-services .box_extra {
   border: 1px solid #30b85e;
   padding: 30px 16px;
   border-radius: 2px;
   height: 100%;
   flex-direction: column;
   display: flex;
   justify-content: space-between;
}

.extra-services .col_extra {
   margin-bottom: 40px;
}

.extra-services .price {
   color: #66bb6a;
   font-size: 20px;
   font-family: Proxima Nova Bold;
}

.slider-repeater-block-card {
   max-width: 455px;
}

.slider-repeater-block-card .price-card {
   margin-right: 30px;
}

.slider-repeater-block-card .slick-prev:before {
   background-image: url(./images/ar-slider.svg);
   transform: scale(-1, 1);
}

.slider-repeater-block-card .slick-next:before {
   background-image: url(./images/ar-slider.svg);
}

.service-illustrated-cover-we-help-item .price-card-wrap .slider-repeater-block-card .price-card {
   padding-bottom: 110px;
   position: relative;
}

.service-illustrated-cover-we-help-item
.price-card-wrap
.slider-repeater-block-card
.price-card:only-child {
   padding-bottom: 80px;
}

.service-illustrated-cover-we-help-item
.price-card-wrap
.slider-repeater-block-card
.price-card:only-child
.btn {
   bottom: 25px;
}

.slider-repeater-block-card .slick-arrow {
   width: 30px;
   height: 15px;
   border: none;
   background-color: transparent !important;
   position: absolute;
   top: auto;
   bottom: 110px;
   z-index: 1111;
}

.slider-repeater-block-card .slick-next {
   right: 150px;
   bottom: 10px;
}

.slider-repeater-block-card .slick-prev {
   left: 110px;
   bottom: 10px;
}

.slider-repeater-block-card .slick-dots {
   bottom: 15px;
   right: 15px;
}

.slider-repeater-block-card .slick-dots li {
   margin: 0 5px;
}

.slider-repeater-block-card .slick-dots li.slick-active button:before {
   background-color: #455a64;
}

.slider-repeater-block-card .slick-track {
   display: flex;
}

.service-illustrated-cover-we-help-item .slider-repeater-block-card .price-card .btn {
   position: absolute;
   bottom: 60px;
   margin: 0;
   left: 25px;
   width: calc(100% - 50px);
}

.slider-repeater-block-card .note_top {
   text-align: center;
   margin-bottom: 20px;
}

/* _______custom_slide_book_cover____ */
.price-card-wrap_slider {
}

.slider-repeater-block-card {
}

.price-card-wrap.price-card-wrap_slider .slick-dotted.slick-slider {
   height: 100%;
   margin-bottom: 0;
}

.price-card-wrap.price-card-wrap_slider .slick-list {
   height: 100%;
}

.price-card-wrap.price-card-wrap_slider .slick-track {
   height: 100%;
}

.price-card-wrap.price-card-wrap_slider .slick-list {
   margin: 0px -15px;
}

.price-card-wrap.price-card-wrap_slider .price-card {
   margin-right: 0;
   margin: 0px 15px;
   position: relative;
}

.price-card-wrap.price-card-wrap_slider .price-card .btn {
   position: absolute;
   bottom: 40px;
   left: 20px;
   right: 20px;
   width: auto;
}

.price-card-wrap.price-card-wrap_slider .price-card {
   max-width: 100%;
}

.price-card-wrap.price-card-wrap_slider .slick-dots {
   right: 0;
}

.price-card-wrap.price-card-wrap_slider .slick-prev {
   left: 30px;
}

.price-card-wrap.price-card-wrap_slider .slick-next {
   right: 30px;
}

.price-cards .price-card {
   padding-bottom: 55px;
}

/* ________logos page_________ */
.page_single_resources {
   padding-top: 70px;
}

.page_single_resources h1 {
   text-align: center;
   margin: 0;
   margin-bottom: 30px;
}

.page_single_resources .subtitle {
   text-align: center;
   font-weight: 300;
   font-size: 16px;
   color: #455a64;
   margin-bottom: 90px;
}

.grid_logo {
   display: grid;
   gap: 30px;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   margin-bottom: 120px;
}

.grid_logo .logo {
   width: 100%;
   height: auto;
   display: block;
   border: 1px solid #e5e5e5;
}

.grid_logo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.popup_logo {
   background: #fdfffd;
   box-shadow: 0px 2px 6px rgba(8, 60, 44, 0.18);
   border-radius: 10px;
   padding: 40px;
   max-width: 930px;
   margin: 60px auto;
   position: relative;
}

.popup_logo .top_popup {
   display: flex;
   justify-content: space-between;
}

.popup_logo .col_logo {
   max-width: 370px;
   width: 50%;
   margin-right: 20px;
}

.popup_logo .col_logo img {
   width: 100%;
   height: auto;
   object-fit: cover;
   border: 1px solid #e5e5e5;
}

.popup_logo .col_descr {
   padding-left: 20px;
   border-left: 1px solid #e5e5e5;
   max-width: 380px;
}

.popup_logo .title_popup {
   font-family: Proxima Nova Bold;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: #212121;
}

.popup_logo .descr_popup {
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455a64;
   margin-top: 20px;
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid #e5e5e5;
}

.popup_logo .hide {
   display: none;
}

.popup_logo .btn-green--outline {
   margin-top: 20px;
}

.popup_logo .btn-green {
   margin-bottom: 40px;
   width: 100%;
}

.popup_logo .descr_popup a {
   font-weight: 600;
   color: #1e88e5;
   text-decoration: underline;
}

.popup_logo .grid_logo {
   margin-top: 40px;
   padding-top: 60px;
   border-top: 1px solid #e5e5e5;
   margin-bottom: 0;
}

.popup_logo .mfp-close {
   width: 30px;
   height: 30px;
   right: -40px;
   border: 2px solid #fff;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   font-size: 25px;
   font-weight: 300;
}

.portfolio-card-footer,
.post-card-footer {
   height: 70px;
}

/* __________________________freelance________________ */
.orbit_freelance .subtitle {
   max-width: 335px;
   margin-left: auto;
   margin-right: auto;
}

.platform {
}

.platform .title_paltform {
   background: #c2e4c3;
   padding: 40px 0px;
}

.platform .title_paltform h2 {
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   text-align: center;
   max-width: 710px;
   margin-left: auto;
   margin-right: auto;
   text-transform: uppercase;

   font-family: Museo Sans cyrl\700;
}

.platform .title_paltform h2 b {
   font-family: Museo Sans cyrl\900;
}

.platform .box_logo {
   width: 100%;
   height: 190px;
   padding: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #66bb6a;
   border-radius: 2px;
   margin-top: 60px;
}

.freelancer_who .title {
   margin-bottom: 60px;
}

.freelancer_who h3 {
   margin-top: 40px;
   margin-bottom: 30px;
}

.freelancer_who img {
   width: 100%;
   height: auto;
}

.faq_freelance .title {
   text-align: center;
   font-family: Museo Sans cyrl\900;
   margin-bottom: 60px;
}

.section-share-freelance .title h2 {
   font-family: Museo Sans cyrl\900;
}

.freelance_cards .price-card {
   max-width: 455px;
}

.freelance_cards .price-card .title {
}

.freelance_cards .price-card {
   margin-left: auto;
   margin-right: 0;
   height: 100%;
}

.freelance_cards .row > div:nth-child(2n) .price-card {
   margin-left: 0;
   margin-right: auto;
}

.extra-services .title_serv .sub_title_serv {
   font-size: 16px;
   line-height: 19px;
   color: #455a64;
   margin-top: 5px;
   font-weight: 400;
}

.price-cards .price-card-wrap {
   padding-left: 5px;
   padding-right: 5px;
}

.price-cards .price-card-wrap .price-card {
   padding: 15px 10px 15px;
}

.price-cards .price-card-wrap .price-card img {
   width: 100%;
   border-radius: 5px;
}

.price-card-wrap.price-card-wrap_slider .price-card .btn {
   bottom: 15px;
}

.price-cards .price-card .price-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 48px;
   width: 100%;
}

.slider-repeater-block-card .slick-dots {
   bottom: 98px;
}

.slider-repeater-block-card .slick-prev,
.slider-repeater-block-card .slick-next {
   bottom: 94px;
}

.row.service-illustrated-cover-we-help-item .slider-repeater-block-card .slick-prev,
.row.service-illustrated-cover-we-help-item .slider-repeater-block-card .slick-next {
   bottom: 15px;
}

.row.service-illustrated-cover-we-help-item .slider-repeater-block-card .slick-dots {
   bottom: 20px;
}

.price-cards .price-card .price-wrap .note,
.price-cards .slider-repeater-block-card .note_top {
   text-align: left;
   margin: 0;
   padding-right: 38px;
}

.price-cards .slider-repeater-block-card .list {
   padding-bottom: 100px;
}

.price-cards .price-card .title {
   text-align: left;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 16px;
   line-height: 19px;
   margin-top: 15px;
   width: 100%;
   min-height: 76px;
}

.price-cards .price-card .price {
   font-size: 32px;
   font-weight: 700;
}

.price-cards .price-card .options .option {
   margin: 0;
}

.price-cards .price-card .options {
   padding-bottom: 20px;
}

.price-cards .price-card .list ul li:before {
   content: '';
   background: #30b85e;
   width: 12px;
   height: 12px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml,%3Csvg width='7' height='6' viewBox='0 0 7 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6.07229' height='1.7434' transform='matrix(0.694279 -0.719706 0.694279 0.719706 1.32422 4.74512)' fill='white'/%3E%3Crect width='3.64939' height='1.7434' transform='matrix(-0.694279 -0.719706 0.694279 -0.719706 2.53418 6)' fill='white'/%3E%3C/svg%3E%0A");
}

.price-cards .price-card .options .option label {
   font-size: 14px;
   padding-left: 25px;
}

.price-cards .price-card .options form {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

body .page-content .block-btn-green a {
   letter-spacing: 1px;
}

body .header-top .menu-top li.menu-item:last-child a:hover:after {
   right: -5px;
   top: 3px;
}

/*
.grid .grid-item {

} */

.authors-and-coaches {
   margin-bottom: 125px;
}

.editing-coaching {
   padding-top: 0;
}

.editing-coaching .wrap-img img {
   max-width: fit-content;
}

.authors-and-coaches h2,
.helpful-author h2,
.editing-coaching h2 {
   margin-bottom: 60px;
   font-weight: bold;
   font-size: 34px;
   line-height: 50px;
   text-transform: capitalize;
   color: #212121;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.authors-and-coaches h2 span,
.helpful-author h2 span,
.editing-coaching h2 span {
   color: #37b764;
}

.authors-and-coaches .authors-wrap {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 80px;
}

.authors-and-coaches .authors-wrap:last-of-type {
   margin-bottom: 0;
}

.authors-and-coaches .authors-wrap .author {
   margin-right: 115px;
}

.authors-and-coaches .authors-wrap .wrap-author-information {
   max-width: 550px;
}

.authors-and-coaches .authors-wrap .author div img {
   max-width: fit-content;
}

.authors-and-coaches .authors-wrap .wrap-author-information h3 {
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   display: flex;
   align-items: center;
   text-transform: capitalize;
   color: #212121;
   margin-bottom: 30px;
}

.authors-and-coaches .authors-wrap .wrap-author-information p {
   padding-bottom: 30px;
   margin-bottom: 20px;
   border-bottom: 1px solid #ebebeb;
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455a64;
}

.helpful-author {
   padding-top: 0;
}

.helpful-author .wrap-help-for-author {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.helpful-author .wrap-article {
   display: flex;
   flex-direction: column;
   width: calc(50% - (80px / 2));
   margin-right: 80px;
   margin-bottom: 80px;
}

.helpful-author .wrap-article:nth-child(2n) {
   margin-right: 0;
}

.authors-and-coaches a.btn,
.helpful-author a.btn,
.editing-coaching a.btn {
   padding: 10px 40px;
   color: #30b85e;
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   border: 1px solid #30b85e;
   border-radius: 4px;
   text-decoration: none;
   display: block;
   width: fit-content;
   height: fit-content;
   width: fit-content;
   min-width: auto;
   text-transform: capitalize;
}

.helpful-author .wrap-article .wrap-img {
   margin-bottom: 40px;
}

.helpful-author .wrap-article .wrap-img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.helpful-author .wrap-article h3 {
   margin-bottom: 30px;
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   display: flex;
   align-items: center;
   text-transform: capitalize;
   color: #212121;
}

.helpful-author .wrap-article p {
   margin-bottom: 55px;
   /* margin-bottom: 20px; */
   /* border-bottom: 1px solid #EBEBEB; */
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455a64;
   min-height: 125px;
}

.helpful-author .wrap-article .horizontal-line {
   width: 100%;
   height: 1px;
   background-color: #ebebeb;
   margin-bottom: 20px;
}

.editing-coaching .wrap-author-editing {
   display: flex;
   align-items: center;
   margin-bottom: 80px;
}

.editing-coaching .wrap-author-editing:last-of-type {
   margin-bottom: 0;
}

.editing-coaching .wrap-author-editing .wrap-img {
   margin-right: 115px;
}

.editing-coaching .wrap-author-editing h3 {
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   display: flex;
   align-items: center;
   text-transform: capitalize;
   color: #212121;
   margin-bottom: 30px;
}

.editing-coaching .wrap-author-editing p {
   padding-bottom: 30px;
   margin-bottom: 20px;
   border-bottom: 1px solid #ebebeb;
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455a64;
}

.page-template-recomended-tools .title.inner-title::before {
   display: none;
}

.page-template-recomended-tools .inner-header .section-title.centered .subtitle::after {
   display: none;
}

.page-template-recomended-tools .inner-header .section-title.centered .subtitle {
   max-width: 900px;
}

.page-template-recomended-tools section .section-title.centered .subtitle:after {
   display: none;
}

.page-template-recomended-tools section .section-title .title span {
   display: block;
}

.page-template-recomended-tools section .section-title .title span::first-letter {
   text-transform: uppercase;
}

.recaptcha .wpcf7-form-control {
   padding: 0;
   border: 0;
   padding: 0;
   margin: 0;
}

.recaptcha {
   margin-bottom: 25px;
   display: block;
}

.subscribe_campaing .row_inputs {
   margin-bottom: 25px;
}

.design-logo-branding {
   margin-top: 75px;
   margin-bottom: 125px;
}

.design-logo-branding .row {
   display: flex;
   align-items: center;
   flex-direction: row;
   flex-wrap: nowrap;
}

.design-logo-branding .row .swiper-design-logo-branding {
   position: relative;
}

.design-logo-branding .row .wrap-slider-text {
   width: 50%;
   margin-right: 75px;
   padding-bottom: 170px;
   padding-left: 15px;
   text-align: left;
}

.design-logo-branding .row .wrap-slider-text .wrap-text-number {
   display: flex;
   align-items: flex-start;
}

.design-logo-branding .row .wrap-slider-text .wrap-text-number .wrap-img {
   height: fit-content;
}

.design-logo-branding .row .wrap-slider-text h2 {
   margin-bottom: 46px;
   font-style: normal;
   font-weight: bold;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

.design-logo-branding .row .wrap-slider-text h3 {
   font-style: normal;
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   display: flex;
   align-items: center;
   color: #212121;
   margin-bottom: 30px;
   padding-left: 15px;
}

.design-logo-branding .row .wrap-slider-text p {
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455a64;
}

.design-logo-branding .row .wrap-slider-image {
   width: 50%;
   /* padding: 50px 0 50px 50px; */
   /* background-image: url(../assets/images/bouble.svg); */
   padding: 0px 0 53px 16px;
   /* background-repeat: no-repeat; */
   position: relative;
}

.design-logo-branding .row .wrap-slider-image::before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-image: url(../assets/images/bouble.svg);
   background-repeat: no-repeat;
   background-size: 380px;
   z-index: -1;
}

.design-logo-branding .row .wrap-slider-image::after {
   content: '';
   position: absolute;
   top: 0;
   height: 20px;
   background-image: url(../assets/images/bouble-2.svg);
   background-repeat: no-repeat;
   background-size: 380px;
   z-index: -1;
}

.design-logo-branding .row .wrap-slider-image img {
   width: 100%;
   height: auto;
}

.design-logo-branding .wrap-pagination {
   position: absolute;
   top: 500px;
   left: 10px;
   z-index: 1;
   width: 200px;
   height: 20px;
}

.design-logo-branding .swiper-button-next {
   right: 0;
}

.design-logo-branding .swiper-button-next.swiper-button-disabled:after {
   opacity: 0.35;
   cursor: auto;
   pointer-events: none;
   transform: rotate(90deg);
   right: 0;
}

.design-logo-branding .swiper-button-prev {
   left: 0;
   top: 15px;
}

.design-logo-branding .swiper-button-prev.swiper-button-disabled:after {
   opacity: 0.35;
   cursor: auto;
   pointer-events: none;
   transform: rotate(90deg);
   left: 0;
}

body .design-logo-branding .swiper-button-prev:after {
   top: 0;
   transform: rotate(90deg);
}

body .design-logo-branding .swiper-button-next:after {
   top: 15px;
   transform: rotate(90deg);
}

body .design-logo-branding .swiper-pagination {
   display: flex;
   flex-direction: row;
}

.design-logo-branding .swiper-pagination-clickable .swiper-pagination-bullet {
   margin: 10px 10px;
}

.design-logo-branding__title {
   margin-bottom: 60px;
}

.design-logo-branding__wrapper {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   padding-right: 95px;
}

.design-logo-branding__title > * {
   margin: 0;
}

.design-logo-branding__list {
   position: relative;
   max-width: 705px;
   width: 100%;
}

.design-logo-branding__list ol li em {
   line-height: 29px;
}

.design-logo-branding__list ol li p:not(:last-child) {
   margin-bottom: 15px;
}

.design-logo-branding__list ol li::after {
   top: 50px;
}

.design-logo-branding__list ol li::before {
   font-size: 44px;
}

.design-logo-branding__img {
   display: block;
   position: absolute;
   top: 0;
   left: -423px;
   max-width: 288px;
   width: 100%;
   height: 1px;
   min-height: 195px;
   max-height: 195px;
}

@media screen and (max-width: 1168px) {
   .design-logo-branding__wrapper {
      padding: 0;
      align-items: flex-start;
   }
   .design-logo-branding__list ol li {
      margin-top: 240px;
   }
   .design-logo-branding__img {
      top: -240px;
      left: -93px;
   }
}

@media screen and (max-width: 480px) {
   .design-logo-branding__list ol li p {
      text-align: left;
   }
   .design-logo-branding__img {
      left: 0;
   }
}

.service-book-cover .price-card-wrap .price-card .options {
   height: 66px;
}

@media (max-width: 1350px) {
   .section-image:after {
      display: none;
   }
   .popup_logo {
      margin: 100px auto;
   }
   .popup_logo .mfp-close {
      right: 10px;
      top: -40px;
   }
   .price-cards .price-card-wrap {
      padding-left: 15px;
      padding-right: 15px;
   }
}

@media (max-width: 1175px) {
   .design-logo-branding .row .wrap-slider-image::before {
      background-size: 350px;
   }
}

@media (max-width: 991px) {
   .price-card-wrap.price-card-wrap_slider .price-card .btn {
      bottom: 50px;
   }
   .price-card-wrap.price-card-wrap_slider,
   .price-cards .price-card-wrap {
      margin-top: 20px;
   }
   .slider-repeater-block-card .slick-dots {
      bottom: 13px;
   }
   .price-cards .price-card-wrap .price-card {
      width: 100%;
      max-width: 100%;
   }
   .slider-repeater-block-card .price-card {
      margin-right: 0;
   }
   .slider-repeater-block-card {
      max-width: 100%;
      width: 100%;
   }
   .slider-repeater-block-card .slick-dots {
      right: 0;
   }
   .slider-repeater-block-card .slick-next {
      right: 90px;
   }
   .subscribe_campaing .col_subscribe {
      max-width: 420px;
      min-width: 420px;
   }
   .footer .subscribe .form-control {
      height: 37px;
   }
   .content_single {
      width: 100%;
   }
   .right_aside {
      width: 100%;
      max-width: 100%;
      margin: 0;
      margin-top: 30px;
      text-align: center;
   }
   .row_custom_single {
      flex-wrap: wrap;
   }
   .useful_work .col_item {
      width: calc(50% - 15px);
      margin-right: 0;
   }
   .useful_work .row_custom {
      justify-content: space-between;
   }
   .service-marketing-package .row_custom {
      justify-content: center;
   }
   .service-marketing-package .row_custom .section-pack {
      width: 100%;
      max-width: 100%;
   }
   .service-marketing-package .row_custom .price-card {
      width: 100%;
      max-width: 100%;
   }
   .service-marketing-package .row_custom .section-image {
      max-width: 100%;
      width: 100%;
   }
   .service-marketing-package .section-pack .title {
      margin-bottom: 30px;
   }
   .price-card-wrap.price-card-wrap_slider .price-card {
      padding-bottom: 105px;
   }
   .price-card-wrap.price-card-wrap_slider .slick-arrow {
      bottom: 7px;
   }
   .price-cards .price-card {
      padding-bottom: 20px;
   }
   .grid_logo {
      gap: 15px;
   }
   .text_freelancer {
      margin-bottom: 40px;
   }

   body .slider-section .row .slider-left {
      padding-top: 170px;
   }

   body div.swiper-pagination {
      top: -5px;
   }

   body .slider-section {
      margin-bottom: 0;
      padding-top: 0;
   }

   body .slider-section .row .slider-left {
      width: 60%;
   }

   body .slider-section .row .slider-right {
      width: 40%;
   }

   body .slider-section .row .slider-center {
      display: none;
   }

   body .slider-section .row .slider-right .wrap-img {
      left: 0;
   }

   body .wrap-pagination {
      top: 90%;
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      left: 50%;
      transform: translateX(-50%);
      width: 150px;
      justify-content: center;
      height: auto;
   }

   body div.swiper-pagination {
      flex-direction: row;
   }

   body div.swiper-button-next {
      top: 50%;
      right: 0;
   }

   body div.swiper-button-next:after {
      top: 0;
      transform: rotate(90deg);
   }

   body div.swiper-pagination-clickable .swiper-pagination-bullet {
      margin: 10px;
   }

   body div.swiper-button-prev {
      top: 50%;
      left: 0;
   }

   body div.swiper-button-prev:after {
      top: 0;
      transform: rotate(90deg);
   }

   body .slider-section .row .slider-left p {
      max-height: 175px;
      overflow: auto;
   }

   .slider-repeater-block-card .slick-prev,
   .slider-repeater-block-card .slick-next {
      bottom: -70px;
   }

   .slider-repeater-block-card .slick-dots {
      bottom: -65px;
   }
   .price-cards .slick-dots {
      bottom: 13px;
   }

   .page-template-recomended-tools .editing-coaching .wrap-img img {
      width: auto;
      height: 100%;
      -webkit-appearance: none;
   }

   .design-logo-branding .row {
      flex-direction: column-reverse;
   }

   .design-logo-branding .row .wrap-slider-text,
   .design-logo-branding .row .wrap-slider-image {
      width: 100%;
   }

   .design-logo-branding .row .wrap-slider-text {
      margin-right: 0;
   }

   .design-logo-branding .wrap-pagination {
      top: 90%;
      left: 50%;
      transform: translateX(-50%);
   }

   body .design-logo-branding .swiper-button-prev:after {
      top: -12px;
   }

   body .design-logo-branding .swiper-button-next:after {
      top: -7px;
   }
}

@media (max-width: 767px) {
   .price-card-wrap.price-card-wrap_slider {
      margin-top: 0;
   }
   .service-book-cover .price-card-wrap {
      margin-top: 0;
   }
   .orbit_free-wrap {
      min-height: 310px;
   }
   .orbit_thank-wrap .descr {
      font-size: 20px;
   }
   .orbit_thank_preferences {
      margin-bottom: 70px;
   }
   .subscribe_campaing .col_img_subscribe {
      display: none;
   }
   .subscribe_campaing .col_subscribe {
      width: 100%;
      max-width: 100%;
      min-width: unset;
   }
   .subscribe_campaing {
      padding-top: 50px;
   }
   .subscribe_campaing .title_sub {
      font-size: 28px;
      line-height: 32px;
      margin-bottom: 15px;
   }
   .subscribe_campaing .descr_sub {
      margin-bottom: 20px;
   }
   .subscribe_campaing .row_inputs {
      flex-wrap: wrap;
   }
   .subscribe_campaing .row_inputs > div {
      width: 100%;
      margin-bottom: 30px;
   }
   .subscribe_campaing .row_inputs > div:last-child {
      margin-bottom: 0;
   }
   .subscribe_campaing label {
      margin-bottom: 0;
   }
   .subscribe_campaing .row_inputs {
      margin-bottom: 30px;
   }
   .subscribe_campaing_post .custom_row {
      padding: 30px;
   }
   .footer .subscribe .form-control {
      height: 37px;
   }
   .subscribe_campaing_post {
      margin: 15px 0px;
   }
   .useful_work .col_item {
      width: 100%;
      margin-bottom: 40px;
   }
   .top_filter {
      flex-direction: column;
   }
   .top_filter .filter_wrap {
      margin-right: 0;
      margin-bottom: 20px;
      width: 100%;
   }
   .useful_work select {
      width: 100%;
   }
   .popup_useful .title_popup {
      font-size: 28px;
      line-height: 34px;
   }
   .popup_useful .descr_popup {
      margin: 25px 0px;
   }
   .useful_work .row_custom {
      position: relative;
      min-height: 210px;
   }
   .lds-roller {
      margin: 30px auto;
      top: 10px;
   }
   .extra-services .title_serv {
      font-size: 18px;
   }
   .service-illustrated-cover-we-help-item .price-card-wrap .price-card,
   .slider-repeater-block-card {
      width: 100%;
   }
   .slider-repeater-block-card .slick-prev {
      left: 60px;
   }
   .slider-repeater-block-card .slick-next {
      right: 60px;
   }
   .popup_logo .top_popup {
      flex-direction: column;
   }
   .popup_logo .col_logo {
      margin-right: 0;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px;
   }
   .popup_logo .col_logo {
      width: 100%;
   }
   .popup_logo .col_descr {
      padding-left: 0;
      border-left: 0;
   }
   .single-useful-resources .mfp-bg {
      background: #fff;
      opacity: 1;
   }
   .popup_logo .mfp-close {
      border-color: #455a64;
      color: #455a64;
      opacity: 1;
   }
   .popup_logo {
      box-shadow: none;
      padding: 5px;
   }
   .grid_logo {
      grid-template-columns: 1fr 1fr;
   }
   .page_single_resources .subtitle {
      margin-bottom: 60px;
   }
   .grid_logo {
      margin-bottom: 90px;
   }
   .popup_logo .grid_logo {
      padding-top: 40px;
   }
   .platform .title_paltform h2 {
      font-size: 16px;
   }
   .platform .box_logo {
      height: 150px;

      margin-top: 30px;
   }
   .freelancer_who .title {
      margin-bottom: 30px;
   }
   .freelancer_who h3 {
      margin-top: 35px;
      margin-bottom: 15px;
   }
   .freelance_cards .row > div {
      margin-bottom: 30px;
   }
   .freelance_cards .price-card {
      margin-left: auto !important;
      margin-right: auto !important;
   }
   .faq_freelance .row > div {
      margin-bottom: 25px;
   }

   body .slider-section .row {
      height: auto;
   }

   body .slider-section .banner-top-text {
      position: static;
      height: auto;
      padding-left: 15px;
   }

   body .slider-section .row .text-under-title {
      margin-bottom: 20px;
   }

   .page-template-recomended-tools .authors-and-coaches .authors-wrap .wrap-author-information {
      max-width: 100%;
   }

   .page-template-recomended-tools .authors-and-coaches .authors-wrap .author div img {
      max-width: 100%;
   }

   .design-logo-branding .wrap-pagination {
      width: 100%;
   }

   .design-logo-branding .swiper-button-next {
      right: 10px;
   }
}

.grecaptcha-badge {
   opacity: 0 !important;
}

@media (max-width: 320px) {
   .price-card-wrap.price-card-wrap_slider .slick-prev {
      left: 50px;
   }
   .price-card-wrap.price-card-wrap_slider .slick-next {
      right: 50px;
   }
}

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

.error404 .footer {
   bottom: -160px;
}

/* SWIPER */

.slider-section {
   margin-bottom: 125px;
}

.slider-section .row {
   height: 692px;
   position: relative;
}

.slider-section .banner-top-text {
   display: flex;
   flex-direction: column;
   position: absolute;
   top: 110px;
   left: 15px;
}

.slider-section .swiper-slide {
   height: auto;
}

.slider-section .row .wrap-all-slide {
   display: flex;
   position: relative;
}

.slider-section .row .slider-left {
   width: 35%;
   text-align: left;
   padding: 15px;
   padding-top: 120px;
}

.slider-section .row .slider-center {
   width: 25%;
}

.slider-section .row .slider-right {
   width: 40%;
}

.slider-section .row h3 {
   color: #212121;
   text-transform: capitalize;
   font-weight: bold;
   font-size: 34px;
   line-height: 41px;
   margin-bottom: 30px;
}

.slider-section .row h3 span {
   color: #37b764;
   margin-left: 10px;
}

.slider-section .row .horizontal-line {
   margin-bottom: 10px;
   width: 200px;
   height: 1px;
   background-color: #30b85e;
}

.slider-section .row .text-under-title {
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   color: #455a64;
   margin-bottom: 60px;
}

.slider-section .row .slider-left h4 {
   font-weight: 600;
   font-size: 18px;
   line-height: 22px;
   color: #000000;
   margin-bottom: 15px;
}

.slider-section .row .slider-left p {
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455a64;
   margin-bottom: 30px;
}

.slider-section .row .slider-left .wrap-author-name {
   display: flex;
   align-items: center;
}

.slider-section .row .slider-left .wrap-author-name .author-line {
   width: 40px;
   height: 1px;
   background-color: #c4c4c4;
   margin-right: 15px;
}

.slider-section .row .slider-left .wrap-author-name .author-name {
   margin-bottom: 0;
   font-weight: 300;
   font-size: 14px;
   line-height: 17px;
   color: #c4c4c4;
}

.slider-section .row .slider-right {
   background-color: #c2e4c3;
   position: relative;
}

.slider-section .row .slider-right .wrap-img {
   position: absolute;
   top: 50%;
   left: -100px;
   transform: translateY(-50%);
}

.slider-section .row .slider-right .wrap-img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.swiper-container {
   width: 100%;
   height: 100%;
}

.swiper-slide {
   text-align: center;
   font-size: 18px;
   background: transparent;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   height: auto;
}

.swiper-slide.active {
   height: auto;
}

.wrap-pagination {
   position: absolute;
   top: 50%;
   left: 48%;
   transform: translateX(-50%);
   transform: translateY(-50%);
   z-index: 1;
   display: flex;
   flex-direction: column-reverse;
   justify-content: space-between;
   align-items: center;
   height: 400px;
}

body .swiper-button-next:after {
   content: '';
   position: absolute;
   width: 32px;
   height: 32px;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.002' cy='15' r='14.5' transform='rotate(-180 15.002 15)' stroke='%23455A64'/%3E%3Cpath d='M10.2043 16.9055C10.3407 17.0315 10.5624 17.0315 10.6988 16.9055L15.0477 12.8797L19.4051 16.9055C19.5415 17.0315 19.7632 17.0315 19.8996 16.9055C20.0361 16.7794 20.0361 16.5746 19.8996 16.4485L15.3035 12.2022C15.2353 12.1392 15.15 12.1077 15.0562 12.1077C14.9709 12.1077 14.8771 12.1392 14.8089 12.2022L10.2128 16.4485C10.0678 16.5746 10.0678 16.7794 10.2043 16.9055Z' fill='%23455A64'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
   left: 0;
   top: 100px;
}

body .swiper-button-prev:after {
   content: '';
   position: absolute;
   width: 32px;
   height: 32px;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.002' cy='14.9995' r='14.5' transform='rotate(-180 15.002 14.9995)' stroke='%23455A64'/%3E%3Cpath d='M19.9012 13.202C19.7648 13.0759 19.5431 13.0759 19.4066 13.202L15.0578 17.2275L10.7004 13.202C10.564 13.0759 10.3423 13.0759 10.2058 13.202C10.0694 13.328 10.0694 13.5328 10.2058 13.6589L14.802 17.905C14.8702 17.968 14.9555 17.9995 15.0493 17.9995C15.1345 17.9995 15.2283 17.968 15.2966 17.905L19.8927 13.6589C20.0377 13.5328 20.0377 13.328 19.9012 13.202Z' fill='%23455A64'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   left: 0;
   background-position: center center;
   bottom: -100px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   position: relative;
}

body .swiper-pagination-clickable .swiper-pagination-bullet {
   margin: 10px 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   background-color: transparent;
   border: 1px solid #455a64;
   border-radius: 50%;
}

body .swiper-pagination {
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   flex-direction: column-reverse;
}

body .swiper-button-next {
   top: 0;
   right: auto;
}

body .swiper-button-prev {
   left: auto;
   bottom: 0;
}

/* KINDLE VELLA */

.kindle-vella {
   padding-top: 50px;
   /* margin-bottom: 125px; */
   max-width: 1920px;
   margin: 0 auto;
   position: relative;
}

.kindle-vella .wrap-top-section {
   display: flex;
   justify-content: space-between;
}

.kindle-vella .wrap-cart h1 {
   position: relative;
   color: #212121;
   align-items: center;
   text-transform: capitalize;
   font-weight: bold;
   font-size: 52px;
   line-height: 123%;
   max-width: 550px;
   margin-bottom: 60px;
}

.kindle-vella .wrap-cart h1::before {
   position: absolute;
   content: '';
   width: 65%;
   height: 12px;
   background-color: #66bb6a;
   opacity: 0.4;
   top: 42px;
   z-index: -1;
   left: -15px;
}

.kindle-vella-book .wrap-cart .cart {
   border: 1px solid #30b85e;
   border-radius: 6px;
   padding: 30px;
}

.kindle-vella-book .cart h3 {
   text-align: center;
   margin-bottom: 8px;
   color: #212121;
   font-weight: bold;
   font-size: 24px;
   line-height: 29px;
}

.kindle-vella-book .cart span {
   display: block;
   text-align: center;
   color: #30b85e;
   font-weight: 600;
   font-size: 44px;
   line-height: 41px;
   margin-bottom: 30px;
}

.kindle-vella-book .cart .horizontal-line {
   height: 1px;
   width: 100%;
   background-color: #e6e6e6;
   margin-bottom: 30px;
}

.kindle-vella-book .cart ul {
   margin-bottom: 50px;
   padding-left: 20px;
}

.kindle-vella-book .cart ul li {
   list-style-image: url(../assets/images/done.svg);
   color: #455a64;
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 20px;
}

.kindle-vella-book .cart ul li:last-of-type {
   margin-bottom: 0;
}

.kindle-vella-book .cart a.btn {
   padding: 15px 0;
   text-align: center;
   color: #ffffff;
   background-color: #30b85e;
   border-radius: 6px;
   width: 100%;
   display: block;
   text-decoration: none;
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
}

.kindle-vella-book .cart a.btn:hover {
   background-color: #248a47;
   transition: 0.4s;
}

body .es-collect-btn:hover {
   background-color: #248a47;
   transition: 0.4s;
}

.kindle-vella .wrap-big-img {
   height: fit-content;
   position: absolute;
   right: 0;
}

.kindle-vella .wrap-big-img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.comming-soon .row {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.comming-soon .wrap-title-text h2 {
   margin-bottom: 60px;
   color: #212121;
   font-weight: bold;
   font-size: 34px;
   line-height: 50px;
   text-transform: capitalize;
   max-width: 470px;
}

.comming-soon .wrap-title-text h2 span {
   color: #37b764;
}

.comming-soon .wrap-warning-text {
   display: flex;
}

.comming-soon .wrap-warning-text div {
   position: relative;
   margin-right: 30px;
   height: fit-content;
}

.comming-soon .wrap-warning-text div::before {
   content: '';
   position: absolute;
   height: 1px;
   width: 35px;
   background-color: #fbc02d;
   bottom: -15px;
}

.comming-soon .wrap-warning-text p {
   max-width: 325px;
   font-weight: 300;
   font-size: 24px;
   line-height: 29px;
   display: flex;
   align-items: center;
   color: #212121;
}

.comming-soon .commin-soon-img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.dignity .row {
   display: block;
}

.dignity .wrap-title-question {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 60px;
}

.dignity .wrap-title-question h2 {
   max-width: 485px;
   font-weight: bold;
   font-size: 34px;
   line-height: 50px;
   text-transform: capitalize;
   color: #212121;
}

.dignity .wrap-title-question h2 span {
   color: #37b764;
}

.dignity .wrap-title-question p {
   position: relative;
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   display: flex;
   align-items: center;
   text-align: right;
   color: #455a64;
}

.dignity .wrap-title-question p::before {
   content: '';
   position: absolute;
   height: 1px;
   width: 90%;
   top: -10px;
   right: 0;
   background-color: #37b764;
}

.dignity .wrap-all-digtinity {
   display: flex;
   flex-wrap: wrap;
}

.dignity .wrap-all-digtinity .benefit {
   width: calc(33.333% - (60px / 3));
   margin-right: 30px;
   padding: 40px 25px;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

.dignity .wrap-all-digtinity .benefit:nth-child(3n) {
   margin-right: 0;
}

.dignity .wrap-all-digtinity .benefit:nth-child(-n + 3) {
   margin-bottom: 50px;
}

.dignity .wrap-all-digtinity .benefit .wrap-img-title {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.dignity .wrap-all-digtinity .benefit .wrap-img {
   margin-right: 15px;
}

.dignity .wrap-all-digtinity .benefit .wrap-img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.dignity .wrap-all-digtinity .benefit .wrap-img-title h3 {
   max-width: 210px;
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   display: flex;
   align-items: center;
   text-transform: capitalize;
   color: #212121;
}

.dignity .wrap-all-digtinity .benefit p {
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455a64;
}

.kindle-vella-book {
   margin-bottom: 85px;
}

.kindle-vella-book .row {
   display: flex;
}

.kindle-vella-book .wrap-img {
   margin-right: 115px;
}

.kindle-vella-book .wrap-img img {
   /* width: 100%;
      height: 100%; */
   object-fit: contain;
}

.kindle-vella-book .wrap-plus h2 {
   max-width: 440px;
   font-weight: bold;
   font-size: 34px;
   line-height: 50px;
   text-transform: capitalize;
   color: #212121;
   margin-bottom: 60px;
}

.kindle-vella-book .wrap-plus h2 span {
   color: #37b764;
}

.kindle-vella-book .wrap-plus ul {
   padding-left: 20px;
   margin-bottom: 60px;
}

.kindle-vella-book .wrap-plus ul li {
   list-style-image: url(../assets/images/done.svg);
   color: #455a64;
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 20px;
   color: #455a64;
   font-size: 16px;
   line-height: 20px;
}

.kindle-vella-book .wrap-plus .wrap-list-btn {
   width: 100%;
   max-width: 300px;
}

.kindle-vella-book .wrap-plus a.btn {
   text-decoration: none;
   padding: 14px 0;
   text-align: center;
   color: #ffffff;
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   background-color: #30b85e;
   border-radius: 6px;
   display: block;
}

.kindle-vella-book .wrap-plus a.btn:hover {
   background-color: #248a47;
   transition: 0.4s;
}

.top-banner-home .top-banner-subtitle {
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   color: #212121;
   padding-bottom: 20px;
   border-bottom: 1px dashed #66bb6a;
   margin-bottom: 50px;
}

.top-banner-home .top-banner-subtitle p {
   font-size: 18px;
   line-height: 1.4;
   max-width: 220px;
}

.top-banner-home .top-banner-subtitle-btn p {
   font-weight: 300;
   font-size: 18px;
   line-height: 1.4;
   color: #212121;
   margin-bottom: 40px;
}

.top-banner-home .top-banner-subtitle-btn p b {
   font-weight: 700;
}

.awards-carousel-custom {
}

.awards-carousel-custom .awards-carousel-item {
   flex-wrap: wrap;
   width: 190px;
   justify-content: flex-start;
}

.awards-carousel-custom .awards-carousel-item img {
   width: 100%;
   height: 190px;
   object-fit: contain;
}

.awards-carousel-custom .awards-carousel-item .title-award {
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
   color: #212121;
   text-align: left;
   margin-top: 30px;
   min-height: 38px;
   display: block;
}

.awards-carousel-item {
   padding-left: 10px;
   padding-right: 10px;
}

.awards-carousel-item img {
   filter: none;
}

.awards-carousel-item .subtitle {
   font-size: 14px;
   line-height: 17px;
   color: #455a64;
   display: block;
   width: 100%;
   margin-top: 3px;
}

/* MEDIA */
@media (max-width: 1350px) {
   .kindle-vella .wrap-top-section {
      flex-direction: column;
   }

   .kindle-vella .wrap-cart h1 {
      margin-right: 0;
      max-width: none;
      width: fit-content;
      /* display: flex;
            justify-content: center; */
      margin: 0 auto;
      margin-bottom: 60px;
   }

   .kindle-vella .wrap-cart .cart {
      width: fit-content;
      margin: 0 auto;
      margin-bottom: 60px;
   }

   .kindle-vella .wrap-big-img {
      width: fit-content;
      margin: 0 auto;
      position: static;
   }

   .kindle-vella .row {
      justify-content: center;
   }
   .awards-carousel-custom {
      position: relative;
   }
   .awards-carousel-custom .slick-arrow {
      position: absolute;
      bottom: -65px;
      top: auto;
      transform: none;
   }
   .awards-carousel-custom .slick-prev {
      left: 0;
   }
   .awards-carousel-custom .slick-next {
      right: 0;
   }
}

/**/
@media (max-width: 991px) {
   .kindle-vella .wrap-cart h1 {
      font-size: 36px;
   }
   .top-banner .text-wrap .btn {
      width: auto;
   }

   .kindle-vella .wrap-cart h1::before {
      top: 27px;
      width: 41%;
      height: 10px;
   }

   .comming-soon .wrap-title-text h2,
   .dignity .wrap-title-question h2 {
      font-size: 28px;
      margin-bottom: 40px;
      line-height: 32px;
      max-width: 380px;
   }

   .comming-soon .wrap-warning-text p {
      line-height: 24px;
   }

   .comming-soon .wrap-warning-text a::before {
      bottom: -10px;
   }

   .dignity .wrap-all-digtinity .benefit:nth-child(-n + 3) {
      margin-bottom: 20px;
   }

   .dignity .wrap-all-digtinity .benefit:nth-child(3n) {
      margin-right: 20px;
   }

   .dignity .wrap-all-digtinity div.benefit {
      width: calc(50% - (20px / 2));
      margin-right: 20px;
      margin-bottom: 20px;
   }

   .dignity .wrap-all-digtinity div.benefit:nth-child(2n) {
      margin-right: 0;
   }

   .authors-and-coaches .authors-wrap .author,
   .editing-coaching .wrap-author-editing .wrap-img,
   .editing-coaching .wrap-author-editing .wrap-img {
      margin-right: 50px;
   }
   .top-banner-home .top-banner-subtitle-btn p {
      text-align: center;
   }

   .design-logo-branding {
      margin-bottom: 0;
   }
}

@media (max-width: 767px) {
   .kindle-vella .wrap-cart h1 {
      text-align: center;
      font-size: 28px;
      max-width: 320px;
      margin-bottom: 30px;
   }

   .kindle-vella .wrap-cart h1::before {
      display: none;
   }

   .comming-soon .row {
      flex-direction: column;
   }

   .comming-soon .wrap-title-text h2 {
      text-align: center;
   }

   .comming-soon .wrap-title-text {
      margin-bottom: 30px;
   }

   .kindle-vella-book .wrap-plus h2 {
      font-size: 32px;
      line-height: 34px;
      margin-bottom: 30px;
   }

   .kindle-vella-book .wrap-plus ul {
      margin-bottom: 30px;
   }

   .kindle-vella-book .wrap-plus ul li {
      margin-bottom: 10px;
   }

   .dignity .wrap-title-question {
      margin-bottom: 30px;
      flex-direction: column;
      align-items: flex-start;
   }

   .comming-soon .wrap-title-text h2,
   .dignity .wrap-title-question h2 {
      max-width: 300px;
   }

   .kindle-vella-book .row {
      flex-direction: column;
   }

   .kindle-vella-book .wrap-img {
      margin-right: 0;
      margin-bottom: 30px;
   }

   body .slider-section .row .slider-left {
      width: 100%;
      padding-top: 0;
      padding-bottom: 100px;
   }

   body .slider-section .row .slider-right {
      display: none;
   }

   .authors-and-coaches .authors-wrap .author,
   .editing-coaching .wrap-author-editing .wrap-img {
      margin-right: 0;
   }

   .authors-and-coaches .authors-wrap,
   .editing-coaching .wrap-author-editing {
      flex-direction: column;
      align-items: stretch;
   }

   .authors-and-coaches .authors-wrap .author div,
   .editing-coaching .wrap-author-editing .wrap-img {
      margin-bottom: 30px;
   }

   .authors-and-coaches .authors-wrap .author div img,
   .editing-coaching .wrap-author-editing img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }

   .helpful-author .wrap-article {
      width: 100%;
      margin-right: 0;
   }
   .top-banner-home .top-banner-subtitle {
      margin-bottom: 25px;
   }
   .top-banner-home .top-banner-subtitle-btn p {
      margin-bottom: 0;
   }
   .home .top-banner {
      padding-bottom: 40px;
   }
   section.carousel-wrap-awards {
      padding-bottom: 100px;
   }

   .design-logo-branding .row .wrap-slider-image::before {
      background-image: none;
   }
}

@media (max-width: 575px) {
   .dignity .wrap-all-digtinity div.benefit {
      width: 100%;
      margin-right: 0;
   }

   .dignity .wrap-all-digtinity .benefit:nth-child(3n) {
      margin-right: 0;
   }
}

@media (max-width: 320px) {
}

@media (max-width: 768px) {
   body .extra-services .btn.btn-green {
      width: auto;
      margin: 0 auto;
   }
}

/*

.grid-items{
    width: calc(33.3% - 10px);
    height: 400px;
    margin-bottom: 10px;
  }
  .grid-items:nth-child(2n){

    height: 200px;
  }
  .grid-items:nth-child(3n){

    height: 350px;
  }
  .grid-items a{
      display: block;
      width: 100%;
      height: 100%;
  }
  .grid-items img{
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
  }
  .portfolios .tab-content>.active, .posts .tab-content>.active{
      display: block;

  } */

/* .app {
    display: grid;
    grid-column-gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr) 150px);
  }
  .item:nth-of-type(3n) {
    grid-column: span 2;
  }

  .item:nth-of-type(5n) {
    grid-row: span 2;
  } */

.postid-8072 .portfolio-item {
   width: auto;
   display: block;
   height: auto;
   max-height: unset;
   flex: unset;
   max-width: 100%;
}

.postid-8072 .portfolio-items.grid .portfolio-item img {
   max-height: unset;
}

.postid-8072 .portfolios .tab-pane.active.show .portfolio-items.grid {
   display: block;
   column-count: 3;
   column-gap: 0;
}

.custom-control.custom-checkbox.custom-checkbox-form {
   display: flex;
}

.form-control[type='file'] {
   padding-left: 0;
   padding-right: 0;
   border: none;
}

@media (max-width: 750px) {
   .postid-8072 .portfolios .tab-pane.active.show .portfolio-items.grid {
      column-count: 1;
   }
   .page-template-page-partners .slider-section .wrap-pagination {
      width: 70%;
   }
}

/* service new style */
.top-banner-service .title_green {
   display: block;
   color: #30b85e;
   font-size: 18px;
   text-transform: uppercase;
   background: #e0f1e1;
   padding: 3px 10px;
   margin-bottom: 3px;
   font-family: Proxima Nova Bold;
}

.platforms {
   margin: 125px 0px;
}

.platforms h2 {
   text-align: center;
   margin-bottom: 60px;
}

.row-platform {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.item-platform {
   margin: 20px;
}

.item-platform img {
   display: block;
}

.discount-formating {
   background: #ecf9e7;
   padding: 45px 0px;
}

.discount-formating h2 {
   margin-top: 15px;
   font-size: 34px;
   line-height: 41px;
   text-transform: uppercase;
   margin-bottom: 50px;
}

.discount-formating .text {
   padding-top: 40px;
}

.faq-services {
   margin: 60px 0px;
}

.faq-services h2 {
   text-align: center;
   margin-bottom: 60px;
}

.fiction-formating {
   text-align: center;
   padding: 80px 0px;
   background-size: cover;
   background-position: center;
}

.fiction-formating h2 {
   max-width: 685px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 50px;
}

@media (max-width: 750px) {
   .discount-formating .row {
      justify-content: center;
      text-align: center;
   }
   .discount-formating .text {
      margin-bottom: 60px;
   }
   .discount-formating h2 {
      font-size: 28px;
      line-height: 1.3;
   }
   .platforms {
      margin: 40px 0px;
   }
   .service-formatting .discount {
      margin-top: 0;
      padding-top: 16px;
      padding-bottom: 35px;
   }
   .row-platform {
      align-items: center;
   }
   .item-platform {
      margin: 1%;
      margin-bottom: 20px;
      max-width: 48%;
   }
}

.page-content-terms {
}

.page-content-terms ul li {
   position: relative;
   margin-bottom: 5px;
}

.page-content-terms ul li:last-child {
   margin-bottom: 0;
}

.page-content-terms ul li::after {
   content: '';
   position: absolute;
   left: 10px;
   top: 9px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background-color: #30b85e;
}

.inner-header-term p {
   margin-top: 20px;
}

.inner-header-term {
   background: #fafafa;
   padding: 50px 0px;
   height: auto;
   margin-bottom: 70px;
}

.page-content-terms .anchor-wrap ul li::after {
   display: none;
}

.page-content-terms .anchor-wrap ul {
   margin: 0;
}

.page-content-terms .anchor-wrap ul li {
   padding-left: 0;
   margin-bottom: 30px;
}

.page-content-terms .anchor-wrap ul li a {
   color: #212121;
   text-decoration: underline;
}

.page-content-terms .anchor-wrap ul li:last-child {
   margin-bottom: 0;
}

.page-content-terms .anchor-wrap {
   padding: 30px;
   width: 360px;
   background: #fafafa;
   height: 100%;
   position: sticky;
   top: 100px;
}

.page-content-terms .row-content {
   display: flex;
   flex-wrap: wrap;
}

.page-content-terms .content-term {
   width: calc(100% - 360px);
   padding-right: 20px;
}

@media (max-width: 991px) {
   .page-content-terms .anchor-wrap {
      display: none;
   }
   .page-content-terms .content-term {
      width: 100%;
      padding-right: 0;
   }
}

@media (max-width: 750px) {
   .inner-header-term {
      margin-bottom: 30px;
   }
   .page-content-terms {
      padding-top: 50px;
   }
}

.partner-logo {
   margin-top: 15px;
}

.partner-logo img {
   width: 120px;
   height: auto;
}

.partner-logo p {
   margin-top: 10px;
   font-size: 14px;
}

.sub-title-faq {
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   text-transform: uppercase;
   color: #455a64;
   margin-bottom: 35px;
}

.qa-item .btn-collapse {
   height: auto;
}

.group_faq .qa-item-body {
   display: none;
}

.btn-collapse:after {
   transform: scale(1, -1);
   color: #30b85e;
}

.open .btn-collapse:after {
   transform: scale(1, 1);
}

.group_faq {
   margin-bottom: 90px;
   margin-top: 60px;
}

.qa-item-body p {
   margin: 20px 0;
}

.qa-item-body p:last-child {
   margin-bottom: 0;
}

.qa-item-body p:first-child {
   margin-top: 0;
}

.faqs {
   padding-top: 0;
}

.header-top .menu-top li {
   margin: 0px 7px;
}

div#search--header {
   margin-right: 28px;
   cursor: pointer;
}

.kindle-vella {
   height: 545px;
   display: flex;
   align-items: center;
}

.kindle-vella .wrap-big-img {
   top: 52px;
}

.comming-soon {
   padding-top: 0;
   margin: 120px 0;
}

.sub-title-benefits {
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   color: #455a64;
   margin-top: 15px;
   padding-top: 10px;
   position: relative;
}

.sub-title-benefits::after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   height: 1px;
   width: 200px;
   background-color: #66bb6a;
}

.kindle-vella-book .cart {
   padding: 30px 20px;
   border: 1px solid #30b85e;
   border-radius: 6px;
}

.kindle-vella-book .wrap-plus h2 {
   text-align: center;
}

.kindle-vella-book .cart .price {
   display: flex;
   justify-content: center;
   align-items: baseline;
}

.kindle-vella-book .cart small {
   font-weight: 300;
   font-size: 16px;
   color: #30b85e;
   margin-right: 30px;
}

.kindle-vella-book .wrap-plus h2 {
   margin-bottom: 35px;
}

.kindle-vella-book .wrap-plus ul {
   margin-bottom: 50px;
}

@media (max-width: 1350px) {
   .kindle-vella {
      height: auto;
      padding-top: 0;
   }
   .kindle-vella .wrap-top-section {
      flex-direction: column-reverse;
   }
   .kindle-vella .wrap-big-img {
      margin-bottom: 45px;
   }
   .comming-soon .row,
   .kindle-vella-book .row {
      margin-left: 0;
      margin-right: 0;
   }
   .kindle-vella .btn {
      margin-left: auto;
      margin-right: auto;
      display: table;
   }
   .kindle-vella .wrap-cart h1 {
      margin-bottom: 25px;
   }
   .kindle-vella {
      margin-bottom: 60px;
   }
   .kindle-vella-book .wrap-img {
      max-width: calc(100% - 400px);
      margin-right: 19px;
   }
   .kindle-vella-book .wrap-img img {
      height: 100%;
   }
   .comming-soon .commin-soon-img {
      max-width: calc(100% - 400px);
   }
}

@media (max-width: 1200px) {
   .header-top .menu-top li {
      margin: 0px 2px;
   }
}

@media (max-width: 991px) {
   .sub-title-faq {
      font-size: 20px;
   }
   .comming-soon {
      margin-bottom: 60px;
   }
}

@media (max-width: 750px) {
   .group_faq {
      margin-bottom: 40px;
      margin-top: 25px;
   }
   .kindle-vella-book {
      padding-top: 40px;
   }
   .kindle-vella-book {
      margin-bottom: 10px;
   }
   .comming-soon {
      margin-bottom: 20px;
   }
   .kindle-vella + .benefits-wrap {
      padding-top: 60px;
   }
   .kindle-vella .wrap-cart h1 {
      text-align: left;
   }
   .design-logo-branding .row .wrap-slider-image img {
      display: none;
   }
   .design-logo-branding .row .wrap-slider-text {
      padding-bottom: 125px;
   }
   .comming-soon .wrap-title-text h2 {
      margin-left: auto;
      margin-right: auto;
   }
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
   border-color: #30b85e;
}

/* new certificate */
.row-top-banner {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.top-certificate .image-wrap {
   position: relative;
   width: 570px;
}

.top-certificate {
   overflow: hidden;
   padding-bottom: 50px;
}

.top-certificate .image-wrap img {
   display: block;
   width: 100%;
   height: auto;
}

.top-certificate .top-banner-title {
   margin-bottom: 30px;
}

.top-certificate .top-banner-title b {
   margin-left: 65px;
}

.bot-certificate {
   margin: 125px 0px;
   padding-top: 0;
}

.bot-certificate .row-custom {
   display: flex;
   flex-wrap: wrap;
}

.bot-certificate .col-text {
   width: 645px;
   padding-left: 95px;
}

.bot-certificate h2 {
   max-width: 450px;
}

.bot-certificate .col-text p {
   margin-top: 45px;
   margin-bottom: 50px;
}

.bot-certificate .col-text .list {
   margin: 30px 0px 50px;
}

.bot-certificate .col-image {
   width: calc(100% - 645px);
}

.bot-certificate .col-image img {
   width: 100%;
   height: auto;
   display: block;
}

.bot-certificate .list ul li:before {
   top: 12px;
}

.header-top .menu-top li:last-child a:hover:after {
   display: none;
}

.header-top .menu-top li.menu-item-9255 a {
   position: relative;
}

.header-top .menu-top li.menu-item-9255 a:hover:after {
   content: '24/7';
   position: absolute;
   right: -5px;
   top: 3px;
   font-size: 8px;
   font-weight: 700;
   color: #30b85e;
}

@media (max-width: 1100px) {
   .row-top-banner {
      flex-direction: column-reverse;
   }
   .top-certificate .top-banner-title b {
      margin-left: 0;
   }
   .top-certificate .image-wrap {
      margin-bottom: 40px;
   }
   .top-certificate {
      padding-top: 0;
   }
   .top-certificate .text-wrap {
      text-align: center;
   }
   .bot-certificate .col-text {
      width: 400px;
      padding-left: 35px;
   }
   .bot-certificate .col-image {
      width: calc(100% - 400px);
   }
   body .header-menu-mobile {
      display: block;
   }
   body .header-menu-desktop,
   body .header .account-wrap-desktop {
      display: none;
   }
   .container.header-bottom {
      display: none;
   }
}

@media (max-width: 767px) {
   .top-certificate .image-wrap {
      width: 100%;
   }
   .bot-certificate .col-text {
      padding-left: 0;
      width: 100%;
   }
   .bot-certificate .col-image {
      width: 100%;
      margin-bottom: 50px;
   }
   .bot-certificate {
      margin: 80px 0px;
   }
   .top-certificate.inner-header .btn {
      margin-top: 30px;
   }
   .top-certificate .top-banner-title {
      margin-bottom: 15px;
   }
}

@media (min-width: 767px) {
   .top-certificate .orbit-item {
      top: 0;
      width: 500px;
      height: 500px;
   }
   .top-certificate.orbit-wrap .circle-green,
   .top-certificate.orbit-wrap .circle-green-static {
      width: 375px;
      height: 375px;
   }
   .top-certificate.orbit-wrap .circle-grey .orbit-yellow-10 {
      bottom: 50%;
      right: -5px;
   }
   .top-certificate.orbit-wrap .circle-grey .orbit-green-4 {
      top: 50%;
      right: -1px;
   }
   .top-certificate.orbit-wrap .circle-grey .orbit-yellow-7 {
      top: 50%;
      right: -3px;
   }
   .top-certificate.orbit-wrap .circle-grey .orbit-yellow-6 {
      top: 50%;
      left: -3px;
   }
   .top-certificate.orbit-wrap .circle-grey .orbit-green-5 {
      bottom: 50%;
      left: -2px;
   }
   .top-certificate.orbit-wrap .circle-grey .orbit-green {
      top: 50%;
      left: -8px;
   }
   .top-certificate .top-banner-title:before {
      left: 45px;
   }
}

/* calendar page */
.popup-day {
   width: calc(100% - 30px);
   max-width: 945px;
   padding: 30px 70px;
   background-color: #fff;
   background-image: url(./images/bg-popup.png);
   background-size: auto;
   margin: 100px auto;
   font-size: 24px;
   line-height: 130%;
   color: #212121;
   display: none;
   border-radius: 20px;
}

.popup-day p {
   font-size: 24px;
   line-height: 130%;
   margin-bottom: 25px;
   color: #212121;
}

.popup-day .tile-day {
   color: #30b85e;
   font-weight: bold;
   font-size: 46px;
   line-height: 1.2;
   text-align: center;
   margin-bottom: 35px;
}

.popup-day .btn {
   margin-left: auto;
   margin-right: auto;
   display: table;
   text-transform: uppercase;
   margin-top: 45px;
}

.popup-day ul {
   list-style: disc;
   padding-left: 20px;
}

.popup-day ul li {
   margin-bottom: 20px;
   list-style: disc;
}

.santa-img {
   margin-left: auto;
   margin-right: auto;
   display: block;
   width: 197px;
   height: auto;
   margin-bottom: 14px;
}

.calenadr-section .top-banner-title {
   text-align: center;
   max-width: 595px;
   margin-left: auto;
   margin-right: auto;
}

.calenadr-section .top-banner-title:before {
   left: 0;
   width: 100%;
}

.calenadr-section .sub-title {
   text-align: center;
   font-size: 22px;
   line-height: 27px;
   color: #000;
   max-width: 1042px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 60px;
}

.calenadr-section {
   padding-top: 30px;
   padding-bottom: 200px;
}

.row-days {
   display: flex;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
   max-width: 1080px;
}

.row-days .day-block {
   margin: 10px;
   width: calc((100% / 6) - 20px);
}

.row-days .day-block img {
   border-radius: 20px;
   width: 100%;
}

.row-days .day-block div {
   position: relative;
}

.row-days .day-block div::after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(255, 255, 255, 0.4);
   cursor: no-drop;
}

.calenadr-section {
   position: relative;
}

.calenadr-section::before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 60%;
   background-image: url(./images/bg-top.png);
   background-size: cover;
   z-index: -1;
}

.calenadr-section::after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 40%;
   background-position: bottom;
   background-image: url(./images/bg-bot.png);
   background-size: cover;
   z-index: -1;
}

.popup-day .carousel__button.is-close {
   color: #000000;
   top: 10px;
   right: 15px;
}

.popup-day .carousel__button svg {
   stroke-linecap: unset;
   filter: unset;
}

.menu-item-10470 a {
   position: relative;
}

.menu-item-10470 a::before {
   content: '' !important;
   background-image: url(./images/icon-menu.svg);
   position: absolute;
   left: -13px;
   top: -1px;
   width: 24px;
   height: 24px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
}

@media (max-width: 1200px) {
   .header-top .menu-top {
      justify-content: space-around;
   }
}

@media (max-width: 1100px) {
   .menu-item-10470 a {
      display: flex !important;
      align-items: center;
   }
   .menu-item-10470 a:before {
      display: block;
      position: static;
      margin-right: 5px;
      margin-top: -8px;
   }
}

@media (max-width: 768px) {
   .calenadr-section .top-banner-title {
      max-width: 455px;
   }
   .calenadr-section .sub-title {
      font-size: 18px;
      line-height: 1.3;
      margin-bottom: 30px;
   }
   .calenadr-section {
      padding-bottom: 110px;
   }
}

@media (max-width: 767px) {
   .row-days .day-block {
      margin: 5px;
      width: calc((100% / 3) - 10px);
   }
   .calenadr-section .sub-title {
      font-size: 16px;
   }
   .calenadr-section .top-banner-title {
      max-width: 285px;
      margin-bottom: 20px;
   }
}

/* ____counter block____ */
.counter {
   background: #e1f2e1;
   padding: 0;
}

.counter .wrap-counter {
   display: flex;
   justify-content: space-between;
   padding: 90px 80px;
}

.counter .num {
   font-weight: 800;
   font-size: 110px;
   line-height: 122px;
   color: #30b85e;
   font-family: Proxima Nova Bold;
}

.counter .col-count:nth-child(1) .num {
   width: 272px;
}

.counter .col-count:nth-child(2) .num {
   width: 67px;
}

.counter .col-count:nth-child(3) .num {
   width: 249px;
}

.counter .col-count span {
   font-weight: 600;
   font-size: 24px;
   color: #455a64;
}

.counter .col-count {
   text-align: center;
}

.counter .col-count .top {
   display: flex;
   justify-content: center;
}

.counter .col-count .top svg,
.counter .col-count .top img {
   margin-left: 4px;
   position: relative;
   top: 15px;
   width: 30px;
   height: 30px;
}

.content_single img {
   height: auto;
}

@media (max-width: 991px) {
   .counter .num {
      font-size: 68px;
      line-height: 80px;
   }
   .counter .col-count .top svg,
   .counter .col-count .top img {
      width: 20px;
      height: 20px;
   }
   .counter .col-count span {
      font-size: 18px;
   }
   .counter .wrap-counter {
      padding: 70px 50px;
   }
   .counter {
      padding: 0;
   }
   .counter .col-count:nth-child(3) .num {
      width: 154px;
   }
   .counter .col-count:nth-child(2) .num {
      width: 42px;
   }
   .counter .col-count:nth-child(1) .num {
      width: 168px;
   }
}

@media (max-width: 767px) {
   .counter .wrap-counter {
      flex-direction: column;
   }
   .counter .col-count {
      margin-bottom: 50px;
   }
   .counter .col-count:last-child {
      margin-bottom: 0;
   }
   .counter .wrap-counter {
      padding: 70px 25px;
   }
}

/* ___popup single post____ */
#popup-form-post {
   background-color: #fff;
   width: 600px;
   max-width: calc(100% - 30px);
   padding: 50px;
   display: none;
   position: relative;
}

.pop-thank h2 {
   margin-bottom: 0;
   text-align: center;
}

@media (max-width: 767px) {
   #popup-form-post {
      padding: 50px 15px;
   }
}

/* ______sticky block portfolio_____ */
.block-sticky.none {
   display: none;
}

.block-sticky .container {
   max-width: 1240px;
}

.block-sticky {
   display: flex;
   background: linear-gradient(89.81deg, #F5F2F2 1.25%, #FDF1E9 97.84%);
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 111;
}

.block-sticky h3 {
   margin-bottom: 0;
   font-weight: bold;
   font-size: 20px;
   line-height: 24px;
}

.block-sticky p {
   font-weight: 300;
   font-size: 16px;
   line-height: 28px;
   color: #455a64;
}

.row-sticky {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 14px 0px 13px 0;
}

.row-btn a {
   font-size: 14px;
   text-transform: capitalize;
   height: 37px;
   padding: 0;
   width: 100%;
   min-width: 172px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 4px !important;
}

.row-sticky .btn-green--outline {
   margin-right: 8px;
   background-color: #ebf1f7;
}

.row2-sticky {
   display: flex;
   gap: 24px;
   align-items: center;
}

.svg-bl-sticky-article {
   cursor: pointer;
}

@media (max-width: 991px) {
   .block-sticky .btn {
      min-width: 165px;
   }
   .block-sticky p {
      line-height: 18px;
   }
   .block-sticky {
      padding-right: 65px;
   }
}

@media (max-width: 767px) {
   .block-sticky {
      display: none;
   }
   .slider-repeater-block-card .slick-dots {
      bottom: 152px;
   }
   .price-card-wrap.price-card-wrap_slider .slick-arrow {
      bottom: 147px;
   }
   .price-cards .price-card .title {
      min-height: auto;
   }
}

.sale-img {
   margin-bottom: 10px;
}

/*.portfolio-carousel-item {*/
/*  max-height: 270px;*/
/*}*/
@media (max-width: 1340px) {
   .portfolio-carousel-item {
      max-height: 255px;
   }
}

@media (max-width: 414px) {
   .portfolio-carousel-item {
      max-height: 350px;
   }
}

.embedsocial + .fiction-formating {
   margin-top: 80px;
}

/* .banner-romance{
  position: relative;
  background-image: url(./images/banner/bg-romance.svg);
  padding: 18px 0;
  background-size: cover;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}
.banner-romance .img-abs{
  position: absolute;
}
.banner-romance .img-abs-1{
  left: 0;
  bottom: 0;
}
.banner-romance .img-abs-2{
  right: 0;
  bottom: 0;
}
.banner-romance .left-col{
  display: flex;
  align-items: center;
}
.banner-romance .right-col{
  display: flex;
  align-items: center;
}
.banner-romance .row-custom{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 50px;
  padding-right: 120px;
}
.banner-romance h3{
  font-weight: bold;
  font-size: 34px;
  margin: 0;
  margin-right: 13px;
  text-transform: uppercase;
}
.banner-romance .box-ribbon{
  text-align: center;
}
.banner-romance .right-col .top{
  text-transform: uppercase;
}
.banner-romance .right-col .bot{
  font-size: 12px;
  font-weight: 700;
  margin-top: 5px;
}
.banner-romance .right-col .bot span{
  color: #CB384D;
}
.banner-romance .box-ribbon{
  margin-left: 30px;
}
@media (max-width: 1200px) {
  .banner-romance .right-col > img{
    display: none;
  }
  .banner-romance h3{
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .banner-romance .row-custom{
    flex-wrap: wrap;
    padding-right: 50px;
  }
  .banner-romance .left-col,
  .banner-romance .right-col{
    width: 100%;
    justify-content: center;
  }
  .banner-romance .box-ribbon{
    margin-left: 0;
  }
  .banner-romance{
    padding: 25px 0px;
  }
}
@media (max-width: 767px) {
  .banner-romance .left-col{
    flex-direction: column;
  }
  .banner-romance .img-abs-2{
    display: none;
  }
  .banner-romance {
    padding: 40px 0px;
  }
  .banner-romance .row-custom{
    padding-left: 20px;
    padding-right: 20px;
  }
  .banner-romance{
    background-position: center;
  }
} */

.banner-design {
   background-image: url(./images/banner/banner-design_bg.svg);
   margin-bottom: 30px;
   margin-left: -15px;
   margin-right: -15px;
   padding: 10px 0;
}

.banner-design .row-custom {
   display: flex;
   align-items: center;
   justify-content: space-around;
}

.banner-design .box-ribbon {
   text-align: center;
}

.banner-design .col {
   text-align: center;
}

.banner-design .box-ribbon .top {
   font-weight: 300;
   font-size: 13px;
   line-height: 16px;
   text-align: center;
   letter-spacing: 0.475em;
   text-transform: uppercase;
   color: #25383F;
}

.banner-design .box-ribbon .bottom {
   font-weight: 300;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   margin-top: 8px;
}

.banner-design .box-ribbon .bottom span {
   font-weight: 600;
   color: #2047D2;
}

@media (max-width: 767px) {
   .banner-design .side-bg {
      display: none;
   }
}

.service-book-cover-how-to-item .text {
   justify-content: flex-start;
}

.service-book-cover-how-to-item .text h4 {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   color: #212121;
}

.service-book-cover-how-to-item .text h4 img {
   margin-right: 16px;
}

.service-book-cover-how-to-item .row-text {
   font-size: 16px;
   line-height: 25px;
   color: #455A64;
   margin-bottom: 33px;
   max-width: 460px;
}

.service-book-cover-how-to-item .row-text:last-child {
   margin-bottom: 0;
}

.banner-idea {
   text-align: center;
   padding: 65px 0px;
   background-image: url(./images/bg-cover-new.svg);
   margin-top: 125px;
   background-size: cover;
   background-position: center;
}

.banner-idea .subtitle {
   margin-top: 30px;
   position: relative;
   margin-bottom: 50px;
   font-size: 18px;
   color: #455A64;
}

.banner-idea .subtitle:after {
   position: absolute;
   content: "";
   left: 50%;
   transform: translateX(-50%);
   top: -10px;
   width: 200px;
   height: 1px;
   background: #30b85e;
}

.postid-32 .embedsocial {
   margin-bottom: 60px;
}

@media (max-width: 991px) {
   .service-book-cover-how-to-item .row-text {
      max-width: 100%;
   }
   .service-book-cover-how-to-item .text h4 {
      font-size: 18px;
   }
}

@media (max-width: 767px) {
   .banner-idea .subtitle {
      margin-bottom: 35px;
   }
}

.footer_logo_text {
   margin-top: 28px;
   font-weight: 300;
   line-height: 15px;
   font-size: 12px;
   color: #212121;
}

.row_logo_footer {
   display: flex;
   margin-top: 5px;
   align-items: center;
}

.text_row_logo {
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
}

.text_row_logo span {
   color: #212121;
}

.row_logo_footer a {
   margin-right: 3px;
}

.join_our_community {
   max-width: 263px;
   height: 95px;
   background: rgba(255, 255, 255, 0.46);
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #00000010;
   position: relative;
   margin: 0 auto;
}

.join_our_community a.inner_link {
   font-family: 'Proxima Nova Bold';
   font-style: normal;
   font-weight: 600;
   font-size: 18px;
   line-height: 22px;
   text-decoration-line: underline;
   text-transform: capitalize;
   color: #212121;
}

.join_our_community .sphere {
   background: #FFFFFF;
   border: 1px solid #E5ECE8;
   height: 46px;
   width: 46px;
   border-radius: 50px;
   position: absolute;
   top: -21px;
   padding: 7.83px 9.12px 11.5px 9.12px;
}

.join_our_community .convert_left {
   position: absolute;
   left: 0;
}

.join_our_community .convert_right {
   position: absolute;
   right: 0;
}

.home .header {
   background: #fff !important;
}

.header-top a.btn.btn-green {
   border-radius: 4px;
   font-family: 'Proxima Nova bold';
}

.home:before {
   background: none;
}

section.top-banner.top-banner-home.orbit-wrap {
   background: linear-gradient(45deg, #faf8e7, #eef8fb);
}

h1.top-banner-title {
   color: #25293F;
}

.top-banner-subtitle p {
   color: #212121;
}

.top-banner-subtitle {
   width: 395px;
}

@media (max-width: 396px) {
   .top-banner-subtitle {
      width: auto;
   }
}

.wrap_new-svg-for-banner_2_0 {
   position: absolute;
   left: 214px;
   top: 67px;
}

svg.new-svg-for-banner_2_0 {
   height: 385px;
   width: auto;
}

@media (max-width: 1367px) {
   .wrap_new-svg-for-banner_2_0 {
      left: 214px;
      top: 127px;
   }
   svg.new-svg-for-banner_2_0 {
      height: 362px;
   }
}

@media (max-width: 1161px) {
   .col-12.col-lg-4.order-1.order-lg-0.text-wrap {
      margin-top: 72px;
      padding-bottom: 50px;
   }
}

@media (max-width: 992px) {
   .col-12.col-lg-4.order-1.order-lg-0.text-wrap {
      margin-top: auto;
      padding-bottom: initial;
   }
   .wrap_new-svg-for-banner_2_0 {
      left: auto;
      top: 47px;
   }
   svg.new-svg-for-banner_2_0 {
      height: 380px;
   }
}

@media (max-width: 616px) {
   .wrap_new-svg-for-banner_2_0 {
      top: 47px;
   }
   svg.new-svg-for-banner_2_0 {
      height: 370px;
   }
}

@media (max-width: 585px) {
   svg.new-svg-for-banner_2_0 {
      height: auto;
   }
}

@media (max-width: 549px) {
   svg.new-svg-for-banner_2_0 {
      height: 340px;
   }
}

@media (max-width: 527px) {
   svg.new-svg-for-banner_2_0 {
      height: 323px;
   }
}

@media (max-width: 500px) {
   svg.new-svg-for-banner_2_0 {
      height: 308px;
   }
}

@media (max-width: 462px) {
   svg.new-svg-for-banner_2_0 {
      height: 285px;
   }
}

@media (max-width: 445px) {
   svg.new-svg-for-banner_2_0 {
      height: 275px;
   }
}

@media (max-width: 400px) {
   svg.new-svg-for-banner_2_0 {
      height: 250px;
   }
}

@media (max-width: 375px) {
   svg.new-svg-for-banner_2_0 {
      height: 235px;
   }
}

.portfolio-section-buttons-wrap a.btn.btn-green {
   font-family: 'Museo Sans Cyrl';
}

.benefit-item {
   border-color: #E0E0E0;
}

.green-bg-carousel:before {
   background: linear-gradient(90deg, #d7ecc8, #dfe7b5);
}

.col-12.portfolio-section-buttonsa.btn.btn-green {
   border-radius: 6px;
}

.col-12.col-md-7.list-process a.btn.btn-green {
   border-radius: 2px;
   font-family: 'Museo Sans Cyrl';
}

.counter {
   background: linear-gradient(90deg, #e4e7f9, #efe6ef);
}

.block-blue-bg:after, .section-blue-bg:after {
   display: none;
}

.block-blue-bg:before, .section-blue-bg:before {
   display: none;
}

section .section-title.centered .subtitle:after {
   display: none;
}

.svg-new-mibl2-b-block_top-left {
   position: absolute;
   top: 0;
   right: 96px;
}

.svg-new-mibl2-b-block_bottom-left {
   position: absolute;
   right: 0;
   bottom: 0;
}

.new-svg-m2_sph {
   position: absolute;
   width: 100%;
   text-align: center;
   margin-top: 25px;
}

.svg-new-mibl2-b-block_bottom-right {
   position: absolute;
   bottom: 0;
}

.svg-new-mibl2-b-block_top-right {
   position: absolute;
   left: 0;
   bottom: 68px;
}

section.section-share-ideas.section-blue-bg {
   background: linear-gradient(90deg, #e6eef1, #e1f4f0);
}

.list-process ol li:before {
   font-family: 'Museo Sans Cyrlऀ';
}

.section-share-ideas a.btn.btn-green {
   border-radius: 6px;
   font-family: 'Museo Sans Cyrl';
}

@media (max-width: 541px) {
   .svg-new-mibl2-b-block_bottom-right, .svg-new-mibl2-b-block_top-left, .svg-new-mibl2-b-block_top-right, .svg-new-mibl2-b-block_bottom-left {
      display: none;
   }
}

.wrap-footer-par-f-m2 {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

.join_our_community {
   margin: 0;
   width: 100%;
   margin-bottom: 40px;
}

.footer .socials ul li a {
   border: 1px solid #E0E0E0;
   border-radius: 6px;
   margin: 0;
   height: 32px;
   width: 32px;
}

.footer-item.footer-menu-wrap {
   display: flex;
}

.link-menu-for-mibl2 {
   color: #212121;
   font-size: 14px;
   line-height: 17px;
   margin-bottom: 24px;
   display: block;
   width: max-content;
}

.footer-menu-for-mibl2 {
   margin-right: 106px;
}

.li_f_M2 {
   display: flex;
}

.partner-logo {
   margin: 0;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

._l {
   margin-right: 50px;
}

.footer .subscribe {
   padding-left: 0;
}

.footer {
   padding-top: 93px;
   padding-bottom: 0;
}

.bot_footer {
   padding: 32px 0 50px 0;
}

.footer .row {
   justify-content: space-between;
}

.footer-item.socials.footer-par-f-m2 {
   display: none;
}

.footer-menu-wrap.mob {
   display: none;
}

.join_our_community {
   width: 105%;
}

.partner-logo img {
   width: 80px;
}

@media (max-width: 1108px) {
   .footer-menu-for-mibl2 {
      margin-right: 48px;
   }
}

@media (max-width: 992px) {
   .footer-menu-for-mibl2 {
      margin-right: 100px;
   }
   .footer .row {
      display: block;
   }
   .footer-menu-for-mibl2 {
      margin-right: 48px;
   }
   .partner-logo img {
      display: none;
   }
   .partner-logo p {
      display: none;
   }
   .footer-item.socials.footer-par-f-m2 {
      display: block;
   }
   .footer-par-f-m2 img {
      width: 80px;
   }
   .footer-par-f-m2 p {
      width: 308px;
      font-size: 12px;
      line-height: 16px;
   }
   .footer .subscribe {
      align-items: center;
   }
   .footer-item.footer-menu-wrap {
      display: none;
   }
   .footer-menu-wrap.mob {
      display: block;
   }
   .footer-item.footer-menu-wrap.mob {
      margin-top: 40px;
   }
   .wrap-footer-item-mob {
      display: flex;
   }
   .wrap-footer-par-f-m2 {
      align-items: center;
   }
   .ml-for-soc-ic {
      margin-left: -24.5px;
   }
}

@media (max-width: 500px) {
   .join_our_community {
      height: 127px;
      max-width: 100%;
   }
   .bot_footer .row_logo {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
   }
   .row_logo a {
      margin: 0 15px;
   }
   .bot_footer {
      padding: 32px 0 31px 0;
   }
}

.join_our_community .convert_right {
   bottom: 0;
}

@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');

@font-face {
   font-family: 'Busset-City';
   src: url("https://miblart.com/wp-content/themes/miblart/assets/fonts/Busset-City-PU.otf") format("opentype");
}

@font-face {
   font-family: 'Proxima Nova';
   font-weight: 100;
   src: url("https://miblart.com/wp-content/themes/miblart/assets/fonts/proxima-nova/ProximaNovaT-Thin.woff") format("woff");
}

.premium .header-bottom .menu-services li a:hover {
   color: #bbbbbb;
}

nav.header.premium.navbar.sticky {
   background: #1b1724;
}

.premium .dropdown-menu.show {
   background: #1b1724;
}

.premium .header-menu-mobile .dropdown-menu .menu-services li a, .premium .header-menu-mobile .dropdown-menu .menu li a {
   color: white;
}

nav.header.premium.navbar {
   background: unset;
}

.premium .header-top .menu-top li a {
   color: #FFFFFF;
}

.premium .header-bottom .menu-services li a {
   color: #FFFFFF;
}

nav.header.premium.navbar {
   border-bottom: 1px solid #FFFFFF;
}

.header .premium .account-wrap .btn {
   background: #30B85E;
   border: 1px solid #30B85E;
   border-radius: 4px;
   color: #FFFFFF;
   font-family: 'Museo Sans Cyrl';
}

.header .premium .account-wrap .btn:hover {
   color: #30b85e;
   background: unset;
}

.premium .container.header-bottom {
   z-index: 99;
   position: relative;
}

.section-premium-book-cover-design {
   background: url(https://miblart.com/wp-content/uploads/2022/06/background-banner-pr-bk-cv-d.png);
   background-size: cover;
   background-repeat: no-repeat;
   margin-top: -130px;
   padding-top: 130px;
   background-position: bottom;
   position: relative;
}

.wrapper-banner-pr-bk-cv-d {
   display: flex;
}

.swg-pr-ban {
   margin-top: 67px;
}

.left-row-pr .title {
   font-family: 'Cinzel', serif;
   margin-top: 24px;
   color: #FFFFFF;
   font-weight: 400;
   font-size: 56px;
   max-width: 480px;
}

.left-row-pr .title span {
   font-family: 'Busset-City';
   font-weight: 400;
   font-size: 72px;
   line-height: 86px;
   color: #31B85E;
   transform: rotate(-7.22deg);
   display: inline-block;
   text-transform: none;
   margin: 0;
   position: relative;
   z-index: 9;
}

.left-row-pr .title span:after {
   content: url(https://miblart.com/wp-content/uploads/2022/06/fire-for-tx-m2-pr.png);
   position: absolute;
   z-index: -1;
   top: -6px;
   left: 44px;
}

.section-premium-book-cover-design .subtitle {
   margin-top: 68px;
   font-family: Proxima Nova;
   font-weight: 400;
   font-size: 16px;
   line-height: 26px;
   color: #FFFFFF;
   max-width: 480px;
   position: relative;
   padding-left: 58px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.left-row-pr span {
   font-family: Proxima Nova Bold;
   font-weight: 800;
   font-size: 14px;
   line-height: 26px;
   text-transform: uppercase;
   color: #FEFEFF;
}

.svg_sub-b-pr {
   position: absolute;
   margin-left: -58px;
}

.wr-img-pr-bn {
   max-width: 800px;
   margin-top: -100px;
   margin-right: -150px;
}

.img-ban-prm.mob {
   display: none;
   width: 100%;
}

@media ( max-width: 1440px ) {
   .wr-img-pr-bn {
      margin-right: 0;
   }
}

@media ( max-width: 957px ) {
   .wr-img-pr-bn {
      display: none;
   }
   img.img-ban-prm.mob {
      display: block;
   }
   .section-premium-book-cover-design {
      background-position: center;
   }
   .wrapper-banner-pr-bk-cv-d {
      flex-flow: column;
   }
   .wr-img-pr-bn {
      margin-top: 0;
   }
}

.section_2-premium-book-cover-design {
   background: #0a0417;
   color: #ffffff;
   padding-top: 140px;
   padding-bottom: 182px;
}

.titles {
   display: flex;
   align-items: center;
}

.titles .title-st_2 {
   font-family: 'Busset-City';
   font-weight: 400;
   font-size: 72px;
   line-height: 86px;
   color: #31B85E;
   transform: rotate(-7.22deg);
   display: inline-block;
   margin-right: 36px;
}

.subtitle-st_2 {
   font-family: 'Cinzel';
   font-weight: 400;
   font-size: 56px;
   line-height: 73px;
   color: #FFFFFF;
}

.wrap-boxes-pr {
   margin-top: 78px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}


.wrap-boxes-pr {
   margin-top: 78px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   margin: 78px -10px 0 -10px;
}

.col-pr {
   margin: 0 20px 64px 0;
   width: 360px;
}

.under-text-col-pr {
   margin-top: 24px;
   display: flex;
}

.under-text-col-pr .num {
   font-weight: 400;
   font-size: 56px;
   line-height: 73px;
   color: #534F5C;
   font-family: 'Cinzel';
   margin-right: 24px;
}

.title-img {
   font-family: Proxima Nova Rg;
   font-size: 20px;
   line-height: 24px;
   color: #FFFFFF;
   display: flex;
   flex-direction: column;
}

.title-img span {
   font-family: Proxima Nova;
   font-size: 16px;
   line-height: 22px;
   color: #FFFFFF;
}


.section_3-premium-book-cover-design {
   background: #0a0417;
   color: #FFFFFF;
   padding-bottom: 140px;
}

.title-st_3 {
   font-family: 'Cinzel';
   font-weight: 400;
   font-size: 56px;
   line-height: 73px;
   max-width: 550px;
}

.title-st_3 span {
   font-family: 'Busset-City';
   font-weight: 400;
   font-size: 72px;
   line-height: 86px;
   color: #31B85E;
   transform: rotate(-7.22deg);
   display: inline-block;
}

img.img-st_3 {
   max-width: 571px;
}

.wrap-order-st_3 {
   display: flex;
}

.wrap-list-order-st_3 {
   box-shadow: inset 0px 4px 149px rgb(0 0 0 / 25%);
   border-radius: 19px;
   padding: 0 26px 46px 26px;
   position: relative;
   z-index: 9;
}

.wrap-for-titles-list-st_3 {
   display: flex;
   border-bottom: 1px solid #2b263c;
   padding-bottom: 32px;
   margin-bottom: 32px;
   justify-content: space-between;
}

.wrap-diam-titl-st_3 {
   display: flex;
}

.svg_diamond-st_3 {
   margin-right: 24px;
}

.title-list-st_3 {
   font-weight: 800;
   font-size: 24px;
   line-height: 26px;
   text-transform: capitalize;
}

.price-list-st_3 {
   font-weight: 600;
   font-size: 24px;
   line-height: 26px;
   padding: 12px 24px;
   box-shadow: inset 0px 4px 149px rgb(0 0 0 / 25%);
   border: 1px solid #FFFFFF;
   border-radius: 59px;
}

.order-st_3 {
   border-top: 1px solid #2b263c;
   margin-top: 34px;
   padding-top: 23px;
}

.wrap-sub-order-st_3 {
   font-style: italic;
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 24px;
}

a.wrap-btn-order-st_3 {
   background: #30B85E;
   border-radius: 6px;
   color: #FFFFFF;
   display: flex;
   padding: 15px 0;
   justify-content: center;
   font-family: 'Museo Sans Cyrl';
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
}

.txt-list-st_3 {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 16px;
   position: relative;
   padding-left: 30px;
}

.svg-for-list-st_3 {
   position: absolute;
   margin-left: -30px;
}

.txt-list-st_3 span {
   font-style: italic;
}

.svg_list-st_3 {
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: -1;
   width: 100%;
}

.wrapper-sec_3-pr-bk-cv-d {
   position: relative;
}

.svg_rad-st_3 {
   position: absolute;
   top: -162px;
   right: 8px;
}

.section_4-premium-book-cover-design {
   background-color: #0a0417;
   background-image: url(https://miblart.com/wp-content/uploads/2022/06/pr-bk-cv-d_box_background_process.png);
   background-size: cover;
   background-repeat: no-repeat;
   color: #FFFFFF;
   padding: 100px 0 54px 0;
}

.wrapper-sec_4-pr-bk-cv-d {
   max-width: 672px;
   margin: 0 auto;
}

.title-proc-st_4 {
   font-family: 'Cinzel';
   font-weight: 400;
   font-size: 56px;
   line-height: 73px;
   color: #FFFFFF;
   margin: 0 auto;
   text-align: center;
}

.title-proc-st_4 span {
   font-family: 'Busset-City';
   font-style: normal;
   font-weight: 400;
   font-size: 72px;
   line-height: 118.9%;
   color: #31B85E;
   transform: rotate(-7.22deg);
   display: inline-block;
   margin-bottom: 82px;
}

.step-ls-pr-st_4 {
   display: flex;
   flex-direction: row;
   font-family: 'Cinzel';
   font-weight: 400;
   font-size: 24px;
   line-height: 28px;
   color: #FFB72D;
   width: 131px;
}

.cont-ls-pr-st_4 {
   width: 100%;
}

.title-ls-pr-st_4 {
   font-family: 'Cinzel';
   font-weight: 400;
   font-size: 24px;
   line-height: 28px;
   margin-bottom: 16px;
}

.description-ls-pr-st_4 {
   font-family: 'Proxima Nova Rg';
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #9D9BA2;
}

.col-ls-pr-st_4 {
   display: flex;
   margin-bottom: 40px;
}

.section_5-premium-book-cover-design {
   background: #0a0417;
   color: #FFFFFF;
   padding-bottom: 150px;
   padding-top: 145px;
}

.section_5-premium-book-cover-design .title-st_5 {
   font-family: 'Cinzel';
   font-weight: 400;
   font-size: 56px;
   line-height: 73px;
}

.section_5-premium-book-cover-design .title-st_5 span {
   font-family: 'Busset-City';
   font-weight: 400;
   font-size: 72px;
   line-height: 118.9%;
   color: #31B85E;
   transform: rotate(-7.22deg);
   display: inline-block;
   margin-bottom: 77px;
}

.section_5-premium-book-cover-design .accordion__title-text-pr-st_5 {
   display: flex;
   width: calc(100% - 160px);
   align-items: center;
}

.section_5-premium-book-cover-design .accordion-active .accordion__plus-text-pr-st_5 {
   background: #30B85E;
}

.section_5-premium-book-cover-design .accordion__item .accordion__title {
   position: relative;
   color: #202020;
   font-size: 28px;
   text-decoration: none;
   -webkit-transition: background-color 0.2s;
   transition: background-color 0.2s;
   cursor: pointer;
   display: flex;
   border-top: 1px solid #2b263c;
   padding: 26px 29px 26px 14px;
   justify-content: space-between;
   align-items: center;
}

.section_5-premium-book-cover-design .accordion__item .accordion-active {
   background-color: #e5e4e4;
}

.section_5-premium-book-cover-design .accordion__item .accordion__title .accordion__arrow {
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
}

.section_5-premium-book-cover-design .accordion__item .accordion__content {
   padding: 7.5px 138px 34px 103px;
   display: none;
   background-color: rgba(255, 255, 255, 0.06);
   font-family: 'Proxima Nova Rg';
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 22px;
   color: #9D9BA2;
}

.section_5-premium-book-cover-design .accordion__item .accordion__arrow-item {
   font-weight: 700;
}

.section_5-premium-book-cover-design .num-pr-st_5 {
   font-family: 'Cinzel';
   font-weight: 400;
   font-size: 56px;
   line-height: 73px;
   color: #534F5C;
   margin-right: 33px;
}

.section_5-premium-book-cover-design .accordion__title-text {
   font-family: 'Proxima Nova';
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   text-transform: uppercase;
   color: #FFFFFF;
}

.section_5-premium-book-cover-design .plus-acord-st_5 {
   width: 48px;
   height: 48px;
   background: #E3E3E3;
   border-radius: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.section_5-premium-book-cover-design .accordion__title-text marker, .accordion__title-text span {
   font-style: italic;
   font-weight: 300;
}

.section_5-premium-book-cover-design .accordion__title-text span {
   text-transform: none;
}

.section_5-premium-book-cover-design .accordion__item .accordion-active {
   background: rgba(255, 255, 255, 0.06);
}

.section_5-premium-book-cover-design .accordion-active .plus-acord-st_5 {
   background: #30B85E;
}


.section_6-premium-book-cover-design {
   position: relative;
   background: #1B1724;
   padding: 95px 0;
   color: #FFFFFF;
}

.title-st_6 {
   font-family: 'Cinzel';
   font-weight: 400;
   font-size: 56px;
   line-height: 73px;
   z-index: 9;
   position: relative;
}

.title-st_6 span {
   font-family: 'Busset-City';
   font-weight: 400;
   font-size: 72px;
   line-height: 86px;
   color: #31B85E;
   display: inline-block;
   transform: rotate(-7.22deg);
}

.description-st_6 {
   font-family: 'Proxima Nova Rg';
   font-size: 14px;
   line-height: 26px;
   text-transform: uppercase;
   color: #FEFEFF;
   max-width: 351px;
   margin-top: 48px;
   position: relative;
   padding-left: 60px;
   z-index: 9;
}

.svg_f-des-st_6 {
   position: absolute;
   margin-left: -60px;
   display: flex;
   align-items: center;
   height: -webkit-fill-available;
}

.description-st_6 span {
   font-weight: 800;
}

a.contact-st_6 {
   font-family: 'Museo Sans Cyrl';
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   color: #FFFFFF;
   padding: 15px 75px;
   background: #30B85E;
   border-radius: 6px;
   display: block;
   width: fit-content;
   margin-top: 50px;
   position: relative;
   z-index: 9;
}

.wrapper-sec_6-pr-bk-cv-d {
   max-width: 588px;
   margin: 0 auto;
}

.img_1-for-sec_6 {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 462px;
}

.img_2-for-sec_6 {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 485px;
}


footer.footer.premium {
   background: #1B1724;
}

.premium a.link-menu-for-mibl2 {
   color: #ffffff;
}

.premium .partner-logo p {
   color: #ffffff;
}

.premium .join_our_community {
   background: #191523;
   border: 1px solid #0A0417;
}

.premium a.inner_link {
   color: #ffffff;
}

.premium p.note {
   color: #ffffff;
}

.footer.premium .socials ul li a {
   border: 1px solid #0A0417;
}

.premium .footer-par-f-m2 p {
   color: #ffffff;
}

@media ( max-width: 749px ) {
   .swg-pr-ban {
      margin-top: 0;
   }

   .section_2-premium-book-cover-design {
      padding-top: 100px;
   }
   .subtitle-st_2 {
      font-size: 40px;
      max-width: 251px;
      line-height: 46px;
   }
   .titles .title-st_2 {
      font-size: 56px;
      line-height: 118.9%;
   }
   .wrap-boxes-pr {
      margin: 78px 0 0 0;
      padding-bottom: 68px;
   }
   .col-pr {
      margin: 0 0 32px 0;
   }
   .section_2-premium-book-cover-design {
      padding-bottom: 0;
   }
}

@media ( max-width: 1147px ) {
   .wrap-order-st_3 {
      display: block;
   }
   .svg_rad-st_3 {
      display: none;
      flex-direction: column;
      align-items: center;
   }
   .svg_list-st_3 {
      display: none;
   }
   .wrap-list-order-st_3 {
      box-shadow: unset;
      padding: 0 0 46px 0;
   }
   .wrap-img-st_3 {
      margin-bottom: 60px;
   }
   .title-st_3 {
      font-size: 40px;
      max-width: 301px;
      line-height: 46px;
   }
   .title-st_3 span {
      font-size: 56px;
      line-height: 67px;
   }
   .wrap-for-titles-list-st_3 {
      display: flex;
      flex-direction: column;
      padding-bottom: 0;
   }
   .price-list-st_3 {
      width: fit-content;
      margin: 32px 0;
   }
   .order-st_3 {
      padding-top: 32px;
   }
   .section_3-premium-book-cover-design {
      padding-bottom: 64px;
   }
   .section_4-premium-book-cover-design {
      background-image: unset;
      padding-top: 0;
   }
   .title-proc-st_4 {
      font-size: 40px;
      line-height: 46px;
      text-align: initial;
      margin-bottom: 0;
   }
   .title-proc-st_4 span {
      margin-bottom: 0;
   }
   .list-proc-st_4 {
      margin-top: 60px;
   }
   .col-ls-pr-st_4 {
      flex-direction: column;
   }
   .step-ls-pr-st_4 {
      margin-bottom: 16px;
   }
   .section_5-premium-book-cover-design {
      padding-top: 46px;
      padding-bottom: 74px
   }
   .accordion__arrow {
      display: none;
   }
   .section_5-premium-book-cover-design .accordion__title-text-pr-st_5 {
      width: calc(100% - 48px);
   }
   .section_5-premium-book-cover-design .accordion__item .accordion__title {
      align-items: flex-start;
   }
   .section_5-premium-book-cover-design .accordion__item .accordion__content {
      padding: 0 16px 24px 16px;
   }
   .section_6-premium-book-cover-design {
      padding: 90px 0;
   }
   .img_2-for-sec_6 {
      display: none;
   }
   .img_1-for-sec_6 {
      display: none;
   }
   .title-st_6 {
      font-size: 40px;
      line-height: 46px;
   }
   .title-st_6 span {
      font-size: 56px;
      line-height: 67px;
   }
   .svg_f-des-st_6 {
      width: 26px;
      margin-left: -44px;
   }
   .description-st_6 {
      font-size: 14px;
      padding-left: 44px;
   }
   .left-row-pr .title {
      font-size: 40px;
      line-height: 46px;
   }
   .left-row-pr .title span {
      line-height: 67px;
      font-size: 56px;
   }
   nav.header.premium.navbar {
      border-bottom: unset;
   }
   .premium .header-menu-mobile .dropdown-toggle span {
      background: #FFFFFF;
   }
   .premium .header-menu-mobile .dropdown-toggle span:nth-child(2) {
      width: 50%;
      float: right;
   }
   img.img-st_3 {
      max-width: 100%;
   }
   .left-row-pr .title span:after {
      top: -13px;
      left: 26px;
   }
   .for-adp-st_1 {
      width: 26px;
   }
   .svg_sub-b-pr {
      margin-left: -41px;
   }
}


section.inner-header.section-service {
   background: linear-gradient(90deg, #f7f8eb, #f3f8f0);
   padding-top: 93px;
   padding-bottom: 52px;
   position: relative;
}

.section-service .inner-title:before {
   display: none;
}

.section-service h1.title.inner-title {
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   margin-bottom: 24px;
}

.section-service .subtitle {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   text-transform: uppercase;
   color: #25293F;
   margin-top: 24px !important;
   padding-left: 0 !important;
}

.section-service .svg-left, .section-service .svg-right {
   position: absolute;
}

.section-service .svg-right {
   right: 0;
   top: 0;
}

.section-service .svg-left {
   left: 0;
   bottom: 0;
}

.section-service .col-12.section-title.centered {
   max-width: max-content;
}

.section-service .row {
   justify-content: center;
}

.section-service .svg-left-cen {
   display: flex;
   align-items: center;
   margin-right: 47px;
}

.section-service .svg-right-cen {
   display: flex;
   align-items: center;
   margin-left: 47px;
}

@media (max-width: 1025px ) {
   .section-service .svg-left, .section-service .svg-right {
      display: none;
   }
}

@media (max-width: 678px ) {
   .section-service .svg-left-cen, .section-service .svg-right-cen {
      display: none;
   }
}

.extra-services .price {
   font-family: 'Proxima Nova Rg' !important;
}

.extra-services a.btn.btn-green {
   font-family: 'Museo Sans Cyrl';
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   display: flex;
   justify-content: center;
   border-radius: 4px;
   align-items: center;
}

.portfolio-section-buttons-wrap a.btn.btn-green {
   border-radius: 2px;
   line-height: 19px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.portfolio-section-buttons-wrap a.btn.btn-green--outline {
   border: 1px solid #30B85E;
   border-radius: 2px;
   font-family: 'Museo Sans Cyrl';
   line-height: 19px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.services a.btn.btn-green {
   font-family: 'Museo Sans Cyrl';
   line-height: 19px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.services a.btn.btn-green--outline {
   font-family: 'Museo Sans Cyrl';
   line-height: 19px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.section-testimonials .wrap-testimonials {
   background: #d5e7fc;
   padding-top: 114px;
   padding-bottom: 204px;
   position: relative;
}

.section-testimonials .main-screen {
   text-align: center;
}

.section-testimonials .svg-left-top {
   position: absolute;
   top: 0;
   left: 0;
}

.section-testimonials .svg-left-bottom {
   position: absolute;
   bottom: 0;
   left: 0;
}

.section-testimonials .svg-right-top {
   position: absolute;
   top: 0;
   right: 0;
}

.section-testimonials .svg-right-bottom {
   position: absolute;
   right: 0;
   bottom: 0;
}

.section-testimonials .title {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 52px;
   line-height: 63px;
   text-transform: capitalize;
   color: #25293F;
   margin-top: 34px;
}

.section-testimonials .subtitle {
   font-family: 'Proxima Nova Rg';
   font-weight: 400;
   font-size: 24px;
   line-height: 32px;
   color: #25293F;
   max-width: 675px;
   margin: 0 auto;
   margin-top: 30px;
   padding: 0;
}

.section-testimonials .col-testimonials {
   max-width: 360px;
   margin: 0px 10px 56px 10px;
}

.section-testimonials .box-description {
   display: flex;
   margin-top: 24px;
   align-items: center;
}

.box-description .description {
   font-family: 'Museo Sans Cyrl';
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455A64;
   margin: 16px 0;
}

.box-description .title {
   font-family: 'Proxima Nova Rg';
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   text-transform: capitalize;
   color: #212121;
   margin: 0;
}

.section-testimonials a.icon-soc-net {
   border: 1px solid #E0E0E0;
   border-radius: 6px;
   height: 32px;
   width: 32px;
   margin-right: 16px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.section-testimonials .social-network {
   display: flex;
}

.section-testimonials .after, .section-testimonials .before {
   width: 11px;
   height: 159px;
   background: #ebf2f4;
}

.section-testimonials .content {
   padding: 24px 15px;
   background: #FFFFFF;
   border: 1px solid #EEEEEE;
   width: fit-content;
}

.section-testimonials .list-testimonials {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   position: relative;
   margin: -130px -5px 0 -5px;
}

.section-testimonials .svg-left-top.mob,
.section-testimonials .svg-left-bottom.mob,
.section-testimonials .svg-right-top.mob,
.section-testimonials .svg-right-bottom.mob {
   display: none;
}

@media (max-width: 779px) {
   .section-testimonials .svg-left-top.mob,
   .section-testimonials .svg-left-bottom.mob,
   .section-testimonials .svg-right-top.mob,
   .section-testimonials .svg-right-bottom.mob {
      display: block;
   }
   .section-testimonials .svg-left-top,
   .section-testimonials .svg-left-bottom,
   .section-testimonials .svg-right-top,
   .section-testimonials .svg-right-bottom {
      display: none;
   }
   .section-testimonials .title {
      max-width: 334px;
      margin: 0 auto;
      margin-top: 24px;
      font-size: 40px;
      line-height: 49px;
   }
   .section-testimonials .list-testimonials {
      margin: -88px 0 0 0;
   }
}

.section-testimonials .after.blue, .section-testimonials .before.blue {
   background: #d4e7fc;
}

.section-testimonials .after.grad {
   background: #e4e7f8;
}

.section-testimonials .before.grad {
   background: #efe6ef;
}

.testimonials-video-popup {
   position: relative;
   background: #FFF;
   padding: 35px;
   width: auto;
   max-width: 1000px;
   margin: 20px auto;
}

.section-testimonials a.open-testimonials-video-popup {
   position: relative;
   display: block;
   height: 360px;
   width: 360px;
}

.section-testimonials .svg-icon-youtube {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   position: absolute;
   z-index: 8;
}

a.open-testimonials-video-popup:hover::after {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
}

a.open-testimonials-video-popup:hover path.ytp-large-play-button-bg {
   fill: red !important;
}

.testimonials-video-popup {
   display: flex;
   justify-content: center;
   align-items: center;
}

.testimonials-video-popup .spinner-border {
   position: absolute;
   z-index: 0!important;
}

iframe#v1 {
   z-index: 1;
}

.subtitle-get-kin-vell::before {
   background: #30B85E;
   content: '';
   display: block;
   margin: 0 auto;
   width: 200px;
   height: 1px;
}

.section-kindle-vella-mibl2 {
   background: linear-gradient(90deg, #e6e9f4, #f8efd9);
   position: relative;
}

.wrapper-banner-kindle-vella-mibl2 {
   display: flex;
}

img.img-ban-kindle-vella-mibl2.mob {
   display: none;
}

.wrapper-banner-kindle-vella-mibl2 .swg-kin-vell-ban {
   margin-top: 140px;
}

.wrapper-banner-kindle-vella-mibl2 .title-kin-vell {
   margin-top: 40px;
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 52px;
   line-height: 63px;
   color: #25293F;
   max-width: 500px;
}

.wrapper-banner-kindle-vella-mibl2 .subtitle-kin-vell {
   font-family: 'Proxima Nova Rg';
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   text-transform: uppercase;
   color: #25293F;
   margin-top: 40px;
   position: relative;
   padding-left: 74px;
   max-width: 415px;
}

.wrapper-banner-kindle-vella-mibl2 .subtitle-kin-vell span {
   font-weight: bold;
}

.svg_sub-b-kin-vell {
   position: absolute;
   margin-left: -74px;
}

.wr-img-kin-vell-bn {
   max-width: 730px;
   margin-top: 46px;
   margin-right: -140px;
}

@media (max-width: 1428px) {
   .wr-img-kin-vell-bn {
      margin-right: 0;
   }
}

.section-back-img-kindle-vella-mibl2 {
   background-image: url(https://miblart.com/wp-content/uploads/2020/11/image_2022-06-17_12-31-48-768x768.png);
   background-repeat: no-repeat;
   background-position: right;
   background-size: contain;
}

.kindle-vella-row {
   display: flex;
}

@media (max-width: 1000px) {
   .right-row-kin-vell {
      display: none;
   }
   img.img-ban-kindle-vella-mibl2.mob {
      display: block;
      margin-top: 55px;
   }
   .section-back-img-kindle-vella-mibl2 {
      background: none;
   }
}

.services-kindle-vella.mibl2 .benefits-wrap h2 {
   max-width: 349px;
}

.services-kindle-vella.mibl2 .kindle-vella-book .wrap-img {
   padding: 39px 22px 16px 22px;
   max-width: 550px;
   width: 100%;
   background: #d3e6fc;
   position: relative;
   display: flex;
   align-items: flex-end;
}

.services-kindle-vella.mibl2 .kindle-vella-book .cart h3 {
   max-width: 225px;
   text-align: start;
   margin-bottom: 32px;
}

.kindle-vella-book .cart .horizontal-line {
   margin-bottom: 32px;
}

.svg-order-kin-vell {
   position: absolute;
   top: 33px;
   left: 26px;
}

.services-kindle-vella.mibl2 .kindle-vella-book .cart span {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   margin-bottom: 0;
}

.services-kindle-vella.mibl2 .kindle-vella-book .cart {
   border: 1px solid #E0E0E0;
   border-radius: 6px;
   padding: 30px 30px 32px 30px;
}

.wrap-img-order-kin-vell {
   margin-bottom: -16px;
}

.back-order-kin-vell {
   background: url(https://miblart.com/wp-content/uploads/2020/11/back-order-kin-vel.svg);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: bottom;
}

.get-cover-idea-kindle-vella {
   background: linear-gradient(90deg, #f9f9e9, #eff9f7);
   position: relative;
   text-align: center;
   padding: 66px 0;
}

.svg-left-get-cover-idea-kindle-vella {
   left: 0;
   bottom: 0;
   position: absolute;
}

.svg-right-get-cover-idea-kindle-vella {
   position: absolute;
   right: 0;
   top: 0;
}

.title-get-kin-vell {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
}

.title-get-kin-vell span {
   color: #30b85e;
}

.subtitle-get-kin-vell {
   font-family: 'Museo Sans Cyrl';
   font-weight: 300;
   font-size: 18px;
   line-height: 41px;
   color: #455A64;
   margin-top: 30px;
}

.button-get-kin-vell {
   display: block;
   padding: 15px 50px;
   text-align: center;
   font-family: 'Museo Sans Cyrl';
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
   background: #30B85E;
   border-radius: 6px;
   width: fit-content;
   margin: 0 auto;
   color: #fff;
   margin-top: 55px;
}

.services-kindle-vella.mibl2 .kindle-vella-book {
   margin-bottom: 125px;
}

.button-get-kin-vell:hover {
   color: #e5e5e5;
   font-weight: 600;
   cursor: pointer;
}

@media (max-width: 1025px) {
   .kindle-vella-book .wrap-img {
      margin-right: 0;
   }
   .kindle-vella-row {
      flex-direction: column;
      align-items: center;
   }
   .services-kindle-vella.mibl2 .kindle-vella-book .row {
      justify-content: center;
   }
   .services-kindle-vella.mibl2 .kindle-vella-book .wrap-plus h2 {
      margin-top: 45px;
   }
}

@media (max-width: 876px) {
   .svg-right-get-cover-idea-kindle-vella, .svg-left-get-cover-idea-kindle-vella {
      display: none;
   }
}

@media (max-width: 600px) {
   .wrapper-banner-kindle-vella-mibl2 .swg-kin-vell-ban {
      margin-top: 66px;
   }
}

.services-ebook-cover-design-mibl2 .get-cover-idea-kindle-vella {
   margin-top: 125px;
}

.services-ebook-cover-design-mibl2 .section-kindle-vella-mibl2 {
   background: linear-gradient(90deg, #ebf1f4, #e6f7f3);
}

.services-ebook-cover-design-mibl2 .section-back-img-kindle-vella-mibl2 {
   background-image: url(https://miblart.com/wp-content/uploads/2020/11/image_2022-06-17_21-57-58-1024x797.png);
}

.services-ebook-cover-design-mibl2 .wrapper-banner-kindle-vella-mibl2 .title-kin-vell {
   max-width: 620px;
}

.services-ebook-cover-design-mibl2 .text-under-ph-eb-cv {
   font-family: 'Busset-City';
   font-weight: 400;
   font-size: 97px;
   line-height: 118.9%;
   color: #25293F;
   opacity: 0.1;
   text-align: center;
   margin-bottom: 60px;
   margin-top: -78px;
   margin-left: -158px;
}

.service-book-cover .service-book-cover-how-to.high {
   margin-top: 0;
   padding-bottom: 0;
}

.services-ebook-cover-design-mibl2 .service-book-cover-pricing {
   margin-top: -50px;
}

.service-book-cover .image-note {
   font-weight: 600;
   font-size: 12px;
   line-height: 14px;
   text-transform: uppercase;
   color: #C4C4C4;
   margin-left: 120px;
   margin-top: 15px;
   margin-bottom: 50px;
}

.services-ebook-cover-design-mibl2 .title.inner-title.m2 {
   text-align: start !important;
   margin-bottom: 60px;
}

@media (max-width: 991px) {
   .service-book-cover .image-note {
      margin-left: 0;
   }
}

.services-ebook-cover-design-mibl2 .service-book-cover-how-to .section-title.centered .subtitle {
   width: fit-content;
   margin: 0 auto;
   margin-top: 40px;
}

.services-ebook-cover-design-mibl2 .service-book-cover-how-to .section-title.centered .subtitle::after {
   content: '';
   display: block;
}

.img-block-price {
   height: auto;
   max-width: 645px;
   width: 100%;
   margin-right: 20px;
}

.img-block-price.reserv {
   margin-right: 0;
   margin-left: 20px;
}

.list-pric-ebook-pr {
   border: 1px solid #E0E0E0;
   border-radius: 6px;
   padding: 30px 30px 24px 30px;
   max-width: 425px;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.tit-lpe-m2 {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   color: #212121;
   margin-bottom: 32px;
   max-width: 225px;
}

.price-lpe-m2 {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #30B85E;
}

.list-lpe-m2 {
   padding-top: 16px;
   border-top: 1px solid #E6E6E6;
}

.block-price-cards-ebook-cover-m2 {
   display: flex;
   margin-bottom: 125px;
   justify-content: space-between;
   position: relative;

}

.block-price-cards-ebook-cover-m2.reserv {
   flex-direction: row-reverse;
}

.list-lpe-m2 li {
   margin-top: 16px;
   font-weight: 300;
   font-size: 16px;
   line-height: 23px;
   color: #455A64;
   display: flex;
}

.list-lpe-m2 li::before {
   content: url("https://miblart.com/wp-content/themes/miblart/assets/images/list-icon.svg");
   display: block;
   margin-right: 16px;
}

.prices-lpe-m2 {
   border: 1px solid #E0E0E0;
   border-radius: 4px;
   padding: 15px 18px;
}

.block-price-cards-ebook-cover-m2 .btn.btn-green {
   width: 100%;
   font-family: 'Museo Sans Cyrl';
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   color: #FFFFFF;
}

.price-cards .block-price-cards-ebook-cover-m2 .options form {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border: 1px solid #E0E0E0;
   border-radius: 4px;
   margin-bottom: 24px;
   padding: 18px 15px;
   margin-top: 15px;
}

.block-price-cards-ebook-cover-m2 .options .option label {
   position: relative;
   color: #455a64;
   font-size: 16px;
   line-height: 25px;
   font-weight: 300;
   padding-left: 35px;
   margin-bottom: 0;
   cursor: pointer;
}

.block-price-cards-ebook-cover-m2 .price-card .options .option label {
   font-size: 14px;
   padding-left: 25px;
}

.block-price-cards-ebook-cover-m2 .options .option input:checked + label:before {
   opacity: 1;
}

.block-price-cards-ebook-cover-m2 .options .option label:before {
   content: "";
   position: absolute;
   left: 6px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   width: 8px;
   height: 8px;
   background: #000;
   opacity: 0;
}

.block-price-cards-ebook-cover-m2 .options .option label:after {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 50%;
   width: 20px;
   height: 20px;
   border: 1px solid #000;
}

.block-price-cards-ebook-cover-m2 .options .option input {
   display: none;
}

.list-pric-ebook-pr .option label span {
   font-weight: bold;
   color: black;
}

@media (max-width: 990px) {
   .block-price-cards-ebook-cover-m2, .block-price-cards-ebook-cover-m2.reserv {
      flex-direction: column;
      align-items: center;
   }
   .img-block-price, .img-block-price.reserv {
      margin: 0;
      margin-bottom: 50px;
   }
   .list-pric-ebook-pr {
      max-width: 645px;
   }
}

.wr-img-kin-vell-bn-mob {
   display: none;

}

@media (max-width: 1000px) {
   .services-ebook-cover-design-mibl2 .section-back-img-kindle-vella-mibl2 {
      background: none;
   }
   .wr-img-kin-vell-bn-mob {
      display: block;

   }
   img.img-ban-kindle-vella-mibl2.mob {
      width: 100%;
   }
   .services-ebook-cover-design-mibl2 .text-under-ph-eb-cv {
      margin: 0;
      padding-bottom: 20px;
      font-size: 72px;
      margin-top: -33px;
   }
}

@media (max-width: 425px) {
   .price-cards .block-price-cards-ebook-cover-m2 .options form {
      flex-direction: column;
      align-items: flex-start;
      padding: 18px 15px 8px 15px;
   }
   .block-price-cards-ebook-cover-m2 .options .option {
      margin-bottom: 10px;
   }
}

.order-series-book-m2 {
   margin-bottom: 125px;
   position: relative;
}

.wrap-order-series-book-m2 {
   display: flex;
   padding-bottom: 70px;
   border-bottom: 1px solid #E0E0E0;
}

.left-col-osbm2 {
   width: 100%;
   /* background: #0081ff; */
}

.cont-osbm2 {
   display: flex;
   flex-wrap: wrap;
   margin-left: 60px;
   margin-top: 100px;
   justify-content: center;
   max-width: 450px;
}

.col-osbm2 {
   height: 160px;
   width: 111px;
   margin: -5px;
}

.right-col-osbm2 {
   padding-top: 125px;
   margin-left: 71px;
   max-width: 460px;
   width: 100%;
}

.title-osbm2 {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
   margin-bottom: 42px;
}

.subtitle-osbm2 {
   font-family: 'Proxima Nova Rg';
   font-weight: 400;
   font-size: 24px;
   line-height: 45px;
   color: #212121;
   max-width: 460px;
}

.subtitle-osbm2 span {
   font-family: 'Proxima Nova Bold';
   font-weight: 800;
   font-size: 24px;
   line-height: 22px;
   color: #3874EA;
   padding: 10px 32px;
   background: #DAE8FA;
   border-radius: 57px;
}

.back-osbm2 {
   width: 50%;
   position: absolute;
   height: 343px;
   z-index: -1;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

@media (max-width: 1105px) {
   .right-col-osbm2 {
      margin: 0;
   }
   .wrap-order-series-book-m2 {
      flex-direction: column;
      align-items: center;
   }
   .cont-osbm2 {
      margin: 0 auto;
      padding-top: 48px;
   }
   .back-osbm2 {
      width: 100%;
      height: 280px;
   }
}

.page-id-7618:after {
   display: none;
}

.section1-for-partnership-mibl2 {
   position: relative;
   text-align: center;
   padding: 153px 0;
   background: #e6f7f3;
}

.section2-for-partnership-mibl2.partnership-section2 {
   padding: 80px 0 125px;
}

@media screen and (max-width: 666px) {
   .section1-for-partnership-mibl2 {
      padding: 153px 0;
   }
}

.partnership__title {
   text-align: center;
   margin-bottom: 60px;
}

.partnership__title > * {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #150F1E;
}

.partnership__title > * > * {
   color: #30B85E;
}

.partnership__list {
   margin-bottom: 50px;
}

.partnership__container {
   background: #FAFAFA;
}

.partnership__container {
   padding: 80px 0;
}

.partnership__container .section3-for-partnership-mibl2 .row {
   padding: 0;
}


.partnership__container .section3-for-partnership-mibl2 {
   padding-top: 0;
}

.section2-for-partnership-mibl2 + .section3-for-partnership-mibl2 {
   padding-top: 125px;
}


.partnership-get-more {
   padding: 80px 0;
}

.partnership-get-more .container {
   max-width: 936px;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.partnership-get-more__title {
   text-align: center;
   margin-bottom: 24px;
}

.partnership-get-more__title > * {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
}

.partnership-get-more__text {
   text-align: center;
   margin-bottom: 50px;
}

.partnership-get-more__text > * {
   font-family: 'Museo Sans Cyrl';
   font-weight: 300;
   font-size: 18px;
   line-height: 41px;
   text-align: center;
   color: #212121;
}

.partnership-get-more .partnership-get-more__link_transparent {
   background: transparent;
   color: #30B85E;
}

.partnership-get-more .partnership-get-more__link_transparent:hover {
   background: transparent;
   color: #30B85E;
   border: 1px solid #30B85E;
}

.partnership-get-more__wrapper {
   display: flex;
   align-items: center;
   gap: 8px;
}

@media screen and (max-width: 666px) {
   .partnership-get-more {
      padding: 40px 0;
   }
   .partnership-get-more__wrapper {
      flex-wrap: wrap;
      justify-content: center;
   }
}

.svg-fpm2, .svg-fpm2 {
   position: absolute;
}

.svg-fpm2 .lf-c {
   left: 0;
}

.svg-fpm2.rg-top {
   right: 0;
   top: 0;
}

@media ( max-width: 828px ) {
   .svg-fpm2, .svg-fpm2 {
      display: none;
   }
}

.title-sect1-fpm2 {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 52px;
   line-height: 63px;
   text-transform: capitalize;
   margin-bottom: 30px;
}

.title-sect1-fpm2 span {
   color: #30B85E;
}

.subtitle-sect1-fpm2 {
   margin-top: 24px;
   font-family: 'Proxima Nova Rg';
   font-weight: 400;
   font-size: 24px;
   line-height: 29px;
   color: #212121;
}

.list-process ol li em, .list-process ol li span {
   margin-bottom: 20px;
}

.list-process ol li em, .list-process ol li span {
   font-family: "Proxima Nova Rg";
}

.title-sect2-fpm2 {
   margin-top: 18px;
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
   margin-bottom: 43px;
}

.title-sect2-fpm2 span {
   color: #30B85E;
}

.text-list-sect2-fpm2 {
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   color: #455A64;
}

.section3-for-partnership-mibl2 .row {
   padding: 55px 0;
}

section.section4-for-partnership-mibl2 {
   margin-top: 125px;
   padding: 0;
   background: linear-gradient(90deg, #e6e9f4, #f8efd9);
}

.section5-for-partnership-mibl2 {
   padding: 82px 0;
   background: #d3e6fc;
   position: relative;
   text-align: center;
}

.title-sect4-fpm2 {
   font-family: 'Proxima Nova';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
   margin-bottom: 50px;
   max-width: 565px;
}

.title-sect4-fpm2 span {
   font-family: 'Proxima Nova Bold';
}

.title-sect4-fpm2 mark {
   font-family: 'Proxima Nova Bold';
   color: #fbc02d;
   background: none;
}

.wrapper-sec4fpm2 {
   background-image: url("https://miblart.com/wp-content/uploads/2022/06/image_2022-06-20_16-41-38-e1655732957341.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: right;
   padding: 88px 0 72px 0;
}

.title-sect5-fpm2 {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
   margin-bottom: 50px;
}

.title-sect5-fpm2 span {
   color: #30B85E;
}

@media (max-width: 992px) {
   .wrapper-sec4fpm2 {
      background-image: unset;
   }
}

.section-kindle-vella-mibl2.silvm2 .wrapper-banner-kindle-vella-mibl2 .title-kin-vell {
   max-width: 642px;
}

.section-kindle-vella-mibl2.silvm2 .bottom-text-silvm2 {
   margin-top: 157px;
   color: #455A64;
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   font-family: 'Museo Sans Cyrl';
}

.section-kindle-vella-mibl2.silvm2 .wr-img-kin-vell-bn {
   margin-top: 0;
}

.section-kindle-vella-mibl2.silvm2 {
   background: linear-gradient(90deg, #e2e8fb, #f2e6ee);
}

.section-kindle-vella-mibl2.silvm2 .section-back-img-kindle-vella-mibl2 {
   background-image: url(https://miblart.com/wp-content/uploads/2020/11/image_2022-06-21_11-40-34-e1655800970427.png);
}

@media (max-width: 1000px) {
   .section-kindle-vella-mibl2.silvm2 .section-back-img-kindle-vella-mibl2 {
      background: none !important;
   }
   .section-kindle-vella-mibl2.silvm2 .bottom-text-silvm2 {
      margin-top: 32px;
   }
}

.service-illustrated-cover-we-help .section-title {
   margin-bottom: 60px;
}

.service-illustrated-cover-we-help .price-card {
   border: 1px solid #E0E0E0;
}

.service-illustrated-cover-we-help .slick-track .title {
   text-align: start;
   max-width: 225px;
   margin-bottom: 0;
}

.service-illustrated-cover-we-help .slick-track .price {
   margin: 0;
   padding: 0;
   text-align: right;
   font-size: 34px;
   max-width: 84px;
}

.slider-repeater-block-card .note_top {
   text-align: start;
}

.col-12.col-lg-6.image.m2 {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}

.header-bottom .menu-services li a {
   font-size: 13px;
}

.premium .header-bottom .menu-services li a {
   color: #FFFFFF;
   font-size: 13px;
}

nav.header.premium.navbar {
   border: none;
}

#pop-up-je22W21nNNm, #pop-up-si4nSMnm1 {
   background: #FDFFFD;
   box-shadow: 0px 2px 6px rgb(8 60 44 / 18%);
   border-radius: 10px;
   max-width: 436px;
   margin: 0 auto;
   padding: 7px;
   position: relative;
   text-align: center;
}

#pop-up-je22W21nNNm button.mfp-close {
   right: -54px;
   height: 30px;
   width: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 1;
   border: 1px solid white;
   border-radius: 30px;
   color: white;
}

#pop-up-je22W21nNNm button.mfp-close::before {
   content: url("https://miblart.com/wp-content/uploads/2022/07/close.svg");
   display: block;
   position: absolute;
   top: -10px;
}

#pop-up-je22W21nNNm .rg-sV-llw,
#pop-up-si4nSMnm1 .rg-sV-llw {
   position: absolute;
   right: 0;
   top: 0;
}

#pop-up-je22W21nNNm .lf-sV-llw,
#pop-up-si4nSMnm1 .lf-sV-llw {
   position: absolute;
   left: 0;
   bottom: 14px;
}

.dw4km12EdnnMM {
   border: 1px solid #E0E0E0;
   border-radius: 7px;
   height: 100%;
   padding: 43px 51px;
}

#pop-up-si4nSMnm1 .dw4km12EdnnMM {
   padding: 43px 51px;
}

.title-s1szww {
   margin-bottom: 30px;
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: #212121;
}

.dw4km12EdnnMM a.btn.btn-green {
   display: none;
}

#pop-up-si4nSMnm1 .btn.btn-green.mfp-close {
   position: relative;
   opacity: 1;
   font-family: 'Museo Sans Cyrl';
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   color: #FFFFFF;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto;
   padding: 0;
   width: 100%;
}

#pop-up-si4nSMnm1 .title-s1szww {
   font-weight: 700;
   font-size: 24px;
   line-height: 26px;
}

#pop-up-si4nSMnm1 .desc-s1szww {
   margin-bottom: 30px;
   line-height: 25px;
}

.s32bk1m .section-share-ideas .section-title.centered .subtitle {
   margin-top: 8px;
}

.s32bk1m .col-12.section-title-item.title {
   margin-top: 16px;
}

.s32bk1m .new-svg-m2_sph {
   position: unset;
}

section.section-share-ideas.section-blue-bg.s32bk1m {
   background: linear-gradient(90deg, #d7ecc7, #e8ecc7);
}

.section-kindle-vella-mibl2.hdne223k {
   background: url(https://miblart.com/wp-content/uploads/2022/07/fonn-1.png);
   position: relative;
   background-position: center;
   background-size: cover;
}

.dhrVqQejn13 .list-process ol li:before,
.dhrVqQejn13 .list-process ol li:after {
   display: none;
}

.dhrVqQejn13 .list-process ol {
   padding: 0;
   margin-top: 60px;
}

.list-process ol li {
   max-width: 740px;
   line-height: 25px;
}


.sgbEtujhD29 {
   padding: 80px 0;
   background: #f7f1f0;
   margin-top: 85px;
}

.hdne223k .wr-img-kin-vell-bn {
   max-width: 446px;
   margin: 0;
}

.hdne223k .wrapper-banner-kindle-vella-mibl2 {
   padding-top: 55px;
   padding-bottom: 76px;
}

.hdne223k .wrapper-banner-kindle-vella-mibl2 .swg-kin-vell-ban {
   margin-top: 24px;
}

.hdne223k .subtitle-kin-vell {
   max-width: 473px;
   margin-right: 150px;
}

.dkk32 {
   margin-top: 16px;
   text-transform: none;
   margin-bottom: 50px;
}

.hdne223k .btn.btn-green {
   font-family: 'Museo Sans Cyrl';
}

.hdne223k .d-flex {
   margin-top: 47px;
}

.hdne223k .d-flex .li_chdgTe2 {
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   color: #455A64;
   font-family: 'Museo Sans Cyrl';
   margin-right: 30px;
}

.hdne223k .d-flex .li_chdgTe2::before {
   content: url('https://miblart.com/wp-content/themes/miblart/assets/images/list-icon.svg');
   margin-right: 21px;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.hdne223k .img-ban-kindle-vella-mibl2.mob {
   width: 90%;
   margin: 0 auto;
   padding-top: 24px;
   margin-top: 0;
}

.sgbEtujhD29 .row {
   margin-top: 60px;
}

.sgbEtujhD29 .content {
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   color: #212121;
   margin-top: 40px;
   font-family: 'Proxima Nova Rg';
}

.ehlLLwbbN21M .content {
   margin-top: 60px;
   background: #fef4d7;
   padding: 42.5px 95px;
}

.ehlLLwbbN21M .content {
   margin-top: 60px;
   background: #fef4d7;
   padding: 42.5px 95px 21.5px 95px;
   column-count: 2;
}

.ehlLLwbbN21M .li_dmwSnQm2 {
   margin-bottom: 21px;
   padding-left: 36px;
   display: flex;
   align-items: center;
}

.ehlLLwbbN21M .li_dmwSnQm2::before {
   content: url("https://miblart.com/wp-content/uploads/2022/07/star.svg");
   display: block;
   height: 16px;
   width: 16px;
   position: absolute;
   margin-left: -36px;
}

.sgbEtujhD29 .content::after {
   content: '';
   display: block;
   height: 1px;
   width: 100%;
   opacity: 0.1;
   border: 1px solid #30B85E;
   margin-top: 20px;
}

@media (max-width: 1000px) {
   section.section-share-ideas.section-blue-bg.s32bk1m {
      padding-top: 60px;
   }
   .sgbEtujhD29 {
      margin-top: 40px;
   }
   .sgbEtujhD29 .content::after {
      margin-bottom: 40px;
   }
   .ehlLLwbbN21M .content {
      margin-top: 50px;
   }
   .sgbEtujhD29 .row {
      margin-top: 50px;
   }
   .hdne223k .wrapper-banner-kindle-vella-mibl2 .swg-kin-vell-ban {
      text-align: center;
   }
   .hdne223k .title-kin-vell {
      font-size: 40px;
      line-height: 49px;
      text-align: center;
      margin-top: 24px;
   }
   .hdne223k .subtitle-kin-vell {
      margin: 0;
      font-weight: 400;
      font-size: 20px;
      line-height: 24px;
      padding-left: 38px;
      margin-top: 30px;
   }
   .hdne223k .subtitle-kin-vell .svg_sub-b-kin-vell svg {
      height: 16px;
      width: auto;
   }
   .hdne223k .svg_sub-b-kin-vell {
      margin-left: -42px;
   }
   .hdne223k .btn.btn-green {
      width: 100%;
   }
   .hdne223k .d-flex {
      margin-top: 52.5px;
      flex-direction: column;
   }
   .hdne223k .wrapper-banner-kindle-vella-mibl2 {
      padding-top: 20px;
      padding-bottom: 70px;
      justify-content: center;
   }
   .hdne223k .d-flex .li_chdgTe2 {
      margin: 0;
      margin-bottom: 23px;
   }
   .dkk32 {
      font-weight: 300;
      font-size: 18px;
      line-height: 22px;
      max-width: 281px;
   }
   .dhrVqQejn13 .list-process ol li {
      padding-top: 0;
   }
}

@media (max-width: 883px) {
   .ehlLLwbbN21M .content {
      column-count: 1;
      padding: 32px 16px 12px 16px;
   }
}

.text-normal {
   text-transform: none !important;
}

/**/
.design-logo-branding .row .wrap-slider-image {
   background: #f5f8ef;
   margin: 0;
   padding: 26px 29px;
   margin-right: 15px;
}

.design-logo-branding div.swiper-pagination {
   top: 50% !important;
}

.design-logo-branding .swiper-button-prev.swiper-button-disabled:after {
   transform: unset;
   left: 30px;
}

.design-logo-branding .swiper-button-next.swiper-button-disabled:after {
   transform: unset;
}

body .design-logo-branding .swiper-button-next:after {
   transform: unset;
   top: 39px;
   left: -30px;
}

body .swiper-button-next:after {
   background-image: url("https://miblart.com/wp-content/uploads/2022/07/Group.svg");
}

body .swiper-button-prev:after {
   background-image: url("https://miblart.com/wp-content/uploads/2022/07/Group-1.svg");
}

body .design-logo-branding .swiper-button-prev:after {
   top: 14px;
   transform: unset;
   left: 30px;
}

.design-logo-branding .wrap-pagination {
   padding: 12px 30px;
   max-width: 365px;
   width: 100%;
   height: 49px;
   background: #FFFFFF;
   border: 1px solid #E0E0E0;
   border-radius: 4px;
}

.btn.btn-green {
   font-family: 'Museo Sans Cyrl';
}

.service-logo-package-includes-item .text h3::after {
   content: '';
   width: 35px;
   height: 1px;
   background: #FBC02D;
   display: block;
   margin-top: 8px;

}

.service-logo-package-includes-item .text h3 {
   margin-bottom: 22px;
}

.postid-34 .carousel-wrap-portfolio, .postid-34 .section-share-ideas, .postid-34 .testimonials-carousel-wrap {
   display: block;
}

section.section-share-ideas.section-blue-bg.s32bk1m.ggsfVm21Ls {
   background: linear-gradient(90deg, #fdebd0, #fbd2ce);
}

.section-kindle-vella-mibl2.service-logo-mibl2 {
   background: linear-gradient(90deg, #FDEBD0, #FBD2CE);
   position: relative;
}

.service-logo-mibl2 .section-back-img-kindle-vella-mibl2 {
   background-image: url("https://miblart.com/wp-content/uploads/2022/07/image_2022-07-29_11-57-32-e1659085691381.webp");
}

.service-logo .carousel-wrap .slick-initialized ~ .lds-roller, .slider-repeater-block.slick-initialized ~ .lds-roller {
   display: none !important;
}

.service-logo .lds-roller {
   display: none;
}

.custom-logo-design-and-branding-mib2 .cart {
   border: 1px solid #E0E0E0;
   border-radius: 6px;
   padding: 24px;
}
.custom-logo-design-and-branding-mib2 .ff42{
   justify-content: space-between;
   gap: 40px;
}

.custom-logo-design-and-branding-mib2 .cart h3 {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   margin: 0 0 16px 0;
}
.custom-logo-design-and-branding-mib2 .cart:nth-child(2) a.btn.btn-green{
   margin-top: 40px!important;
}
.custom-logo-design-and-branding-mib2 span.price {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 24px;
   line-height: normal;
   display: flex;
   align-items: center;
   color: #30B85E;
}

.custom-logo-design-and-branding-mib2 ul li::before {
   content: url("https://miblart.com/wp-content/themes/miblart/assets/images/done.svg");
   margin-right: 15px;
}

.custom-logo-design-and-branding-mib2 .horizontal-line {
   height: 1px;
   background: #E6E6E6;
   margin-top: 28px;
   margin-bottom: 26px;
}

.d32s img {
   /* height: 100%; */
   max-height: 100%;
}

.custom-logo-design-and-branding-mib2 ul li {
   margin-bottom: 16px;
}

.custom-logo-design-and-branding-mib2 a.btn.btn-green {
   margin: 0px;
   width: 100%;
}

.ff42 {
   display: flex;
}

.ccdw {
   max-width: 425px;
   width: 100%;
   margin: 0 25px;
}

.custom-logo-design-and-branding-mib2 .container {
   padding-bottom: 125px;
}
.custom-logo-design-and-branding-mib2 .promo{
   background: none;
   padding: 0;
}

@media (max-width: 1000px) {
   .custom-logo-design-and-branding-mib2 .container {
      margin: 0;
   }
   .ff42 {
      flex-direction: column;
      align-items: center;
   }
   .ccdw {
      max-width: unset;
      margin: 0;
   }
   .d32s {
      margin: 30px 0;
   }
   .service-logo-mibl2 .section-back-img-kindle-vella-mibl2 {
      background-image: none;
   }
}

@media (max-width: 991px) {
   body .design-logo-branding .swiper-button-next:after {
      top: 16px;
   }
}

@media (max-width: 750px) {
   .design-logo-branding .row .wrap-slider-image {
      display: none;
   }
}

.service-marketing-package .section-image::after {
   display: none;
}

.service-marketing-package .price-card {
   border: 1px solid #E0E0E0;
   margin-top: 52px;
}

.service-marketing-includes-item .title-wrap .price {
   font-family: Proxima Nova;
   font-weight: bold;
   line-height: 24px;
}

.section-kindle-vella-mibl2.marketing-materials-mibl2 .section-back-img-kindle-vella-mibl2 {
   background-image: url(https://miblart.com/wp-content/uploads/2020/11/image_2022-08-01_10-52-42-scaled-e1659344556126.webp);
   background-size: cover;
   background-position: center;
}

.section-kindle-vella-mibl2.marketing-materials-mibl2 {
   background: none;
}

@media (max-width: 1000px) {
   .section-kindle-vella-mibl2.marketing-materials-mibl2 .section-back-img-kindle-vella-mibl2 {
      background-image: unset;
   }
   .section-kindle-vella-mibl2.marketing-materials-mibl2 {
      background: linear-gradient(90deg, #e1e3ec, #ede3e4);
      position: relative;
   }
   .section-kindle-vella-mibl2.marketing-materials-mibl2 img.img-ban-kindle-vella-mibl2.mob {
      margin-top: 0;
   }
}

.lds-roller {
   display: none;
}

.section-kindle-vella-mibl2.book-formatting-and-layout-mibl2 .wrapper-banner-kindle-vella-mibl2 {
   display: flex;
   justify-content: space-between;
}

.section-kindle-vella-mibl2.book-formatting-and-layout-mibl2 .wr-img-kin-vell-bn {
   max-width: 509px;
   margin-top: 65px;
   margin-right: 0;
   margin-bottom: 65px;
}

.section-kindle-vella-mibl2.book-formatting-and-layout-mibl2 {
   background: linear-gradient(90deg, #f2f8f8, #fbf7ea);
   position: relative;
}

.section-kindle-vella-mibl2.book-formatting-and-layout-mibl2 .section-back-img-kindle-vella-mibl2 {
   background-image: url(https://miblart.com/wp-content/uploads/2020/11/image_2022-08-01_12-56-29.webp);
}

.subtitle-kin-vell-v2 {
   font-family: 'Proxima Nova Rg';
   font-weight: 700;
   font-size: 18px;
   line-height: 123%;
   text-transform: uppercase;
   color: #30B85E;
   margin-top: 40px;
}

.section-kindle-vella-mibl2.book-formatting-and-layout-mibl2 .title-kin-vell {
   margin-top: 0;
}

.subtitle-kin-vell-v2 {
   font-family: 'Proxima Nova Rg';
   font-weight: 700;
   font-size: 18px;
   line-height: 123%;
   text-transform: uppercase;
   color: #30B85E;
   margin-top: 40px;
   background: #d6ebdc;
   width: fit-content;
   padding: 3px 9px;
}

.book-formatting-and-layout-mibl2 .service-formatting .formatting-carousel:before {
   bottom: -88px;
   height: 326px;
}

.service-formatting.book-formatting-and-layout-mibl2 .price-card {
   border: 1px solid #E0E0E0;
   border-radius: 6px;
}

.service-formatting.book-formatting-and-layout-mibl2 .service-formatting-prices .section-title.centered .subtitle::before {
   content: '';
   display: block;
   height: 1px;
   width: 200px;
   border-top: 1px solid #30b85e;
   margin: 0 auto;
}

.service-formatting.book-formatting-and-layout-mibl2 .container-fluid.discount.discount-formating {
   background: #e4f1f0;
   padding-top: 46px;
   margin-top: 28px;
   padding-bottom: 0;
}

.title-m2banla-d1 {
   font-family: 'Proxima Nova Rg';
   font-style: normal;
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: uppercase;
   max-width: 548px;
   margin-bottom: 32px;
}

.svg-m2banla-d1 {
   margin-bottom: 16px;
}

.title-m2banla-d1 span {
   color: #66BB6A;
}

.fm321xx {
   font-family: 'Proxima Nova Rg';
   font-style: normal;
   font-weight: 100;
   font-size: 20px;
   line-height: 24px;
   display: flex;
   align-items: center;
   text-transform: uppercase;
   color: #25293F;
}

.svginn-m2banla-d1 {
   margin-right: 32px;
}

.discount-formating-mibl2-back {
   position: relative;
}

.bm-151px {
   margin-bottom: 151px;
}

@media (max-width: 600px) {
   .container-fluid.discount.discount-formating .description-m2banla-d1.d-flex.align-items-center.bm-151px {
      margin-bottom: 10px;
   }
   .service-formatting.book-formatting-and-layout-mibl2 .container-fluid.discount.discount-formating {
      padding-bottom: 40px;
   }
   .svginn-m2banla-d1 {
      margin-right: 0;
   }
   .svginn-m2banla-d1 svg {
      width: 30px;
   }
   .fm321xx {
      text-align: left;
      margin-left: 15px;
      font-size: 16px;
   }
   .title-m2banla-d1 {
      font-size: 29px;
   }
   .section-kindle-vella-mibl2.book-formatting-and-layout-mibl2 .title-kin-vell {
      font-size: 40px;
      line-height: 52px;
   }
}

.get-cover-idea-kindle-vella.lay_cdew a.button-get-kin-vell {
   margin-top: 29px;
}

.get-cover-idea-kindle-vella.lay_cdew {
   padding: 103px 0 81px 0;
   background: linear-gradient(90deg, #f4f2f3, #fef1e8);
}

.get-cover-idea-kindle-vella.lay_cdew .title-get-kin-vell {
   max-width: 691px;
   margin: 0 auto;
}

.cacd-m2 .subtitle::before {
   content: '';
   height: 1px;
   width: 200px;
   margin-top: 30px;
   display: block;
   margin-bottom: 10px;
   background: #66BB6A;
}

.m_75_t {
   padding-top: 75px;
}

.section-back-img-kindle-vella-mibl2.wrap-cacd-m2-banner {
   background-image: none;
}

.section-kindle-vella-mibl2.cacd-m2-banner {
   /*background: linear-gradient(90deg, #f5f2f2, #e3d9d4 );*/
   background: url(https://miblart.com/wp-content/uploads/2022/08/image_2022-08-09_17-44-27-scaled-e1660056460734.webp);
   background-position: right;
   background-repeat: no-repeat;
   background-size: cover;
}

.section-kindle-vella-mibl2.cacd-m2-banner .right-row-kin-vell {
   display: flex;
   align-items: flex-end;
}

.section-kindle-vella-mibl2.cacd-m2-banner .title-kin-vell {
   margin-right: 90px;
   width: 100%;
}

.section-kindle-vella-mibl2.cacd-m2-banner .subtitle-kin-vell {
   padding-bottom: 234px;
}

.section-kindle-vella-mibl2.cacd-m2-banner .right-row-kin-vell {
   display: flex;
   align-items: flex-end;
}

.section-kindle-vella-mibl2.cacd-m2-banner img.img-ban-kindle-vella-mibl2 {
   margin-left: 14px;
}

@media (max-width: 1000px) {
   .section-kindle-vella-mibl2.cacd-m2-banner img.img-ban-kindle-vella-mibl2 {
      margin-left: 0;
   }
   .section-kindle-vella-mibl2.cacd-m2-banner .subtitle-kin-vell {
      padding-bottom: 0;
   }
   .section-kindle-vella-mibl2.cacd-m2-banner .title-kin-vell {
      margin-right: 0;
      width: unset;
   }
   .section-kindle-vella-mibl2.cacd-m2-banner .right-row-kin-vell {
      display: none;
   }
}

.dropdown_menu_serv_m2 {
   position: fixed;
   z-index: 10;
   background: white;
   width: 100%;
   display: none;
   padding: 48px 0 16px 0;
}

nav.header.navbar .dr_trig:hover ~ .dropdown_menu_serv_m2 {
   display: block;
}

.dropdown_menu_serv_m2 ul {
   column-count: 5;
}

.dropdown_menu_serv_m2 a {
   font-family: 'Proxima Nova Rg';
   font-size: 14px;
   line-height: 17px;
   color: #25293F;
}

.dropdown_menu_serv_m2 li {
   margin-bottom: 32px;
}



.premium .dropdown_menu_serv_m2 {
   background: #0a0417;
}

.premium .dropdown_menu_serv_m2 a {
   color: white;
}

.premium .dropdown_menu_serv_m2 {
   margin-top: -2px;
}

.section-premium-book-cover-design {
   background-image: url("https://miblart.com/wp-content/uploads/2022/06/background-banner-pr-bk-cv-d-e1655839833229-min.png") !important;
}

.txt-list-st_3 {
   width: fit-content;
}

.txt-list-st_3 mark {
   background: url(https://miblart.com/wp-content/uploads/2022/06/info-svg-serv-premium-book.svg);
   height: 16px;
   background-size: cover;
   width: 16px;
   display: block;
   position: absolute;
   background-repeat: no-repeat;
   top: 1.5px;
   right: -32px;
}

.txt-list-st_3 mark:hover::after {
   position: absolute;
   top: -174px;
   right: -117px;
   background-image: url(https://miblart.com/wp-content/uploads/2022/06/image_2022-06-23_10-57-35.png);
   background-size: cover;
   display: inline-block;
   width: 248px;
   height: 171px;
   content: "";
}

@media (max-width: 413px) {
   .txt-list-st_3 mark:hover::after {
      background-image: url(https://miblart.com/wp-content/uploads/2022/06/image_2022-06-23_10-57-35.png);
      right: 0;
   }
}

.section_4-premium-book-cover-design {
   background-image: url("https://miblart.com/wp-content/uploads/2022/06/pr-bk-cv-d_box_background_process-e1655840683996.png");
}

.premium .container.header-bottom {
   z-index: 9;
}

.section-3-5-premium-book-cover-design .title-proc-st_4 span {
   margin-top: -20px;
   display: block;
   margin-left: -33px;
}

.section-3-5-premium-book-cover-design .btn-pr {
   background: #30B85E;
   border-radius: 6px;
   padding: 10px 24px;
   width: fit-content;
   font-family: 'Museo Sans Cyrl';
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   color: #FFFFFF;
   margin: 0 auto;
   margin-bottom: 40px;
   display: block;
}

.section-3-5-premium-book-cover-design .img-pr {
   width: 340px;
   height: 410px;
}

.section-3-5-premium-book-cover-design .img-pr img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.section-3-5-premium-book-cover-design .row {
   justify-content: center;
   margin-bottom: 50px;
}

.section-3-5-premium-book-cover-design.s-m45 .btn-pr {
   margin-bottom: 0;
}

.section-3-5-premium-book-cover-design.s-m45 .img-pr {
   width: 353px;
   height: 200px;
}

.col_premium_cover {
   width: 353px;
   margin-right: 31px;
}

.section-3-5-premium-book-cover-design.s-m45 .row {
   justify-content: start;
}

.s-m45 .subtitle-proc-st_45 {
   max-width: 455px;
   margin: 0 auto;
   font-family: 'Proxima Nova';
   font-weight: 300;
   font-size: 20px;
   line-height: 24px;
   text-align: center;
   color: #FFFFFF;
   margin-bottom: 60px;
}

.s-m45 .col_premium_cover .subtit {
   font-weight: 400;
   font-size: 10px;
   line-height: 12px;
   color: #FFB72D;
   border: 1px solid #533A1D;
   border-radius: 46px;
   padding: 10px;
   width: fit-content;
   margin-top: 16px;
}

.s-m45 .col_premium_cover .title__ {
   margin-top: 16px;
   font-family: 'Proxima Nova';
   font-style: normal;
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   color: #FFFFFF;
}

.s-m45 .col_premium_cover .description__ {
   font-family: 'Museo Sans Cyrl';
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   margin-bottom: 10px;
   margin-top: 16px;
   color: #9D9BA2;
}

.section-3-5-premium-book-cover-design.s-m45 .img-pr img {
   border: 1px solid #4A331C;
}

.section-3-5-premium-book-cover-design.s-m45 .title-proc-st_4 span {
   margin-left: 649px;
   margin-top: -49px;
   margin-bottom: 43px;
}

.section-3-5-premium-book-cover-design.s-m45 .row {
   margin-bottom: 90px;
}

@media (max-width: 1147px) {
   .s-m45 .subtitle-proc-st_45 {
      margin-bottom: 15px;
   }
   .section-3-5-premium-book-cover-design.s-m45 .row {
      margin-bottom: 35px;
   }
   .section-3-5-premium-book-cover-design.s-m45 .title-proc-st_4 span {
      margin: 0;
      margin-top: -11px;
      margin-bottom: 81px;
   }
   .section-3-5-premium-book-cover-design.s-m45 .row {
      justify-content: center;
   }
   .col_premium_cover {
      margin-right: 0;
   }
   .section-3-5-premium-book-cover-design .title-proc-st_4 span {
      margin-left: 0;
   }
   .section-3-5-premium-book-cover-design .img-pr {
      margin-top: 35px;
   }
}

.dis_red {
   color: red;
   margin-bottom: 25px;
   font-weight: bold;
}

section.carousel-wrap.carousel-wrap-awards .slick-arrow {
   position: absolute;
}


.section-testimonials {
   margin-top: 125px;
}

.section-testimonials a.btn.btn-green {
   display: flex;
   width: fit-content;
   max-width: fit-content;
   margin: 0 auto;
   margin-bottom: 125px;
   border-radius: 2px;
   font-family: 'Museo Sans Cyrl';
   text-transform: capitalize;
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
   justify-content: center;
   align-items: center;
}

section.carousel-wrap.carousel-wrap-awards {
   padding: 0;
   margin: 0;
   margin-top: 60px;
}

section.section-share-ideas.section-blue-bg {
   margin: 0;
   margin-top: 77px;
}

.video_from_youtube {
   position: relative;
   z-index: 9;
   width: 100%;
   height: 100%;
}

.featured {
   padding-bottom: 20px;
}

.featured h2 {
   text-align: center;
   margin-bottom: 45px;
}

.featured__list {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
}

.featured__item {
   max-width: 250px;
   padding: 0px 14px;
   margin: 15px 0;
}

.featured__item img {
   max-height: 58px;
}

@media screen and (max-width: 1200px) {
   .featured__list {
      justify-content: space-around;
   }
}

.banner.book-cover-IngramSpark {
   background: #eaf2f4;
   padding: 65px 0 50px;
   position: relative;
}

.banner.book-cover-IngramSpark .container {
   position: relative;
   z-index: 1;
   text-align: center;
}

.banner.book-cover-IngramSpark::before {
   content: '';
   position: absolute;
   background: linear-gradient(355deg, #FFF2CF 0%, rgba(255, 219, 207, 0) 60%);
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
}

.banner.book-cover-IngramSpark .top-banner-title {
   font-size: 40px;
   max-width: 60%;
   margin: 30px auto;
}

.banner.book-cover-IngramSpark .top-banner-title::before {
   content: none;
}

.banner.book-cover-IngramSpark::after {
   content: '';
   position: absolute;
   background: url('images/banner_items.svg') no-repeat;
   background-size: cover;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.banner .banner-logo-img {
   margin-bottom: 30px;
}

.banner .banner-subtitle {
   font-family: 'Proxima Nova Regular';
   max-width: 70%;
   margin: 0 auto 50px;
}

.banner.book-cover-IngramSpark .btn {
   border-radius: 2px;
}

@media screen and (max-width: 1440px) {
   .banner.book-cover-IngramSpark::after {
      background-size: 100% 100%;
   }
   .banner.book-cover-IngramSpark .top-banner-title {
      max-width: 80%;
   }
}

@media screen and (max-width: 768px) {
   .banner .banner-subtitle {
      max-width: 90%;
   }
}

@media screen and (max-width: 768px) {
   .banner.book-cover-IngramSpark .top-banner-title {
      max-width: 100%;
   }
   .banner .banner-subtitle {
      max-width: 100%;
   }
}

/* click block */
.block-custom {
   margin: 6vmin 0;
   padding: 5vmin 0;
   border-top: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0;
}

.block-custom h3 {
   padding-top: unset;
}

.block-custom .block-custom-text {
   max-width: 90%;
   margin: 0 auto;
   padding-bottom: 20px;
}

.block-custom .btn {
   max-width: max-content;
   display: block;
   margin: 0 auto;
}

.block-custom .btn:hover {
   color: #fff;
}

.services-non-fiction-ebook-print-cover-design-mibl2 .wrapper-banner-kindle-vella-mibl2 .title-kin-vell {
   max-width: 550px;
}

.services-non-fiction-ebook-print-cover-design-mibl2 .wr-img-kin-vell-bn,
.services-non-fiction-ebook-print-cover-design-mibl2 .wr-img-kin-vell-bn-mob {
   padding-bottom: 52px;
}

.services-non-fiction-ebook-print-cover-design-mibl2 .section-back-img-kindle-vella-mibl2 {
   background: none;
}

.services-non-fiction-ebook-print-cover-design-mibl2 .section__2 .row-text {
   margin-bottom: 33px;
   color: #455A64;
}

.services-non-fiction-ebook-print-cover-design-mibl2 .section-kindle-vella-mibl2 {
   background: linear-gradient(90deg, #E9FFDF, #FFF9DC);
}

.services-non-fiction-ebook-print-cover-design-mibl2 .list-process ol li:before {
   font-size: 44px;
}

.services-non-fiction-ebook-print-cover-design-mibl2 .list-process ol li:after {
   top: 42px;
}

.banner-bfal__mb2-s-p {
   margin-bottom: 60px;
   text-align: center;
   position: relative;
}

.banner-bfal__mb2-s-p .tx_1 {
   padding-top: 45px;
   font-family: 'Proxima Nova Bold';
   font-weight: 800;
   font-size: 56px;
   line-height: 41px;
   color: #244CD9;
   margin-bottom: 18px;
}

.banner-bfal__mb2-s-p .tx_2 {
   font-family: 'Proxima Nova Rg';
   font-weight: 600;
   font-size: 16px;
   line-height: 120%;
   font-variant: all-small-caps;
   color: #244CD9;
   margin-top: 36px;
   padding-bottom: 19px;
}

.banner-bfal__mb2-s-p img.left-top--img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   max-width: 393px;
}

.banner-bfal__mb2-s-p img.right-top--img {
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
   max-width: 393px;
}

.banner-bfal__mb2-s-p .b-bg {
   position: absolute;
   width: 100%;
   background: #fee9d8;
   height: 169px;
   z-index: -1;
}

@media (max-width: 1024px) {
   .banner-bfal__mb2-s-p img.right-top--img,
   .banner-bfal__mb2-s-p img.left-top--img {
      display: none;
   }
}

.free_book label br {
   display: none;
}

.banner--blog-mb2 {
   background: url(https://miblart.com/wp-content/uploads/2023/02/svgviewer-output-1.svg);
   text-align: center;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 118px 16px 131px 16px;
   background-position: center;
   margin: 0 16px 15px 16px;
}

.banner--blog-mb2 .title--bb-mb2 {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 52px;
   line-height: 63px;
   color: #25293F;
   margin-bottom: 58px;
}

.banner--blog-mb2 .search-wrap--bb-mb2 {
   display: flex;
   padding: 40px;
   gap: 8px;
   width: 100%;
   max-width: 650px;
   height: 130px;
   background: rgba(255, 255, 255, 0.2);
   border: 1px solid #E0E0E0;
   border-radius: 10px;
   margin: 0 auto;
   align-items: center;
}

.search-wrap--bb-mb2 .btn-bb-mb2 {
   padding: 10px 24px;
   width: 102px;
   height: 50px;
   display: flex;
   background: #FFFFFF;
   border: 1px solid #30B85E;
   border-radius: 6px;
   align-items: center;
}

.search-wrap--bb-mb2 .btn-bb-mb2 {
   padding: 10px 24px;
   width: 102px;
   height: 50px;
   display: flex;
   background: #FFFFFF;
   border: 1px solid #30B85E;
   border-radius: 6px;
   font-weight: 700;
   font-size: 16px;
   line-height: 22px;
   align-items: center;
   text-align: center;
   color: #30B85E;
   font-family: 'Museo Sans Cyrlऀ';
}

.search-wrap--bb-mb2 input.search-bb-md2 {
   padding: 12px 8px 12px 50px;
   width: 100%;
   max-width: 444px;
   height: 50px;
   border-radius: 6px;
   border: none;
   font-weight: 400;
   font-size: 16px;
   color: #7C7C8A;
   background: #FFFFFF url(https://miblart.com/wp-content/uploads/2023/02/Vector.svg) no-repeat 19.5px center;
}

.subscribe_campaing .title_sub {
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   text-transform: capitalize;
   color: #25293F;
   margin-bottom: 16px;
}

.subscribe_campaing .custom_row {
   display: flex;
   align-items: center;
   justify-content: left;
   gap: 93px;
}

.subscribe_campaing .col_img_subscribe {
   margin-left: 0;
}

form#_form_33_ ._error-inner {
   position: absolute;
}

.dropdown_search_container_m2 {
   position: fixed;
   z-index: 10;
   background: white;
   width: 100%;
   display: none;
   text-align: center;
   padding: 40px 0;
}

.dropdown_search_container_m2 .search-bb-md2 {
   padding: 12px 8px 12px 50px;
   width: 100%;
   max-width: 444px;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #E0E0E0;
   border-radius: 6px;
   background: #FFFFFF url(https://miblart.com/wp-content/uploads/2023/02/Vector.svg) no-repeat 19.5px center;
}

.search-wrap--header-mb2 .btn-bb-mb2 {
   padding: 10px 24px;
   width: 102px;
   height: 50px;
   display: flex;
   background: #FFFFFF;
   border: 1px solid #30B85E;
   border-radius: 6px;
   font-weight: 700;
   font-size: 16px;
   line-height: 22px;
   align-items: center;
   text-align: center;
   color: #30B85E;
   font-family: 'Museo Sans Cyrlऀ';
}

.search-wrap--header-mb2 {
   display: flex;
   justify-content: center;
   gap: 8px;
}

.new-container {
   max-width: 1240px;
}

.related_post_blog {
   text-align: center;
}

.d-flex--rpb {
   display: flex;
   gap: 80px;
   margin-top: 52px;
}

.left-post--rpb .post-card h4 {
   text-align: start;
   margin-top: 20px;
}

.left-post--rpb .excerpt {
   text-align: start;
}

.left-post--rpb .post-card-footer {
   padding-top: 0;
   border-top: 0;
   border-bottom: 1px solid #ebebeb;
   height: auto;
   padding-bottom: 22px;
}

.right-post--rpb {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.left-post--rpb {
   max-width: 353px;
   width: 100%;
}

.wrap--post--rpb {
   width: 100%;
   max-width: 353px;
   text-align: start;
}

.wrap--post--rpb .title-rp--rpb {
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   color: #212121;
   margin-bottom: 10px;
}

.wrap--post--rpb .content-rp--rpb {
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455A64;
   padding-bottom: 20px;
   border-bottom: 1px solid #EBEBEB;
}

.subscribe_campaing_post .custom_row {
   background-color: #faf2ec;
}

.subscribe_campaing .title_sub {
   margin-bottom: 32px;
   text-transform: none;
   font-family: Proxima Nova Rg;
}

.svg--top-right__ {
   position: absolute !important;
   top: 11px;
   right: 68px;
}

.svg--bottom-right__ {
   bottom: 10px;
   right: 68px;
   position: absolute !important;
}

.new-banner-for-single-post {
   margin: 0 16px;
   height: 400px;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: center !important;
   display: flex;
   align-items: center;
   position: relative;
}

.new-banner-for-single-post h1 {
   max-width: 746px;
   font-family: 'Proxima Nova Bold';
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
}

.new-banner-for-single-post .date {
   position: absolute;
   bottom: 24px;
   font-family: 'Proxima Nova Rg';
   font-weight: 300;
   font-size: 14px;
   line-height: 17px;
   color: #212121;
}

main.content_single {
   max-width: 650px;
   width: 100%;
   padding: 0 25px;
}

.row_custom_single .right_aside {
   padding: 24px 16px;
   max-width: 272px;
   width: 100%;
   min-width: unset;
   margin-left: 0;
   height: auto;
   margin-bottom: 78px;
   position: unset;
}

.p-div-stiky-left-aside {
   position: sticky;
   top: 105px;
   height: 100%;
}

.left_aside {
   max-width: 240px;
   width: 100%;
   position: sticky;
   top: 105px;
   height: 100%;
   border-right: 1px solid #E2E2E2;
   padding: 16px 8px;
}

.links-article ul li a {
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   color: #455A64;
   font-family: Proxima Nova Rg;
   display: block;
   margin-bottom: 8px;
}

.links-article ul li a.active {
   padding-left: 10px;
   color: #30B85E;
   border-left: 2px solid #30B85E;
}

aside.left_aside h4 {
   font-weight: 700;
   font-size: 14px;
   line-height: 22px;
   color: #212121;
}

.row_custom_single .right_aside button#_form_1_submit {
   width: 100%;
   padding: 11px 0;
}

.row_custom_single {
   justify-content: space-between;
}


@media (max-width: 920px) {
   aside.left_aside {
      display: none;
   }
}

@media (max-width: 768px) {
   a.to-top--anchor {
      display: none;
   }
   main.content_single {
      padding: 0;
   }
   .svg--top-right__, .svg--bottom-right__ {
      display: none;
   }
   .d-flex--rpb {
      flex-direction: column;
      gap: 0;
      align-items: center;
   }
   .right-post--rpb {
      justify-content: center;
      gap: 25px;
   }
   .wrap--post--rpb {
      padding: 0 15px;
   }
}

.search-wrap--header-mb2 {
   align-items: center;
}

input.search-header-input-md2 {
   max-width: 620px;
   width: 100%;
   border: none;
   border-bottom: 1px solid #E0E0E0;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #7C7C8A;
   padding: 7px 0 7px 55px;
   background: #FFFFFF url(https://miblart.com/wp-content/uploads/2023/02/Vector.svg) no-repeat 19.5px center;
}

.search--header--mb2 {
   width: 100%;
   transform: translateX(+100%);
   transition: 0.5s;
   animation: .5s show ease;
}

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

.quiz {
   position: relative;
   padding: 0;
}

@media screen and (max-width: 1279px) {
   .quiz {
      background: -o-linear-gradient(0.08deg, #E7E4F5 0.06%, #FFF4CF 99.93%);
      background: linear-gradient(89.92deg, #E7E4F5 0.06%, #FFF4CF 99.93%);
   }
}

.quiz .container {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media screen and (max-width: 1279px) {
   .quiz .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
   }
}

.quiz__wrapper {
   max-width: 600px;
   width: 100%;
}

.quiz__wrapper > h1 {
   font-weight: 700;
   font-size: 40px;
   line-height: 49px;
   text-transform: capitalize;
   color: #212121;
}

.quiz__wrapper > h1 span {
   color: #30B85E;
}

.quiz__wrapper > h1:not(:last-child) {
   margin-bottom: 16px;
}

.quiz__wrapper > p {
   font-family: Proxima Nova Rg;
   font-size: 16px;
   line-height: 24px;
   color: #25293F;
}

.quiz__wrapper > p:not(:last-child) {
   margin-bottom: 50px;
}

@media screen and (min-width: 1280px) {
   .quiz__wrapper:not(:last-child) {
      margin-right: 15px;
   }
}

@media screen and (max-width: 1280px) {
   .quiz__wrapper {
      padding-bottom: 90px;
   }
}

.quiz__box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.quiz__box > a {
   padding: 15px;
   min-width: 200px;
   background: #30B85E;
   border-radius: 2px;
   -ms-flex-item-align: baseline;
   align-self: baseline;
   text-align: center;
}

.quiz__box > a > * {
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
   text-transform: capitalize;
   color: #FFFFFF;
}

.quiz__box > a:not(:last-child) {
   margin-bottom: 12px;
}

.quiz__box > span {
   font-family: Proxima Nova Rg;
   font-weight: 300;
   font-size: 14px;
   line-height: 25px;
   color: #455A64;
}

.quiz__background {
   display: none;
}

@media screen and (min-width: 1280px) {
   .quiz__background {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
   }
   .quiz__background img {
      -o-object-fit: fill;
      object-fit: fill;
      width: 100%;
      height: 100%;
   }
}

.quiz__img {
   max-width: 526px;
   width: 100%;
   height: 1px;
   min-height: 557px;
   max-height: 557px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}

@media screen and (max-width: 1279px) {
   .quiz__img {
      margin-bottom: 15px;
   }
}

@media screen and (max-width: 666px) {
   .quiz__img {
      max-width: 375px;
      height: 1px;
      min-height: 397px;
      max-height: 397px;
   }
}

.search {
   background: -o-linear-gradient(0.08deg, #E7E4F5 0.06%, #FFF4CF 99.93%);
   background: linear-gradient(89.92deg, #E7E4F5 0.06%, #FFF4CF 99.93%);
   padding: 0;
}

.search__container {
   max-width: 1160px;
   margin: 0 auto;
   padding: 70px 15px 65px;

}

@media screen and (max-width: 666px) {
   .search__container {
      padding: 65px 15px;
   }
}

.search__wrapper {
   padding-top: 8px;
   padding-bottom: 16px;
   border-bottom: 1px solid #E0E0E0;
}

.search__label {
   position: relative;
   width: 100%;
   display: block;
}

.search__icon {
   position: absolute;
   width: 20px;
   height: 20px;
   cursor: pointer;
   color: inherit;
   background-color: inherit;
   -webkit-tap-highlight-color: transparent;
   border: none;
}

.search__icon_search {
   top: 50%;
   left: 16px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.search__icon_clean {
   display: none;
   top: 50%;
   right: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.search__icon_clean.active {
   display: block;
}

.search__icon > * {
   display: block;
   width: 20px;
   height: 20px;
}

.search__search {
   font-family: Proxima Nova Rg;
   font-size: 24px;
   line-height: 24px;
   color: #212121;
   background: transparent;
   outline: none;
   border: none;
   padding-left: 50px;
   width: 100%;
}

.search__info {
   padding: 13px 0 0 50px;
}

.search__info > * {
   font-family: Proxima Nova Rg;
   font-size: 12px;
   line-height: 15px;
   color: #455A64;
}

.search-results {
   padding: 0;
}

.search-results__container {
   max-width: 1160px;
   margin: 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 40px 15px 135px;
}

@media screen and (max-width: 666px) {
   .search-results__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 32px 15px 135px;
   }
}

.search-results__nav {
   padding: 0 0 0 8px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -ms-flex-item-align: start;
   align-self: flex-start;
}

@media screen and (min-width: 667px) {
   .search-results__nav {
      border-right: 1px solid #E2E2E2;
      padding: 16px 40px 16px 8px;
   }
}

@media screen and (min-width: 667px) {
   .search-results__nav:not(:last-child) {
      margin-right: 55px;
   }
}

@media screen and (max-width: 666px) {
   .search-results__nav:not(:last-child) {
      margin-bottom: 32px;
   }
}

.search-results__nav > strong {
   font-family: Proxima Nova Rg;
   font-weight: 700;
   font-size: 14px;
   line-height: 22px;
   color: #212121;
}

.search-results__nav > strong:not(:last-child) {
   margin-bottom: 8px;
}

.search-results__nav > ol {
   padding-left: 15px;
}

.search-results__nav > ol > li {
   font-family: Proxima Nova Rg;
   font-size: 14px;
   line-height: 22px;
   color: #455A64;
   list-style: conic-gradient;
}

.search-results__nav > ol > li:not(:last-child) {
   margin-bottom: 8px;
}

.search-results__nav > ol > li > a {
   font-family: Proxima Nova Rg;
   font-size: 14px;
   line-height: 22px;
   color: #455A64;
}

.search-results__nav > ol > li.active {
   position: relative;
   color: #30B85E;
   -webkit-transform: translateX(10px);
   -ms-transform: translateX(10px);
   transform: translateX(10px);
}

.search-results__nav > ol > li.active::before {
   content: "";
   position: absolute;
   top: 0;
   left: -20px;
   width: 2px;
   height: 100%;
   background: #30B85E;
}

.search-results__nav > ol > li.active > a {
   color: #30B85E;
}

.search-results__results {
   max-width: 800px;
   width: 100%;
   margin: 0 auto;
}

.search-results__title:not(:last-child) {
   margin-bottom: 32px;
}

.search-results__title > * {
   font-family: Proxima Nova Rg;
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .search-results__title > * {
      font-size: 28px;
      line-height: 34px;
   }
}

.search-results__category {
   font-family: Proxima Nova Rg;
   font-size: 14px;
   line-height: 22px;
   text-decoration: underline;
   color: #455A64;
}

.search-results__category:hover, .search-results__category:focus {
   color: #455A64;
}

.search-results__list {
   margin-top: 32px;
}

.search-results__list > li:not(:last-child) {
   margin-bottom: 50px;
}

.search-results__list > li > *:first-child {
   font-family: Proxima Nova Rg;
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   text-transform: capitalize;
   color: #212121;
}

.search-results__list > li > *:first-child:not(:last-child) {
   margin-bottom: 16px;
}

.search-results__list > li > *:nth-child(2) {
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455A64;
}

.search-results__list > li > *:nth-child(2):not(:last-child) {
   margin-bottom: 32px;
}

.search-results__list > li > *:last-child {
   font-family: Museo Sans Cyrl;
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   text-transform: capitalize;
   color: #30B85E;
   padding: 10px 44px;
   border: 1px solid #30B85E;
   border-radius: 4px;
}

.not-found {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 60px 0 125px;
}

.not-found__img {
   max-width: 152px;
   width: 100%;
   height: 1px;
   min-height: 174px;
   max-height: 174px;
}

.not-found__img:not(:last-child) {
   margin-bottom: 25px;
}

.not-found__text > * {
   font-family: Proxima Nova Rg;
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   color: #212121;
}

/* ============================ social-media START ================================================================= */
.social-media {
   background: -o-linear-gradient(342.96deg, #EAF2F4 19.74%, #FBF4DD 75.61%);
   background: linear-gradient(107.04deg, #EAF2F4 19.74%, #FBF4DD 75.61%);
   padding: 0;
}

.social-media__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 120px 15px 75px;
}

@media screen and (max-width: 666px) {
   .social-media__container {
      padding: 65px 15px;
   }
}

@media screen and (max-width: 1023px) {
   .social-media__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
}

.social-media__wrapper {
   max-width: 470px;
   width: 100%;
}

@media screen and (min-width: 1024px) {
   .social-media__wrapper {
      margin-right: 10px;
   }
}

.social-media__label {
   display: inline-block;
   background: #244CD9;
   border-radius: 27px;
   padding: 3px 12px;
}

.social-media__label:not(:last-child) {
   margin-bottom: 8px;
}

.social-media__label > * {
   font-family: "Montserrat";
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   text-transform: lowercase;
   color: #FFFFFF;
}

.social-media__title:not(:last-child) {
   margin-bottom: 24px;
}

@media screen and (min-width: 667px) {
   .social-media__title {
      position: relative;
   }
}

.social-media__title > * {
   font-family: Proxima Nova Rg;
   font-weight: 700;
   font-size: 46px;
   line-height: 50px;
   text-transform: capitalize;
   color: #25293F;
}

.social-media__title > * > * {
   color: #244CD9;
}

.social-media__text:not(:last-child) {
   margin-bottom: 24px;
}

@media screen and (min-width: 667px) {
   .social-media__text {
      max-width: 335px;
      width: 100%;
   }
}

.social-media__text > * {
   font-family: Proxima Nova Rg;
   font-size: 22px;
   line-height: 27px;
   color: #25293F;
}

.social-media__data:not(:last-child) {
   margin-bottom: 50px;
}

.social-media__icon {
   position: absolute;
   right: -26px;
   bottom: -94px;
   width: 112px;
   height: 112px;
}

@media screen and (max-width: 666px) {
   .social-media__icon {
      display: none;
   }
}

.social-media__icon > * {
   width: 112px;
   height: 112px;
}

.social-media__link:not(:last-child) {
   margin-bottom: 64px;
}

.social-media__description > * {
   font-family: Museo Sans Cyrl;
   font-weight: 300;
   font-size: 22px;
   line-height: 26px;
   color: #455A64;
}

.social-media__img {
   max-width: 424px;
   width: 100%;
   height: 1px;
   min-height: 478px;
   max-height: 478px;
}

.social-media__img > img {
   object-fit: cover;
   display: block;
   width: 100%;
   height: 100%;
}

@media screen and (max-width: 666px) {
   .social-media__img {
      min-height: 386px;
      max-height: 386px;
   }
}

@media screen and (max-width: 1023px) {
   .social-media__img {
      margin-bottom: 40px;
   }
}

.schedule {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.schedule > * {
   font-family: Proxima Nova Rg;
   font-size: 22px;
   line-height: 27px;
   color: #244CD9;
}

.schedule__icon {
   width: 24px;
   height: 24px;
   margin-right: 16px;
}

.schedule__icon > * {
   display: inline-block;
   width: 24px;
   height: 24px;
}

/* ============================ social-media END ================================================================= */
/* ============================ feel START ================================================================= */
.feel {
   position: relative;
   padding: 0;
}

.feel__img {
   padding: 44px 70px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
}

.feel__img > img {
   object-fit: cover;
   display: block;
   width: 100%;
   height: 100%;
}

@media screen and (max-width: 666px) {
   .feel__img {
      padding: 64px 15px;
   }
}

.feel__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   z-index: 2;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 150px 55px 80px;
}

@media screen and (max-width: 666px) {
   .feel__container {
      padding: 116px 15px 30px;
   }
}

.feel__title:not(:last-child) {
   margin-bottom: 40px;
}

.feel__title > * {
   font-family: Proxima Nova Bold;
   font-weight: 700;
   font-size: 28px;
   line-height: 34px;
   text-transform: capitalize;
   color: #212121;
   text-align: center;
}

.feel__title > * > * {
   color: #244CD9;
}

.feel__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   max-width: 680px;
   width: 100%;
   padding: 24px 20px;
   background: #FAFAFA;
   border: 1px solid #25293F;
   border-radius: 8px;
}

@media screen and (max-width: 666px) {
   .feel__wrapper {
      padding: 24px 40px;
   }
}

.feel__text:not(:last-child) {
   margin-bottom: 20px;
}

@media screen and (max-width: 666px) {
   .feel__text:not(:last-child) {
      margin-bottom: 16px;
   }
}

.feel__text > * {
   font-family: Proxima Nova Rg;
   font-size: 16px;
   line-height: 19px;
   color: #25293F;
   text-align: center;
}

.feel__text > * > * {
   font-weight: 700;
}

.feel__data > * {
   font-size: 16px;
   line-height: 19px;
}

.feel__data:not(:last-child) {
   margin-bottom: 18px;
}

/* ============================ feel END ================================================================= */
/* ============================ what-you-get START ================================================================= */
.what-you-get {
   position: relative;
   padding: 0;
}

.what-you-get__img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
}

.what-you-get__img > img {
   object-fit: cover;
   display: block;
   width: 100%;
   height: 100%;
}

.what-you-get__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 100px 15px;
}

@media screen and (max-width: 666px) {
   .what-you-get__container {
      padding: 64px 15px;
   }
}

.what-you-get__title:not(:last-child) {
   margin-bottom: 60px;
}

@media screen and (max-width: 666px) {
   .what-you-get__title:not(:last-child) {
      margin-bottom: 50px;
   }
}

.what-you-get__title > * {
   font-family: Proxima Nova Bold;
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .what-you-get__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

.what-you-get__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 50px;
   counter-reset: myCounter;
}

.what-you-get__list:not(:last-child) {
   margin-bottom: 50px;
}

.what-you-get__list > li {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 22px;
   line-height: 30px;
   color: #25293F;
   padding-top: 40px;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 calc(33.33% - 50px);
   flex: 1 1 calc(33.33% - 50px);
}

@media screen and (max-width: 768px) {
   .what-you-get__list > li {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 50px);
      flex: 1 1 calc(50% - 50px);
   }
}

@media screen and (max-width: 666px) {
   .what-you-get__list > li {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 50px);
      flex: 1 1 calc(100% - 50px);
   }
}

.what-you-get__list > li::before {
   position: absolute;
   top: 0;
   left: 0;
   background: #8BE7AA;
   counter-increment: myCounter;
   content: counter(myCounter);
   display: inline-block;
   text-align: center;
   min-width: 38px;
   height: 23px;
   margin-right: 2px;
   font-weight: 700;
   font-size: 11px;
   line-height: 25px;
   border-radius: 33px;
}

.what-you-get__list > li:nth-child(1):before {
   background: #8BE7AA;
}

.what-you-get__list > li:nth-child(2):before {
   background: #8BDCE7;
}

.what-you-get__list > li:nth-child(3):before {
   background: #E78BDD;
}

.what-you-get__list > li:nth-child(4):before {
   background: #E5E78B;
}

.what-you-get__list > li:nth-child(5):before {
   background: #E78B8B;
}

.what-you-get__list > li:nth-child(6):before {
   background: #8BE7D1;
}

.link {
   display: inline-block;
   background: #30B85E;
   border-radius: 6px;
   padding: 14px 68px;
}

.link > * {
   font-family: Museo Sans Cyrl;
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   color: #FFFFFF;
}

/* ============================ what-you-get END ================================================================= */
/* ============================ speaker START ================================================================= */
.speaker {
   padding: 0;
}

.speaker__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 150px 15px 125px;
}

@media screen and (max-width: 1023px) {
   .speaker__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 80px 15px;
   }
}

.speaker__img {
   max-width: 595px;
   width: 100%;
   height: 1px;
   min-height: 498px;
   max-height: 498px;
   margin: 0 10px 0 0;
}

.speaker__img > img {
   object-fit: cover;
   display: block;
   width: 100%;
   height: 100%;
}

@media screen and (max-width: 1023px) {
   .speaker__img {
      margin: 0 0 40px 0;
   }
}

@media screen and (max-width: 666px) {
   .speaker__img {
      min-height: 282px;
      max-height: 282px;
   }
}

@media screen and (min-width: 667px) {
   .speaker__wrapper {
      max-width: 455px;
      width: 100%;
   }
}

@media screen and (max-width: 666px) {
   .speaker__wrapper {
      -ms-flex-item-align: start;
      align-self: flex-start;
   }
}

.speaker__wrapper > * {
   font-family: Proxima Nova Rg;
   font-size: 16px;
   line-height: 25px;
   color: #455A64;
}

.speaker__wrapper > *:not(:last-child) {
   margin-bottom: 40px;
}

.speaker__wrapper > * > * {
   font-weight: 700;
}

.speaker__title:not(:last-child) {
   margin-bottom: 30px;
}

.speaker__title > * {
   font-family: Proxima Nova Bold;
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .speaker__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

.speaker__list {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.speaker__list:not(:last-child) {
   margin-bottom: 30px;
}

.speaker__list > li {
   width: 28px;
   height: 28px;
}

.speaker__list > li:not(:last-child) {
   margin-right: 16px;
}

.speaker__list > li > a {
   display: block;
   width: 28px;
   height: 28px;
}

.speaker__list > li > * {
   display: block;
   width: 28px;
   height: 28px;
}

/* ============================ speaker END ================================================================= */
.sign-up {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
   padding: 100px 0;
}

.sign-up__img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
}

@media screen and (max-width: 1023px) {
   .sign-up__img {
      display: none;
   }
   .sign-up {
      background: linear-gradient(107.04deg, #EAF2F4 19.74%, #E1FBDF 75.61%);
   }
}

.sign-up__img > img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.sign-up__title {

}

.sign-up__title:not(:last-child) {
   margin-bottom: 50px;
}

.sign-up__title > * {
   font-family: Proxima Nova Bold;
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .sign-up__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

._form._form_79 {
   padding: 0 15px;
   margin: 0;
}

._form._form_79:target {
   scroll-margin-top: 300px;
}

._form_79 ._form-content {
   background: rgba(255, 255, 255, 0.13);
   border: 1px solid rgba(27, 66, 70, 0.1);
   border-radius: 10px;
   padding: 56px 40px;
}

._form_79 ._submit {
   font-family: Museo Sans Cyrl;
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   letter-spacing: 0.01em;
   color: #FFFFFF;
   padding: 15px 95px;
   background: #30B85E;
   border-radius: 6px;
   border: none;
}

@media screen and (max-width: 1023px) {
   ._form_79 ._form-content {
      padding: 32px 16px;
   }
   ._form_79 ._submit {
      padding: 15px 80px;
   }
}

._form_79 ._form-label {
   font-family: Museo Sans Cyrl;
   font-size: 16px;
   line-height: 19px;
   color: #1B4246;
}

._form_79 .text {
   position: relative;
   padding-top: 10px;
}

._form_79 .text:before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 200px;
   height: 1px;
   background: #DBE0DF;

}

._form_79 .text > * {
   font-family: Museo Sans Cyrl;
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   color: #456B66;
}

._form_79 ._button-wrapper {
   flex-shrink: 0;
   margin-top: 50px;
}

._form_79 .wrapper {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
   ._form_79 .wrapper {
      flex-direction: column;
      gap: 16px;
   }
   ._form_79 .text {
      max-width: 340px;
      width: 100%;
   }
   ._form_79 ._full_width {
      width: 100%;
   }
   ._form_79 ._button-wrapper {
      display: flex;
      justify-content: center;
   }
}

._form_79 ._field-wrapper {
   height: 50px;
}

._form_79 ._field-wrapper input {
   height: 100%;
   width: 100%;
}

@media screen and (min-width: 1024px) {
   ._form_79 ._button-wrapper {
      align-self: flex-end;
      margin: 0;
   }
   ._form_79 ._field-wrapper input {
      width: 320px;
   }
}

.success-popup {
   display: flex;
   justify-content: center;
   max-width: 430px;
   width: 100%;
   margin: 0 auto;
   position: relative;
}

.success-popup__close {
   right: -60px !important;
}

@media screen and (max-width: 666px) {
   .success-popup__close {
      right: 0 !important;
      top: -60px !important;
   }
}

.success-popup__close > svg {
   pointer-events: none;
}

.success-popup__img {
   border-radius: 10px;
   display: block;
}

/* ============================ examples START ================================================================= */
.examples {
   padding: 0;
}

.examples__container {
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 60px 15px 125px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 30px;
}

@media screen and (max-width: 666px) {
   .examples__container {
      padding: 40px 15px 70px;
      gap: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
   }
}

.examples__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 calc(33.33% - 20px);
   flex: 0 0 calc(33.33% - 20px);
}

@media screen and (max-width: 767px) {
   .examples__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
      flex: 0 0 calc(50% - 15px);
   }
}

@media screen and (max-width: 666px) {
   .examples__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
   }
}

.examples__img {
   display: block;
   border: 1px solid #E5E5E5;
}

.examples__img:not(:last-child) {
   margin-bottom: 20px;
}

.examples__img > img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

@media screen and (min-width: 667px) {
   .examples__img > img {
      height: 1px;
      min-height: 200px;
      max-height: 200px;
   }
}

.examples__title > * {
   font-family: Proxima Nova Rg;
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #212121;
}

/* ============================ examples END ================================================================= */
/* ============================ book-launch START ================================================================= */
.book-launch {
   position: relative;
   overflow: hidden;
   padding: 0;
}

.book-launch.green {
   background: -o-linear-gradient(9.5deg, #E2E8FB 2.55%, #E2FDD3 98.57%);
   background: linear-gradient(80.5deg, #E2E8FB 2.55%, #E2FDD3 98.57%);
}

.book-launch.purple {
   background: -o-linear-gradient(9.5deg, #E2E8FB 2.55%, #FAF1EC 98.57%);
   background: linear-gradient(80.5deg, #E2E8FB 2.55%, #FAF1EC 98.57%);
}

.book-launch__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 90px 15px;
   gap: 15px;
}

@media screen and (max-width: 1023px) {
   .book-launch__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 50px 15px;
   }
}

@media screen and (min-width: 1024px) and (max-width: 2056px) {
   .book-launch__container {
      padding: 90px 0 90px 15px;
   }
}

.book-launch__wrapper {
   max-width: 516px;
   width: 100%;
   display: flex;
   flex-direction: column;
}

.book-launch__title:not(:last-child) {
   margin-bottom: 24px;
}

.book-launch__title > * {
   font-family: Proxima Nova Bold;
   font-weight: 700;
   font-size: 46px;
   line-height: 50px;
   color: #25293F;
}

.book-launch__title > * > * {
   color: #30B85E;
}

.book-launch__text > * {
   font-family: "Proxima Nova Rg";
   font-size: 16px;
   line-height: 19px;
   color: #25293F;
}

.book-launch__text:not(:last-child) {
   margin-bottom: 8px;
}

.book-launch__text_main:not(:last-child) {
   margin-bottom: 24px;
}

.book-launch__text_main > * {
   font-family: "Proxima Nova Rg";
   font-size: 22px;
   line-height: 27px;
   color: #25293F;
}

.book-launch__text_main > * > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
}

.book-launch__text_bottom > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 16px;
   line-height: 19px;
   text-transform: uppercase;
   color: #25293F;
}

.book-launch__box {
   max-width: 454px;
   width: 100%;
   padding: 16px 24px;
   border: 1px dashed #38555F;
   border-radius: 8px;
}

@media screen and (max-width: 666px) {
   .book-launch__box {
      padding: 16px;
   }
}

.book-launch__box:not(:last-child) {
   margin-bottom: 50px;
}

@media screen and (max-width: 666px) {
   .book-launch__box:not(:last-child) {
      margin-bottom: 24px;
   }
}

.book-launch__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
   padding-left: 24px;
}

.book-launch__list:not(:last-child) {
   margin-bottom: 8px;
}

.book-launch__item {
   list-style: disc;
   font-family: "Proxima Nova Rg";
   font-size: 16px;
   line-height: 19px;
   color: #25293F;
}

.book-launch__item > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
}

.book-launch__link {
   max-width: 234px;
   width: 100%;
   min-width: 234px;
   background: #30B85E;
   border-radius: 6px;
   padding: 14px;
   font-family: "Museo Sans Cyrl";
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   text-align: center;
   text-transform: capitalize;
   color: #FFFFFF;
}

.book-launch__link:not(:last-child) {
   margin-bottom: 24px;
}

.book-launch__decor {
   pointer-events: none;
   position: absolute;
   top: 0;
   right: -30px;
   display: none;
}

@media screen and (min-width: 1024px) {
   .book-launch__decor {
      display: block;
   }
}

.book-launch__decor > * {
   width: 627px;
   height: 735px;
   display: block;
}

/* ============================ book-launch END ================================================================= */

/* ============================ email-course START ================================================================= */
.email-course {
   padding: 0;
   background: -o-linear-gradient(9.5deg, #F1F9EB 2.55%, #FFF5E6 98.57%);
   background: linear-gradient(80.5deg, #F1F9EB 2.55%, #FFF5E6 98.57%);
}

.email-course__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 30px;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 150px 15px 140px;
}

@media screen and (max-width: 1023px) {
   .email-course__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 50px 15px;
   }
}

.email-course__wrapper {
   max-width: 516px;
   width: 100%;
}

.email-course__label {
   display: inline-block;
   padding: 3px 23px;
   background: #30B85E;
   border-radius: 27px;
}

.email-course__label:not(:last-child) {
   margin-bottom: 8px;
}

.email-course__label > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   text-transform: uppercase;
   color: #FFFFFF;
}

.email-course__title:not(:last-child) {
   margin-bottom: 24px;
}

.email-course__title > * {
   font-family: Proxima Nova Bold;
   font-weight: 700;
   font-size: 46px;
   line-height: 50px;
   color: #25293F;
}

.email-course__title > * > * {
   background: transparent;
   color: #30B85E;
   padding: 0;
}

.email-course__text {
   max-width: 426px;
   width: 100%;
}

.email-course__text:not(:last-child) {
   margin-bottom: 50px;
}

.email-course__text > * {
   font-family: "Proxima Nova Rg";
   font-size: 22px;
   line-height: 27px;
   color: #25293F;
}

.email-course__text > * > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
}

.email-course__link {
   font-family: "Museo Sans Cyrl";
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   text-transform: capitalize;
   color: #FFFFFF;
   min-width: 234px;
   background: #30B85E;
   border-radius: 6px;
   padding: 14px;
   text-align: center;
}

.about-author {
   padding: 0;
}

.about-author__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   align-items: center;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 125px 15px;
   gap: 30px;
}

@media screen and (max-width: 1023px) {
   .about-author__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 80px 15px;
   }
}

.about-author__img {
   max-width: 550px;
   width: 100%;
   height: 1px;
   min-height: 498px;
   max-height: 498px;
}

.about-author__img > * {
   height: 100%;
   width: 100%;
   object-fit: cover;
}


@media screen and (max-width: 666px) {
   .about-author__img {
      min-height: 282px;
      max-height: 282px;
   }
}

@media screen and (min-width: 667px) {
   .about-author__wrapper {
      max-width: 455px;
      width: 100%;
   }
}

@media screen and (max-width: 666px) {
   .about-author__wrapper {
      -ms-flex-item-align: start;
      align-self: flex-start;
   }
}

.about-author__wrapper > * {
   font-family: Proxima Nova Rg;
   font-size: 16px;
   line-height: 25px;
   color: #455A64;
}

.about-author__wrapper > *:not(:last-child) {
   margin-bottom: 40px;
}

.about-author__wrapper > * > * {
   font-weight: 700;
}

.about-author__title:not(:last-child) {
   margin-bottom: 30px;
}

.about-author__title > * {
   font-family: Proxima Nova Bold;
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .about-author__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

.about-author__list {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.about-author__list:not(:last-child) {
   margin-bottom: 30px;
}

.about-author__list > li {
   width: 28px;
   height: 28px;
}

.about-author__list > li:not(:last-child) {
   margin-right: 16px;
}

.about-author__list > li > a {
   display: block;
   width: 28px;
   height: 28px;
}

.about-author__list > li > * {
   display: block;
   width: 28px;
   height: 28px;
}

.learn {
   padding: 0;
   background: -o-linear-gradient(0.08deg, #E7E4F5 0.06%, #FFF4CF 99.93%);
   background: linear-gradient(89.92deg, #E7E4F5 0.06%, #FFF4CF 99.93%);
}

.learn__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 100px 15px;
}

@media screen and (max-width: 666px) {
   .learn__container {
      padding: 64px 15px;
   }
}

.learn__title:not(:last-child) {
   margin-bottom: 60px;
}

@media screen and (max-width: 666px) {
   .learn__title:not(:last-child) {
      margin-bottom: 50px;
   }
}

.learn__title > * {
   font-family: Proxima Nova Bold;
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .learn__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

.learn__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 20px;
   counter-reset: myCounter;
   padding: 0;
}

.learn__list > li {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #25293F;
   padding-top: 40px;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 calc(25% - 15px);
   flex: 0 1 calc(25% - 15px);
}

@media screen and (max-width: 768px) {
   .learn__list > li {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 15px);
      flex: 0 1 calc(50% - 15px);
   }
}

@media screen and (max-width: 666px) {
   .learn__list > li {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% - 15px);
      flex: 0 1 calc(100% - 15px);
   }
}

.learn__list > li > * {
   font-family: "Proxima Nova Rg";
   font-size: 22px;
   line-height: 30px;
}

.learn__list > li > * > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
}

.learn__list > li::before {
   font-family: 'Proxima Nova Bold';
   position: absolute;
   top: 0;
   left: 0;
   background: #8BE7AA;
   counter-increment: myCounter;
   content: counter(myCounter);
   display: inline-block;
   text-align: center;
   min-width: 38px;
   height: 23px;
   margin-right: 2px;
   font-weight: 700;
   font-size: 14px;
   line-height: 21px;
   border-radius: 33px;
   border: 1px solid #000000;
}

.learn__list > li:nth-child(8n+1):before, .learn__list > li:nth-child(9n+1):before {
   background-color: #8BE7AA;
}

.learn__list > li:nth-child(8n+2):before, .learn__list > li:nth-child(9n+2):before {
   background-color: #8BDCE7;
}

.learn__list > li:nth-child(8n+3):before, .learn__list > li:nth-child(9n+3):before {
   background-color: #E78BDD;
}

.learn__list > li:nth-child(8n+4):before, .learn__list > li:nth-child(9n+4):before {
   background-color: #8BE7D1;
}

.learn__list > li:nth-child(8n+5):before, .learn__list > li:nth-child(9n+5):before {
   background-color: #E5E78B;
}

.learn__list > li:nth-child(8n+6):before, .learn__list > li:nth-child(9n+6):before {
   background-color: #E7918B;
}

.learn__list > li:nth-child(8n+7):before, .learn__list > li:nth-child(9n+7):before {
   background-color: #E7C88B;
}

.your-chance {
   position: relative;
   padding: 0;
}

.your-chance__img {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 1;
}

.your-chance__img > * {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.your-chance__container {
   position: relative;
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 70px 15px;
   text-align: center;
}

.your-chance__title:not(:last-child) {
   margin-bottom: 24px;
}

.your-chance__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

.your-chance__text:not(:last-child) {
   margin-bottom: 50px;
}

.your-chance__text > * {
   font-family: "Proxima Nova Rg";
   font-size: 18px;
   line-height: 41px;
   color: #212121;
}

.your-chance__text > * > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
}

.your-chance__link {
   font-family: "Museo Sans Cyrl";
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   text-transform: capitalize;
   color: #FFFFFF;
   min-width: 234px;
   background: #30B85E;
   border-radius: 6px;
   padding: 15px 50px;
   text-align: center;
}

/* ============================ email-course END ================================================================= */
/* ============================ academy START ================================================================= */
.academy {
   padding: 0;
   margin-bottom: 45px;
}

.academy__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 144px 15px 162px;
}

@media screen and (max-width: 666px) {
   .academy__container {
      padding: 64px 15px;
   }
}

.academy__title:not(:last-child) {
   margin-bottom: 16px;
}

.academy__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 800;
   font-size: 52px;
   line-height: 56px;
   text-align: center;
   text-transform: capitalize;
   color: #25293F;
}

@media screen and (max-width: 666px) {
   .academy__title > * {
      font-size: 40px;
      line-height: 50px;
   }
}

.academy__text {
   text-align: center;
}

.academy__text > * {
   font-family: "Proxima Nova Rg";
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   text-align: center;
   color: #212121;
}

.email-courses {
   padding: 0;
}

.email-courses__container {
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 45px 15px;
}

.email-courses__title:not(:last-child) {
   margin-bottom: 40px;
}

.email-courses__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .email-courses__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

.email-courses__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 30px;
}

@media screen and (max-width: 666px) {
   .email-courses__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.email-courses__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 calc(50% - 15px);
   flex: 0 1 calc(50% - 15px);
}

.email-courses__img {
   height: 1px;
   max-height: 264px;
   min-height: 264px;
}

.email-courses__img:not(:last-child) {
   margin-bottom: 20px;
}

.email-courses__img > * {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.email-courses__wrapper {
   max-width: 454px;
   width: 100%;
}

.email-courses__wrapper:not(:last-child) {
   margin-bottom: 20px;
}

.email-courses__title-item:not(:last-child) {
   margin-bottom: 4px;
}

.email-courses__title-item > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   color: #212121;
}

.email-courses__link {
   border: 1px solid #30B85E;
   border-radius: 4px;
   font-family: Museo Sans Cyrl;
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   text-align: center;
   text-transform: capitalize;
   color: #30B85E;
   padding: 10px;
   min-width: 160px;
   -ms-flex-item-align: start;
   align-self: flex-start;
   height: auto;
}

.email-courses__text-item > * {
   font-family: "Proxima Nova Rg";
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   color: #455A64;
}

.email-courses__inner {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.academy-quizzes {
   padding: 0;
}

.academy-quizzes__container {
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px 90px;
}

@media screen and (max-width: 666px) {
   .academy-quizzes__container {
      padding: 0 15px 60px;
   }
}

.academy-quizzes__title:not(:last-child) {
   margin-bottom: 40px;
}

.academy-quizzes__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .academy-quizzes__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

.academy-quizzes__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
}

@media screen and (min-width: 667px) {
   .academy-quizzes__item {
      width: calc(50% - 15px);
   }
}

.academy-quizzes__img {
   height: 1px;
   max-height: 264px;
   min-height: 264px;
}

.academy-quizzes__img > * {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.academy-quizzes__title-item {
   max-width: 454px;
   width: 100%;
}

.academy-quizzes__title-item > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   color: #212121;
}

.academy-quizzes__link {
   border: 1px solid #30B85E;
   border-radius: 4px;
   font-family: Museo Sans Cyrl;
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   /* identical to box height */
   text-align: center;
   text-transform: capitalize;
   color: #30B85E;
   padding: 10px;
   min-width: 160px;
   -ms-flex-item-align: start;
   align-self: flex-start;
   height: auto;
}

.checklists-templates {
   padding: 0;
   margin-top: 45px;

}

.checklists-templates__container {
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px 30px;
}

@media screen and (max-width: 666px) {
   .checklists-templates__container {
      padding: 0 15px 60px;
   }
}

.checklists-templates__title:not(:last-child) {
   margin-bottom: 40px;
}

.checklists-templates__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-transform: capitalize;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .checklists-templates__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

/* ============================ academy END ================================================================= */
/* ============================ ebook-author START ================================================================= */
.ebook-author {
   padding: 0;
}

.ebook-author__container {
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 126px 15px;
}

@media screen and (max-width: 666px) {
   .ebook-author__container {
      padding: 80px 15px;
   }
}

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

.ebook-author__title:not(:last-child) {
   margin-bottom: 60px;
}

@media screen and (max-width: 666px) {
   .ebook-author__title:not(:last-child) {
      margin-bottom: 50px;
   }
}

.ebook-author__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-transform: capitalize;
   color: #212121;
}

.ebook-author__title > * > * {
   color: #30B85E;
}

@media screen and (max-width: 666px) {
   .ebook-author__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

.ebook-author__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style: none;
   row-gap: 40px;
   -webkit-column-gap: 20px;
   -moz-column-gap: 20px;
   column-gap: 20px;
}

@media screen and (max-width: 666px) {
   .ebook-author__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.ebook-author__item {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

@media screen and (min-width: 667px) {
   .ebook-author__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33.3333333333% - 14px);
      flex: 0 1 calc(33.3333333333% - 14px);
   }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
   .ebook-author__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 10px);
      flex: 0 1 calc(50% - 10px);
   }
}

.ebook-author__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.ebook-author__wrapper:not(:last-child) {
   margin-bottom: 8px;
}

.ebook-author__img {
   width: 30px;
   height: 1px;
   max-height: 30px;
   min-height: 30px;
   flex-shrink: 0;
}

.ebook-author__img:not(:last-child) {
   margin-right: 16px;
}

.ebook-author__img > * {
   display: block;
   width: 30px;
   height: 30px;
   -o-object-fit: contain;
   object-fit: contain;
}

.ebook-author__title-list > * {
   font-family: "Proxima Nova Bold";
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   text-transform: capitalize;
   color: #212121;
}

.ebook-author__text-list > * {
   font-family: "Museo Sans Cyrl";
   font-weight: 300;
   font-size: 16px;
   line-height: 25px;
   color: #455A64;
}

.ebook-packages {
   padding: 0;
}

.ebook-packages__container {
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 125px 15px;
}

@media screen and (max-width: 666px) {
   .ebook-packages__container {
      padding: 80px 15px;
   }
}

.ebook-packages__title:not(:last-child) {
   margin-bottom: 60px;
}

.ebook-packages__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .ebook-packages__title > * {
      font-size: 28px;
      line-height: 41px;
   }
   .ebook-packages__title > * > * {
      font-size: 28px;
      line-height: 41px;
   }
}

@media screen and (max-width: 992px) {
   .ebook-packages__title > * {
      text-align: center;
   }
}

.ebook-packages__title > * > * {
   color: #30B85E;
}

.ebook-packages__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style: none;
   row-gap: 60px;
   -webkit-column-gap: 78px;
   -moz-column-gap: 78px;
   column-gap: 78px;
}

@media screen and (min-width: 992px) and (max-width: 1168px) {
   .ebook-packages__list {
      gap: 30px;
   }
}

@media screen and (max-width: 666px) {
   .ebook-packages__list {
      gap: 40px;
      flex-direction: column;
   }
}

@media screen and (max-width: 991px) {
   .ebook-packages__list {
      max-width: 492px;
      width: 100%;
      margin: 0 auto;
   }
   .ebook-packages__item {
      flex-basis: auto;
   }
}

.ebook-packages__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border: 1px solid #E0E0E0;
   border-radius: 6px;
   padding: 24px;
   justify-content: start;
}

.ebook-packages__item .options {
   width: 100%;
   margin-bottom: 16px;
   margin-top: auto;
}

.ebook-packages .block-price-cards-ebook-cover-m2 {
   margin: 0;
}

@media screen and (max-width: 666px) {
   .ebook-packages .block-price-cards-ebook-cover-m2 .options .option label {
      font-size: 16px;
      line-height: 19px;
      padding-left: 28px;
   }
   .ebook-packages .price-cards .block-price-cards-ebook-cover-m2 .options form {
      flex-direction: row;
      padding: 15px;
      gap: 10px;
      flex-wrap: wrap;
   }
   .ebook-packages .block-price-cards-ebook-cover-m2 .options .option {
      margin-bottom: 0;
   }
}

@media (max-width: 990px) {
   .ebook-packages .block-price-cards-ebook-cover-m2, .block-price-cards-ebook-cover-m2.reserv {
      align-items: stretch;
   }
}

.ebook-packages .price-cards {
   padding: 0;
}

.ebook-packages .price-cards .block-price-cards-ebook-cover-m2 .options form {
   margin: 0;
}

.ebook-packages .ebook-packages__item form .option label {
   color: #212121;
}

.ebook-packages__item label span {
   font-weight: bold;
   color: #000;
}

@media screen and (max-width: 666px) {
   .ebook-packages__item {
      padding: 16px;
   }
}

@media screen and (max-width: 991px) {
   .ebook-packages__item {
      flex-basis: auto;
   }
}

@media screen and (min-width: 992px) and (max-width: 1168px) {
   .ebook-packages__item {
      -ms-flex: 0 1 calc(50% - 15px);
      flex: 0 1 calc(50% - 15px);
   }
}

@media screen and (min-width: 1169px) {
   .ebook-packages__item {
      -ms-flex: 0 1 calc(50% - 39px);
      flex: 0 1 calc(50% - 39px);
   }
}

.ebook-packages__img {
   margin-bottom: 16px;
}

@media screen and (min-width: 667px) {
   .ebook-packages__img {
      height: 1px;
      max-height: 272px;
      min-height: 272px;
   }
}

.ebook-packages__img > * {
   height: 100%;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 6px;
   vertical-align: top;
}

.ebook-packages__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 15px;
   margin-bottom: 16px;
}

.ebook-packages__wrapper {
   margin-bottom: 16px;
}

.ebook-packages__title-list > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   color: #212121;
}

.ebook-packages__title-list_label {
   padding: 4px;
   background: #F8DBA1;
   text-align: center;
}

@media screen and (max-width: 666px) {
   .ebook-packages__title-list_label {
      border-radius: 4px;
   }
}

.ebook-packages__title-list_label > * {
   font-family: "Proxima Nova Rg";
   font-weight: 400;
   font-size: 16px;
   line-height: 23px;
   color: #212121;
}

.ebook-packages__price {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 4px;
}

.ebook-packages__price > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
}

.ebook-packages__price > *:last-child {
   font-size: 14px;
   line-height: 17px;
   color: #E85A59;
}

.ebook-packages__price > *:first-child {
   font-size: 24px;
   line-height: 29px;
   color: #30B85E;
}

.ebook-packages__box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 24px;
}

@media screen and (max-width: 666px) {
   .ebook-packages__box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      gap: 12px;
   }
}

.ebook-packages__box > * {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 calc(50% - 12px);
   flex: 0 1 calc(50% - 12px);
}

.ebook-packages__list-check {
   list-style: none;
   padding: 0;
   border: none;
}

.ebook-packages__list-check li:before {
   margin-right: 8px;
}

.ebook-packages__list-check li {
   margin: 0;
}

.ebook-packages__list-check {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.ebook-packages__list-check_free {
   margin: 12px 0 16px 8px;
}

@media screen and (min-width: 667px) {
   .ebook-packages__list-check-wrapper {
      border: 1px solid #F8DBA1;
      border-radius: 6px;
      overflow: hidden;
   }
}

.ebook-packages__link {
   background: #30B85E;
   border-radius: 6px;
   font-family: "Museo Sans Cyrl";
   font-weight: 600;
   font-size: 16px;
   line-height: 22px;
   text-align: center;
   color: #FFFFFF;
}

.ebook-series-book {
   position: relative;
   padding: 100px 0 160px;
}

@media screen and (min-width: 667px) {
   .ebook-series-book {
      background: url("images/ebook-series-book-bg.jpg") no-repeat center;
      background-size: cover;
   }
}

@media screen and (max-width: 666px) {
   .ebook-series-book {
      padding: 64px 0 40px;
      background: -o-linear-gradient(0.08deg, #EBF3F5 0.06%, #FAF4E0 99.93%);
      background: linear-gradient(89.92deg, #EBF3F5 0.06%, #FAF4E0 99.93%);
   }
}

.ebook-series-book__container {
   max-width: 960px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.ebook-series-book__title {
   text-align: center;
}

.ebook-series-book__title:not(:last-child) {
   margin-bottom: 32px;
}

.ebook-series-book__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .ebook-series-book__title > * {
      font-size: 28px;
      line-height: 34px;
   }
}

.ebook-series-book__wrapper {
   display: flex;
   gap: 20px;
}

@media screen and (max-width: 991px) {
   .ebook-series-book__wrapper {
      flex-direction: column;
   }
   .ebook-series-book__container {
      max-width: 450px;
      width: 100%;
   }
}

.ebook-series-book__discount-wrapper .ebook-series-book__link {
   width: 100%;
   background: transparent;
   color: #30b85e;
   margin-top: auto;
}

.ebook-series-book__discount-wrapper .ebook-series-book__link:hover,
.ebook-series-book__discount-wrapper .ebook-series-book__link:focus {
   color: #fff;
}

.ebook-series-book__box {
   display: flex;
   flex-direction: column;
   margin-bottom: 11px;
}

.ebook-series-book__discount-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background: rgba(255, 255, 255, 0.34);
   border: 1px solid rgba(36, 76, 217, 0.42);
   border-radius: 6px;
   padding: 24px;
   flex: 0 1 calc(50% - 10px);
}

.ebook-series-book__discount {
   background: #DAE8FA;
   border-radius: 6px;
   padding: 10px 32px;
   text-align: center;
}

.ebook-series-book__discount:not(:last-child) {
   margin-bottom: 11px;
}

.ebook-series-book__discount > * {
   font-family: "Proxima Nova Bold";
   font-weight: 800;
   font-size: 24px;
   line-height: 22px;
   text-transform: uppercase;
   color: #3874EA;
}

.ebook-series-book__discount_accent {
   background: #FFF2D7;
}

.ebook-series-book__discount_accent > * {
   color: #FBC02D;
}

.ebook-series-book__text {
   text-align: center;
}

.ebook-series-book__text > * {
   font-family: "Proxima Nova Rg";
   font-weight: 400;
   font-size: 24px;
   line-height: 29px;
   color: #212121;
}

.ebook-series-book__img-books {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
   z-index: 1;
}

@media screen and (max-width: 1439px) {
   .ebook-series-book__img-books {
      display: none;
   }
}

.ebook-series-book__img-books > * {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.ebook-design-book {
   padding: 0;
}

@media screen and (min-width: 667px) {
   .ebook-series-book + .ebook-design-book {
      padding-top: 125px;
   }

   .ebook-design-book + .ebook-marketing {
      padding-top: 125px;
   }
}


.ebook-design-book__container {
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
}

@media screen and (max-width: 666px) {
   .ebook-design-book__container {
      padding: 80px 15px;
   }
}

.ebook-design-book__title {
   text-align: center;
}

.ebook-design-book__title:not(:last-child) {
   margin-bottom: 60px;
}

@media screen and (max-width: 666px) {
   .ebook-design-book__title:not(:last-child) {
      margin-bottom: 50px;
   }
}

.ebook-design-book__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .ebook-design-book__title > * {
      font-size: 28px;
      line-height: 34px;
   }
}

.ebook-design-book__list {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 40px 30px;
}

@media screen and (max-width: 666px) {
   .ebook-design-book__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 32px;
   }
}

.ebook-design-book__list:not(:last-child) {
   margin-bottom: 16px;
}

.ebook-design-book__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border: 1px solid #E0E0E0;
   border-radius: 2px;
   padding: 30px 16px;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 calc(33.3333333333% - 20px);
   flex: 0 1 calc(33.3333333333% - 20px);
}

@media screen and (min-width: 667px) and (max-width: 992px) {
   .ebook-design-book__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 15px);
      flex: 0 1 calc(50% - 15px);
   }
}

.ebook-design-book__inner:not(:last-child) {
   margin-bottom: 20px;
}

.ebook-design-book__box {
   padding-top: 20px;
   border-top: 1px solid #EBEBEB;
}

.ebook-design-book__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 16px;
}

.ebook-design-book__wrapper:not(:last-child) {
   margin-bottom: 5px;
}

.ebook-design-book__text-list > * {
   font-family: "Proxima Nova Rg";
   font-size: 20px;
   line-height: 24px;
   color: #212121;
}

.ebook-design-book__price > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   text-transform: uppercase;
   color: #66BB6A;
}

.ebook-design-book__sub-text > * {
   font-family: "Proxima Nova Rg";
   font-size: 16px;
   line-height: 19px;
   color: #455A64;
}

.ebook-design-book__link {
   background: #30B85E;
   border-radius: 4px;
   font-family: "Museo Sans Cyrl";
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   padding: 10px 35px;
   color: #FFFFFF;
   text-align: center;
}

.ebook-design-book__link:hover,
.ebook-design-book__link:focus,

.ebook-design-book__text > * {
   font-family: "Proxima Nova Rg";
   font-size: 16px;
   line-height: 23px;
   color: #455A64;
}

.ebook-marketing {
   padding: 0;
}

.ebook-marketing__container {
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
}

@media screen and (max-width: 666px) {
   .ebook-marketing__container {
      padding: 80px 15px;
   }
}

.ebook-marketing__title:not(:last-child) {
   margin-bottom: 64px;
}

@media screen and (max-width: 666px) {
   .ebook-marketing__title:not(:last-child) {
      margin-bottom: 50px;
   }
}

.ebook-marketing__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 34px;
   line-height: 41px;
   text-align: center;
   color: #212121;
}

@media screen and (max-width: 666px) {
   .ebook-marketing__title > * {
      font-size: 28px;
      line-height: 41px;
   }
}

.ebook-marketing__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style: none;
   gap: 60px 20px;
}

@media screen and (max-width: 666px) {
   .ebook-marketing__list {
      gap: 40px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.ebook-marketing__list:not(:last-child) {
   margin-bottom: 24px;
}

.ebook-marketing__item {
   display: flex;
   flex-direction: column;
   border-radius: 2px;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 calc(25% - 15px);
   flex: 0 1 calc(25% - 15px);
}

@media screen and (min-width: 667px) and (max-width: 992px) {
   .ebook-marketing__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(33.3333333333% - 14px);
      flex: 0 1 calc(33.3333333333% - 14px);
   }
}

@media screen and (max-width: 666px) {
   .ebook-marketing__item {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
   }
}

.ebook-marketing__img {
   border: 1px solid #E5E5E5;
   border-radius: 2px;
   height: 1px;
   min-height: 150px;
   max-height: 150px;
}

@media screen and (max-width: 666px) {
   .ebook-marketing__img {
      min-height: 195px;
      max-height: 195px;
   }
}

.ebook-marketing__img:not(:last-child) {
   margin-bottom: 16px;
}

.ebook-marketing__img > * {
   width: 100%;
   height: 100%;
   vertical-align: top;
   -o-object-fit: cover;
   object-fit: cover;
}

.ebook-marketing__text-list:not(:last-child) {
   margin-bottom: 4px;
}

.ebook-marketing__text-list > * {
   font-family: "Proxima Nova Rg";
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   color: #212121;
}

.ebook-marketing__price:not(:last-child) {
   margin-bottom: 16px;
   margin-top: auto;
}

.ebook-marketing__price > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   text-transform: uppercase;
   color: #66BB6A;
}

.ebook-marketing__link {
   font-family: "Museo Sans Cyrl";
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   color: #30B85E;
   background: #FFF;
   border-radius: 4px;
   padding: 10px 35px;
   align-self: flex-start;
   border: solid 1px #30B85E;
}

.ebook-marketing__link:hover,
.ebook-marketing__link:focus {
   color: #FFFFFF;
   font-weight: 600;
   background: #30B85E;
}
.ebook-marketing__text > * {
   font-family: "Proxima Nova Rg";
   font-weight: 400;
   font-size: 16px;
   line-height: 23px;
   color: #455A64;
}

.ebook-marketing__sub-text{
   margin-bottom: 5px;
}

.ebook-marketing__sub-text > * {
   font-family: "Proxima Nova Rg";
   font-weight: 400;
   font-size: 16px;
   line-height: 23px;
   color: #455A64;
}

/* ============================ ebook-author END ================================================================= */

.party:not(:last-child) {
   margin-bottom: 60px;
}

.party__wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   max-width: 960px;
   width: 100%;
   margin: 0 auto;
   padding: 60px 15px;
}

.party__title:not(:last-child) {
   margin-bottom: 16px;
}

.party__title {
   text-align: center;
}

.party__title > * {
   color: #212121;
   font-size: 24px;
   font-family: Proxima Nova Bold;
   font-weight: 700;
}

.party__discount {
   display: flex;
   align-items: center;
   gap: 16px;
}

.party__discount:not(:last-child) {
   margin-bottom: 16px;
}

.party__discount > * {
   color: #244CD9;
   font-size: 16px;
   font-family: Proxima Nova Rg;
   font-weight: 400;
   text-transform: uppercase;
}

.party__discount > * > * {
   font-weight: 700;
   font-family: Proxima Nova Bold;
}

.party__icon {
   width: 18px;
   height: 17px;
}

.party__icon > svg {
   display: block;
   width: 18px;
   height: 17px;
}

.party__link {
   color: #25293F;
   text-align: center;
   font-size: 16px;
   font-family: Proxima Nova Bold;
   font-weight: 800;
   line-height: 101%;
   text-transform: uppercase;
   padding: 8px 40px;
   border-radius: 4px;
   border: 1px solid var(--main-blue, #244CD9);
   background: rgba(255, 255, 255, 0.58);
   box-shadow: 2px 2px 0px 0px #244CD9;
}

.party__link:not(:last-child) {
   margin-bottom: 16px;
}

.party__text > * {
   color: #455A64;
   font-size: 12px;
   font-family: Proxima Nova Rg;
}

.party__text:not(:last-child) {
   margin-bottom: 16px;
}

.promo {
   display: flex;
   padding: 12px 0px;
   flex-direction: column;
   align-items: center;
   border-radius: 4px;
   background: linear-gradient(136deg, #FEECE9 0%, #F4EBFE 100%);
   margin-bottom: 16px;
}

.promo__discount {
   color: #0057FF;
   font-size: 16px;
   font-family: 'Proxima Nova Bold';
   font-weight: 800;
   line-height: 1;
   padding: 8px 12px;
   border-radius: 24px;
   border: 1px solid #0057FF;
   margin-bottom: 8px;
}

.promo__title {
   color: #212121;
   font-size: 16px;
   font-family: 'Proxima Nova Rg';
   font-weight: 300;
   margin: 0;
}

.promo__title > * {
   font-family: "Proxima Nova Bold";
   font-weight: 700;
}

.promo__text {
   color: #212121;
   font-size: 12px;
   font-family: Proxima Nova Rg;
   font-weight: 300;
   opacity: 0.7;
}
.ebook-bundles{
   padding: 0;
}
.ebook-bundles__container{
   max-width: 1150px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px 125px 15px;
   display: flex;
   flex-direction: column;
   gap: 60px;
}
.ebook-bundles__card{
   width: 100%;
}
.ebook-bundles__card-wrapper{
   display: flex;
   gap: 37px;
   width: 100%;
}
.ebook-bundles-img{
   width: 40%;
   max-width: 343px;
}
.ebook-bundles-info_title{
   max-width: 444px;
   display: flex;
   justify-content: space-between;
}
.ebook-bundles-info_title p span{
   color: #30B85E;
   text-align: right;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}
.ebook-bundles-info_title p{
   display: flex;
   gap: 4px;
}
.ebook-bundles-info_benefit{
   display: flex;
   gap: 16px;
   flex-direction: column;
}
.ebook-bundles-info{
   width: 80%;
   display: flex;
   flex-direction: column;
   gap: 24px;
   justify-content: center;
}
.info_benefit-one{
   width: 28%;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   gap:4px;
}
.info_benefit-wrapper{
   display: flex;
   flex-direction: column;
   width: 30%;
   justify-content: flex-start;
   align-items: flex-start;
   justify-content: space-between;
   gap: 16px;
}
.info_benefit-wrapper2{
   display: flex;
   flex-direction: column;
   width: 70%;
   justify-content: flex-start;
   align-items: flex-start;
   gap: 16px;
}
.info_benefit-two{
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   gap:4px;
}
.info_benefit-twocol{
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   gap:4px;
}
.info_benefit{
   display: flex;
   gap: 12px;
}
.info_benefit-one:nth-child(2n) {
   width: 69%;
}
.ebook-bundles__container > *:nth-child(2) .info_benefit-one{
   width: 31%;
}
.info_benefit-three{
   display: flex;
   width: 100%;
   justify-content: space-between;
   gap: 16px;
   flex-wrap: wrap;
}

.ebook-bundles-info svg{
   width: 100%;
   max-width: 24px;
}
.ebook-bundles__link{
   max-width: 274px;
}
.ebook-bundles-info_title p{
   font-size: 24px;
   line-height: 29px;
   color: #30B85E;
   font-family: "Proxima Nova Bold";
   font-weight: 700;
}
.ebook-bundles-info_title h3{
   margin: 0;
}
@media screen and (max-width: 968px) {
   .ebook-bundles__container > *:nth-child(2) .info_benefit-one{
      width: 100%;
   }
   .info_benefit{
      flex-direction: column;
   }
   .info_benefit-wrapper, .info_benefit-wrapper2{
      width: 100%;
   }
   .ebook-bundles__card-wrapper{
      flex-direction: column;
   }
   .ebook-bundles-info_title{
      width: 100%;
   }
   .ebook-bundles-img{
      width: 100%;
      display: flex;
      justify-content: center;
   }
   .ebook-bundles-info{
      width: 100%;
      justify-content: center;
      align-items: center;
      max-width: 60%;
   }
   .info_benefit-three{
      flex-direction: column;
   }
   .info_benefit-one{
      width: 100%;
   }
   .ebook-bundles__link{
      max-width: inherit;
      width: 100%;
   }
   .ebook-bundles__container{
      gap: 40px;
      padding-bottom: 80px;
   }
   .ebook-bundles__card-wrapper{
      align-items: center;
   }
   .ebook-bundles-info_benefit{
      width: 100%;
   }

}
@media screen and (max-width: 666px) {
   .ebook-bundles-info{
      align-items: flex-start;
   }
   .ebook-bundles-info{
      max-width: 100%;
   }
}
.book-cover-designer{
   position: relative;
   height: 100%;
   padding-bottom: 80px;
}
.book-cover-designer .img-bg{
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   height: 100%;
   width: 100%;
}
.book-cover-designer .img-bg img{
   object-fit: cover;
   height: 100%;
   width: 100%;
}
.book-cover-designer__wrap{
   padding: 106px 227px 0 162px;
   display: flex;
}
.book-cover-designer__first{
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 34vw;
}
.book-cover-designer__first h2{
   color: #25293F;
   font-family: Proxima Nova Bold;
   font-size: 40px;
   font-weight: 700;
   line-height: normal;
   text-transform: capitalize;
   max-width: 528px;
}
.book-cover-designer__first h2 span{
   color: #30B85E;
}
.book-cover-designer__first p{
   color: #25293F;
   font-family: Proxima Nova Rg;
   font-size: 16px;
   font-weight: 400;
   max-width: 452px;
}
.book-cover-designer__first p span{
   font-family: Proxima Nova Bold;
   font-weight: 700;
}
.book-cover-designer__img{
   padding: 31px 0 0 78px;
   display: flex;
   align-items: flex-end;
}
.book-cover-designer__form{
   width: 100%;
}
.book-cover-designer__form ._form-content{
   display: flex;
   align-items: center;
}
.book-cover-designer__form #_form_87_{
   background-color: transparent!important;
}
.book-cover-designer__form #_form_87_ input{
   border-radius: 6px!important;
   border: 1px solid #E2E7DD!important;
   background: rgba(255, 255, 255, 0.50)!important;
   width: 21vw!important;
   height: 50px!important;
}
.book-cover-designer__form #_form_87_ input:focus{
   border: 1px solid #1B4246!important;
   background: #FFF!important;
}
.book-cover-designer__form #_form_87_ label{
   color: #456B66;
   font-family: Proxima Nova Rg;
   font-size: 16px;
   font-style: normal;
   font-weight: 400!important;
   line-height: normal;
}
#_form_87_{
   margin:0!important;
   padding: 40px!important;
   border-radius: 10px!important;
   border: 1px solid rgba(27, 66, 70, 0.10)!important;
   max-width: unset!important;
   margin: 0 227px 80px 162px!important;
}
#_form_87_ .info-text{
   color: #456B66;
   font-family: Proxima Nova Rg;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   margin-top: 10px;
}
#_form_87_ ._submit{
   width: 21.7vw!important;
   border-radius: 6px!important;
   background: #30B85E!important;
   border: none;
   height: 50px;
   margin-top: 15px;
   color: #FFF;
   text-align: center;
   font-family: Proxima Nova Bold;
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
   letter-spacing: 0.16px;
}
@media (max-width: 1280px) {
   #_form_87_{
      margin: 0 114px 0 81px!important;
   }
   .book-cover-designer__wrap {
      padding: 60px 114px 0 81px;
   }
   .book-cover-designer {
      padding-bottom: 40px;
   }
   .book-cover-designer__first h2{
      font-size: 30px;
   }
   .book-cover-designer__img{
      padding: 31px 0 0 40px;
   }
}
@media (max-width: 1024px) {
   .book-cover-designer__first h2{
      font-size: 25px;
   }
   .book-cover-designer__first{
      width: 40vw;
   }
}
@media (max-width: 768px) {
   .book-cover-designer__first h2{
      font-size: 25px;
   }
   .book-cover-designer__first p{
      font-size: 14px;
   }
   .book-cover-designer__first{
      width: 60vw;
   }
   .book-cover-designer__img{
      padding: 31px 0 0 20px;
   }
   #_form_87_{
      margin: 0 50px 0 40px!important;
   }
   .book-cover-designer__wrap {
      padding: 60px 50px 0 40px;
   }
}
@media (max-width: 666px) {
   .book-cover-designer__wrap{
      flex-direction: column-reverse;
      padding: 64px 17px 40px;
   }
   .book-cover-designer__img{
      padding: 0;
      margin-bottom: 40px;
   }
   .book-cover-designer__img img{
      object-fit: cover;
      max-height: 190px;
      width: 100%;
   }
   .book-cover-designer__first{
      width: 100%;
   }
   .book-cover-designer__first h2 {
      font-size: 40px;
   }
   .book-cover-designer__first p {
      font-size: 16px;
   }
   #_form_87_{
      padding: 24px 16px!important;
      margin:0!important;
   }
   .book-cover-designer__form{
      padding: 0 17px 24px 17px!important;
   }
   .book-cover-designer__form ._form-content{
      flex-direction: column;
   }
   .book-cover-designer__form #_form_87_ input{
      width: 100%!important;
   }
   #_form_87_ ._submit{
      margin-top: 0!important;
      width: 100%!important;
      font-size: 16px!important;
   }
   #_form_87_ ._form_element{
      margin: 0 0 10px;
   }
   #_form_87_ .info-text{
      margin-top:24px;
   }
}
.title-green{
   color: #212121;
   text-align: center;
   font-family: 'Proxima Nova Bold';
   font-size: 34px;
   font-weight: 700;
   line-height: 41px;
   text-transform: capitalize;
   margin: 0;
   padding: 0 16px;
}
.title-green span{
   color: #30B85E;
}
.author-swag-design{
   padding: 0 0 16px;
   display: flex;
   flex-direction: column;
   gap: 16px;
   justify-content: center;
   align-items: center;
   max-width: 1440px;
   margin: 0 auto;
}
.author-swag-design > p{
   color:#455A64;
   font-family: 'Museo Sans Cyrl';
   font-size: 18px;
   font-weight: 300;
   line-height: normal;
}
.author-swag-main{
   position: relative;
   height: 441px;
   padding: 0;
   overflow: hidden;
   display: flex;
   justify-content: center;
}
.author-swag-main-bg, .author-swag-contact-bg{
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   display: flex;
   width: 100%;
   justify-content: center;
   height: 100%;
}
.author-swag-contact-bg img{
   width: 100%;
   object-fit: cover;
   height: 340px;
}
.author-swag-main__wrapp{
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 50px;
   padding: 0 16px;
}
.author-swag-main-info{
   display: flex;
   flex-direction: column;
   gap: 31px;
}
.author-swag-main-info h1{
   color: #25293F;
   font-family: 'Proxima Nova Bold';
   font-size: 46px;
   font-style: normal;
   font-weight: 700;
   line-height: 50px;
   text-transform: capitalize;
}
.author-swag-main-info p{
   display: flex;
   gap: 8px;
   color: #25293F;
   font-family: 'Proxima Nova Rg';
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   align-items: center;
   max-width: 350px;
}
.author-swag-main-img{
   padding-top: 26px;
   width: 635px;
   height: 414px;
}
.author-swag-even{
   max-width: 1440px;
   margin: 125px auto;
   display: flex;
   flex-direction: column;
   gap: 64px;
   padding: 0;
   align-items: center;
}
.author-swag-even__wrapp{
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   max-width: 1120px;
   margin: 0 20px;
   justify-content: center;
}
.author-swag-even-one{
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 22vw;
   max-width: 265px;
   height: 230px;
}
.author-swag-even-one img{
   max-width: 265px;
   height: 151px;
   object-fit: cover;
}
.author-swag-even-one p{
   color: #212121;
   font-family: 'Proxima Nova Rg';
   font-size: 20px;
   font-weight: 400;
   line-height: normal;
}
.author-swag-design-price{
   display: flex;
   justify-content: space-between;
}
.author-swag-design-price{
   padding-bottom: 20px;
   border-bottom: 1px solid #EBEBEB;
   margin: 31px 0 20px;
}
.author-swag-design-price p{
   color: #212121;
   font-family: 'Proxima Nova Bold';
   font-size: 20px;
   font-weight: 600;
   line-height: normal;
}
.author-swag-design-price span{
   font-family: 'Proxima Nova Rg';
   font-size: 20px;
   font-weight: 400;
   color: #66BB6A;
}
.author-swag-design__wrapp{
   display: flex;
   gap: 31px;
   padding: 44px 0 8px;
   max-width: 1440px;
}
.author-swag-design__wrapp .btn{
   padding: 10px 35px;
   min-width: 143px;
   height: 37px;
   line-height: 100%;
   color: #FFF;
   text-align: center;
   font-family: 'Museo Sans Cyrl';
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   text-transform: capitalize;
}
.author-swag-design small{
   width: 76vw;
   max-width: 1440px;
}
.author-swag-design-one{
   width: 24.6vw;
}
.author-swag-design-one img{
   object-fit: cover;
   width: 100%;
   height: 200px;
}
.author-swag-contact{
   margin: 125px 0;
   position: relative;
   padding: 0;
}
.author-swag-contact__wrapp hr{
   width: 200px;
   background: none;
   border-bottom: 1px solid #30B85E;
   margin: 30px 0 0;
}
.author-swag-contact__wrapp p{
   color: #455A64;
   text-align: center;
   font-family: 'Museo Sans Cyrl';
   font-size: 18px;
   font-style: normal;
   font-weight: 300;
   line-height: 41px;
   margin-bottom: 50px;
}
.author-swag-contact__wrapp{
   padding: 50px 16px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.author-swag-contact__wrapp .btn{
   min-width: 164px;
   height: 50px;
}
.author-swag-faqs .question{
   background: none;
   border: 1px solid #30b85e;
   color: #30b85e;
}
.author-swag-faqs .open .btn-collapse:after{
   color: gray;
}
.author-swag-how{
   padding: 0 0 125px 0;
   margin: 0 auto;
   display: flex;
   justify-content: center;
}
.author-swag-how__wrapper{
   display: flex;
   gap: 20px;
   max-width: 1050px;
   justify-content: space-between;
   margin: 0 20px;
   width: 100%;
}
.author-swag-how__info{
   max-width: 383px;
}
.author-swag-how__info h2{
   padding: 30px 0 60px;
   text-align: start;
}
.author-swag-how__info ul{
   display: flex;
   flex-direction: column;
   gap: 16px;
}
.author-swag-how__info ul li{
   display: flex;
   align-items: center;
   gap: 13px;
}
@media (max-width: 666px) {
   .author-swag-main{
      height: 542px;
   }
   .author-swag-main__wrapp{
      flex-direction: column-reverse;
      gap: 40px
   }
   .author-swag-main-img img{
      max-height: 223px;
   }
   .author-swag-main-info{
      gap: 24px
   }
   .author-swag-main-img{
      width: auto;
      height: auto;
      padding: 0;
   }
   .author-swag-even{
      margin: 80px auto 100px;
      gap: 80px;
   }
   .author-swag-even__wrapp{
      flex-direction: column;
      width: 100%;
      padding: 0 20px;
      gap: 40px;
   }
   .author-swag-even-one{
      width: 100%;
      max-width: unset;
      height: unset;
   }
   .author-swag-even-one img{
      max-width: unset;
      height: 200px;
   }
   .title-green{
      font-size: 28px;
      line-height: 120%;
   }
   .author-swag-design__wrapp{
      padding: 64px 20px 62px;
      flex-direction: column;
      width: 100%;
      gap: 80px;
   }
   .author-swag-design-one{
      width: 100%;
   }
   .author-swag-design small{
      width: 100%;
      padding: 0 10px;
   }
   .author-swag-contact{
      margin: 80px 0;
   }
   .author-swag-contact__wrapp{
      padding: 64px 16px;
   }
   .author-swag-contact__wrapp .btn{
      width: 100%;
   }
   .author-swag-contact-bg img{
      height: unset;
   }
   .author-swag-how__wrapper{
      flex-direction: column;
   }
   .author-swag-how{
      padding-bottom: 80px;
   }
   .author-swag-how__info h2{
      padding: 20px 0 40px;
   }
   .author-swag-faqs .btn-collapse{
      padding-left: 0;
      padding-bottom: 16px;
   }
   .author-swag-faqs .btn-collapse .question{
      top: -45px;
   }
   .author-swag-faqs .qa-item{
      padding-bottom: 40px;
   }
   .author-swag-faqs .btn-collapse:before{
      width: 100%;
   }
   .author-swag-faqs .qa-item-body .wrapper{
      padding-left: 0;
   }
   .faqs.author-swag-faqs .group_faq{
      margin-top: 80px;
   }
}
.dropdown_menu_serv_m2{
   padding: 48px 10px 16px;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-11255 a{
   position: relative;
   max-width: 127px;
}
.menu-item.menu-item-type-post_type.menu-item-object-service.new{
   position: relative;
   max-width: unset;
}
.menu-item.menu-item-type-post_type.menu-item-object-service.new:after{
   background: #30b85e38;
   width: 24px;
   height: 12px;
   content: "New";
   font-size: 10px;
   color:#1ea94d;
   display: flex;
   position: absolute;
   top: 4px;
   right: -4px;
   align-items: center;
   justify-content: center;
   font-family: 'Proxima Nova Bold';
}
.header-banner-halloween{
   position: fixed;
   top: 76px;
   z-index: 10;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100vw;
   height: 53px;
}
.header-banner-halloween img{
   position: absolute;
   width: 100vw;
   max-height: 55px;
   height: 100%;
}
.header-banner-halloween p{
   color: #000;
   font-family: 'Proxima Nova Bold';
   font-size: 16px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   font-variant: all-small-caps;
   letter-spacing: 0.16px;
   z-index: 100;
}
.header-banner-halloween span{
   background: #fe7c03;
   border-radius: 3px;
   padding: 0 5px;
}
/*only halloween*/
.dropdown_menu_serv_m2{
   margin-top: -14px;
}

.ebook-packages-halloween-banner{
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-bottom: 75px;
}
.header-banner-halloween > div{
   position: absolute;
   top: 0px;
   z-index: 10;
   cursor: pointer;
   left: calc(50% + 22vw);
   width: 100px;
   height: 55px;
   display: flex;
   align-items: center;
}
.header-banner-halloween > div img{
   width: 56px;
   height: 24px;
}
.ebook-packages-halloween-banner > img{
   height: 143px;
   object-fit: cover;
}
.ebook-packages-halloween-banner__text{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   padding: 24px 0 8px;
   top:0;
}
.halloween-off{
   color: var(--, #212121);
   leading-trim: both;
   text-edge: cap;
   text-shadow: 0px 0px 0px #000;
   font-family: 'Proxima Nova Bold';
   font-size: 36px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
}
.ebook-packages-halloween-banner__text p{
   border-radius: 2px;
   background: #FE7C03;
   color: rgba(0, 0, 0, 0.94);
   font-family:' Proxima Nova Rg';
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 0 6px;
}
.ebook-packages-halloween-banner__text span{
   font-family:'Proxima Nova Bold';
   font-weight: 700;
}
.halloween-promo{
   padding-top: 12px;
   color: #FE7C03;
   text-align: center;
   text-shadow: 0px 1px 1px #000;
   font-family: 'Proxima Nova Bold';
   font-size: 18px;
   font-style: normal;
   font-weight: 800;
   line-height: 101%; /* 18.18px */
   text-transform: uppercase;
}
.halloween-promocode{
   color: #212121;
   font-family: 'Proxima Nova Rg';
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.halloween-notes{
   padding-top: 24px;
   color: #212121;
   text-align: center;
   font-family: 'Proxima Nova Rg';
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 10px;
}
.halloween-item-notes{
   position: absolute;
   color: #FFF;
   text-align: center;
   font-family: 'Proxima Nova Bold';
   font-size: 11px;
   font-style: normal;
   font-weight: 800;
   line-height: 101%; /* 11.11px */
   text-transform: uppercase;
   border-radius: 0px 0px 2px 2px;
   border: 1px solid #FE7C03;
   background: #FE7C03;
   top:274px;
   padding: 4px 0;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100vw;
   max-width: 470px;
}
@media (max-width: 1050px) {
   .halloween-item-notes{
      max-width: 442px;
      width: calc(100vw - 64px);
   }
   .header-banner-halloween > div{
      right: 10vw;
      left: unset;
   }
   .header-banner-halloween img{
      max-height: unset;
      height: 55px;
   }
}
@media (max-width: 890px) {
   .header-banner-halloween > div{
      right: 0;
      left: unset;
   }
}
.header-banner-halloween .mobile, .ebook-packages-halloween-banner .mobile{
display: none;
}
@media (max-width: 666px) {
   .halloween-item-notes{
      max-width: 458px;
      top: 277px;
   }
   .header-banner-halloween .desc, .ebook-packages-halloween-banner .desc{
      display: none;
   }
   .header-banner-halloween .mobile, .ebook-packages-halloween-banner .mobile{
      display: block;
   }
   .header-banner-halloween img{
      max-height: unset;
      height: 92px;
   }
   .header-banner-halloween p{
      padding: 0 16px;
      line-height: 150%;
      text-align: center;
      max-width: 340px;
   }
   .header-banner-halloween > div{
      width: 11vw;
      height: 4vw;
      top: 27px;
      max-width: 42px;
      max-height: 18px;
      left: calc(50% + 22vw);
   }
   .header-banner-halloween > div img{
      object-fit: contain;
   }
   .ebook-packages-halloween-banner__text p{
      font-size: 14px;
   }
}
@media (max-width: 520px) {
   .halloween-item-notes{
      max-width: 458px;
      top: 52vw;
   }
 .header-banner-halloween > div{
    right: 25px;
    left: unset;
   }
}
@media (max-width: 440px) {
   .halloween-item-notes{
      top: 49vw;
   }
}
@media (max-width: 360px) {
   .header-banner-halloween p{
      text-align: left;
      font-size: 15px;
   }