@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "SF UI Display";
  src: url("./assets/fonts/SFUIDisplay-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "SF UI Display";
  src: url("./assets/fonts/SFUIDisplay-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "SF UI Display";
  src: url("./assets/fonts/SFUIDisplay-Semibold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: 'icomoon';
  src:  url('./assets/fonts/icomoon.eot?jt9lts');
  src:  url('./assets/fonts/icomoon.eot?jt9lts#iefix') format('embedded-opentype'),
    url('./assets/fonts/icomoon.ttf?jt9lts') format('truetype'),
    url('./assets/fonts/icomoon.woff?jt9lts') format('woff'),
    url('./assets/fonts/icomoon.svg?jt9lts#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-android:before {
  content: "\e900";
}
.icon-apple:before {
  content: "\e901";
}
.icon-arrow:before {
  content: "\e902";
}
.icon-blockquote:before {
  content: "\e903";
}
.icon-close:before {
  content: "\e904";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-filter:before {
  content: "\e906";
}
.icon-mail:before {
  content: "\e907";
}
.icon-minus:before {
  content: "\e908";
}
.icon-more:before {
  content: "\e909";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-refresh:before {
  content: "\e90b";
}
.icon-search:before {
  content: "\e90c";
}
.icon-telegram:before {
  content: "\e90d";
}
.icon-twitter:before {
  content: "\e90e";
}
.icon-viber:before {
  content: "\e90f";
}
.icon-whatsapp:before {
  content: "\e910";
}
.icon-windows:before {
  content: "\e911";
}
.icon-instagram:before {
  content: "\e912";
}

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

body {
  color: #221F1F;
  font-family: "SF UI Display";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 110%;
  min-width: 360px;
  margin: auto;
}
body.post-template-default {
  background: #F0F3FB;
}

h1, .h1 {
  font-size: 46px;
  margin: 0;
  line-height: 120%;
  font-weight: 600;
}
@media only screen and (max-width: 539px) {
  h1, .h1 {
    font-size: 32px;
  }
}

h2, .h2 {
  font-size: 32px;
  margin: 0;
  line-height: 120%;
  font-weight: 600;
}
@media only screen and (max-width: 539px) {
  h2, .h2 {
    font-size: 28px;
  }
}

h3, .h3 {
  font-size: 22px;
  margin: 0;
  line-height: 120%;
  font-weight: 600;
}

h4, .h4 {
  font-size: 19px;
  margin: 0;
  line-height: 120%;
  font-weight: 600;
}

h5, .h5 {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
}

h6, .h6 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  color: inherit !important;
  text-decoration: none;
}

p {
  margin: 15px 0 16px;
  line-height: 160%;
}
@media only screen and (max-width: 539px) {
  p {
    margin: 10px 0 12px;
  }
}

blockquote {
  position: relative;
  margin: 30px 0 30px 60px;
}
blockquote::before {
  content: url(./assets/images/blockquote.svg);
  position: absolute;
  left: -60px;
}
blockquote p {
  font-size: 17px;
  font-weight: 500;
  line-height: 160%;
}

cite {
  font-size: 11px;
  font-style: normal;
  color: rgba(34, 31, 31, 0.8);
}

sub, sup {
  font-size: 65%;
}

img {
  width: 100%;
}

iframe {
  width: 100%;
}

figure {
  margin: 15px 0 20px;
}

ol {
  padding-left: 20px;
}
ol li {
  line-height: 160%;
}

ul {
  padding-left: 20px;
  margin-top: 20px;
}
ul li {
  line-height: 160%;
}

input, textarea {
  outline: none;
}

.btn {
  display: inline-block;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 28px;
  text-transform: uppercase;
  cursor: pointer;
}
.btn-blue,
.zammad-form .btn {
  background: #084ABF;
  color: #FFF !important;
  text-decoration: none;
  -webkit-box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.15);
}
.btn-orange {
  background: #FF4D00;
  color: #FFF !important;
  text-decoration: none;
  -webkit-box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.15);
}
.btn-orange::after {
	content: url(./assets/images/fire.svg);
    position: relative;
    top: 1px;
    left: 3px;
}

.btn-blue.back {
  position: relative;
  padding-left: 35px;
}
.btn-blue.back:before {
	content: "\e902";
    font-family: icomoon;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 9px;
    left: 12px;
    transform: rotate(180deg);
}
.btn-blue.forward {
  position: relative;
  padding-right: 50px;
}
.btn-blue.forward:before {
	content: "\e902";
    font-family: icomoon;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 9px;
    right: 10px;
    transform: rotate(0deg);
}
.btn-share {
    text-align: center;
    line-height: 32px;
}

.btn-share img {
    height: 12px;
}

.btn-share .icon-fb {
    height: 15px;
}

.amount {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 4px;
}

.icon {
  display: inline-block;
  background: none;
  border: 1px solid rgba(8, 74, 191, 0.3);
  border-radius: 8px;
  width: 35px;
  height: 35px;
  margin: 0 2px;
}

footer .footer, .wrapper, header .header {
  max-width: 1440px;
  margin: 0 auto;
}

.answer {
  padding: 20px;
  margin: 20px 0 30px;
  background: #F0F3FB;
  border-radius: 20px;
}
.answer .h4 {
  color: #084ABF;
}
.answer p {
  font-size: 17px;
  margin-bottom: 0;
}

.container {
  padding: 0 135px;
}
@media only screen and (max-width: 1439px) {
  .container {
    padding: 0 90px;
  }
}
@media only screen and (max-width: 1365px) {
  .container {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 539px) {
  .container {
    padding: 0 18px;
  }
}

.divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 30px 0;
  background: rgba(34, 31, 31, 0.3);
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex .item-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 16.5%;
          flex: 1 1 16.5%;
  max-width: 16.5%;
}
@media only screen and (max-width: 1023px) {
  .flex .item-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 33%;
  }
}
.flex .item-2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  max-width: 33%;
}
@media only screen and (max-width: 1023px) {
  .flex .item-2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
  }
}
.flex .item-3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 50%;
}
@media only screen and (max-width: 1023px) {
  .flex .item-3 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}
.flex .item-4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 66%;
          flex: 1 1 66%;
  max-width: 66%;
}
@media only screen and (max-width: 1023px) {
  .flex .item-4 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}
.flex .item-5 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  max-width: 75%;
}
@media only screen and (max-width: 1023px) {
  .flex .item-5 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}
.flex .item-6 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
}

