:root {
  --light: #d8dde6;
  --dark: #000000;
  --dark-blue: #161c26;
  --light-dark-blue: #242c38;
  --light-dark-blue-second: #343d4e;
  --light-primary: #61bfe8;
  --light-grey: #7d8899;
}

#main,
#page {
  display: flex;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

.h1,
body,
h1,
html {
  font-family: "DIN 2014", sans-serif;
  font-style: normal;
  letter-spacing: 0.05em;
}

.button.plus .icon,
.search .pdf-manual .column-button .button > * {
  vertical-align: middle;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "DIN 2014";
  src: url(../../../src/fonts/DIN2014-ExtraLight.eot);
  src: url(../../../src/fonts/DIN2014-ExtraLight.eot?#iefix)
      format("embedded-opentype"),
    url(../../../src/fonts/DIN2014-ExtraLight.svg#DIN2014-ExtraLight)
      format("svg"),
    url(../../../src/fonts/DIN2014-ExtraLight.ttf) format("truetype"),
    url(../../../src/fonts/DIN2014-ExtraLight.woff) format("woff"),
    url(../../../src/fonts/DIN2014-ExtraLight.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "DIN 2014";
  src: url(../../../src/fonts/DIN2014-Light.eot);
  src: url(../../../src/fonts/DIN2014-Light.eot?#iefix)
      format("embedded-opentype"),
    url(../../../src/fonts/DIN2014-Light.svg#DIN2014-Light) format("svg"),
    url(../../../src/fonts/DIN2014-Light.ttf) format("truetype"),
    url(../../../src/fonts/DIN2014-Light.woff) format("woff"),
    url(../../../src/fonts/DIN2014-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "DIN 2014";
  src: url(../../../src/fonts/DIN2014-Regular.eot);
  src: url(../../../src/fonts/DIN2014-Regular.eot?#iefix)
      format("embedded-opentype"),
    url(../../../src/fonts/DIN2014-Regular.svg#DIN2014-Regular) format("svg"),
    url(../../../src/fonts/DIN2014-Regular.ttf) format("truetype"),
    url(../../../src/fonts/DIN2014-Regular.woff) format("woff"),
    url(../../../src/fonts/DIN2014-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "DIN 2014";
  src: url(../../../src/fonts/DIN2014-Demi.woff2);
  src: url(../../../src/fonts/DIN2014-Demi.ttf) format("truetype"),
    url(../../../src/fonts/DIN2014-Demi.woff) format("woff"),
    url(../../../src/fonts/DIN2014-Demi.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "DIN 2014";
  src: url(../../../src/fonts/DIN2014-Bold.eot);
  src: url(../../../src/fonts/DIN2014-Bold.eot?#iefix)
      format("embedded-opentype"),
    url(../../../src/fonts/DIN2014-Bold.svg#DIN2014-Bold) format("svg"),
    url(../../../src/fonts/DIN2014-Bold.ttf) format("truetype"),
    url(../../../src/fonts/DIN2014-Bold.woff) format("woff"),
    url(../../../src/fonts/DIN2014-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

* {
  box-sizing: border-box;
  outline: 0 !important;
}

body,
html {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.75;
  /*background: #f2f3f4;*/
  background-color: var(--light-dark-blue);
  color: var(--light);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#page {
  flex-direction: column;
  min-height: 100vh;
}

img {
  transition: opacity 0.5s;
}

img.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

img.lazyload {
  opacity: 0;
}

.h1,
h1 {
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
}

.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-family: "DIN 2014", sans-serif;
  font-style: normal;
  text-transform: uppercase;
}

.h1:not(:last-child),
h1:not(:last-child) {
  margin-bottom: 20px;
}

.h2,
h2 {
  font-weight: 300;
  font-size: 25px;
}

.h2:not(:last-child),
h2:not(:last-child) {
  margin-bottom: 3px;
}

.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 18px;
}

.h3:not(:last-child),
.h4:not(:last-child),
.h5:not(:last-child),
.h6:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child) {
  margin-bottom: 5px;
}

p {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.05em;
}

.button,
strong {
  font-weight: 700;
}

p a {
  text-decoration: underline !important;
}

a {
  display: inline-block;
  color: var(--light-primary);
  text-decoration: none;
  cursor: pointer;
}

strong {
  color: #22a6d6;
}

.button {
  font-family: "DIN 2014", sans-serif;
  position: relative;
  width: 100%;
  max-width: 290px;
  padding: 10px 25px;
  background: none;
  border: none;
  border-radius: 18px;
  color: #22a6d6 !important;
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
}

.button::after,
.button::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  right: 0;
  border-radius: 18px;
}

/*, .button::after*/
.button.highlighted::before {
  /*background: linear-gradient(135deg, #be00c4 0, #a500d9 100%);*/
  background: linear-gradient(180deg, #166cbf 8.06%, #27a1d8 88.51%);
}

.button.highlighted:hover::before,
.button:hover::after {
  background: linear-gradient(
    180deg,
    var(--light-dark-blue) 8.06%,
    var(--light-dark-blue) 88.51%
  );
}

.button.highlighted,
.button:hover {
  color: var(--light);
}

/*.button:hover:before {*/
/*    border-color: rgba(136, 0, 196, .5)*/
/*}*/

/*.button:hover:after {*/
/*    opacity: 1*/
/*}*/

.button::before {
  z-index: 10;
  border: 1px solid #22a6d6;
}

.button::after {
  opacity: 0;
  z-index: 5;
  box-shadow: 0 0 14px 0 rgba(15, 64, 100, 0.4);
}

.button .icon,
.button .label {
  position: relative;
  z-index: 15;
}

.button.plus .icon {
  margin: -1px 5px -3px 0;
  font-size: 24px;
  font-weight: 300;
}

.button.highlighted:before {
  border-color: #22a6d6;
}

.button.transparent {
  background: 0 0;
  color: #fff;
}

.button.transparent:hover {
  color: #142847;
}

.button.transparent:before {
  border-color: #fff;
}

.button.transparent:after {
  background: #fff;
}

.button.round,
.button.round:after,
.button.round:before {
  border-radius: 100px;
}

.button.add-edit {
  min-width: 0;
  margin: 0 auto;
  padding: 6px 5px 4px;
  background: 0 0;
  box-shadow: none !important;
  border-radius: 0;
  color: #fff;
}

.button.add-edit:hover .icon {
  background: #ffaaf9;
}

.button.add-edit:after,
.button.add-edit:before {
  display: none;
}

.button.add-edit .icon {
  width: 20px;
  height: 20px;
  margin: 0 auto 10px;
  padding: 5px;
  background: #fc45f0;
  border-radius: 50%;
  transition: background 0.25s;
}

.button.add-edit .icon.icon-image svg path {
  fill: #fff;
  stroke: none;
}

.button.add-edit .icon svg {
  float: left;
  width: 100%;
  height: 100%;
}

.button.add-edit .icon svg path {
  fill: none;
  stroke: #fff;
}

.button .icon {
  display: inline-block;
  font-size: 0;
}

.button .icon svg path {
  fill: #fff;
}

#navigation {
  /*display: flex;*/
  /*width: 333px;*/
  /*padding: 11px*/
}

#navigation #navigation-box {
  /*position: fixed;*/
  /*top: 11px;*/
  width: 100%;
  /*left: 11px;*/
  /*max-height: calc(100% - 22px);*/
  /*flex: 1;*/
  background: var(--dark-blue);
  color: var(--light);
  border-radius: 12px;
  border: 1px solid var(--light-dark-blue-second);
  overflow: auto;
}

#navigation #navigation-box .categories {
  padding: 40px 30px;
}

#navigation #navigation-box .categories .category:not(:last-child) {
  margin-bottom: 30px;
}

#navigation #navigation-box .categories .category h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px;
  color: var(--light);
  cursor: pointer;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-transform: none;
  transition: color 0.25s;
}

#navigation #navigation-box .categories .category .pages .page a,
#page-switcher > div a {
  font-weight: 600;
  font-size: 14px;
  transition: color 0.25s;
  line-height: 18px;
  font-style: normal;
  letter-spacing: 0.03em;
  font-family: "DIN 2014", sans-serif;
}

#navigation #navigation-box .categories .category h2.active,
#navigation #navigation-box .categories .category h2:hover {
  color: var(--light-primary);
}

#navigation #navigation-box .categories .category h2 svg {
  transition: all 0.3s ease;
}

#navigation #navigation-box .categories .category h2.active svg {
  transform: rotate(180deg);
}

#navigation #navigation-box .categories .category .pages {
  /*padding: 0 25px;*/
  display: none;
}

#navigation #navigation-box .categories .category .pages .page {
  padding: 3px 0;
}

