@charset "UTF-8";

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

.transition, a {
  transition: all 500ms;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
}

.cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mr_2 {
  margin-right: 2rem;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.center {
  text-align: center;
}

.no_pad {
  padding: 0;
}

.full_cont .container {
  width: 100%;
  max-width: 100%;
}

.with_pad {
  padding: 4.5rem 0;
}

.with_pad_top {
  padding-top: 60px;
}

.no_pad_left {
  padding-left: 0;
}

.no_pad_right {
  padding-right: 0;
}

.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.flex_start {
  justify-content: flex-start;
}

.space_between {
  justify-content: space-between;
}

.space_around {
  justify-content: space-around;
}

.flex_center {
  justify-content: center;
}

.flex_end {
  justify-content: flex-end;
}

.table_display {
  display: table;
  float: none;
  width: 100%;
}
.table_display .table_cell {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.o_hidden {
  overflow: hidden;
}

.fixed {
  position: fixed;
}

.primary_btn, .comment-form input#submit, .pum-content a {
  background: #0b9ddc;
  color: #fff;
  padding: 0.5rem 1.5rem;
  border: none;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 2rem;
}
.primary_btn i, .comment-form input#submit i, .pum-content a i {
  margin-right: 0.5rem;
}
.primary_btn:hover, .comment-form input#submit:hover, .pum-content a:hover, .primary_btn:focus, .comment-form input#submit:focus, .pum-content a:focus {
  background: rgb(62.1428571429, 190.1298701299, 245.3571428571);
  color: #fff;
}
.primary_btn.large_btn, .comment-form input.large_btn#submit, .pum-content a.large_btn {
  padding: 0.7rem 1.8rem;
  font-size: 1.2rem;
}

.secondary_btn {
  background: #fff;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
  border: none;
  display: inline-block;
}

.ml_1 {
  margin-left: 1rem;
}

.bg {
  background: #fff;
}

.primary_bg {
  background-color: #0b9ddc;
}

.secondary_bg {
  background-color: #fff;
}

.accent_bg {
  background-color: #fff;
}

.primary_color {
  color: #0b9ddc;
}

.secondary_color {
  color: #fff;
}

.accent_color {
  color: #fff;
}

.white_color {
  color: #fff;
}

.no_pad_right {
  padding-right: 0;
}

.no_pad_left {
  padding-left: 0;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

body {
  font-size: 16px;
  line-height: 140%;
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
  max-width: 1920px;
  margin: 0 auto;
}

html {
  overflow-x: hidden;
  font-size: 16px;
}

p {
  margin: 12px 0;
  line-height: 150%;
}

a {
  color: #0b9ddc;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
  color: rgb(7.3571428571, 105.0064935065, 147.1428571429);
}

div:focus {
  outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 125%;
  font-family: "Lato", sans-serif;
}

#btt {
  padding: 10px 15px;
  font-size: 22px;
  color: #0b9ddc;
  position: fixed;
  right: 2%;
  bottom: 5%;
  z-index: 99;
  box-shadow: 0 0 2px #fff;
}

.invisible {
  opacity: 0;
}

.rtl .navbar .navbar-nav {
  direction: rtl;
}

/**
*-----------------------------------------------
* top bar
*-----------------------------------------------
*/
#top-bar {
  background: #1a5fa8;
  padding: 0.4rem 2rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 13;
}
#top-bar .top-bar-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#top-bar .top-bar-contact {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.2rem;
}
#top-bar .top-bar-contact a {
  color: #fff;
  font-size: 0.85rem;
  text-decoration: none;
}
#top-bar .top-bar-contact a i {
  margin-right: 0.3rem;
  color: #fff;
}
#top-bar .top-bar-contact a:hover {
  color: rgb(216.75, 216.75, 216.75);
}
#top-bar .top-bar-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#top-bar .top-bar-right ul, #top-bar .top-bar-right li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#top-bar .top-bar-right ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
#top-bar .top-bar-right li {
  display: inline-block;
  margin: 0 4px;
}
#top-bar .top-bar-right li a {
  display: block;
  text-transform: uppercase;
  color: #fff;
}
#top-bar .top-bar-right li a img {
  width: 24px;
  height: auto;
  opacity: 0.8;
}
#top-bar .top-bar-right li a img:hover {
  opacity: 1;
}
#top-bar .top-bar-right li.current-lang a img {
  opacity: 1;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
}

.buy-now-btn {
  display: inline-flex;
  align-items: center;
  background: #c0392b;
  color: #fff !important;
  padding: 0.45rem 1.2rem;
  border: none;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 1.5rem;
  align-self: center;
  flex-shrink: 0;
}
.buy-now-btn i {
  margin-right: 0.5rem;
}
.buy-now-btn:hover, .buy-now-btn:focus {
  background: rgb(158.6655319149, 47.1038297872, 35.5344680851);
  color: #fff !important;
}

#header .col-md-8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#header .col-md-8 .sub_eng_flex {
  width: 100%;
  justify-content: flex-end;
}
#header .col-md-8 .navbar {
  flex: 0 0 auto;
  min-width: 0;
  margin-right: 0;
}
#header .col-md-8 .navbar .navbar-nav {
  margin-right: 0 !important;
}

/**
*-----------------------------------------------
* header
*-----------------------------------------------
*/
dd p {
  margin: 0 !important;
}

.rtl .no_pad_right {
  padding-left: 0;
}
.rtl .no_pad_left {
  padding-right: 0;
}
.rtl .sub_eng_flex {
  margin-top: 0.7rem;
}

#header {
  background: rgb(30.6, 30.6, 30.6);
  padding: 0.8rem 2rem;
  position: fixed;
  top: 35px;
  left: 0;
  width: 100%;
  z-index: 12;
}

.main_banner.with_pad {
  padding: 12rem 0 7rem;
}

.logo {
  max-width: 100%;
  margin-top: 0.6rem;
  height: auto;
}

.small_above {
  color: #fff;
  font-size: 0.8rem;
}

.logo_2, .woocommerce .logo_2 {
  max-width: 130px;
}

.logo_left {
  max-width: 58%;
}

.logo_right {
  opacity: 0.7;
  max-width: 40%;
  padding-left: 0.5rem;
  margin-top: 1.2rem;
}

.navbar {
  justify-content: flex-end;
  float: right;
}
.navbar .navbar-nav {
  justify-content: flex-end;
}
.navbar .navbar-nav li .nav-link {
  text-transform: uppercase;
}

.font_size_nav {
  align-content: flex-end;
  align-items: flex-end;
  margin-top: 0.2rem;
  margin-left: 1rem;
}
.font_size_nav button {
  border: none;
  background: none;
  margin: 0 0.3rem;
  color: rgb(229.5, 229.5, 229.5);
}
.font_size_nav button:focus {
  color: yellow;
  outline: none;
  border: none;
}
.font_size_nav .normal_font_nav {
  font-size: 1rem;
}
.font_size_nav .big_font_nav {
  font-size: 1.2rem;
}
.font_size_nav .large_font_nav {
  font-size: 1.4rem;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #269420;
}

.flag_elem a {
  margin-top: 0.4rem;
  margin-left: 1rem;
}