header {
  background: #FFF;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 81, 0.06);
          box-shadow: 0px 5px 20px rgba(0, 0, 81, 0.06);
  z-index: 99;
}
@media only screen and (max-width: 1023px) {
  header .header {
    height: 60px;
  }
}
header .header .container {
  height: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1023px) {
  header .header .container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
header .btn {
  padding: 10px 38px;
}

@media only screen and (max-width: 1023px) {
  .logo {
    width: 160px;
    margin-top: 12px;
  }
}
.logo img {
  width: auto;
}

/* main page */
.main-page-header {
  color: #FFF;
  background-image: url("./assets/images/main-page-header.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 520px;
  border-radius: 0 0 40px 40px;
}
@media only screen and (min-width: 1024px) {
  .main-page-header .nav .nav-link::after {
    content: none;
  }
}
@media only screen and (max-width: 1023px) {
  .main-page-header .nav .nav-link {
    color: #172740;
  }
}
.main-page-header .nav .icon {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
}
.main-page-header .hamburger {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
  margin-top: 10px;
}
.main-page-header .hamburger div {
  background-color: #FFF;
}

.main-page-banner {
  color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -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;
  margin: 140px 0 80px;
}
.main-page-banner h1 {
  margin: 0 30px 20px;
}
@media only screen and (max-width: 1023px) {
  .main-page-banner {
    margin: 100px 0 60px;
  }
  .main-page-banner h1 {
    margin: 0 30px 25px;
	  text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .main-page-banner {
    padding: 0 18px;
    margin: 90px 0 60px;
  }
}

@media only screen and (max-width: 539px) {
  .main-page-banner h1 {
    width: auto;
    margin: 0 0 25px;
  }
}
.main-page-banner form {
  width: 770px;
}
@media only screen and (max-width: 1023px) {
  .main-page-banner form {
    width: 100%;
  }
}
@media only screen and (max-width: 539px) {
  .main-page-banner form {
    width: 100%;
  }
}
.main-page-banner .search .field {
  max-width: 770px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1023px) {
  .main-page-banner .search .field {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .main-page-banner .search .field {
    margin-bottom: 15px;
  }
}
.main-page-banner .search .field input {
  width: calc(100% - 50px);
  padding: 0 25px;
}
.main-page-banner .search .field button {
  left: auto;
  right: 6px;
  background: #FFF;
  border-radius: 50%;
}
.main-page-banner .tags {
  margin: 0;
  text-align: center;
}
.main-page-banner .tags .opacity {
    margin: 0 2px;
    color: rgb(23 39 64);
    background: none;
    border: 1px solid rgba(23, 39, 64, 0.3); 
}
@media only screen and (max-width: 539px) {
  .main-page-banner .tags .opacity {
    font-size: 15px;
    padding: 9px 10px;
  }
}

/* section container */
section {
  margin: 100px 0 150px;
}
@media only screen and (max-width: 1023px) {
  section {
    margin: 75px 0 100px;
  }
}
@media only screen and (max-width: 539px) {
  section {
    margin: 50px 0;
  }
}
section h2 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 539px) {
  section h2 {
    margin-bottom: 20px;
  }
}
section > p {
  position: relative;
  margin-top: -25px;
  margin-bottom: 30px;
}
section .categories {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  section .categories {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
section .categories .item-3 {
  max-width: 47%;
}
@media only screen and (max-width: 1023px) {
  section .categories .item-3 {
    max-width: 100%;
  }
}
section .categories .categories-main {
    color: #000;
    position: relative;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(./assets/images/categories.jpg);
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 539px) {
  section .categories .categories-main {
    padding: 15px;
    margin-bottom: 10px;
  }
}
section .categories .categories-main h3 {
  color: #F0F3FB;
  margin: 20px 0 10px;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  section .categories .categories-main h3 {
    width: 75%;
  }
}
section .categories .categories-main p {
  color: rgba(255, 255, 255, 0.8);
  width: 80%;
}
@media only screen and (max-width: 767px) {
  section .categories .categories-main p {
    width: auto;
  }
}
section .categories .categories-main .more {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media only screen and (max-width: 539px) {
  section .categories .categories-main .more {
    bottom: 15px;
    right: 15px;
  }
}
section .categories .categories-sec {
  max-width: 47%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  section .categories .categories-sec {
    max-width: 100%;
  }
}
section .categories .categories-sec .item-3 {
  max-width: 47.5%;
}
@media only screen and (max-width: 1023px) {
  section .categories .categories-sec .item-3 {
    max-width: 100%;
  }
}
section .categories .categories-sec .category.item-6 .similar {
  border-radius: 0 20px 20px 0;
}
@media only screen and (max-width: 539px) {
  section .categories .categories-sec .category.item-6 .similar {
    border-radius: 0 0 20px 20px;
	top: -20px;
  }
}
section .categories .categories-sec .category img {
  height: 270px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px 0 0 20px
}
@media only screen and (max-width: 1023px) {
  section .categories .categories-sec .category .similar {
    margin-bottom: 30px;
  }
	section .categories .categories-sec .category img {
	  height: 250px;
	}
}
@media only screen and (max-width: 539px) {
  section .categories .categories-sec .category .similar {
    margin-bottom: 10px;
  }
}
section .categories .categories-sec .category .similar .tag.blue {
  top: 0;
}
section .categories .categories-sec .category .similar h4 {
  margin: 20px 0 10px;
}
@media only screen and (max-width: 539px) {
  section .categories .categories-sec .category .similar h4 {
    margin: 10px 0;
  }
}
section .categories .categories-sec .category .similar p {
  height: 70px;
  overflow: hidden;
  font-size: 14px;
  margin: 10px 0 20px;
}
@media only screen and (max-width: 539px) {
  section .categories .categories-sec .category .similar p {
    margin: 10px 0 0;
  }
}
section .categories .categories-sec > .flex {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 539px) {
  section .categories .categories-sec > .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
section a.btn {
  float: right;
  margin: 10px 0;
}
@media only screen and (max-width: 539px) {
  section a.btn {
    padding: 15px;
    float: none;
    width: calc(100% - 30px);
    text-align: center;
    margin: 10px 0 0;
  }
}
section .slider {
  position: relative;
}
section .slider .categories-sec {
  max-width: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
}
section .slider .categories-sec::-webkit-scrollbar {
  height: 2px;
}
section .slider .categories-sec::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(8, 74, 191, 0.2);
  border-radius: 20px;
}
section .slider .categories-sec::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #084ABF;
}
section .slider .categories-sec::-webkit-scrollbar-thumb {
  background: #084ABF;
}
section .slider .categories-sec > .item-6 {
  min-width: 47%;
  margin-right: 30px;
}
@media only screen and (max-width: 1023px) {
  section .slider .categories-sec > .item-6 {
    min-width: 100%;
  }
}
section .slider .categories-sec > .item-3 {
  min-width: 23%;
  margin-right: 30px;
}
@media only screen and (max-width: 1023px) {
  section .slider .categories-sec > .item-3 {
    min-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  section .slider .categories-sec > .item-3 {
    min-width: 100%;
  }
}
section .slider .pagination {
  position: absolute;
  top: -60px;
  right: 10px;
}
@media only screen and (max-width: 539px) {
  section .slider .pagination {
    display: none;
  }
}

.easy {
  background: #F0F3FB;
  border-radius: 40px;
  margin: 0 25px 100px;
  padding: 80px 0;
}
@media only screen and (max-width: 1023px) {
  .easy {
    margin: 0 0 75px;
    padding: 60px 0;
  }
}
@media only screen and (max-width: 539px) {
  .easy {
    margin: 0 0 50px;
    padding: 40px 0;
  }
}
.easy p {
  margin: 30px 0 40px;
  width: 470px;
}
@media only screen and (max-width: 1023px) {
  .easy p {
    width: auto;
  }
}
@media only screen and (max-width: 539px) {
  .easy p {
    margin: 10px 0 15px;
  }
}
@media only screen and (max-width: 1023px) {
  .easy .btn {
    display: none;
  }
}
.easy-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1023px) {
  .easy-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.easy .systems {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.easy .systems .system {
  position: relative;
  height: 100px;
  background: #FFF;
  border-radius: 20px;
  margin: 5px;
  padding: 20px;
}
@media only screen and (max-width: 1023px) {
  .easy .systems .system {
    margin: 5px 0;
  }
}
@media only screen and (max-width: 539px) {
  .easy .systems .system {
    height: 70px;
    padding: 15px;
  }
}
.easy .systems .system .tag {
  position: absolute;
  right: 20px;
  top: 20px;
}
@media only screen and (max-width: 539px) {
  .easy .systems .system .tag {
    right: 15px;
    top: 15px;
  }
}
.easy .systems .system .more {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media only screen and (max-width: 539px) {
  .easy .systems .system .more {
    right: 15px;
    bottom: 15px;
  }
}

.easy .systems .system h4 img {
    position: relative;
    width: auto;
	top: 3px;
	margin-right: 6px;
}

.faq-main {
  background: #F0F3FB;
  border-radius: 40px 40px 0 0;
  padding: 80px 0 110px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .faq-main {
    padding: 60px 0 110px;
  }
}
@media only screen and (max-width: 539px) {
  .faq-main {
    padding: 50px 0 70px;
  }
}
.faq-main .faq {
  margin-top: 40px;
}
.faq-main .faq .tab-label {
  background: #FFF;
}
.faq-main .faq .tab-content {
  background: #FFF;
}

.faq-page {
  padding: 80px 0 110px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .faq-page {
    padding: 60px 0 110px;
  }
}
@media only screen and (max-width: 539px) {
  .faq-page {
    padding: 50px 0 70px;
  }
}
.faq-page h1 {
  margin-bottom: 30px;
}

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Accordion styles */
.tabs {
  border-radius: 10px;
  overflow: hidden;
}

.tab {
  width: 100%;
  color: #221F1F;
  overflow: hidden;
}
.tab-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 600;
  font-size: 19px;
  padding: 20px;
  background: #F0F3FB;
  border-radius: 10px;
  cursor: pointer;
  /* Icon */
}
.tab-label::after {
  content: "\e90a";
  font-family: icomoon;
  color: #084ABF;
  font-size: 18px;
  font-weight: 400;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.tab-content {
  max-height: 0;
  padding: 0 15px;
  color: #221F1F;
  background: #F0F3FB;
  border-radius: 0 0 10px 10px;
  position: relative;
  top: 5px;
}

.tab-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #084ABF;
  cursor: pointer;
}

input:checked + .tab-label {
  color: rgba(34, 31, 31, 0.6);
}
input:checked + .tab-label::after {
  content: "\e908";
}
input:checked ~ .tab-content {
  max-height: 100%;
  padding: 30px 40px 5px 40px;
  margin-top: -10px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 539px) {
  .tab-label {
    padding: 12px 15px;
    font-size: 17px;
    line-height: 120%;
  }
}

.question {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))), #052C73;
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%), #052C73;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%), #052C73;
  border-radius: 40px 40px 0px 0px;
  color: #FFF;
  margin-top: -30px;
  margin-bottom: -35px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 539px) {
  .question {
    border-radius: 30px 30px 0px 0px;
  }
}
.question-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.question-content .item-3:first-child {
  padding: 74px 0;
}
@media only screen and (max-width: 1023px) {
  .question-content .item-3:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media only screen and (max-width: 539px) {
  .question-content .item-3:first-child {
    padding: 50px 0;
  }
}
.question-content .item-3:last-child {
  text-align: center;
}
.question-content img {
  width: 450px;
}
@media only screen and (max-width: 539px) {
  .question-content img {
    width: 100%;
  }
}
.question-content p {
  width: 470px;
  margin: 20px 0 40px;
}
@media only screen and (max-width: 539px) {
  .question-content p {
    width: auto;
    margin: 10px 0 30px;
  }
}
@media only screen and (max-width: 539px) {
  .question-content a.btn {
    padding: 15px;
    width: calc(100% - 30px);
    text-align: center;
  }
}

/* navigation */
@media only screen and (max-width: 539px) {
  .navigation {
    width: 100%;
	text-align: center;
  }
}

@media only screen and (max-width: 1023px) {
  .hamburger {
    display: inline-block;
    background: none;
    border: 1px solid rgba(8, 74, 191, 0.3);
    border-radius: 8px;
    padding: 4px 9px 9px 9px;
    margin-top: 10px;
    float: right;
    cursor: pointer;
  }
  .hamburger div {
    background-color: #172740;
    position: relative;
    width: 20px;
    height: 2px;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
#toggle {
  display: none;
}
#toggle:checked + .hamburger .burger1 {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 12.5px;
}
#toggle:checked + .hamburger .burger2 {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -2px;
}
#toggle:checked + .hamburger .burger3 {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
#toggle:checked ~ .nav {
  height: 0;
}
@media only screen and (max-width: 1023px) {
  #toggle:checked ~ .nav {
	padding-top: 50px;
    height: 100vh;
    border-radius: 0px 0px 20px 20px;
  }
}
@media only screen and (max-width: 767px) {
  #toggle:checked ~ .nav {
	padding-top: 15px;
  }
}
.nav {
  font-weight: 500;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  transition: height 0.4s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1023px) {
  .nav {
    -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;
    height: 0px;
    width: 100%;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 99;
  }
}
.nav .nav-link {
  display: block;
  margin: 0;
  margin: 0 15px;
  color: inherit;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}