#navigation
  #navigation-box
  .categories
  .category
  .pages
  .page:not(:last-child) {
  border-bottom: 1px solid #465f86;
}

#navigation #navigation-box .categories .category .pages .page a {
  display: block;
  padding: 13px 0;
  color: var(--light);
}

#navigation #navigation-box .categories .category .pages .page:last-child a {
  padding-bottom: 0px;
}

#navigation #navigation-box .categories .category .pages .page a.active,
#navigation #navigation-box .categories .category .pages .page a:hover {
  color: var(--light-primary);
}

#page-switcher {
  display: flex;
  width: 100%;
  max-width: 1380px;
  padding: 30px 15px;
}

#page-switcher > div {
  flex: 1;
  text-align: center;
}

#page-switcher > div:first-child {
  text-align: left;
}

#page-switcher > div:last-child {
  text-align: right;
}

#page-switcher > div a span {
  display: inline-flex;
  vertical-align: middle;
  text-transform: uppercase;
}

#page-switcher > div a span.icon:first-child {
  margin-right: 5px;
}

#page-switcher > div a span.icon:last-child {
  margin-left: 5px;
}

#page-switcher > div a span.icon.back {
  margin-top: 3px;
}

@keyframes shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(2px, -2px);
  }
  60% {
    transform: translate(-2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.icon svg {
  display: inline-block;
  transition: transform 0.3s ease;
}

#page-switcher > div a:hover svg {
  animation: shake 0.5s;
}

/*#content {*/
/*    width: calc(100% - 333px);*/
/*    flex: 1*/
/*}*/

#content #main {
  padding: 0px 15px 30px 15px;
  counter-reset: ol;
}