.flag_eng a {
  font-size: 0;
  background: url("../img/en_flag.jpg") no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 25px;
}

.shadow_flag img {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.2rem;
}

.flag_ar a {
  font-size: 0;
  background: url("../img/ar_flag.png") no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 25px;
}

.header_video {
  display: inline-block;
  margin-right: 1.5rem;
}

#header, .home_bottom_between, .home_bottom_2, .map {
  direction: ltr;
}

/**
*-----------------------------------------------
* home
*-----------------------------------------------
*/
.sub_eng_flex {
  float: right;
}

.main_banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  font-weight: 300;
  direction: ltr;
}
.main_banner--video {
  position: relative;
  overflow: hidden;
}
.main_banner__video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 0;
  object-fit: cover;
}
.main_banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}
.main_banner--video .mb_text {
  position: relative;
  z-index: 2;
}
.main_banner h1, .main_banner h2 {
  font-weight: 300;
  text-transform: uppercase;
}
.main_banner h1 {
  font-size: 2.8rem;
  margin-top: 0;
}
.main_banner h2 {
  font-size: 1.6rem;
}

.greenevo_logo {
  max-width: 220px;
  height: auto;
  margin-bottom: 2rem;
}
.greenevo_logo:hover {
  opacity: 0.6;
}

.mb_konkurs {
  margin-bottom: 1rem;
}

.mobile_app {
  margin-bottom: 0rem;
  margin-top: 1.5rem;
}
.mobile_app h4 {
  font-size: 1.2rem;
}
.mobile_app img {
  max-width: 210px;
  height: auto;
  border: 1px solid rgb(216.75, 216.75, 216.75);
  border-radius: 0.5rem;
}

.mobile_download {
  margin-right: 1rem;
}

.mb_text, .contact_text {
  color: #fff;
}

.mb_text {
  max-width: 550px;
  margin-left: 6rem;
}
.mb_text h3 {
  font-weight: 300;
  margin-top: 2rem;
}
.mb_text .less_offset {
  margin-top: 0;
}
.mb_text h1 {
  margin-bottom: 1rem;
}

.mb_sub {
  position: relative;
}
.mb_sub .mb_text {
  position: relative;
  z-index: 1;
}
.mb_sub .overlay {
  background: #000;
  opacity: 0.7;
}
.mb_sub.mb_targi .overlay {
  opacity: 0.4;
}

.section_title {
  font-size: 2.5rem;
  font-weight: 300;
  color: #0b9ddc;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.section_title.st_half {
  font-size: 2.4rem;
}
.section_title .st_smaller {
  font-size: 1.4rem;
  line-height: 140%;
  display: block;
  margin-top: 1rem;
}

.about {
  position: relative;
}

.about_text {
  background: rgba(255, 255, 255, 0.95);
  max-width: 750px;
  margin: 1rem auto;
  padding: 3rem;
  position: relative;
  z-index: 1;
}

.features_section {
  background: linear-gradient(135deg, #f8fbff 0%, #e8f4fd 50%, #f0f7ff 100%);
  padding: 5rem 0;
}

.features_header {
  text-align: center;
  margin-bottom: 3rem;
}

.features_subtitle {
  max-width: 700px;
  margin: 1rem auto 0;
  font-size: 1.1rem;
  color: #555;
  line-height: 160%;
}

.features_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.feature_card {
  background: #fff;
  border-radius: 12px;
  padding: 2rem 1.5rem;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
  transition: all 400ms;
  border: 1px solid rgba(11, 157, 220, 0.08);
}
.feature_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(11, 157, 220, 0.15);
  border-color: rgba(11, 157, 220, 0.25);
}
.feature_card h3 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0.8rem 0 0.5rem;
  color: #222;
}
.feature_card p {
  font-size: 0.88rem;
  color: #666;
  margin: 0;
  line-height: 150%;
}

.feature_icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0b9ddc, rgb(47.5714285714, 185.2285714286, 244.6285714286));
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.feature_icon i {
  font-size: 1.4rem;
  color: #fff;
}

.features_cta {
  text-align: center;
  margin-top: 2.5rem;
}

@media (max-width: 991px) {
  .features_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .features_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .feature_card {
    padding: 1.5rem 1rem;
  }
}
@media (max-width: 480px) {
  .features_grid {
    grid-template-columns: 1fr;
  }
}

.etoll_section {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  padding: 5rem 0;
  overflow: hidden;
}

.etoll_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(7.3571428571, 105.0064935065, 147.1428571429, 0.88) 0%, rgba(11, 157, 220, 0.82) 50%, rgba(8.5714285714, 122.3376623377, 171.4285714286, 0.9) 100%);
  z-index: 0;
}

.etoll_content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
.etoll_content .section_title {
  color: #fff;
  margin-bottom: 1rem;
}
.etoll_content .section_title b {
  font-weight: 700;
}

.etoll_badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  padding: 0.4rem 1.2rem;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  backdrop-filter: blur(4px);
}
.etoll_badge i {
  margin-right: 0.4rem;
}

.etoll_lead {
  font-size: 1.15rem;
  line-height: 170%;
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 2.5rem;
}

.etoll_features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
  text-align: left;
  margin-bottom: 2.5rem;
}

.etoll_feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 1.2rem 1.4rem;
  backdrop-filter: blur(4px);
  transition: all 300ms;
}
.etoll_feature:hover {
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-3px);
}
.etoll_feature > i {
  font-size: 1.5rem;
  color: #fff;
  margin-top: 0.2rem;
  flex-shrink: 0;
}
.etoll_feature strong {
  display: block;
  font-size: 1rem;
  color: #fff;
  margin-bottom: 0.2rem;
}
.etoll_feature span {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 150%;
}

.etoll_btn {
  background: #fff;
  color: #0b9ddc;
  font-weight: 700;
  border: none;
}
.etoll_btn i {
  margin-left: 0.5rem;
  transition: transform 300ms;
}
.etoll_btn:hover {
  background: rgb(242.25, 242.25, 242.25);
  color: rgb(8.5714285714, 122.3376623377, 171.4285714286);
}
.etoll_btn:hover i {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .etoll_features {
    grid-template-columns: 1fr;
  }
  .etoll_section {
    background-attachment: scroll;
    padding: 3.5rem 0;
  }
  .etoll_content .section_title {
    font-size: 1.8rem;
  }
}
.faq_section {
  background: linear-gradient(180deg, #f0f7ff 0%, #fff 100%);
  padding: 5rem 0;
}
.faq_section .section_title {
  margin-bottom: 0.5rem;
}

.faq_subtitle {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 2.5rem;
  font-size: 1.05rem;
  color: #666;
  line-height: 160%;
}

.faq_accordion {
  max-width: 850px;
  margin: 0 auto;
}

.faq_item {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 0.75rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(11, 157, 220, 0.08);
  overflow: hidden;
  transition: box-shadow 400ms, border-color 400ms;
}
.faq_item:hover {
  box-shadow: 0 4px 18px rgba(11, 157, 220, 0.12);
  border-color: rgba(11, 157, 220, 0.2);
}
.faq_item.active {
  border-color: rgba(11, 157, 220, 0.3);
  box-shadow: 0 6px 22px rgba(11, 157, 220, 0.15);
}
.faq_item.active .faq_question i {
  transform: rotate(180deg);
  color: #0b9ddc;
}
.faq_item.active .faq_answer {
  max-height: 300px;
  padding: 0 1.8rem 1.5rem;
  opacity: 1;
}

.faq_question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 1.8rem;
  cursor: pointer;
  user-select: none;
}
.faq_question span {
  font-size: 1.05rem;
  font-weight: 600;
  color: #222;
  line-height: 140%;
  padding-right: 1rem;
}
.faq_question i {
  font-size: 0.9rem;
  color: #999;
  transition: transform 300ms, color 300ms;
  flex-shrink: 0;
}
.faq_question:hover span {
  color: #0b9ddc;
}