.sub-menu {
	display: none;
}

.nav .menu-item-has-children {
    margin-right: 10px;
	padding: 50px 0;
}

@media only screen and (max-width: 1023px) {
	.nav .menu-item-has-children {
		margin-right: 0;
		padding: 0;
	}
}

.nav .menu-item-has-children:hover .sub-menu {
    display: flex;
	justify-content: flex-start;
	position: absolute;
	top: 45px;
    left: 0;
	width: 100%;
	background: #FFF;
	color: #000;
	margin: 30px 0;
}

@media only screen and (max-width: 1023px) {
	.nav .menu-item-has-children:hover .sub-menu {
		display: none;
	}
}

.sub-menu:hover {
	display: block;
}

.sub-menu li a {
	display: block;
	margin-right: 26px;
}

.sub-menu li a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: relative;
    top: 2px;
    background: #084ABF;
}

.nav .menu-item-has-children .nav-link:before {
    content: "\e902";
    font-family: 'icomoon';
    position: absolute;
    top: 1px;
    right: -20px;
    transform: rotate(90deg);
}

.main-page-header .nav .menu-item-has-children .nav-link:before {
	color: #FFF;
}
@media only screen and (max-width: 1279px) {
  .nav .nav-link {
    margin: 0 8px;
	font-size: 13px;
  }
}
@media only screen and (max-width: 1023px) {
  .nav .nav-link {
    font-size: 17px;
    margin: 0;
    padding: 20px;
  }
}
.nav .nav-link:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav .nav-link:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: relative;
  top: 2px;
  background: #084ABF;
}
@media only screen and (max-width: 1023px) {
  .nav .nav-link:after {
    height: 1px;
    background: rgba(34, 31, 31, 0.15);
    position: relative;
    top: 20px;
  }
}
.nav .search {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .nav .search {
    display: block;
    margin: 15px 20px 5px;
  }
}
.nav .search .field {
  margin-bottom: 0;
}
.nav .icon {
  margin-left: 15px;
}
@media only screen and (max-width: 1023px) {
  .nav .icon {
    display: none;
  }
}
.nav .btn {
  margin-left: 20px;
  white-space: nowrap;
}
@media only screen and (max-width: 1279px) {
  .nav .btn {
    margin-left: 10px;
	padding: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  .nav .btn {
    margin: 20px;
    padding: 15px;
    text-align: center;
    width: auto !important;
  }
}

nav {
  font-weight: 500;
  margin-bottom: 7px;
}
nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
}
nav ul a {
  color: inherit;
  text-decoration: none;
  position: relative;
}

.name {
  margin: 90px 0 40px;
}
@media only screen and (max-width: 1023px) {
  .name {
    margin: 60px 0 40px;
  }
}
@media only screen and (max-width: 539px) {
  .name {
    margin: 30px 0 20px;
  }
}
.name h1 {
  margin-bottom: 10px;
}