#content #main #wrapper {
  width: 100%;
  max-width: 1280px;
  margin: -12px auto;
}

#content #main #wrapper > h1 {
  text-align: left;
}

#content #main #wrapper > .elementor .elementor-section {
  flex: 1;
  margin: 0 -20px 35px;
  width: auto;
}

#content #main #wrapper > .elementor .elementor-section:last-child {
  margin-bottom: 0;
}

#content #main #wrapper > .elementor .elementor-section .elementor-container {
  max-width: none;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row {
  min-height: 0;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column {
  padding: 0 10px;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap {
  padding: 12px 10px;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > * {
  margin-bottom: 24px;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  > :last-child {
  margin-bottom: 0;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap {
  margin-top: -12px;
  margin-bottom: -12px;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-widget.elementor-widget-fp-text
  .text
  ol {
  padding: 10px 0;
  counter-reset: ol;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-widget.elementor-widget-fp-text
  .text
  ol
  li {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  position: relative;
  padding-left: 70px;
  counter-increment: ol;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-widget.elementor-widget-fp-text
  .text
  ol
  li:not(:last-child) {
  margin-bottom: 40px;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-widget.elementor-widget-fp-text
  .text
  ol
  li:before {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0.03em;
  position: absolute;
  top: 50%;
  left: 0;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  padding: 15px;
  background: #22a6d6;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 18px;
  content: counter(ol);
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-widget.elementor-widget-fp-image
  .image,
.fp-video .video {
  font-size: 0;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-widget.elementor-widget-fp-image
  .image
  img {
  width: 100%;
}

#content
  #main
  #wrapper
  > .elementor
  .elementor-section
  .elementor-container
  .elementor-row
  .elementor-column
  .elementor-column-wrap
  .elementor-widget-wrap
  .elementor-widget.elementor-widget-fp-anchor {
  margin-bottom: 0;
}

#body.home #content #main #wrapper {
  max-width: 1280px;
}

.search .form {
  margin-top: 35px;
}

.search .form:not(:last-child) {
  margin-bottom: 55px;
}

.search .form .form-container {
  position: relative;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}

.search .form .form-container input[type="search"] {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  width: 100%;
  padding: 4px 30px 4px 0;
  background: 0 0;
  border: none;
  border-bottom: 1px solid #707070;
  color: #fc45f0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.search .form .form-container input[type="search"]::-webkit-input-placeholder {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  opacity: 1;
  color: #fc45f0;
}

.search .form .form-container input[type="search"]::-moz-placeholder {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  opacity: 1;
  color: #fc45f0;
}

.search .form .form-container input[type="search"]:-ms-input-placeholder {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  opacity: 1;
  color: #fc45f0;
}

.search .form .form-container input[type="search"]:-moz-placeholder {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  opacity: 1;
  color: #fc45f0;
}

.search .categories .category .overline,
.search .categories .category .pages .page a {
  font-family: "DIN 2014", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: var(--light-dark-blue);
}

.search .form .form-container button {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  background: 0 0;
  border: none;
  cursor: pointer;
}

.search .form .form-container button:hover svg {
  fill: #ffaaf9;
}

.search .form .form-container button svg {
  fill: #fc45f0;
  transition: fill 0.25s;
}

.search .pdf-manual {
  display: flex;
  margin: 0 -10px;
}

.search .pdf-manual:not(:last-child) {
  margin-bottom: 65px;
}

.search .pdf-manual > * {
  margin: 0 10px;
}

.search .pdf-manual .column-button .button {
  padding: 12px 18px;
  text-align: center;
  white-space: nowrap;
}

.search .pdf-manual .column-button .button .icon {
  margin-right: 8px;
}

.search .pdf-manual .column-button .button .icon svg {
  float: left;
}

.search .pdf-manual .column-button .button .icon svg path {
  fill: none;
  stroke: #fff;
}

.search .categories {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  row-gap: 35px;
  column-gap: 15px;
  margin-bottom: 30px;
  /*display: flex;*/
  /*flex-flow: wrap;*/
  /*margin: -8px*/
}

.search .categories .category {
  /*width: calc(25% - 16px);*/
  height: auto;
  overflow: hidden;
  width: 100%;
  /*margin: 8px;*/
  padding: 25px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 2px 2px 16px 0 rgba(4, 19, 41, 0.16);
  color: #142847;
}

.search .categories .category h4 {
  line-height: 27px;
  font-size: 20px;
  font-weight: 700;
  text-transform: none;
}

.search .categories .category .overline {
  margin-bottom: 10px;
  color: var(--light-grey);
  font-size: 12px;
}

.search .categories .category hr {
  width: 40px;
  height: 1px;
  margin: 18px 0;
  background: #142847;
  border: none;
}

.search .categories .category .pages .page:not(:last-child) {
  padding: 15px 0;
  border-bottom: 1px solid #dadde0;
}

.search .categories .category .pages .page:last-child {
  padding-top: 15px;
  padding-bottom: 0px;
}

.search .categories .category .pages .page a {
  display: inline-block;
  margin: 0 -3px;
  padding: 3px 3px 2px;
  transition: color 0.25s;
}

#footer .content h3,
#footer .content p {
  font-family: "DIN 2014", sans-serif;
  font-style: normal;
  letter-spacing: 0.05em;
}

#elementor .ui-resizable-handle,
#elementor-panel .elementor-component-tab[data-tab="style"],
#elementor-panel .elementor-component-tab[data-tab="advanced"],
#wpadminbar
  #wp-admin-bar-root-default
  > li:not(#wp-admin-bar-menu-toggle):not(#wp-admin-bar-site-name):not(
    #wp-admin-bar-edit
  ):not(#wp-admin-bar-elementor_edit_page),
#wpadminbar #wp-admin-bar-site-name .ab-sub-wrapper #wp-admin-bar-appearance,
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-search {
  display: none;
}

#footer .content h3,
#tinymce .h1,
#tinymce .h2,
#tinymce .h3,
#tinymce .h4,
#tinymce .h5,
#tinymce .h6,
#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4,
#tinymce h5,
#tinymce h6 {
  text-transform: none;
}

.search .categories .category .pages .page a:hover {
  color: var(--light-primary);
}

#footer {
  padding: 55px;
  margin-left: 15px;
  background-color: var(--dark-blue);
  text-align: left;
  color: var(--light);
  border-radius: 12px;
  border: 1px solid var(--light-dark-blue-second);
}

#footer .content {
  width: 100%;
  max-width: 750px;
}

#footer .content h3 {
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
}

#footer .content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}

#tinymce ol li,
#tinymce ol li:before {
  font-family: "DIN 2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}

#elementor .elementor-widget-container {
  overflow: hidden;
}

[data-widget_type="fp-button.default"] {
  text-align: center;
}

#tinymce {
  padding: 15px !important;
}

#tinymce ol {
  padding: 10px 0;
}

#tinymce ol li {
  font-size: 14px;
  line-height: 1.75;
  position: relative;
  padding-left: 70px;
  counter-increment: ol;
}

#tinymce ol li:not(:last-child) {
  margin-bottom: 20px;
}

#tinymce ol li:before {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  padding: 15px;
  background: #22a6d6;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 18px;
  content: counter(ol);
  box-sizing: border-box;
}