.faq_answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 1.8rem;
  opacity: 0;
  transition: max-height 400ms ease, padding 400ms ease, opacity 300ms ease;
}
.faq_answer p {
  font-size: 0.95rem;
  color: #555;
  line-height: 170%;
  margin: 0;
}

@media (max-width: 767px) {
  .faq_question {
    padding: 1rem 1.2rem;
  }
  .faq_question span {
    font-size: 0.95rem;
  }
  .faq_item.active .faq_answer {
    padding: 0 1.2rem 1.2rem;
  }
  .faq_answer {
    padding: 0 1.2rem;
  }
}
.even_half_text {
  padding: 4rem 3rem 4rem 8rem;
  text-align: justify;
  background: #0b9ddc;
  color: #fff;
}
.even_half_text h2 {
  text-align: left;
  color: #fff;
}
.even_half_text.eht_reverse {
  padding: 4rem 8rem 4rem 3rem;
}
.even_half_text p {
  color: rgb(242.25, 242.25, 242.25);
}

.half_img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.buttons_flex a {
  margin: 0.5rem 1rem;
}

.buttons_flex_left a {
  margin: 1rem 1rem 1rem 0;
}

.white_btn {
  background: #fff;
  color: #0b9ddc;
  padding: 0.7rem 2rem;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 1.3rem;
}
.white_btn:hover {
  color: #0b9ddc;
  background: rgb(237.15, 237.15, 237.15);
}

.icons_flex {
  align-content: flex-start;
  align-items: flex-start;
}

.if_block {
  width: 19%;
  padding: 2rem 0 0.5rem;
  text-align: center;
}
.if_block h3 {
  margin: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 400;
}
.if_block h3 .if_toggle {
  position: relative;
}
.if_block h3 .if_toggle:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 100%;
  text-align: center;
  margin-top: 1rem;
  display: block;
  color: #0b9ddc;
  font-size: 1.5rem;
}
.if_block h3 .if_toggle.if_toggled:after {
  content: "\f0d8";
}
.if_block .if_toggle {
  border: none;
  background: none;
}
.if_block .if_toggle:focus {
  outline: none;
}

.functions_buttons a {
  margin: 1rem 1rem 0;
}

.if_hidden {
  display: none;
}

.ifb_icon_cont {
  background: rgb(242.25, 242.25, 242.25);
  padding: 0.5rem;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  margin: 1.5rem auto;
}
.ifb_icon_cont img {
  max-width: 50%;
  max-height: 60%;
  width: auto;
  height: auto;
}

.home_bottom_1 {
  position: relative;
}

.home_bottom_2 {
  position: relative;
}

.company_story {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.company_story .container {
  position: relative;
  z-index: 1;
}
.company_story .overlay {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+39,d4e8f4+100&0.89+0,0.89+57,0.47+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.89) 0%, rgba(255, 255, 255, 0.89) 39%, rgba(242, 248, 252, 0.89) 57%, rgba(212, 232, 244, 0.47) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.89) 0%, rgba(255, 255, 255, 0.89) 39%, rgba(242, 248, 252, 0.89) 57%, rgba(212, 232, 244, 0.47) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.89) 0%, rgba(255, 255, 255, 0.89) 39%, rgba(242, 248, 252, 0.89) 57%, rgba(212, 232, 244, 0.47) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e3ffffff", endColorstr="#78d4e8f4",GradientType=0 ); /* IE6-9 */
  opacity: 1;
}

.home_bottom_between {
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 7rem 0;
}
.home_bottom_between h2 {
  color: #0b9ddc;
  margin-bottom: 2rem;
}
.home_bottom_between h3 {
  color: rgb(127.5, 127.5, 127.5);
  margin-bottom: 2rem;
}

.slick_opinie {
  background: #fff url("../img/quote_bg.png") no-repeat right 2rem bottom 1.8rem;
  background-size: 3rem;
  padding: 2rem;
  max-width: 800px;
  margin: 0rem auto 2rem;
}

.slick-dots {
  left: 0;
  bottom: -2.6rem;
}

.review_author {
  display: block;
  margin-top: 2rem;
  font-weight: bold;
}

.sth_left {
  padding-right: 3rem;
  position: relative;
  margin-top: 10rem;
}
.sth_left:before, .sth_left:after {
  display: block;
  content: " ";
  position: absolute;
  background: #0b9ddc;
}
.sth_left:before {
  right: 20px;
  bottom: -200px;
  height: 270px;
  width: 1px;
}
.sth_left:after {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  right: 10px;
  bottom: -210px;
}

.w100 {
  width: 100%;
}

.home_blog {
  background: rgb(239.7, 239.7, 239.7);
  position: relative;
  z-index: 2;
}

.home_blog_tile {
  display: block;
  background: #fff;
  padding: 1rem;
}
.home_blog_tile img {
  max-width: 100%;
  height: auto;
}
.home_blog_tile .tile_title {
  font-size: 1.1rem;
  margin-top: 1rem;
}

.sth_right {
  padding-left: 3rem;
  position: relative;
}
.sth_right:before, .sth_right:after {
  display: block;
  content: " ";
  position: absolute;
  background: #0b9ddc;
}
.sth_right:before {
  left: 20px;
  top: -200px;
  height: 270px;
  width: 1px;
}
.sth_right:after {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  left: 10px;
  top: -210px;
}

.grecaptcha-badge {
  display: none;
}

.page-template-page-contact .grecaptcha-badge {
  display: block;
}

.pum-content a {
  margin-top: 0.2rem;
}

.containers_text {
  background: rgba(255, 255, 255, 0.9);
  padding: 1.5rem 2.5rem;
}
.containers_text .section_title {
  font-size: 2.2rem;
}

.section_title_smaller {
  text-transform: uppercase;
  font-size: 2.2rem;
  color: #0b9ddc;
  font-weight: 300;
}

.application_block .ab_img {
  border-bottom: 5px solid #0b9ddc;
}
.application_block h3 {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 1rem;
}
.application_block .down_img {
  margin: -2px auto;
  display: block;
  width: 38px;
  height: auto;
}

.device_img {
  max-width: 390px;
  height: auto;
  width: 100%;
  float: right;
}

.lang_switch {
  display: inline-block;
  float: right;
  margin-top: 0.3rem;
}