@media only screen and (max-width: 1023px) {
  .post-template-default .content, .post-template-security .content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.post-template-default .content .aside, .post-template-security .content .aside {
  display: block;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .post-template-default .content .aside:last-child, .post-template-security .content .aside:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: flex-start;
    padding: 0;
    max-width: none;
    margin-top: 90px;
	margin-right: -3%;
  }
}
@media only screen and (max-width: 767px) {
  .post-template-default .content .aside:last-child, .post-template-security .content .aside:last-child {
	margin-right: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .post-template-default .content .aside:last-child .h5, .post-template-security .content .aside:last-child .h5 {
    position: absolute;
    top: -40px;
  }
}
@media only screen and (max-width: 1023px) {
  .post-template-default .content .aside:last-child .similar, .post-template-security .content .aside:last-child .similar {
    width: 133px;
  }
}
@media only screen and (max-width: 1023px) {
  .post-template-default .navigation .forward, .post-template-security .navigation .forward {
    padding: 10px 35px 10px 12px;
    width: auto;
  }
}

.post-template-security .content .info .date {
  background: #F0F3FB;
}
@media only screen and (max-width: 1023px) {
  .post-template-security .content .info .tag {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 539px) {
  .post-template-security .content .info .tag {
    display: block;
  }
}
.post-template-security .content .article {
  padding: 0;
}
.post-template-security .content-bottom {
  padding: 30px;
}
@media only screen and (max-width: 539px) {
  .post-template-security .content .content-bottom {
    padding: 20px 15px;
  }
}
.post-template-security .content .similar {
  background: #F0F3FB;
}

.similar-sequrity {
  background: #F0F3FB;
  border-radius: 40px 40px 0px 0px;
  padding-top: 100px;
  padding-bottom: 110px;
  margin-bottom: -40px;
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .similar-sequrity {
    margin-top: 50px;
    padding-top: 40px;
    padding-bottom: 90px;
  }
}
.similar-sequrity .h3 {
  margin-bottom: 30px;
}
.similar-sequrity .categories .categories-sec {
  max-width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 1023px) {
  .similar-sequrity .categories .categories-sec {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.similar-sequrity .categories .categories-sec .category img {
  border-radius: 20px 0 0 20px;
}
.similar-sequrity .category .similar {
  background: #FFF;
}
.similar-sequrity .category.item-6 {
  margin-right: 30px;
}
@media only screen and (max-width: 1023px) {
  .similar-sequrity .category.item-6 {
    margin-right: 0;
  }
}
.similar-sequrity .category.item-3 {
  margin-right: 30px;
}
@media only screen and (max-width: 1023px) {
  .similar-sequrity .category.item-3 {
    margin-right: 0;
    max-width: 47.5% !important;
  }
}
@media only screen and (max-width: 539px) {
  .similar-sequrity .category.item-3 {
    max-width: 100% !important;
  }
}
.similar-sequrity .category.item-3:last-child {
  margin-right: 0;
}

/* subs tabs mobile */
.tabs-subs {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .tabs-subs {
    width: 100%;
/*  display: block; */
  }
}
.tabs-subs .tab-label, .tabs-subs .tab-content {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))), #F0F3FB;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), #F0F3FB;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), #F0F3FB;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 81, 0.06);
          box-shadow: 0px 5px 15px rgba(0, 0, 81, 0.06);
  border-radius: 0;
}
.tabs-subs .tab-label {
  font-size: 15px;
  font-weight: 600;
  padding: 15px 30px;
}
@media only screen and (max-width: 767px) {
  .tabs-subs .tab-label {
    padding: 12px 15px;
  }
}
.tabs-subs .tab-label span {
  color: rgba(34, 31, 31, 0.6);
  margin-left: 2px;
}
.tabs-subs .tab-content a {
  color: inherit;
  text-decoration: none;
}
.tabs-subs input:checked ~ .tab-content {
  margin-top: 0;
  padding: 15px;
}
.tabs-subs ol, .tabs-subs ul {
  margin: 0;
}
.tabs-subs ol li, .tabs-subs ul li {
  margin-bottom: 10px;
}
.tabs-subs ol li.active, .tabs-subs ul li.active {
  font-weight: 600;
}

/* subs aside */
@media only screen and (max-width: 1023px) {
  .subs {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .subs h5 {
    font-size: 15px;
    position: absolute;
  }
}

.content {
  margin-bottom: 90px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .content .search {
    display: none;
  }
}
.content .info {
  color: rgba(34, 31, 31, 0.6);
  font-weight: 500;
  font-size: 11px;
  margin: 40px 0 30px 30px;
}
@media only screen and (max-width: 1023px) {
  .content .info {
    margin: 20px 0;
    text-align: right;
  }
}
.content .info.item-3 {
  margin: 0 60px;
}
.content .info .date {
  padding: 4px 8px;
  background-color: #FFF;
  border-radius: 10px;
  margin: 0 6px;
}
.content .info .tag {
  padding: 4px 8px;
  border-radius: 10px;
}
@media only screen and (max-width: 1023px) {
  .content .info .tag {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .content .aside {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .content .aside {
    display: none;
  }
}
.content .aside.item-1 {
  max-width: 170px;
}
.content .aside.item-2 {
  max-width: 270px;
}
.content .aside .addition {
  margin: 42px 0 32px;
}
@media only screen and (max-width: 1023px) {
  .content .aside .addition {
    margin: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .content .aside .divider {
    display: none;
  }
}
.content .aside .back {
  color: rgba(8, 74, 191, 0.8);
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  margin: 38px 0 30px;
  position: relative;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 20px;
}

.arrow-back {
  height: 10px;
}

@media only screen and (max-width: 1023px) {
  .content .aside .back {
    margin: 18px 0 0;
    position: absolute;
  }
}
.content .aside .back a {
  color: inherit;
  text-decoration: none;
}
.content .aside .back .arrow {
  background: rgba(8, 74, 191, 0.1);
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 3px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  vertical-align: middle;
  transform: rotate(180deg);
}
.content .aside .back .arrow:before {
    position: relative;
    top: 4px;
    left: 4px;
}

.content .aside .down {
  color: rgba(8, 74, 191, 0.8);
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  margin: 20px 0 10px;
  position: relative;
  text-transform: uppercase;
}
.content .aside .down .arrow {
  background: rgba(8, 74, 191, 0.1);
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 3px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  vertical-align: middle;
}
.content .aside ol {
  padding: 5px 12px 0 16px;
  max-height: 190px;
  overflow-y: scroll;
}
.content .aside ol::-webkit-scrollbar {
  width: 2px;
}
.content .aside ol::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(8, 74, 191, 0.2);
  border-radius: 20px;
}
.content .aside ol::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #084ABF;
}
.content .aside ol::-webkit-scrollbar-thumb {
  background: #084ABF;
}
.content .aside ol li a {
  color: inherit;
  text-decoration: none;
}
.content .aside ol li.active {
  font-weight: 600;
}
.content .aside ol li:last-child {
  margin: 0;
}
.content .aside .item-1 {
  min-width: 170px;
  margin: 40px 0 30px;
}
.content .article img {
  height: 100%;
}
.content .article {
  padding: 30px;
  background-color: #FFF;
  border-radius: 20px;
  max-width: 830px;
}
@media only screen and (max-width: 1249px) {
  .content .article {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 1249px) and (max-width: 1023px) {
  .content .article {
    margin: 0;
  }
}
@media only screen and (max-width: 1249px) and (max-width: 767px) {
  .content .article {
    padding: 20px 15px;
  }
}
.content a {
  color: #FF5319;
}
.content .image-slider .tabs-panel {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content .image-slider .tabs-panel li {
  border: 1px solid rgba(34, 31, 31, 0.6);
  border-radius: 30px;
  margin: 0 2px;
}
.content .image-slider .tabs-panel a {
  display: block;
  padding: 6px 12px;
  color: inherit;
  text-decoration: none;
}
.content .image-slider .tabs-panel .tab-active {
  background: #084ABF;
  border: 1px solid #084ABF;
  color: #FFF;
}
.content .image-slider-container {
  padding: 0 70px;
}
@media only screen and (max-width: 1023px) {
  .content .image-slider-container {
    padding: 0;
  }
}
.content .image-slider .slick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
}
.content .image-slider .slick button {
  background: none;
  border: 1px solid rgba(8, 74, 191, 0.3);
  border-radius: 8px;
  width: 30px;
  height: 30px;
  margin: 0 4px;
  cursor: pointer;
}
.content .accented {
  background: rgba(255, 83, 25, 0.1);
  border-radius: 10px;
  padding: 5px 20px 1px 70px;
  position: relative;
  margin: 30px 0;
}
@media only screen and (max-width: 1023px) {
  .content .accented {
    margin: 20px 0;
  }
}
.content .accented::before {
  content: "";
  position: absolute;
  display: block;
  top: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
  background-color: #FF5319;
  border-radius: 50%;
  color: #FFF;
}
.content .columns {
  margin: 30px 0;
}
@media only screen and (max-width: 1023px) {
  .content .columns .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1023px) {
  .content .columns .flex .item-3 {
    margin-bottom: 15px;
  }
}
.content .forminator-poll {
  background: #F0F3FB;
  border-radius: 10px;
  padding: 15px 20px;
  margin: 30px 0;
}
.content .forminator-poll-header {
  font-weight: 600;
  margin-bottom: 24px;
}
.content .forminator-poll-body label {
  display: block;
  margin: 12px 0;
  cursor: pointer;
}
.content .forminator-poll-body .forminator-radio-label {
  vertical-align: text-top;
  margin-left: 6px;
}
.content .content-bottom {
  margin: 30px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1249px) {
  .content .content-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.content .content-bottom .social {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content .content-bottom .social .icon {
  font-size: 18px;
  color: #084ABF;
}
.content .content-bottom .social .share {
  font-size: 13px;
  font-weight: 600;
  margin-right: 6px;
}
@media only screen and (max-width: 1249px) {
  .content .content-bottom .navigation {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media only screen and (max-width: 767px) {
  .content .content-bottom .navigation {
    margin-bottom: 20px;
  }
}

.similar {
  background-color: #FFF;
  border-radius: 15px;
  padding: 12px;
  margin-bottom: 10px;
}
.similar .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.similar .flex img {
  width: 40px;
  height: 40px;
}
.similar .flex .tag {
  width: 75px;
}
.similar h6 {
  margin-top: 12px;
}

.open-filter {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .open-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
  }
}
.open-filter .select-form {
  min-width: 225px;
  height: 40px;
  padding: 10px 15px;
  background: rgba(8, 74, 191, 0.12);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 8px;
  border: none;
  cursor: pointer;
  outline: none;
}
.open-filter .icon {
  height: 40px;
  width: 40px;
  background: rgba(8, 74, 191, 0.12);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  margin: 0 3px;
}

.open-filter .icon-filter:before {
    content: "\e906";
    font-size: 20px;
    display: flex;
    margin: auto;
}

a.icon {
	color: inherit;
	text-decoration: none;
}
.open-filter .select-icon {
  width: 100%;
  margin-right: 4px;
}
.open-filter .select-icon .icon {
  display: block;
  width: 100%;
  width: auto;
  margin: 0;
  font-weight: 500;
  font-size: 15px;
  color: #172740;
  height: 16px;
  text-align: center;
  padding: 12px 0;
  text-decoration: none;
}

.open {
  display: block !important;
}

.popup-cat {
  padding: 30px 18px 40px;
  border-radius: 20px 20px 0px 0px !important;
  position: absolute !important;
  margin: 0 !important;
  bottom: 0;
}
.popup-cat a.btn {
  width: auto;
  margin: 0;
}

/* tags */
.tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
  border-radius: 10px;
  width: auto;
  text-align: center;
  margin: auto 0;
  padding: 4px;
  text-decoration: none;
}
.tag.blue {
  color: rgba(8, 74, 191, 0.8);
  border: 1px solid rgba(8, 74, 191, 0.3);
}
.tag.green {
  position: relative;
  color: #259F46;
  background: rgba(37, 159, 70, 0.15);
  padding: 3px 6px 4px 17px;
  text-transform: lowercase;
}
.tag.green:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #259F46;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 3px;
}
.tag.opacity {
  color: #F0F3FB;
  font-size: 15px;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 30px;
  padding: 11px;
  vertical-align: middle;
}
.reload-tags {
  padding: 10.5px;
  display: inline-flex;
}
.reload-tags.loading {
  animation: rotation 2s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@media only screen and (max-width: 539px) {
  .tag.opacity {
    font-size: 11px;
    padding: 4px 8px;
  }
}
.tag.filter {
  font-size: 15px;
  font-weight: 400;
  border: 1px solid rgba(23, 39, 64, 0.3);
  border-radius: 30px;
  padding: 9px 10px 10px;
  margin: 3px;
}
.tag.filter.active {
  background: #084ABF;
  color: #FFF;
  border: 1px solid #084ABF;
}

.tags a {
  color: inherit;
  text-decoration: none;
}

.read {
  width: 12px;
  height: 12px;
  background: #259F46;
  margin-right: 4px;
  border-radius: 50%;
  vertical-align: text-top;
}

/* category */
.category {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.category.flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
@media only screen and (max-width: 539px) {
  .category.flex {
    border-radius: 20px 20px 0 0;
  }
}
.category.flex .item-4 {
  max-width: 65.5%;
}
@media only screen and (max-width: 1023px) {
  .category.flex .item-4 {
    max-width: 100%;
  }
}
.category.flex .item-2 {
  max-width: 31%;
}
.category.flex .item-2 .similar h3 {
	font-weight: 500;
	font-size: 19px;
	line-height: 23px;
	width: 100%;
	min-height: 70px;
}
@media only screen and (max-width: 1023px) {
  .category.flex .item-2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}
.category .similar {
  position: relative;
  background: #F0F3FB;
  border-radius: 20px;
  padding: 20px;
  min-height: 210px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1023px) {
  .category .similar {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 539px) {
  .category .similar {
    padding: 15px;
    min-height: 180px;
    margin-bottom: 10px;
  }
}
.category .similar.red h3, .category .similar.red h4 {
  color: rgba(34, 31, 31, 0.6);
}
.category .similar .flex .tag {
  width: auto;
  padding: 4px 8px;
  position: relative;
  white-space: nowrap;
}
.category .similar .tag.green {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
@media only screen and (max-width: 539px) {
  .category .similar .tag.green {
    left: 15px;
    bottom: 15px;
  }
}
.category .similar img {
  width: 70px;
  height: 70px;
}
.category .similar h3 {
  width: 75%;
  margin: 24px 0 48px;
  line-height: 26px;
}
@media only screen and (max-width: 1023px) {
  .category .similar h3 {
    width: auto;
  }
}
.category .similar h4 {
  margin: 24px 0 48px;
  line-height: 23px;
	max-height: 90px;
	overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .category .similar h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 539px) {
  .category .similar h4 {
    font-size: 19px;
  }
}
.category-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0;
}
@media only screen and (max-width: 539px) {
  .category-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.category .more {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media only screen and (max-width: 539px) {
  .category .more {
    right: 15px;
    bottom: 15px;
  }
}

.more {
  background: rgba(8, 74, 191, 0.1);
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  cursor: pointer;
}

.more::before {
	content: "\e902";
	font-family: icomoon;
    position: relative;
    left: 8px;
    top: 7px;
}

a.more {
	color: #084ABF;
	text-decoration: none;
}

.categories-main .more::before {
	color: #FFF;
}

/* pagination */
.pagination {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #084ABF;
}
@media only screen and (max-width: 539px) {
  .pagination {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
  }
}
.pagination .page-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 6px;
  cursor: pointer;
}
.pagination .page-number.current {
  background: rgba(8, 74, 191, 0.12);
}
.pagination a {
  color: inherit;
  text-decoration: none;
}

.pagination .dots {
    border: 1px solid rgba(23, 39, 64, 0.3);
    color: rgba(23, 39, 64, 0.3);
    cursor: auto;
}

/* security category */
@media only screen and (max-width: 767px) {
  .security {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.security .tags {
  margin-left: -3px;
}
.security .item-4 {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 539px) {
  .security .item-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.security .item-4 img {
  height: 270px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px 0 0 30px;
}
@media only screen and (max-width: 1023px) {
  .security .item-4 img {
    height: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .security .item-4 img {
    height: 240px;
  }
}
@media only screen and (max-width: 539px) {
  .security .item-4 img {
    border-radius: 20px 20px 0 0;
  }
}
.security .item-4 .similar {
  border-radius: 0 20px 20px 0;
}
@media only screen and (max-width: 539px) {
  .security .item-4 .similar {
    border-radius: 0 0 20px 20px;
  }
}
.security .category .similar {
  min-height: 230px;
}
@media only screen and (max-width: 1023px) {
  .security .category .similar {
    min-height: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .security .category .similar {
    min-height: 200px;
  }
}
.security .category .similar .tag.blue {
  top: 0;
}
.security .category .similar h4 {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .security .category .similar h4 {
    margin-top: 12px;
  }
}

/* search */
.search .field {
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1023px) {
  .search .field {
    margin-bottom: 20px;
  }
}
.search .field input {
  width: calc(100% - 82px);
  height: 46px;
  background: #F9FAFD;
  border: 1px solid rgba(23, 39, 64, 0.3);
  border-radius: 30px;
  padding: 0 40px;
  outline: none;
}
.search .field input:hover {
  border: 1px solid rgba(8, 74, 191, 0.6);
}
.search .field input:active {
  border: 1px solid rgba(23, 39, 64, 0.3);
}
.search .field input:focus {
  border: 1px solid #084ABF;
}
@media only screen and (max-width: 1023px) {
  .search .field input {
    font-size: 17px;
  }
}
.search .field button {
  position: absolute;
  top: 6px;
  left: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
}
.search .field img {
  width: auto;
}

.radio {
  margin: 20px 0 24px;
}

.checkbox {
  margin: 20px 0 24px;
}

/* expandable search */
.expand-search {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.expand-search input.search-text {
  -webkit-transition: width 0.5s, background 0.3s ease, border 0.3s;
  -o-transition: width 0.5s, background 0.3s ease, border 0.3s;
  transition: width 0.5s, background 0.3s ease, border 0.3s;
  height: 42px;
  width: 0;
  margin: 0;
  padding: 5px 0 5px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  border: 1px solid transparent;
  background: url(./assets/images/search.svg) no-repeat left 9px center transparent;
  position: absolute;
  right: -2px;
  top: -1px;
}


.home .expand-search input.search-text {
	background: url(./assets/images/search-w.svg) no-repeat left 9px center transparent;
}

.home .fixed-social {
	display: none;
}

.home .zammad-chat {
	display: none!important;
}

.header .expand-search input.search-text:focus {
	width: 800px;
	background: #FFF;
}

@media only screen and (max-width: 1249px) {
	.header .expand-search input.search-text:focus {
	  width: 650px;
	}
}

.expand-search input.search-text:focus {
  width: 322px;
  border: 1px solid #666;
  background-color: white;
  outline: none;
  background: #FFF;
}
.expand-search button.search-submit {
  border: 0;
  outline: 0;
  background: none;
}

.expand-search input.search-text:focus + button.search-submit {
	width: 35px;
    height: 35px;
    display: block;
	position: relative;
    background: url(./assets/images/search.svg) no-repeat left 9px center #FFF;
    z-index: 999;
}

.open-filter .expand-search input.search-text:focus + button.search-submit {
	width: 40px;
    height: 40px;
}


.header .expand-search input.search-text {
  height: 36px;
  right: -5px;
}

.expand-search input.search-text:focus {
  border: 1px solid rgba(23, 39, 64, 0.3);
  border-radius: 6px;
}

/* popup */
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  overflow: auto;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.overlay::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.overlay {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.popup {
  margin: 20px auto;
  background: #fff;
  border-radius: 20px;
  width: 830px;
  position: relative;
}
.popup .h3 {
  margin: 0 0 15px;
}
.popup img {
  width: auto;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  font-size: 38px;
  font-weight: 400;
  text-decoration: none;
  color: rgba(34, 31, 31, 0.6);
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content-form {
  padding: 25px 30px;
}
@media screen and (max-width: 1023px) {
  .popup .content-form {
    padding: 15px 15px 25px;
  }
}
.popup .content-form .divider {
  position: relative;
}
.popup .content-form .divider::before {
  content: "або";
  font-size: 13px;
  color: rgba(34, 31, 31, 0.6);
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: -8px;
  left: 0;
  right: 0;
  text-align: center;
  width: 37px;
  background-color: #FFF;
}
.popup .content .item-3:last-child {
  background: -webkit-gradient(linear, left bottom, left top, from(#F0F3FB), to(#F0F3FB)), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(#9BC2FF), to(#9BC2FF)), #F0F3FB;
  background: -o-linear-gradient(bottom, #F0F3FB, #F0F3FB), -o-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%), -o-linear-gradient(bottom, #9BC2FF, #9BC2FF), #F0F3FB;
  background: linear-gradient(0deg, #F0F3FB, #F0F3FB), linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(0deg, #9BC2FF, #9BC2FF), #F0F3FB;
  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;
  border-radius: 0px 20px 20px 0px;
}
@media screen and (max-width: 767px) {
  .popup .content .item-3:last-child {
    border-radius: 20px 20px 0 0;
    background: none;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .popup .content .item-3:last-child img {
    width: 90px;
    height: 90px;
    padding: 25px 0 0;
  }
}
.popup-social {
  margin-top: 20px;
  text-align: center;
    display: flex;
    justify-content: center;
}
.popup-social .icon {
  width: 40px;
  height: 40px;
}

.popup-social img {
  position: relative;
	top: 7px;
}

@media screen and (max-width: 1023px) {
  .box, .popup {
    width: calc(100% - 35px);
  }
}

.popup .zammad-form .form-group {
  margin-bottom: 0;
}

.popup .input-group,
.popup .zammad-form .form-control {
  font-size: 17px;
  background: #F9FAFD;
  border: 1px solid rgba(23, 39, 64, 0.3);
  border-radius: 8px;
  padding: 18px 15px 8px;
  margin-bottom: 10px;
  width: calc(100% - 30px);
  display: inline-block;
}
@media screen and (max-width: 1023px) {
  .popup .input-group,
  .popup .zammad-form .form-group {
    margin-bottom: 10px;
  }
}
.popup .input label,
.popup .zammad-form .form-group label {
  position: absolute;
  padding: 3px 15px;
  font-size: 11px;
  color: rgba(34, 31, 31, 0.6);
}
.popup .form-group textarea,
.popup .zammad-form .form-group textarea {
  padding: 25px 15px 15px;
  /*color: rgba(34, 31, 31, 0.6);*/
}
.popup .btn {
  padding: 15px 60px;
  margin: 10px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .popup .btn {
    margin: 5px auto;
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .popup .h3 {
    font-size: 19px;
    text-align: center;
    margin-bottom: 15px;
  }
}

/* about page */
.about-page {
  background: #F0F3FB;
  border-radius: 0 0 40px 40px;
}

.about-page-header {
  background-color: #F0F3FB;
}

.about-page-banner {
  padding: 80px 0 0;
}
@media only screen and (max-width: 1023px) {
  .about-page-banner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
}
@media only screen and (max-width: 539px) {
  .about-page-banner {
    padding: 25px 0 0;
  }
}
.about-page-banner h1 {
  max-width: 260px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1279px) {
  .about-page-banner h1 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 539px) {
  .about-page-banner h1 {
    width: 60%;
    margin-bottom: 10px;
  }
}
.about-page-banner p {
  max-width: 560px;
}
@media only screen and (max-width: 1279px) {
  .about-page-banner p {
    max-width: 100%;
  }
}
.about-page-banner img {
  margin-top: -40px;
}
@media only screen and (max-width: 1023px) {
  .about-page-banner img {
    margin-top: 0;
  }
}
.about-page-banner .statistic {
  background: #FFFFFF;
  border-radius: 20px;
  max-width: 540px;
  text-align: center;
  padding: 15px;
  height: 90px;
  margin-top: 70px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (max-width: 1279px) {
  .about-page-banner .statistic {
    max-width: 100%;
    height: 70px;
    margin-top: 40px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .about-page-banner .statistic {
    margin-right: 0;
    position: absolute;
    bottom: 40px;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 539px) {
  .about-page-banner .statistic {
    bottom: 25px;
  }
}
.about-page-banner .statistic .h2 {
  color: #084ABF;
  margin-bottom: 5px;
}
.about-page-banner .statistic .desc {
  font-weight: 300;
}

.partners {
  margin: 115px 0 100px;
}
@media only screen and (max-width: 539px) {
  .partners {
    margin: 60px 0 50px;
  }
}
.partners .divider {
  position: relative;
}
.partners h4 {
  position: absolute;
  top: -8px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 230px;
  background-color: #FFF;
}

.about-brands {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media screen and (max-width: 1023px) {
  .about-brands {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.about-brands img {
  padding: 20px 0;
  width: auto;
}
@media only screen and (max-width: 1279px) {
  .about-brands img {
    width: 150px;
  }
}
@media screen and (max-width: 1023px) {
  .about-brands img {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .about-brands img {
    width: 100px;
    padding: 10px 0;
  }
}

.base {
  margin: 100px 0;
  position: relative;
}
@media only screen and (max-width: 539px) {
  .base {
    margin: 50px 0;
  }
}
.base h2 {
  position: absolute;
  left: 50%;
}
@media only screen and (max-width: 1279px) {
  .base h2 {
    top: -10%;
  }
}
@media screen and (max-width: 1023px) {
  .base h2 {
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
  }
}
.base .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1023px) {
  .base .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.base-img {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .base-img {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 539px) {
  .base-img {
    margin: 20px 0;
  }
}
.base img {
  width: auto;
}
@media only screen and (max-width: 1279px) {
  .base img {
    width: 90%;
  }
}
@media screen and (max-width: 1023px) {
  .base img {
    width: 100%;
  }
}

.about-easy {
  background: #F0F3FB;
  border-radius: 40px;
  margin: 0 25px 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1023px) {
  .about-easy {
    margin: 0 30px 75px;
    padding: 30px 0;
  }
}
@media only screen and (max-width: 539px) {
  .about-easy {
    margin: 0 18px 50px;
    padding: 40px 0;
  }
}
.about-easy .flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about-easy blockquote {
  margin: 110px 0 45px;
  max-width: 870px;
  text-align: center;
}
@media only screen and (max-width: 539px) {
  .about-easy blockquote {
    margin: 60px 0 10px;
    max-width: none;
  }
}
.about-easy blockquote::before {
  top: -50px;
  left: auto;
}
@media only screen and (max-width: 539px) {
  .about-easy blockquote::before {
    left: 44%;
  }
}

.media {
  margin: 30px 0 185px;
}
@media only screen and (max-width: 767px) {
  .media {
    margin-bottom: 150px;
  }
}
@media only screen and (max-width: 539px) {
  .media {
    margin-bottom: 100px;
  }
}
.media .flex {
  margin: 30px -15px 40px;
}
@media only screen and (max-width: 1279px) {
  .media .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 539px) {
  .media .flex {
    margin: 20px -15px 10px;
  }
}
@media only screen and (max-width: 1279px) {
  .media .flex .item-3 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 539px) {
  .media .flex .item-3 {
    margin-bottom: 10px;
  }
}
.media .similar {
  padding: 30px 20px;
  margin: 0 15px;
  min-height: 260px;
}

@media only screen and (max-width: 539px) {
  .media .similar {
    padding: 20px 15px;
  }
}
.media .similar h4 {
  margin: 0;
  line-height: normal;
}
.media .similar p {
  font-size: 14px;
}
.media-logo {
  width: auto !important;
  height: auto !important;
  max-width: 100px;
  position: absolute;
  bottom: 30px;
}
@media only screen and (max-width: 539px) {
  .media-logo {
    bottom: 20px;
  }
}
.media .navigation {
  float: right;
}

/* footer */
footer {
  background: #252B3E;
  border-radius: 40px 40px 0px 0px;
}
@media screen and (max-width: 767px) {
  footer {
    border-radius: 30px 30px 0px 0px;
  }
}
footer .footer .icon {
  margin-left: 4px;
  border-color: #F0F3FB;
}
footer .footer .divider {
  margin: 0 0 70px;
  background: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1023px) {
  footer .footer .divider {
    margin: 0 0 30px;
  }
}
footer .brands {
  padding: 33px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media screen and (max-width: 1023px) {
  footer .brands {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px 10px 20px;
  }
}
footer .brands img {
  width: auto;
}
@media screen and (max-width: 1023px) {
  footer .brands img {
    margin: 30px 0 10px;
    max-width: 100px;
  }
}
footer .flex.container {
  padding-bottom: 65px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  footer .flex.container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 45px;
  }
}
footer .nav {
  color: #FFF;
}
@media screen and (max-width: 1023px) {
  footer .nav {
    color: #FFF;
    position: relative;
    top: 0;
    height: auto;
    background: none;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  footer .nav .nav-link {
    padding: 10px 0;
    font-size: 15px;
  }
}
footer .nav .nav-link:after {
  content: none;
}
@media screen and (max-width: 1023px) {
  footer .nav .nav-link:first-child {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023px) {
  footer .nav .nav-link:last-child {
    margin-bottom: 30px;
  }
}
.socials {
	display: flex;
}
.socials .icon {
font-size: 16px;
    color: #F0F3FB;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copyright {
  padding-bottom: 30px;
  font-weight: 300;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1023px) {
  .copyright {
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  .copyright .divider {
    display: none;
  }
}

/* infobox */
.content .wp-block-advgb-infobox {
  background: rgba(255, 83, 25, 0.1);
  border-radius: 10px;
  padding: 10px 20px 20px 70px;
  position: relative;
  margin: 30px 0;
}

.content .wp-block-advgb-infobox::before {
  content: "";
  position: absolute;
  display: block;
  top: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
  background-color: #ff5319;
  border-radius: 50%;
  color: #fff;
}

.advgb-infobox-icon-container {
  display: none !important;
}

/* accordeon */
.advgb-accordion-header {
  background: #FFF !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-color: rgba(34, 31, 31, 0.3) !important;
  padding-left: 0 !important;
}

.wp-block-advgb-accordion-item {
  margin-bottom: -6px !important;
}

.advgb-accordion-body {
  border-color: #fff !important;
  padding: 0 !important;
}

.advgb-accordion-header-title {
  color: #221F1F !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

/* forminator */
.forminator-poll-header {
  font-size: 24px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  color: #221F1F !important;
}

.forminator-poll {
  background: #f0f3fb !important;
  border-radius: 10px !important;
  padding: 20px !important;
  margin: 30px 0 !important;
}

.forminator-poll-body {
  margin-top: 24px !important;
}

.forminator-poll-body label {
  cursor: pointer !important;
}

.forminator-radio-bullet {
  width: 14px !important;
  height: 14px !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 14px !important;
          flex: 0 0 14px !important;
}

.forminator-poll-footer {
  display: none !important;
}

.forminator-edit-module {
  display: none !important;
}

/* tabs */
.advgb-tabs-panel {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.advgb-tab {
  border: 1px solid rgba(34, 31, 31, 0.6) !important;
  border-radius: 30px !important;
  margin: 0 2px !important;
  background-color: #FFF !important;
}

.advgb-tabs-809d4ec8-e4cf-4f93-9bfc-f7a2acf2f8f4 ul.advgb-tabs-panel li.advgb-tab.advgb-tab-active {
  background: #084abf !important;
}

.advgb-tab a {
  display: block !important;
  padding: 9px 10px !important;
  color: inherit !important;
  text-decoration: none !important;
}

.advgb-tab-body-wrapper {
  border: none !important;
  padding: 0 70px;
}

.slick-arrow {
  background: 0 0 !important;
  border: 1px solid rgba(8, 74, 191, 0.3) !important;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  margin: 0 4px;
  cursor: pointer;
  right: 50% !important;
  margin-right: -34px;
}

/* slick */
.slick-prev {
  top: auto !important;
  bottom: -55px !important;
  left: 50% !important;
  margin-left: -32px;
}

.slick-next {
  top: auto !important;
  bottom: -55px;
}

/* post */
#post .advgb-tabs-panel {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#post .advgb-tab {
  border: 1px solid rgba(34, 31, 31, 0.6) !important;
  border-radius: 30px !important;
  margin: 0 2px;
  background-color: white !important;
  width: 85px;
  text-align: center;
}

#post .advgb-tab-active {
  background: #084abf !important;
  border: 1px solid #084abf !important;
  color: #fff !important;
}

#post .advgb-tab a {
  display: block;
  padding: 9px 10px;
  color: inherit !important;
  text-decoration: none;
}

.slick-dots {
  display: none !important;
}

/* radio button */
.radio-btn {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 14px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  border: 1px solid rgba(34, 31, 31, 0.6);
  border-radius: 50%;
}

.radio-btn:hover input ~ .checkmark {
  background-color: #FFF;
  border: 1px solid #084ABF;
}

.radio-btn input:checked ~ .checkmark {
  background-color: #084ABF;
  border: 1px solid #084ABF;
}

.radio .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

.radio-btn input:checked ~ .checkmark::after {
  display: block;
}

.radio-btn .checkmark::after {
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FFF;
}

/* checkboxes button */
.checkbox-btn {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 14px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 2px;
  border: 1px solid rgba(34, 31, 31, 0.6);
}

.checkbox-btn:hover input ~ .checkmark {
  background-color: #FFF;
  border: 1px solid #084ABF;
}

.checkbox-btn input:checked ~ .checkmark {
  background-color: #084ABF;
  border: 1px solid #084ABF;
}

.checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox a,
.radio a {
  color: inherit;
  text-decoration: none;
}

.checkbox-btn input:checked ~ .checkmark::after {
  display: block;
}

.checkbox-btn .checkmark::after {
  left: 4px;
  top: 0;
  width: 5px;
  height: 8px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 1023px) {
  .forminator-poll {
    padding: 15px !important;
  }
}

@media screen and (max-width: 1023px) {
  .forminator-poll-header {
    font-size: 15px !important;
  }
}

.icon-search img {
	width: auto;
	padding-left: 6px;
    padding-top: 6px;
}

#greetings .popup {
	width: 1160px;
}
@media screen and (max-width: 1249px) {
  #greetings .popup{
    width: calc(100% - 35px);
	}
}
#greetings.overlay:target {
  visibility: visible;
  opacity: 1;
}
#greetings.overlay {
  background: none;
    top: auto;
    bottom: 30px;
}
#greetings > .popup {
	padding: 20px;
	transition: none;
}
#greetings > .popup .close {
    position: relative;
    display: inline-block;
    padding: 10px 30px;
    margin: 0;
    font-size: 13px;
    top: 0;
    right: 0;
}

@media screen and (max-width: 1023px) {
  #greetings > .popup .close {
    width: calc(100% - 60px);
  }
}

.link-police {
	color: #fff;
    opacity: 0.6;
    text-decoration: none;
}

.js-thankyou {
  margin-bottom: 1.7rem;
}

@media only screen and (max-width: 1023px) {
  .delete {
    display: none;
  }
}

.search-results main, .search-no-results main  {
  margin-top: 100px;
}
@media only screen and (max-width: 1249px) {
  .search-results main, .search-no-results main {
    margin-top: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .search-results main, .search-no-results main {
    margin-top: 30px;
  }
}
.search-results .name, .search-no-results .name {
  margin: 0 0 30px;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .search-results .name, .search-no-results .name {
    margin: 0 0 10px;
    position: relative;
  }
}
.search-results .name h1, .search-no-results .name h1 {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .search-results .name h1, .search-no-results .name h1 {
    width: 100%;
  }
}
.search-results .aside, .search-no-results .aside {
  margin-top: 105px;
}
@media only screen and (max-width: 767px) {
  .search-results .content .search, .search-no-results .content .search {
    display: block;
  }
}
.search-results h3, .search-no-results h3 {
  margin: 40px 0 20px;
}
@media only screen and (max-width: 767px) {
  .search-results h3, .search-no-results h3 {
    margin: 20px 0;
  }
}
.search-results .category .more, .search-no-results .category .more {
  bottom: 16px;
}
.search-results .category .more:before, .search-no-results .category .more:before {
  font-size: 17px;
}
.search-results .category .similar, .search-no-results .category .similar {
  width: 100%;
  min-height: auto;
  margin-bottom: 10px;
}
.search-results .category .similar h4, .search-no-results .category .similar h4 {
  margin: auto;
  padding-right: 30px;
}

.search-results .search .field, .search-no-results .search .field {
  margin-bottom: 5px;
}

.fixed-social {
	position: fixed;
    right: 15px;
    bottom: 55px;
}

.fixed-social a {
	display: block;
	background: #084ABF;
	margin-bottom: 10px;
}

.fixed-social a span {
	color: #FFF;
    font-size: 24px;
    position: relative;
    left: 5px;
    top: 5px;
}

.zammad-chat {
	right: 18px;
}

@media only screen and (max-width: 1023px) {
	.advgb-tabs-wrapper.advgb-tab-vert-tablet {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.advgb-tabs-wrapper.advgb-tab-vert-tablet ul.advgb-tabs-panel {
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.advgb-tab-body-wrapper {
		padding: 0;
	}
}

.main-page-header.chat {
	background-image: url("./assets/images/vector.png");
	background-color: #252B3E;
	height: 780px;
}

@media only screen and (max-width: 1023px) {
	.main-page-header.chat {
		height: 1320px;
	}
}

@media only screen and (max-width: 767px) {
	.main-page-header.chat {
		height: 1290px;
	}
}

@media only screen and (max-width: 539px) {
	.main-page-header.chat {
		height: 1410px;
	}
}

/*.main-page-header.chat .expand-search input.search-text {
	background: url(./assets/images/search-w.svg) no-repeat left 9px center transparent;
}*/

.chat-banner {
	position: absolute;
	top: 120px;
}

.chat-banner h1 {
	color: #FFF;
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.chat-banner h1 {
		font-size: 44px;
	}
}

@media only screen and (max-width: 539px) {
	.chat-banner h1 {
		font-size: 36px;
	}
}

.chat-banner ul {
	font-size: 18px;
	font-weight: 600;
	line-height: 150%;
	color: #FFF;
	margin-top: 60px;
}

@media only screen and (max-width: 767px) {
	.chat-banner ul {
		font-size: 20px;
	}
}

@media only screen and (max-width: 1023px) {
	.chat-banner ul {
		margin-top: 0;
	}
}

.chat-banner ul li::marker {
	color: #FFC70A
}

.chat-banner h4 {
	color: #FFF;
	font-weight: 400;
	line-height: 160%;
}

@media only screen and (max-width: 767px) {
	.chat-banner h4 {
		font-size: 17px;
	}
}

.chat-banner sub {
	color: #FFF;
	font-size: 14px;
	line-height: 160%;
}

@media only screen and (max-width: 767px) {
	.chat-banner sub {
		font-size: 12px;
	}
}

.webchat {
	color: #FFF;
	width: 380px;
	height: 62px;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(50px);
	border-radius: 8px;
	padding: 4px 10px 4px 15px;
	margin: 20px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}

.webchat .share {
	font-size: 14px;
	line-height: 100%;
}

.webchat .icon {
	background: #FF4D00;
	color: #FFF;
	border: none;
    width: 46px;
    height: 46px;
	font-size: 24px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 767px) {
	.webchat .icon {
		width: 36px;
		height: 36px;
	}
}

.webchat .webchat-btn {
	font-size: 16px;
    width: auto;
    padding: 0 15px;
	cursor: pointer;
}

.webchat .webchat-btn::before {
	content: url(./assets/images/webchat.svg);
    position: relative;
    top: 2px;
    right: 5px;
}


@media only screen and (max-width: 767px) {
	.webchat {
		width: auto;
		height: 52px;
	}
	.webchat .share {
		font-size: 11px;
		padding: 0 5px;
	}
	.webchat .webchat-btn {
		font-size: 14px;
	}
}

.chat-banner .popup {
	width: 430px;
	margin: auto;
}

@media only screen and (max-width: 1023px) {
	.chat-banner .popup {
		width: auto;
		margin-top: 30px;
	}
}

@media screen and (max-width: 1023px) {
  .chat-banner .popup .h3 {
    text-align: left;
  }
}

.chat-banner .flex {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;	
}

.chat-banner .popup h1 {
	margin-bottom: 6px;
}

.chat-banner .popup p {
	margin: 6px 0 15px;
}

.chat-banner .popup .btn {
	display: inline-block;
	width: 100%;
}

.about-page.chat {
	padding: 90px 0 120px;
}

@media only screen and (max-width: 767px) {
	.about-page.chat {
		padding: 60px 0;
	}
}

.about-page.chat h2 {
	margin-bottom: 34px;
}

.about-page.chat .category .similar {
	background: #FFF;
	min-height: 165px;
}

.about-page.chat .category .similar h4 {
    font-size: 23px;
    line-height: 110%;
    margin: 0;
    padding-right: 15px;
}

@media only screen and (max-width: 767px) {
	.about-page.chat .category .similar h4 {
		font-size: 19px;
	}
}

.about-page.chat .category.flex .item-2 {
	max-width: 32.5%;
}

.about-page.chat .btn-blue {
	float: right;
}

@media only screen and (max-width: 767px) {
	.about-page.chat .btn-blue {
		float: none;
		margin-top: 25px;
		padding: 15px;
		display: block;
    	text-align: center;
	}
}


.about-page.chat .similar {
	position: relative;
}

.about-page.chat .similar .flex {
	position: relative;
    top: 0;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1023px) {
	.about-page.chat .category.flex .item-2 {
		max-width: none;
	}
}

@media only screen and (max-width: 767px) {
	.base.chat {
		margin-bottom: 150px;
	}
	.base.chat .base-img {
		order: 2;
	}
}

.base.chat .base-content {
	margin-left: 40px;
}

@media only screen and (max-width: 767px) {
	.base.chat .base-content  {
		margin-left: 0;
	}
	.base.chat .base-content .h2  {
		font-size: 25px;
	}
	.base.chat .base-content .webchat {
		position: absolute;
		bottom: -130px;
	}
	.base.chat .base-content .webchat .share {
		top: -45px;
		font-weight: 500;
		font-size: 17px;
		line-height: 120%;
	}
	.delete {
		display: none;
	}
}

.base.chat .base-content .webchat .webchat-btn {
	background: #FFC0A4;
	color: #FF4D00;
	font-weight: 600;
}

.base.chat .base-content .webchat .webchat-btn::before {
    content: url(./assets/images/webchat-o.svg);
}

.base.chat .base-content .share {
	color: #221F1F;
}

.page-template-page-chat .fixed-social {
	display: none;
}

.main-page-search {
    background: #F0F3FB;
    padding: 20px 30px;
    border-radius: 20px;
    margin: 35px 18px 18px;
}

@media only screen and (max-width: 1023px) {
	.main-page-search {
		width: 85%;
	}
}

@media only screen and (max-width: 767px) {
	.main-page-search {
		padding: 10px 10px 15px;
		width: 95%;
	}
}

.main-page-banner .tags .reload-tags {
	background: rgba(8, 74, 191, 0.1);
	backdrop-filter: blur(10px);
	border: none;
}

.main-page-blog {
	margin-top: 125px;
}

@media only screen and (max-width: 767px) {
	.main-page-blog {
		margin-top: 100px;
	}
}

.questions {
	padding: 27px 46px;
	background-image: url("./assets/images/vector2.png");
	background-color: #252B3E;
	border-radius: 15px;
}

.questions .h3 {
	font-weight: 600;
}

.questions a, .questions button {
	font-weight: 600;
	font-size: 20px;
	cursor: pointer;
	padding: 4px 6px;
	background: #FF4D00;
	border-radius: 4px;
	border: none;
	color: #FFF;
	margin: 0 4px;
}

.questions button {
	padding: 4px 7px 6px 6px;
}

@media only screen and (max-width: 1023px) {
	.questions {
		padding: 20px;
		margin: 0 30px;
	}
	.questions .h3 {
		font-size: 21px;
		white-space: nowrap
	}
}

@media only screen and (max-width: 767px) {
	.questions {
		padding: 18px 22px;
		background-image: url("./assets/images/vector2.png");
		background-color: #252B3E;
		border-radius: 15px;
		margin: 0;
	}
	.questions .h3 {
		font-size: 17px;
		line-height: 150%;
		white-space: normal
	}
	.questions a, .questions button {
		font-size: 16px;
	}
	.questions a {
		padding: 3px 5px;
	}
	.questions button {
		padding: 2px 6px 4px 5px;
	}
}

.popup .input-group, .popup .zammad-form .form-control:focus {
	border-color: #084ABF !important;
}

.faq .tab .tab-content p:first-child, .faq .tab .tab-content p:last-child {
	display: none;
}

.faq .tab .tab-content p {
	margin: 0 0 16px;
}

.faq .tab .tab-content h5 {
	margin: 15px 0;
}

.aside .similar h5 {
	margin: 15px 0;
    line-height: 120%;
    max-height: 80px;
    overflow: hidden;
}
.aside .similar p {
    font-size: 15px;
    line-height: 120%;
    max-height: 75px;
    overflow: hidden;
	margin-bottom: 8px;
}

.more-article {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
}

@media only screen and (max-width: 1023px) {
	.aside .similar {
		width: 31% !important;
		margin-right: 2%;
		box-sizing: border-box;
	}
	.aside .similar p {
		max-height: 55px;
	}
}

@media only screen and (max-width: 767px) {
	.aside .similar {
		width: 100% !important;
		margin-right: 0;
	}
}

.page-template-default h1 {
	margin: 50px 0 60px
}

.powered-by-bookly {
	display: none;
}

.bookly-form img {
	width: auto;
}

.text-yellow {
  color: #FFD64D;
}

.text-blue {
  color: #084ABF;
}

.time {
  position: relative;
}
.time:before {
  content: url(./assets/images/time.svg);
  position: absolute;
  right: 5px;
}

.ok:before {
  content: url(./assets/images/ok.svg);
  position: absolute;
  top: -4px;
  right: -4px;
  -webkit-filter: invert(47%) sepia(16%) saturate(1924%) hue-rotate(84deg) brightness(101%) contrast(89%);
          filter: invert(47%) sepia(16%) saturate(1924%) hue-rotate(84deg) brightness(101%) contrast(89%);
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
}

.main-page-header.booking {
  background-image: url(./assets/images/booking.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 620px;
  border-radius: 0 0 40px 40px;
}
@media only screen and (max-width: 1023px) {
  .main-page-header.booking {
    background-position: 80% 70%;
    height: 580px;
  }
}
@media only screen and (max-width: 539px) {
  .main-page-header.booking {
    height: 480px;
    background-position: 65% 70%;
  }
}

.booking-header {
  color: #FFF;
  position: absolute;
  top: 160px;
}
@media only screen and (max-width: 1023px) {
  .booking-header {
    top: 140px;
  }
}
@media only screen and (max-width: 539px) {
  .booking-header {
    top: 100px;
  }
}
.booking-header h1 {
  width: 440px;
  font-size: 46px;
  font-weight: 600;
  margin: 0;
}
@media only screen and (max-width: 539px) {
  .booking-header h1 {
    width: 300px;
    font-size: 34px;
  }
}
.booking-header p {
  width: 470px;
  margin: 30px 0 40px;
  font-weight: 400;
}
@media only screen and (max-width: 539px) {
  .booking-header p {
    width: 100%;
    margin: 20px 0 30px;
  }
}
.booking-header .btn-blue {
  padding: 16px 48px;
  background-color: #FF4D00;
}

.booking-content {
  margin: 100px 0 130px;
}
@media only screen and (max-width: 1023px) {
  .booking-content {
    margin: 80px 0 90px;
  }
}
@media only screen and (max-width: 539px) {
  .booking-content {
    margin: 50px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .booking-content .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.booking-content-left {
  margin-top: 50px;
}
@media only screen and (max-width: 1023px) {
  .booking-content-left {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 539px) {
  .booking-content-left {
    margin-bottom: 20px;
  }
}
.booking-content-left h3 {
  margin-bottom: 50px;
  width: 550px;
}
@media only screen and (max-width: 1023px) {
  .booking-content-left h3 {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .booking-content-left h3 {
    width: 100%;
  }
}
@media only screen and (max-width: 539px) {
  .booking-content-left h3 {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
.booking-content-left h2 {
  margin-bottom: 25px;
}
.booking-content-right {
  position: relative;
}
.booking-content-right .consultation {
  width: 330px;
  border-radius: 20px;
  background: #F0F3FB;
  padding: 30px 30px 48px;
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 1023px) {
  .booking-content-right .consultation {
    position: relative;
    width: auto;
    padding: 30px 30px 20px;
  }
}
.booking-content-right h6 {
  margin: 24px 0 24px 23px;
}
.booking-content-right div {
  position: relative;
  margin-bottom: 10px;
}
.booking-content-right .option {
  width: 470px;
  position: relative;
  top: 180px;
  right: 30px;
  float: right;
  border-radius: 20px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 26px 30px 10px;
}
@media only screen and (max-width: 1023px) {
  .booking-content-right .option {
    top: 0;
    right: 0;
    float: none;
    width: auto;
    margin: 30px 0 0;
  }
}
.booking-content-right .option h4 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 539px) {
  .booking-content-right .option h4 {
    width: 100%;
  }
}
.booking-content-right .option ul li {
  list-style-type: none;
  margin: 12px 0 12px 20px;
  width: 400px;
  position: relative;
}
@media only screen and (max-width: 539px) {
  .booking-content-right .option ul li {
    width: 100%;
  }
}
.booking-content-right .option ul li:before {
  content: url("./assets/images/ok.svg");
  -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(93%) saturate(5618%) hue-rotate(230deg) brightness(96%) contrast(92%);
          filter: brightness(0) saturate(100%) invert(13%) sepia(93%) saturate(5618%) hue-rotate(230deg) brightness(96%) contrast(92%);
  position: absolute;
  left: -40px;
  top: 10px;
}

.suitable {
  color: #FFF;
  padding: 11px 16px 11px 44px;
  border-radius: 20px;
  background: #FF7133;
  font-size: 19px;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  position: relative;
}
.suitable:before {
  content: url("./assets/images/ok.svg");
  position: absolute;
  left: 16px;
  top: 8px;
}

.booking-work {
  background: #F0F3FB;
  border-radius: 40px;
  margin: 100px 0 90px;
  padding-top: 75px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1023px) {
  .booking-work {
    margin: 80px 0;
    padding-top: 40px;
    padding-bottom: 55px;
  }
}
@media only screen and (max-width: 539px) {
  .booking-work {
    margin: 40px 0 50px;
    padding: 35px 15px 20px;
    border-radius: 30px;
  }
}
.booking-work h2 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 539px) {
  .booking-work h2 {
    margin-bottom: 15px;
  }
}
.booking-work-content {
  gap: 15px;
}
@media only screen and (max-width: 1023px) {
  .booking-work-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 539px) {
  .booking-work-content {
    gap: 10px;
  }
}
.booking-work-item {
  border-radius: 20px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 81, 0.06);
          box-shadow: 0px 10px 40px 0px rgba(0, 0, 81, 0.06);
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1023px) {
  .booking-work-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100% !important;
  }
}
.booking-work-item:last-child h4 {
  width: 100%;
}
.booking-work-item img {
  width: 70px;
}
.booking-work-item h4 {
  margin: 34px 0 12px;
  width: 200px;
}
@media only screen and (max-width: 539px) {
  .booking-work-item h4 {
    margin-top: 20px;
    font-size: 17px;
  }
}
.booking-work-item p {
  margin: 0;
}

.booking-form {
  margin: 100px 0;
}
@media only screen and (max-width: 1023px) {
  .booking-form {
    margin: 80px 0;
  }
}
@media only screen and (max-width: 539px) {
  .booking-form {
    margin: 50px 0;
  }
}
.booking-form h2 {
  width: 370px;
}
@media only screen and (max-width: 539px) {
  .booking-form h2 {
    width: 100%;
  }
}
.booking-form p {
  width: 400px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 539px) {
  .booking-form p {
    width: 100%;
    margin-bottom: 30px;
  }
}


/* Статистика на головній */

.stat {
  margin: 90px 0 80px;
}

.stat-container {
            display: flex;
            gap: 20px; /* Відстань між блоками */
            justify-content: center; /* Вирівнювання блоків по центру */
            padding: 20px;
        }

        .stat-item {
            background-color: #f0f4ff;
            border-radius: 15px;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 200px; /* Задайте висоту контейнера, якщо потрібно */
            width: 600px; /* Задайте ширину контейнера, якщо потрібно */
            text-align: center;
        }

        .stat-similar {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .stat-title {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 10px; /* Додає відступ між заголовком і числом */
            line-height: 1.5; /* Відстань між рядками тексту */
        }

        .stat-count {
            font-size: 40px;
            font-weight: bold;
            line-height: 1.5; /* Відстань між рядками тексту */
        }


/* Нова форма на головній */

.nadiyno-form {
		width: 100%;
	}
	.nadiyno-form .wpcf7-not-valid {
		border-color: #a94442;
	}
	.nadiyno-form .wpcf7-not-valid-tip{
		display: none;
	}
	.nadiyno-form .form-group {
		margin-bottom: 0;
	}
	.nadiyno-form input {
		font-size: 17px;
		background: #F9FAFD;
		border: 1px solid rgba(23, 39, 64, 0.3);
		border-radius: 8px;
		padding: 18px 15px 8px;
		margin-bottom: 10px;
		width: calc(100% - 30px);
		display: inline-block;
	}
	.nadiyno-form .form-group label {
		position: absolute;
		padding: 3px 15px;
		font-size: 11px;
		color: rgba(34, 31, 31, 0.6);
		z-index: 10;
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.nadiyno-form textarea {
		width: 100%;
		border: 1px solid rgba(23, 39, 64, 0.3);
		border-radius: 8px;
		box-sizing: border-box;
		font-size: 14px;
		color: #333333;
		margin-bottom: 15px;
		padding: 25px 15px 15px;
		background: #F9FAFD;
	}
	.nadiyno-form input[type="submit"] {
		width: 100%;
		margin-top: 10px;
		background: #084ABF;
		color: #FFF;
		text-decoration: none;
		-webkit-box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.15);
		display: inline-block;
		border: none;
		border-radius: 8px;
		font-size: 13px;
		font-weight: 600;
		padding: 15px 60px;
		text-transform: uppercase;
		cursor: pointer;
	}
	@media screen and (max-width: 1023px) {
		.nadiyno-form .form-group {
			margin-bottom: 10px;
		}
	}