#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-my-account .ab-item img {
  display: none !important;
}

#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper {
  position: absolute;
  right: 0;
  left: 0;
}

#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions {
  padding: 10px 0;
}

#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-edit-profile,
#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-user-info {
  display: none;
}

#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-logout {
  margin: 0;
}

#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-logout
  a {
  min-width: 0;
  text-align: center;
  color: #dc3232;
}

#wpadminbar
  #wp-admin-bar-top-secondary
  #wp-admin-bar-my-account
  .ab-sub-wrapper
  #wp-admin-bar-user-actions
  #wp-admin-bar-logout
  a:hover {
  text-decoration: underline;
}

/*!* ========Main Grid Layout Start=================== *!*/
.wrapper {
  max-width: 1715px;
  margin: 0 auto;
  display: grid;
  padding: 32px 40px 55px;
  grid-auto-columns: 340px 1fr 1fr;
  grid-auto-rows: 90px 1fr auto;
  grid-template-areas:
    "hero hero hero"
    "sidebar content content"
    "sidebar footer footer";
}

#navigation {
  grid-area: sidebar;
  /*background-color: red;*/
}

#content {
  grid-area: content;
  /*background-color: green;*/
}

#content #wrapper {
  padding-left: 15px;
}

#footer {
  grid-area: footer;
}