.page-template-page-service-ar p, .page-template-page-service-ar ul, .page-template-page-service-ar span {
  direction: rtl;
  text-align: right;
}
.page-template-page-service-ar .section_title, .page-template-page-service-ar .section_title_small {
  text-align: right;
}
.page-template-page-service-ar .section_title.center, .page-template-page-service-ar .section_title_small.center {
  text-align: center;
}
.page-template-page-service-ar .contact_text .section_title {
  text-align: center;
}
.page-template-page-service-ar ul {
  text-align: right;
}
.page-template-page-service-ar .section_subtitle {
  text-align: right;
}

.faq {
  background: rgb(242.25, 242.25, 242.25);
}

.question_block {
  background: #fff;
  padding: 1rem 2rem;
  margin: 1rem auto;
}
.question_block h2 {
  font-size: 1.3rem;
}

.other_service_tile {
  margin-top: 1rem;
}
.other_service_tile img {
  margin-bottom: 1rem;
}
.other_service_tile h3 {
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #0b9ddc;
}

.bp_tile {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  margin-top: 2rem;
}

.lcf_cont {
  width: 25%;
}
.lcf_cont img {
  max-height: 100px;
}

.bp_data_flex {
  font-size: 0.9rem;
}

.lcf_name {
  width: 71%;
}

.lcf_name {
  max-width: 40%;
  font-size: 1.5rem;
}

.mt_1 {
  margin-top: 1rem;
}

.woocommerce ul.order_details {
  margin: 0 0 3em;
  margin: 2rem 0;
  padding: 0.5rem;
  background: #f5f5f5;
  list-style: none;
}

.wc-block-cart__submit-container body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
  background: #0b9ddc;
  color: #fff;
  width: 100%;
  display: block;
  padding: 1rem;
  height: auto;
}
.wc-block-cart__submit-container body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
  background: rgb(62.1428571429, 190.1298701299, 245.3571428571);
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
  background: #0b9ddc;
  color: #fff;
  padding: 1rem;
  height: auto;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
  background: rgb(62.1428571429, 190.1298701299, 245.3571428571);
}

.packages_light {
  background: #F1F5F7;
}
.packages_light .section_subtitle {
  margin-bottom: 0.5rem;
}
.packages_light .package_mobile_info {
  display: none;
  color: rgb(178.5, 178.5, 178.5);
}
.packages_light .package_mobile_info i {
  color: rgb(178.5, 178.5, 178.5);
  margin-left: 3px;
}

.ss_packages.section_subtitle {
  margin-bottom: 1.8rem;
}

.below_packages_text h3 {
  margin-top: 2rem;
  margin-left: auto;
  max-width: 810px;
  margin-right: auto;
}

.black_btn {
  background: #000;
  color: #fff;
  padding: 0.5rem 2rem;
}
.black_btn:hover {
  background: #0b9ddc;
  color: #fff;
}

.package_light {
  background: #fff;
  padding: 20px;
  margin-top: 3rem;
}
.package_light span {
  display: block;
  width: 100%;
}
.package_light h3 {
  color: rgb(114.75, 114.75, 114.75);
  text-align: center;
  font-size: 1.6rem;
}
.package_light h3 span {
  font-weight: bold;
  color: #0b9ddc;
}
.package_light ul {
  margin: 0;
  padding: 0 2px;
}
.package_light li {
  padding: 5px 0px;
  list-style: none;
  border-bottom: 1px dotted rgb(226.95, 226.95, 226.95);
  font-size: 0.9rem;
}
.package_light li i {
  margin-right: 10px;
  color: #0b9ddc;
}
.package_light li.no_pack {
  color: rgb(224.4, 224.4, 224.4);
}
.package_light li.no_pack i {
  color: rgb(224.4, 224.4, 224.4);
}
.package_light li:last-child {
  border-bottom: 0;
}
.package_light .choose_package {
  font-size: 1rem;
  display: block;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
}

.time_flex, .area_flex {
  border: 1px solid #0b9ddc;
  display: inline-block;
  margin-top: 1rem;
}

.center {
  text-align: center;
}

.package_prices, .package_prices_area {
  background-color: transparent;
  border: none;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
}
.package_prices.pp_current, .package_prices_area.pp_current {
  background: #0b9ddc;
  color: #fff;
}
.package_prices:hover, .package_prices_area:hover {
  background: #0b9ddc;
  color: #fff;
}
.package_prices:focus, .package_prices_area:focus {
  outline: none;
}

.package_price, .package_price_area {
  font-size: 1.5rem;
}

.time_flex {
  margin-right: 1rem;
}

.area_flex {
  margin-left: 1rem;
}

.check_steps {
  color: #fff;
  background: #fff;
}
.check_steps .section_title {
  width: 100%;
}

.chs_column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.tooltip_light {
  padding: 0;
  border: none;
  background: none;
  display: inline;
  margin: 0;
  text-align: left;
}

.pf_head {
  background: #0b9ddc;
  margin-top: 2rem;
}

.pf_head .package_cell, .pf_head .package_cell.pc_title {
  font-size: 1.2rem;
}

.package_cell {
  width: 17%;
  padding: 10px 5px;
  font-size: 1.5rem;
}
.package_cell.pc_title {
  width: 32%;
  font-size: 1rem;
}
.package_cell.pc_title i {
  color: #fff;
  font-size: 1rem;
}
.package_cell i {
  color: #28b165;
  font-size: 2rem;
}

.btn_tooltip {
  background: none;
  border: none;
}

/**
*-----------------------------------------------
* single
*-----------------------------------------------
*/
table td {
  padding: 0.7rem;
  font-size: 1.1rem;
  border: 1px solid rgb(209.1, 209.1, 209.1);
}
table tr:nth-child(even) {
  background: rgb(242.25, 242.25, 242.25);
}

.page-template-page-cennik .single_cont {
  padding: 2.4rem 0 3rem;
}

.single_cont {
  padding-top: 8rem;
  padding-bottom: 1.5rem;
}
.single_cont h2 {
  font-size: 1.5rem;
  margin-top: 1.5rem;
}
.single_cont h3 {
  margin-top: 1.3rem;
}
.single_cont table td {
  width: 50%;
}

.single_title {
  text-align: center;
  text-transform: uppercase;
  margin: 3rem auto 1rem;
  font-size: 2.5rem;
}

.blog_header {
  padding: 15rem 0 5rem;
  text-align: center;
  background-size: cover;
  background-position: center center;
}
.blog_header h1 {
  font-size: 2.5rem;
  background: rgba(11, 157, 220, 0.7);
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 0.5rem 1rem;
  max-width: 800px;
  margin: 0;
  line-height: 150%;
}