.hero {
  grid-area: hero;
  /*background-color: blue;*/
}

/*!* ========Main Grid Layout End=================== *!*/

/*!* ========Hero Section Start=================== *!*/
.hero {
  display: grid;
  grid-template-columns: 700px auto;
  align-content: end;
  color: var(--light);
  padding-left: 25px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--dark);
}

.hero__col:first-child {
  display: grid;
  grid-template-columns: max-content auto;
}

.hero__col:last-child {
  display: grid;
  align-content: end;
  justify-content: end;
}

.hero__question {
  font-size: 28px;
  font-weight: 600;
  line-height: 35px;
  text-transform: none;
}

.hero__text {
  max-width: 425px;
}

.hero__pdf-button {
  display: none !important;
  padding-left: 40px;
  display: inline-flex;
  align-self: end;
  color: var(--light);
  transition: color 0.3s ease;
  margin-bottom: 8px;
}

.hero__pdf-button:hover {
  color: var(--light-primary);
}

.hero__pdf-button .icon-arrow-right {
  margin-right: 15px;
}

.hero__pdf-button .icon-arrow-right svg {
  color: var(--light-dark-blue);
  transition: color 0.3s ease;
}

.hero__pdf-button:hover .icon-arrow-right svg {
  color: var(--light-primary);
}

.form-hero {
  display: none;
}

.form-hero__container {
  position: relative;
  display: block;
  height: 50px;
  width: 100%;
  max-width: 245px;
}

.form-hero__input {
  height: 100%;
  /*width: 100%;*/
  padding: 15px 45px 15px 15px;
  border: 1.5px solid var(--dark);
  background-color: var(--light-dark-blue-second);
  color: var(--light);
  border-radius: 6px;
}

.form-hero__input::placeholder {
  color: #7d8899;
}

.form-hero__input:focus,
.form-hero__input:active {
  border: 1.5px solid var(--light-primary);
}

.form-hero__button {
  position: absolute;
  right: 3px;
  top: 50%;
  width: 50px;
  height: 44px;
  margin-top: -22px;
  border: none;
  cursor: pointer;
  background-color: var(--light-dark-blue-second);
}

.form-hero__input:focus,
.form-hero__input:active {
  border: 1.5px solid var(--light-primary);
}

.form-hero__input:focus + .form-hero__button svg,
.form-hero__input:active + .form-hero__button svg,
.form-hero__button:hover svg {
  animation: shake 0.5s;
}

/*!* ========Hero Section End=================== *!*/

/*!* ========Topic Section Start=================== *!*/
#content .topic {
  color: var(--light);
  padding: 0px 15px 30px 15px;
}

#content
  .topic
  .elementor-column-gap-default
  > .elementor-row
  > .elementor-column
  > .elementor-element-populated {
  padding: 0;
}

@media screen and (max-width: 1289.98px) {
  .wrapper {
    row-gap: 50px;
    grid-template-rows: max-content max-content 1fr max-content;
    grid-template-areas:
      "hero hero hero"
      "sidebar sidebar sidebar"
      "content content content"
      "footer footer footer";
  }
}

@media screen and (max-width: 978.98px) {
  .hero {
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content;
    row-gap: 50px;
  }

  .hero__col:first-child {
    grid-row: 2;
  }

  .hero__col:last-child {
    grid-row: 1;
  }

  .search .categories {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 678.98px) {
  .wrapper {
    padding: 15px;
  }

  .hero__col:first-child {
    grid-template-columns: auto;
    grid-template-rows: max-content max-content;
    row-gap: 30px;
  }

  .search .categories {
    grid-template-columns: 1fr;
  }

  .hero__pdf-button {
    padding-left: 0;
  }

  .hero__col:last-child {
    justify-content: center;
  }
}

@media screen and (max-width: 478.98px) {
  #page-switcher {
    flex-direction: column;
    align-items: inherit;
    row-gap: 25px;
  }
}

/*!* ========Topic Section End=================== *!*/