.archive_header {
  background-image: none;
  background: linear-gradient(135deg, rgb(8.5714285714, 122.3376623377, 171.4285714286) 0%, #0b9ddc 50%, rgb(37.8571428571, 181.961038961, 244.1428571429) 100%);
  padding: 12rem 0 3rem;
}
.archive_header h1 {
  background: rgba(7.3571428571, 105.0064935065, 147.1428571429, 0.5);
}
.archive_header h1 i {
  margin-right: 0.4rem;
}

.archive_header_desc {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.05rem;
  margin-top: 0.8rem;
  max-width: 600px;
}

.single_date {
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
}

.single_meta_bar {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  padding: 1rem 1.2rem;
  background: rgb(247.35, 247.35, 247.35);
  border-left: 3px solid #0b9ddc;
  border-radius: 0 0.4rem 0.4rem 0;
  margin-bottom: 1.5rem;
}

.single_meta_item {
  font-size: 0.88rem;
  color: #666666;
}
.single_meta_item i {
  color: #0b9ddc;
  margin-right: 0.25rem;
}

.single_toc {
  background: rgb(249.9, 249.9, 249.9);
  border: 1px solid rgb(229.5, 229.5, 229.5);
  border-radius: 0.5rem;
  padding: 0;
  margin-bottom: 2rem;
  overflow: hidden;
}
.single_toc.toc_collapsed .single_toc_list {
  display: none;
}
.single_toc.toc_collapsed .single_toc_toggle {
  transform: rotate(-90deg);
}

.single_toc_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 1.2rem;
  background: rgb(244.8, 244.8, 244.8);
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
  user-select: none;
}
.single_toc_header i.fa-list-ul {
  color: #0b9ddc;
  margin-right: 0.5rem;
}

.single_toc_toggle {
  font-size: 0.8rem;
  color: rgb(127.5, 127.5, 127.5);
  transition: transform 0.25s ease;
}

.single_toc_list {
  margin: 0;
  padding: 0.8rem 1.2rem 1rem 2.2rem;
  list-style: decimal;
}
.single_toc_list li {
  padding: 0.35rem 0;
  font-size: 0.92rem;
  border-bottom: 1px solid rgb(239.7, 239.7, 239.7);
}
.single_toc_list li:last-child {
  border-bottom: none;
}
.single_toc_list li a {
  color: rgb(63.75, 63.75, 63.75);
  text-decoration: none;
}
.single_toc_list li a:hover {
  color: #0b9ddc;
}

.single_tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 2rem 0 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgb(229.5, 229.5, 229.5);
}
.single_tags > i {
  color: #0b9ddc;
  font-size: 0.9rem;
}

.single_tag {
  display: inline-block;
  padding: 0.3rem 0.75rem;
  font-size: 0.8rem;
  background: rgb(244.8, 244.8, 244.8);
  color: rgb(89.25, 89.25, 89.25);
  border: 1px solid rgb(229.5, 229.5, 229.5);
  border-radius: 2rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.single_tag:hover {
  background: #0b9ddc;
  color: #fff;
  border-color: #0b9ddc;
}

.blog_single {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.blog_single p, .blog_single li {
  line-height: 165%;
}
.blog_single h2 {
  font-size: 1.8rem;
  margin-top: 2rem;
}

.blog_article {
  margin: 0 auto;
  max-width: 800px;
}

.post_nav {
  margin-top: 2rem;
  background: rgb(242.25, 242.25, 242.25);
  border-radius: 0.5rem;
  padding: 0.4rem;
}

.comment-form {
  background: rgb(239.7, 239.7, 239.7);
  padding: 20px;
  margin-bottom: 2rem;
}
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=tel], .comment-form input[type=number], .comment-form select, .comment-form textarea {
  background: #fff;
  padding: 10px;
  border: none;
  border-left: 3px solid #0b9ddc;
  width: 100%;
}
.comment-form label {
  display: block;
  width: 100%;
}
.comment-form input#submit {
  margin-top: 20px;
}

.comments {
  padding: 0;
  margin: 20px 0;
}
.comments li {
  list-style: none;
  background: rgb(244.8, 244.8, 244.8);
  border-left: 3px solid #0b9ddc;
  margin: 5px 0;
  padding: 15px;
}

.commentmetadata {
  float: right;
  margin-top: -27px;
  font-size: 0.8rem;
}

div#respond {
  margin-top: 2rem;
}

/**
*-----------------------------------------------
* Shop
*-----------------------------------------------
*/
#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
  width: auto;
  border: 1px solid rgb(216.75, 216.75, 216.75);
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: 120px;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
  width: 64px;
}

td.product-remove {
  width: 32px;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  max-width: 48%;
  padding-left: 0;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  max-width: 48%;
  padding-right: 0;
}

span.password-input {
  display: block;
  width: 100%;
}

.register_btn {
  font-size: 1.4rem;
  padding: 0.7rem 2rem;
  background: #fff;
  border: none;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  margin-top: 2rem;
  text-transform: uppercase;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border: none;
  background: rgb(239.7, 239.7, 239.7);
}
.woocommerce form.checkout_coupon input[type=text], .woocommerce form.checkout_coupon input[type=email], .woocommerce form.checkout_coupon input[type=tel], .woocommerce form.checkout_coupon input[type=number], .woocommerce form.checkout_coupon input[type=password], .woocommerce form.checkout_coupon select, .woocommerce form.checkout_coupon textarea, .woocommerce form.login input[type=text], .woocommerce form.login input[type=email], .woocommerce form.login input[type=tel], .woocommerce form.login input[type=number], .woocommerce form.login input[type=password], .woocommerce form.login select, .woocommerce form.login textarea, .woocommerce form.register input[type=text], .woocommerce form.register input[type=email], .woocommerce form.register input[type=tel], .woocommerce form.register input[type=number], .woocommerce form.register input[type=password], .woocommerce form.register select, .woocommerce form.register textarea {
  padding: 0.5rem;
  border: none;
}

.woocommerce form.register {
  background: #0b9ddc;
  color: #fff;
}
.woocommerce form.register a {
  color: #fff;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background: #0b9ddc;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  color: #fff;
  background: #fff;
}

.cart p, .checkout p {
  text-align: left;
}

.cart_totals ul li {
  text-align: left;
}

.woocommerce form .form-row label {
  width: 100%;
  margin-bottom: 0;
}

span.woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  padding: 8px;
  border: 1px solid rgb(206.55, 206.55, 206.55);
}

.woocommerce-info {
  border-top-color: #0b9ddc;
}

.woocommerce-info::before {
  color: #0b9ddc;
}

#coupon_code {
  width: 100%;
  height: 40px;
}

.actions #coupon_code {
  width: 150px;
}

.single_product_cont {
  padding-top: 11rem;
}

figure {
  margin: 1rem 0;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background: rgb(8.5714285714, 122.3376623377, 171.4285714286);
}

.variations th, .variations td {
  width: auto;
}
.variations th {
  width: 120px !important;
  padding-top: 0.5rem;
}
.variations th.label label {
  margin-top: 0.5rem;
}
.variations td.value {
  width: 70%;
}
.variations #pa_abonament {
  font-size: 0.9rem;
}

/* To hide the additional information tab */
li.additional_information_tab {
  display: none !important;
}

.prod_left, .prod_right {
  max-width: 50%;
  height: auto;
}

.prod_right {
  padding-left: 2rem;
}

.prod_row {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  background: #0b9ddc;
  color: #fff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  background: rgb(8.5714285714, 122.3376623377, 171.4285714286);
  color: #fff;
}

.woocommerce div.product form.cart {
  margin-top: 1rem;
}

span.sku_wrapper {
  display: none;
}

.woocommerce-variation-price {
  margin-bottom: 1rem;
}

/**
*-----------------------------------------------
* blog
*-----------------------------------------------
*/
.blog_main_cont {
  padding: 2rem 0;
}

.blog_article_tile {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
  background: #fff;
  border-radius: 0.6rem;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.blog_article_tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
}

.blog_list {
  max-width: 850px;
  width: 100%;
  margin: 1rem auto;
}

.bat_thumb {
  width: 30%;
  min-height: 220px;
  flex-shrink: 0;
  overflow: hidden;
}
.bat_thumb a {
  display: block;
  width: 100%;
  height: 100%;
}
.bat_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.bat_thumb:hover img {
  transform: scale(1.05);
}

.bat_text {
  width: 70%;
  padding: 1.4rem 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bat_text h3 {
  font-size: 1.25rem;
  margin: 0.4rem 0 0.6rem;
  line-height: 135%;
}
.bat_text h3 a {
  color: black;
}
.bat_text h3 a:hover {
  color: #0b9ddc;
}
.bat_text p {
  font-size: 0.92rem;
  color: rgb(89.25, 89.25, 89.25);
  margin: 0 0 0.8rem;
  line-height: 155%;
}

.bat_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.8rem;
  color: rgb(114.75, 114.75, 114.75);
}
.bat_meta i {
  color: #0b9ddc;
  margin-right: 0.2rem;
}

.bat_read_more {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #0b9ddc;
  margin-top: auto;
}
.bat_read_more i {
  transition: transform 0.2s ease;
  margin-left: 0.3rem;
  font-size: 0.75rem;
}
.bat_read_more:hover i {
  transform: translateX(4px);
}

/**
*-----------------------------------------------
* contact
*-----------------------------------------------
*/
.map {
  height: 400px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.map #googlemaps, .map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.wpcf7 button.primary_btn {
  margin-top: 0rem;
}

.wpcf7 label {
  width: 100%;
}

input[type=text], input[type=email], input[type=tel], input[type=number], select, textarea {
  border: 1px solid rgb(216.75, 216.75, 216.75);
  padding: 6px;
  width: 100%;
}

textarea {
  height: 115px;
}

span.wpcf7-list-item {
  margin: 0;
}

.wpcf7-list-item label {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.9rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.wpcf7-list-item label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.wpcf7-list-item-label:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: rgb(224.4, 224.4, 224.4);
}

/* On mouse-over, add a grey background color */
.wpcf7-list-item label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.wpcf7-list-item label input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:after {
  display: block;
}

/* Style the checkmark/indicator */
.wpcf7-list-item label .wpcf7-list-item-label:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #0b9ddc;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pum-container.pum-responsive img {
  max-width: 100%;
  height: auto;
  float: left;
  margin-right: 15px;
}

/**
*-----------------------------------------------
* footer
*-----------------------------------------------
*/
.contact_banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0 24rem;
}

.contact_text a {
  color: #fff;
  display: inline-block;
  padding: 1rem;
}

#footer {
  background: rgb(25.5, 25.5, 25.5);
  padding: 1rem 0;
  color: #fff;
  text-align: center;
  font-size: 0.9rem;
}
#footer .footer-contact-info {
  padding: 2rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 1.5rem;
}
#footer .footer-contact-info .footer-col {
  text-align: left;
  margin-bottom: 1.5rem;
}
#footer .footer-contact-info .footer-col h4 {
  color: #fff;
  font-size: 1.1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
#footer .footer-contact-info .footer-col p {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
#footer .footer-contact-info .footer-col a {
  color: #fff;
}
#footer .footer-contact-info .footer-col a:hover {
  color: #0b9ddc;
}
#footer .footer-contact-info .footer-col i {
  width: 20px;
  margin-right: 5px;
}

.fundusze_bottom {
  padding: 2rem;
}
.fundusze_bottom img {
  max-width: 800px;
  height: auto;
}

a.cmplz-link.privacy-statement {
  display: none;
}

/**
*-----------------------------------------------
* Purchase Section (product #872)
*-----------------------------------------------
*/
.purchase_section {
  background: #0b9ddc;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.purchase_section:before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 500px;
  height: 500px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
}
.purchase_section:after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: -5%;
  width: 350px;
  height: 350px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 50%;
}
.purchase_section .container {
  position: relative;
  z-index: 1;
}
.purchase_section .section_title {
  color: #fff;
  margin-bottom: 1rem;
}
.purchase_section .section_title .st_smaller {
  color: rgba(255, 255, 255, 0.85);
}

.purchase_section_text p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.05rem;
  line-height: 160%;
  margin-bottom: 2rem;
}

.purchase_features {
  margin-top: 1.5rem;
}

.purchase_feature {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.05rem;
}
.purchase_feature i {
  color: #fff;
  margin-right: 0.75rem;
  font-size: 1.2rem;
  min-width: 20px;
}
.purchase_feature span {
  color: rgba(255, 255, 255, 0.95);
}

.purchase_section_form {
  background: #fff;
  border-radius: 8px;
  padding: 2.5rem;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.purchase_section_form h3 {
  color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1.5rem;
  text-align: center;
}

.purchase_variations {
  margin-bottom: 1.5rem;
}

.purchase_variation_row {
  margin-bottom: 1.2rem;
}
.purchase_variation_row label {
  display: block;
  color: #555;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.4rem;
}
.purchase_variation_row select {
  width: 100%;
  padding: 0.7rem 1rem;
  border: 2px solid rgb(224.4, 224.4, 224.4);
  border-radius: 5px;
  font-size: 1rem;
  color: #333;
  background: #fff;
  transition: border-color 300ms;
  appearance: auto;
  -webkit-appearance: auto;
}
.purchase_variation_row select:focus {
  border-color: #0b9ddc;
  outline: none;
  box-shadow: 0 0 0 3px rgba(11, 157, 220, 0.15);
}

.purchase_price_row {
  background: #f8f9fa;
  border-radius: 5px;
  padding: 1rem 1.2rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.purchase_price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.purchase_price_label {
  font-size: 1rem;
  color: #666;
  font-weight: 600;
}

.purchase_price_value {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0b9ddc;
  margin-bottom: 0;
}
.purchase_price_value del {
  color: #999;
  font-size: 1rem;
  font-weight: 400;
}
.purchase_price_value ins {
  text-decoration: none;
}

.purchase_unavailable {
  color: #dc3545;
  font-size: 1rem;
  font-weight: 400;
}

.purchase_actions {
  text-align: center;
}

.purchase_add_to_cart {
  width: 100%;
  text-align: center;
  margin-top: 0;
  padding: 1rem 2rem;
  font-size: 1.15rem;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  display: inline-block;
}
.purchase_add_to_cart:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.purchase_add_to_cart:disabled:hover {
  background: #ccc;
}
.purchase_add_to_cart i {
  margin-right: 0.5rem;
}

.purchase_details_link {
  display: inline-block;
  margin-top: 1rem;
  color: #0b9ddc;
  font-size: 0.95rem;
  text-decoration: none;
}
.purchase_details_link:hover {
  color: rgb(8.5714285714, 122.3376623377, 171.4285714286);
  text-decoration: underline;
}
.purchase_details_link i {
  margin-left: 0.3rem;
  font-size: 0.8rem;
}

/**
*-----------------------------------------------
* Landing page
*-----------------------------------------------
*/
.landing_hero {
  position: relative;
  min-height: 90vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-top: 7rem;
}
.landing_hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 0;
}
.landing_hero .overlay {
  background: rgba(0, 0, 0, 0.72);
  z-index: 1;
}
.landing_hero .container {
  position: relative;
  z-index: 2;
}

.landing_hero_content {
  max-width: 700px;
  padding: 2rem 0;
}

.landing_hero h1 {
  color: #fff;
  font-size: 3rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 1rem;
  line-height: 120%;
}

.landing_hero_sub {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.15rem;
  line-height: 170%;
  margin-bottom: 1rem;
}

.landing_hero_btns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.landing_hero_btns .white_btn {
  margin-top: 2rem;
  color: #0b9ddc;
}
.landing_hero_btns .white_btn i {
  margin-right: 0.5rem;
}

.landing_intro_text {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.05rem;
  line-height: 170%;
}
.landing_intro_text p {
  margin-bottom: 1rem;
}

.landing_benefits {
  background: #f8f9fa;
}

.landing_benefits_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin-top: 2.5rem;
}

.landing_benefit_item {
  width: calc(33.333% - 2rem);
  min-width: 280px;
  text-align: center;
  padding: 2rem 1.5rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}
.landing_benefit_item h3 {
  font-size: 1.15rem;
  color: #333;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.landing_benefit_item p {
  font-size: 0.95rem;
  color: #666;
  margin: 0;
  line-height: 155%;
}

.landing_benefit_icon {
  font-size: 2.5rem;
  color: #0b9ddc;
  margin-bottom: 1rem;
}

.landing_features {
  background: #fff;
}

.landing_feature_card {
  background: #f8f9fa;
  padding: 1.3rem 1.5rem;
  border-left: 4px solid #0b9ddc;
  margin-bottom: 1rem;
  border-radius: 0 6px 6px 0;
}
.landing_feature_card h3 {
  font-size: 1.05rem;
  color: #333;
  margin-top: 0;
  margin-bottom: 0.4rem;
}
.landing_feature_card h3 i {
  color: #0b9ddc;
  margin-right: 0.5rem;
  width: 20px;
  text-align: center;
}
.landing_feature_card p {
  font-size: 0.93rem;
  color: #555;
  margin: 0;
  line-height: 155%;
}

.landing_audience {
  background: #0b9ddc;
  color: #fff;
}
.landing_audience .section_title {
  color: #fff;
}

.landing_audience_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin-top: 2.5rem;
}

.landing_audience_item {
  width: calc(33.333% - 2rem);
  min-width: 280px;
  background: rgba(255, 255, 255, 0.1);
  padding: 2rem 1.5rem;
  border-radius: 8px;
  text-align: center;
}
.landing_audience_item i {
  font-size: 2.8rem;
  color: #fff;
  margin-bottom: 1rem;
  display: block;
}
.landing_audience_item h3 {
  font-size: 1.15rem;
  color: #fff;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.landing_audience_item p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.93rem;
  margin: 0;
  line-height: 155%;
}

.landing_stats {
  background: #1a5fa8;
  color: #fff;
  padding: 3rem 0;
}

.landing_stats_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 2rem;
}

.landing_stat_item {
  text-align: center;
  min-width: 160px;
}

.landing_stat_number {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  display: block;
  line-height: 120%;
}

.landing_stat_label {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 0.3rem;
  display: block;
}

.landing_process {
  background: #fff;
}

.landing_process_steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 2.5rem;
}

.landing_process_step {
  flex: 1;
  min-width: 220px;
  text-align: center;
  padding: 0 1rem;
}
.landing_process_step h3 {
  font-size: 1.1rem;
  color: #333;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.landing_process_step p {
  font-size: 0.93rem;
  color: #666;
  line-height: 155%;
}

.landing_step_number {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  background: #0b9ddc;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 auto 1rem;
  font-family: "Lato", sans-serif;
}

.variations select option:disabled,
.purchase_variation_row select option:disabled {
  color: #bbb;
}

.mobile-menu-extra {
  display: none;
}

@media all and (max-width: 1199px) {
  #top-bar {
    display: none;
  }
  #header {
    top: 0;
    transition: transform 0.3s ease;
    will-change: transform;
  }
  #header.header--hidden {
    transform: translateY(-100%);
  }
  .logo_right {
    display: none;
  }
  .buy-now-btn {
    display: none;
  }
  #header .row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  #header .col-md-4 {
    flex: 1 1 auto;
    max-width: none;
    width: auto;
  }
  #header .col-md-8 {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
    justify-content: flex-end;
  }
  .navbar {
    justify-content: flex-end;
    text-align: left;
    width: auto;
  }
  .navbar .navbar-nav {
    justify-content: flex-start;
    background: transparent;
    width: auto;
    float: none;
  }
  .navbar-toggler {
    margin: 0;
    float: none;
  }
  .mobile-menu-extra {
    display: block;
    padding: 1rem 1rem 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-top: 0.5rem;
  }
  .mobile-menu-extra .mobile-menu-contact {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .mobile-menu-extra .mobile-menu-contact a {
    color: #fff;
    font-size: 0.85rem;
    text-decoration: none;
  }
  .mobile-menu-extra .mobile-menu-contact a i {
    margin-right: 0.4rem;
    color: #fff;
  }
  .mobile-menu-extra .mobile-menu-contact a:hover {
    color: rgb(216.75, 216.75, 216.75);
  }
  .mobile-menu-extra .mobile-menu-languages {
    margin-top: 0.8rem;
  }
  .mobile-menu-extra .mobile-menu-languages ul, .mobile-menu-extra .mobile-menu-languages li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mobile-menu-extra .mobile-menu-languages ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .mobile-menu-extra .mobile-menu-languages li {
    display: inline-block;
    margin: 0 3px;
  }
  .mobile-menu-extra .mobile-menu-languages li a img {
    width: 24px;
    height: auto;
    opacity: 0.8;
  }
  .mobile-menu-extra .mobile-menu-languages li a img:hover {
    opacity: 1;
  }
  .mobile-menu-extra .mobile-menu-languages li.current-lang a img {
    opacity: 1;
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
  }
}
@media all and (max-width: 992px) {
  #top-bar {
    display: none;
  }
  .buy-now-btn {
    display: none;
  }
}
@media all and (max-width: 767px) {
  #top-bar {
    display: none;
  }
  #header {
    top: 0;
  }
  .buy-now-btn {
    display: none;
  }
}
@media all and (min-width: 993px) {
  .navbar .dropdown-menu {
    margin-top: 0px;
  }
  .navbar .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: 0px;
  }
  .navbar .dropdown-menu li a {
    color: #fff;
  }
  .navbar .dropdown-menu > li:hover > .sub-menu {
    visibility: visible;
  }
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0;
    background: #333333;
  }
  .navbar .dropdown:hover > .dropdown-menu a {
    color: #fff;
  }
  .navbar .dropdown:hover > .dropdown-menu a:hover {
    background: #0b9ddc;
  }
  .navbar .dropdown:hover > .dropdown-menu li.active a {
    background: inherit;
  }
  .navbar .dropdown:hover > .dropdown-menu li.active a:hover {
    background: #fff;
  }
  .right {
    text-align: right;
  }
}
@media all and (min-width: 1450px) {
  .container {
    max-width: 1300px;
    width: 1300px;
  }
}
@media all and (max-width: 1450px) {
  html, body {
    font-size: 14px;
  }
}
@media all and (max-width: 992px) {
  .navbar {
    text-align: left;
    justify-content: flex-end;
    width: auto;
  }
  .navbar .navbar-nav {
    float: none;
    justify-content: flex-start;
    background: #1f1f1f;
    width: auto;
  }
  .navbar-toggler {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0;
    float: none;
    position: relative;
  }
  .navbar-toggler .navbar-toggler-icon {
    background-image: none !important;
    position: relative;
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
    transition: background 0.2s ease;
  }
  .navbar-toggler .navbar-toggler-icon::before, .navbar-toggler .navbar-toggler-icon::after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    transition: transform 0.3s ease, top 0.3s ease, bottom 0.3s ease;
  }
  .navbar-toggler .navbar-toggler-icon::before {
    top: -7px;
  }
  .navbar-toggler .navbar-toggler-icon::after {
    bottom: -7px;
  }
  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background: transparent;
  }
  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before {
    top: 0;
    transform: rotate(45deg);
  }
  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after {
    bottom: 0;
    transform: rotate(-45deg);
  }
  .navbar-toggler:focus {
    outline: none;
    opacity: 0.8;
  }
  .mb_text h1 {
    font-size: 2.4rem;
  }
  .mb_text h2 {
    font-size: 1.5rem;
  }
  .mb_text {
    text-align: center;
    margin-left: 0rem;
    padding: 0.5rem;
  }
  .even_half_text, .even_half_text.eht_reverse {
    padding: 2rem;
  }
  .if_block {
    width: 33%;
  }
  .contact_banner {
    min-height: 500px;
  }
  .fundusze_bottom img {
    max-width: 100%;
  }
  .logo {
    max-width: 80%;
    display: block;
    margin: 10px auto;
  }
  #header {
    position: relative;
  }
  .navbar .navbar-nav li .nav-link {
    margin: 0.5rem 0;
    width: 100%;
  }
  .purchase_section_text {
    margin-bottom: 2rem;
  }
  .purchase_section .section_title {
    font-size: 2rem;
  }
  .landing_hero {
    min-height: 70vh;
  }
  .landing_hero h1 {
    font-size: 2.2rem;
  }
  .landing_benefit_item,
  .landing_audience_item {
    width: calc(50% - 2rem);
    min-width: 0;
  }
  .landing_process_step {
    min-width: 45%;
  }
  .landing_stat_number {
    font-size: 2.2rem;
  }
}
@media all and (max-width: 767px) {
  .application_block {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .half_page {
    text-align: left;
  }
  .half_page p {
    text-align: left;
  }
  .white_btn {
    text-align: center;
  }
  #particles-js {
    display: none !important;
  }
  .lang_switch {
    display: block;
    text-align: center;
    float: none;
    margin-top: 0.8rem;
  }
  .application_title {
    margin-top: 2rem;
  }
  .cw_img {
    margin-bottom: 1.5rem;
  }
  .if_block {
    width: 48%;
  }
  .section_title {
    font-size: 2rem;
  }
  .sth_left {
    margin-top: 0;
  }
  .section_title.st_half {
    font-size: 1.8rem;
  }
  .sth_left:before, .sth_right:before, .sth_left:after, .sth_right:after {
    display: none;
  }
  .sth_right {
    padding-left: 0;
    margin-top: 5rem;
    position: relative;
  }
  .no_pad_left {
    padding-left: 15px;
  }
  .no_pad_right {
    padding-right: 15px;
  }
  .even_half_text, .even_half_text.eht_reverse {
    padding: 2rem;
  }
  .half_img {
    height: 280px !important;
  }
  .pum-container.pum-responsive img {
    max-width: 100%;
    height: auto;
    float: none;
    nmargin: 1rem auto;
    display: block;
  }
  .sub_eng_flex {
    justify-content: center;
  }
  .logo_company_flex {
    justify-content: center;
    text-align: center;
  }
  .lcf_cont {
    width: 100%;
    text-align: center;
    padding: 1rem;
  }
  .lcf_cont img {
    max-width: 250px;
    height: auto;
    max-height: 100px;
    width: auto;
  }
  .bp_tile {
    max-width: 360px;
    width: 100%;
    margin: 1rem auto;
  }
  .lcf_name {
    font-size: 1.3rem;
    width: 100%;
    text-align: center;
  }
  .bdf_left, .bdf_center, .bdf_right {
    width: 100%;
    text-align: center;
  }
  .single_cont {
    padding-top: 1.5rem;
  }
  .main_banner.with_pad {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
  .mobile_app img {
    max-width: 140px;
    margin: 0.5rem;
  }
  .mb_flex.flex.flex_start {
    justify-content: center;
  }
  #footer .footer-contact-info .footer-col {
    text-align: center;
  }
  .purchase_section_form {
    padding: 1.5rem;
  }
  .purchase_section .section_title {
    font-size: 1.6rem;
    text-align: center;
  }
  .purchase_section_text {
    text-align: center;
  }
  .purchase_section_text p {
    text-align: center;
  }
  .purchase_feature {
    justify-content: center;
  }
  .prod_left, .prod_right {
    max-width: 100%;
  }
  .prod_left {
    margin-bottom: 1.5rem;
  }
  .prod_right {
    padding-left: 0;
  }
  .home_bottom_between h2 {
    font-size: 1.6rem;
  }
  .home_bottom_between h3 {
    font-size: 1.4rem;
  }
  .logo_left {
    max-width: 100%;
  }
  .with_pad {
    padding: 2rem 0;
  }
  .landing_hero {
    min-height: auto;
    padding: 10rem 0 4rem;
  }
  .landing_hero h1 {
    font-size: 1.8rem;
  }
  .landing_hero_sub {
    font-size: 1rem;
  }
  .landing_hero_btns {
    flex-direction: column;
    align-items: flex-start;
  }
  .landing_benefit_item,
  .landing_audience_item {
    width: 100%;
  }
  .landing_process_step {
    min-width: 100%;
  }
  .landing_stats_grid {
    flex-direction: column;
    align-items: center;
  }
  .landing_stat_number {
    font-size: 2rem;
  }
  .blog_article_tile {
    flex-direction: column;
  }
  .bat_thumb {
    width: 100%;
    min-height: 200px;
  }
  .bat_text {
    width: 100%;
    padding: 1.2rem;
  }
  .bat_meta {
    gap: 0.6rem;
  }
  .single_meta_bar {
    gap: 0.6rem 1rem;
    padding: 0.8rem 1rem;
  }
}
@media all and (max-width: 420px) {
  .if_block {
    width: 100%;
  }
  .mb_text {
    margin: 0 auto;
  }
}

/*# sourceMappingURL=style.css.map */