@charset "UTF-8";
/*!
Theme Name: AkopSzostak
Theme URI: http://underscores.me/
Author: Me
Author URI: http://underscores.me/
Description: Custom theme: AkopSzostak, developed by Me
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: as
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

AkopSzostak is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! 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;
  -webkit-text-size-adjust: 100%;
}

/* 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 {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 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;
  font-size: 1em;
}

/* 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;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * 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;
  font-size: 1em;
}

/**
 * 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;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  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 {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * 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] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * 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;
  outline-offset: -2px;
}

/**
 * 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;
  font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #333;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #FF3139;
}

h1 {
  font-size: 53px;
  font-weight: 700;
  line-height: 1em;
}
@media screen and (max-width: 1024px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 35px;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 1.1em;
}
@media screen and (max-width: 1024px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 1.4em;
}
@media screen and (max-width: 1024px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin: 0 0 10px;
}

h6 {
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 10px;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: transparent;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}
table tr:nth-child(odd) {
  background-color: #f7f7f7;
}
table tr:hover {
  background-color: #d8d8d8;
}
table tr td,
table tr th {
  border: 1px solid #ccc;
  padding: 15px;
}

/* Links
--------------------------------------------- */
a {
  color: #e48b62;
}
a:visited {
  color: #e48b62;
}
a:hover, a:focus, a:active {
  color: #01303D;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  padding: 11px 16px;
  width: 100%;
  margin-bottom: 20px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  padding: 11px 16px;
}

.select2-container .select2-selection--single {
  height: 43px;
  border-radius: 0px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 43px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 43px;
}

textarea {
  width: 100%;
}

input[type=submit] {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #01303D;
  border: none;
  border-radius: 10px;
  transition: all 0.4s ease;
  padding: 10px 20px;
  font-family: "Montserrat", sans-serif;
  margin: 10px 0;
}
input[type=submit]:hover {
  background-color: #000;
  color: #01303D;
}

.wpcf7 select {
  border-radius: 0px;
  padding: 11px 16px;
  margin-bottom: 10px;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=url],
.wpcf7 input[type=password],
.wpcf7 input[type=search],
.wpcf7 input[type=number],
.wpcf7 input[type=tel],
.wpcf7 input[type=range],
.wpcf7 input[type=date],
.wpcf7 input[type=month],
.wpcf7 input[type=week],
.wpcf7 input[type=time],
.wpcf7 input[type=datetime],
.wpcf7 input[type=datetime-local],
.wpcf7 input[type=color],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  border: 1px solid #F2BAA0;
  border-radius: 4px;
}
.wpcf7 textarea {
  height: 100px;
  margin-bottom: 0;
}
.wpcf7 p {
  margin-bottom: 0;
}
.wpcf7 .wpcf7-list-item {
  margin: 0;
}
.wpcf7 .wpcf7-submit {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  line-height: 24px;
  color: #fff;
  background-color: #C8150B;
  border: none;
  border-radius: 10px;
  transition: all 0.4s ease;
  padding: 11px 20px;
  font-family: "Montserrat", sans-serif;
  margin: 10px 0;
}
.wpcf7 .wpcf7-submit:hover {
  background-color: #000;
  color: #fff;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.container {
  max-width: 1260px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.site-main {
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .site-main {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .site-main > section {
    padding: 15px;
  }
}

/* Post title width */
.editor-post-title__block.wp-block {
  max-width: 1260px;
  /* Post title styling */
}
/* Main column width */
.wp-block {
  max-width: 1260px;
  /* Wide column width */
  /* Full column width */
}
.wp-block[data-align=wide] {
  max-width: none;
  /*@include media(">=medium") {
  	max-width: none;
  	margin-left: calc(25vw - 25%);
  	margin-right: calc(25vw - 25%);
  }*/
}
.wp-block[data-align=full] {
  max-width: none;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Header
--------------------------------------------- */
#masthead {
  padding: 0px 0;
  transition: all 0.3s ease;
  background-color: #01303D;
}
#masthead .top {
  transition: all 0.3s ease;
  background-color: #000;
  line-height: 26px;
  font-size: 12px;
  padding: 10px 0;
}
#masthead .top .container {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  #masthead .top .container {
    justify-content: center;
  }
}
#masthead .top .container a {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-right: 40px;
}
@media screen and (max-width: 1024px) {
  #masthead .top .container a {
    margin-right: 25px;
  }
}
#masthead .top .container a:last-child {
  margin-right: 0;
}
#masthead .top .container a svg {
  height: 14px;
  width: auto;
  margin-right: 8px;
}
@media screen and (max-width: 1024px) {
  #masthead .top .container a.home-button {
    display: none;
  }
}
#masthead.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
#masthead.sticky .top {
  padding: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  #masthead.sticky .container .main-navigation.toggled > div {
    top: 30px;
  }
}
#masthead > .container {
  padding: 18px 0;
  display: flex;
  max-width: 1290px;
  width: auto;
  padding: 18px 15px;
}
@media screen and (max-width: 1024px) {
  #masthead > .container {
    justify-content: space-between;
    padding: 18px 15px;
  }
}
#masthead > .container .site-branding {
  margin-right: 10px;
  padding-top: 10px;
}
#masthead > .container .site-branding svg {
  width: 280px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  #masthead > .container .site-branding svg {
    width: 220px;
  }
}
#masthead > .container button.menu-toggle {
  background: none;
  border: none;
  padding: 0;
}
#masthead > .container button.menu-toggle span {
  transition: all 0.3s ease-in-out;
  display: block;
  height: 4px;
  width: 30px;
  background-color: #F2BAA0;
  margin-bottom: 4px;
}
@media (max-width: 1024px) {
  #masthead > .container .main-navigation {
    width: 30px;
  }
}
#masthead > .container .main-navigation .mobile-show-dashboard-menu {
  display: none;
  background: none;
  border: none;
  padding: 0;
}
#masthead > .container .main-navigation .mobile-show-dashboard-menu span {
  transition: all 0.3s ease-in-out;
  display: block;
  height: 4px;
  width: 30px;
  background-color: #F2BAA0;
  margin-bottom: 4px;
}
@media (max-width: 1024px) {
  #masthead > .container .main-navigation .mobile-show-dashboard-menu {
    display: block;
  }
}
#masthead > .container .main-navigation > div ul {
  justify-content: flex-end;
}
#masthead > .container .main-navigation > div ul li {
  padding: 0;
}
@media (max-width: 1024px) {
  #masthead > .container .main-navigation > div ul li {
    padding: 20px 0;
    background-color: #01475C;
    border-bottom: 1px dashed #fff;
  }
  #masthead > .container .main-navigation > div ul li:last-child {
    border-bottom: 1px solid #fff;
  }
}
#masthead > .container .main-navigation > div ul li a {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
}
#masthead > .container .main-navigation > div ul li a:hover {
  color: #F2BAA0;
  border-bottom: 1px solid #F2BAA0;
}
#masthead > .container .main-navigation > div ul li.current-menu-item a {
  color: #e48b62;
  border-bottom: 1px solid #e48b62;
}
#masthead > .container .main-navigation > div ul li.my-account {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  #masthead > .container .main-navigation > div ul li.my-account {
    display: none;
  }
}
#masthead > .container .main-navigation > div ul li.my-account a {
  font-weight: bold;
}
#masthead > .container .main-navigation > div .my-account-mobile {
  display: none;
  color: #fff;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  padding: 12px 20px 12px 20px;
  border-radius: 8px;
  margin: 30px 0;
}
#masthead > .container .main-navigation.toggled button.menu-toggle span {
  opacity: 0;
}
#masthead > .container .main-navigation.toggled button.menu-toggle span:first-child {
  opacity: 1;
  transform: rotate(-45deg) translate(0, 11px);
}
#masthead > .container .main-navigation.toggled button.menu-toggle span:last-child {
  opacity: 1;
  transform: rotate(45deg) translate(0, -11px);
}
#masthead > .container .main-navigation.toggled > div {
  padding-top: 40px;
  margin-top: 40px;
  position: absolute;
  z-index: 999999;
  background: #01303D;
  left: 0;
  text-align: center;
  width: 100%;
  top: 43px;
}
#masthead > .container .main-navigation.toggled > div .my-account-mobile {
  display: inline-block;
  color: #fff;
}
#masthead .home-button-mobile {
  display: none;
}
@media (max-width: 1024px) {
  #masthead .home-button-mobile {
    padding: 0;
    display: block;
  }
  #masthead .home-button-mobile svg {
    width: 30px;
    height: 30px;
  }
}

#page.sticky {
  padding-top: 118px;
}

.as-info-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 7px 15px;
}
.as-info-bar strong {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.9px;
  text-align: center;
}
@media (max-width: 1024px) {
  .as-info-bar strong {
    font-size: 19px;
  }
}
.as-info-bar a {
  text-decoration: none;
  background-color: #000;
  color: #fff;
  padding: 8px 15px 8px 15px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  border-radius: 10px 10px 10px 10px;
  transition: all 0.3s ease;
  margin: 0 20px;
}
.as-info-bar a:hover {
  color: #000;
  background-color: #fff;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  padding: 0 18px;
  text-transform: uppercase;
  color: #262a2b;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.4s ease;
}
.main-navigation a:hover {
  color: #01303D;
}
.main-navigation a.my-account {
  margin-left: 20px;
  color: #fff;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  padding: 12px 20px 12px 20px;
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .main-navigation a.my-account {
    margin-left: 0;
    display: none;
  }
}
.main-navigation .dashboard-nav {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .main-navigation .dashboard-nav {
    display: none;
  }
}
.main-navigation .dashboard-nav a:first-child {
  background-color: #F2BAA0;
  border-color: #F2BAA0;
  color: #01303D;
}
.woocommerce-account .main-navigation {
  justify-content: flex-end;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 1200px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.comment-navigation,
.posts-navigation,
.post-navigation {
  width: 100%;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 50px;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
  justify-content: center;
}
.comment-navigation .nav-links a,
.posts-navigation .nav-links a,
.post-navigation .nav-links a {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #01303D;
  border-radius: 10px;
  transition: all 0.4s ease;
  padding: 11px 20px;
  font-family: "Montserrat", sans-serif;
  line-height: 24px;
  margin: 10px 10px;
  text-decoration: none;
}
.comment-navigation .nav-links a:hover,
.posts-navigation .nav-links a:hover,
.post-navigation .nav-links a:hover {
  background-color: #000;
  color: #fff;
}
.comment-navigation .nav-links a:visited,
.posts-navigation .nav-links a:visited,
.post-navigation .nav-links a:visited {
  color: #fff;
}
/* Posts and pages
--------------------------------------------- */
html {
  scroll-behavior: smooth;
}

body.bg-gradient {
  background-image: linear-gradient(90deg, #f7dcd1 30%, #f2baa0 60%);
}

.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0;
}

article.page {
  max-width: 1260px;
  margin: 0 auto;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.diet-link {
  margin: 80px 0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .diet-link .button {
    display: block;
    margin: 0 auto;
  }
}

.only-for-logged-in {
  padding: 100px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .only-for-logged-in {
    padding: 50px 0;
    font-size: 18px;
  }
}

.page-template-fullwidth-page main > * {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
.page-template-fullwidth-page main > *.alignfull {
  max-width: 100%;
}
.page-template-fullwidth-page main > *.alignfull > * {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
.page-template-fullwidth-page main > *.alignfull > *.alignfull {
  max-width: 100%;
}

.page-template-cpm-calculator main > * {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
.page-template-cpm-calculator main > *.alignfull {
  max-width: 100%;
}
.page-template-cpm-calculator main > *.alignfull > * {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
.page-template-cpm-calculator main > *.alignfull > *.alignfull {
  max-width: 100%;
}

.page.page-template-default {
  background-image: linear-gradient(90deg, #f7dcd1 30%, #f2baa0 60%);
}
.page.page-template-default #primary {
  background-image: url('data:image/svg+xml,<svg width="1000" height="100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><g><path fill="%2301303d" id="svg_1" d="m761.9,44.1l-118.8,-16.9l-309.3,70.8l-333.8,-94.2l0,-3.8l1000,0l0,3.9" class="elementor-shape-fill"/></g></svg>');
  background-position: 50% 0px;
  background-repeat: no-repeat;
  background-size: 350vw 490px;
  padding-top: 2px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-default #primary {
    background-size: 700% 1100px;
  }
}
@media screen and (max-width: 1024px) {
  .page.page-template-default #primary {
    padding: 0 15px;
    padding-top: 15px;
  }
}
.page.page-template-default .entry-title {
  color: #F2BAA0;
}
@media screen and (max-width: 1024px) {
  .page.page-template-default .entry-title {
    font-size: 32px;
    margin-top: 0;
  }
}
.page.page-template-default .entry-title::after {
  bottom: 10px;
  right: 0px;
  left: auto;
}
.page.page-template-default .entry-content {
  border-radius: 20px;
  background-color: #fff;
  padding: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-default .entry-content {
    padding: 20px;
  }
}
.page.page-template-default .entry-content ul, .page.page-template-default .entry-content ol {
  margin-left: 0;
}
.page.page-template-default .entry-content ul li, .page.page-template-default .entry-content ol li {
  margin-bottom: 10px;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Footer
--------------------------------------------- */
footer#colophon {
  background-color: #01303D;
  color: #fcfcfc;
  padding: 20px 0 0 0;
  position: relative;
  margin-top: 94px;
}
@media screen and (max-width: 1024px) {
  footer#colophon {
    margin-top: 45px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  footer#colophon {
    margin-top: 35px;
  }
}
footer#colophon::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%2301303D" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  position: absolute;
  transform: rotate(180deg);
  top: -94px;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  footer#colophon::before {
    height: 36px;
    top: -35px;
  }
}
footer#colophon .widgets .widget {
  margin-bottom: 0px;
}
footer#colophon .widgets .widget:last-child {
  margin-bottom: 0;
}
footer#colophon .widgets h3 {
  font-family: "Montserrat", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: uppercase;
}
footer#colophon .widgets a {
  color: rgba(255, 255, 255, 0.69);
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}
footer#colophon .widgets a svg {
  width: auto;
  height: 32px;
  fill: #fff;
  color: #fff;
  margin-right: 20px;
}
footer#colophon .widgets a:hover {
  color: #fff;
}
footer#colophon .widgets a:hover svg {
  color: #e48b62;
}
footer#colophon .widgets .wp-block-gallery img {
  border-radius: 5px;
}
footer#colophon .widgets .newsletter-box {
  padding: 20px 0;
}
footer#colophon .widgets .newsletter-box h2 {
  line-height: 2.5rem;
}
footer#colophon .widgets .newsletter-box a.wp-block-button__link {
  padding: 11px 20px;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}
footer#colophon .widgets .newsletter-box a.wp-block-button__link:hover {
  background-color: #F2BAA0;
}
footer#colophon .menu {
  padding: 20px 0;
  list-style-type: none;
  display: flex;
  border-color: #54595F;
  border-style: solid;
  border-width: 1px 0 1px 0;
  gap: 45px;
  justify-content: center;
}
@media screen and (max-width: 37.5em) {
  footer#colophon .menu {
    flex-direction: column;
    gap: 0;
    align-items: center;
  }
}
footer#colophon .menu li a {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
}
footer#colophon .site-info {
  font-size: 14px;
  font-weight: 300;
  padding: 10px 0 29px 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 37.5em) {
  footer#colophon .site-info {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
footer#colophon .site-info a {
  color: #fcfcfc;
  text-decoration: none;
}

body.dashboard footer#colophon::before {
  background-color: #f7f7f7;
}

body.blog,
body.archive,
body.search,
body.single-post {
  background-image: linear-gradient(90deg, #f7dcd1 30%, #f2baa0 60%);
}

.archive .blog-header,
.search .blog-header,
.blog .blog-header {
  background-image: url('data:image/svg+xml,<svg width="1000" height="100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><g><path fill="%2301303d" id="svg_1" d="m761.9,44.1l-118.8,-16.9l-309.3,70.8l-333.8,-94.2l0,-3.8l1000,0l0,3.9" class="elementor-shape-fill"/></g></svg>');
  background-position: 50% 0px;
  background-repeat: no-repeat;
  background-size: 350vw 660px;
  padding: 36px 0;
  min-height: 700px;
  margin-bottom: -530px;
}
@media screen and (max-width: 1024px) {
  .archive .blog-header,
  .search .blog-header,
  .blog .blog-header {
    min-height: 750px;
    background-size: 700vw 660px;
  }
}
.archive .blog-header h1,
.search .blog-header h1,
.blog .blog-header h1 {
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 16px 0;
  color: #F2BAA0;
}
.archive .blog-header .blognav,
.search .blog-header .blognav,
.blog .blog-header .blognav {
  width: 100%;
  margin: 10px 0 20px 0;
}
.archive .blog-header .blognav ul,
.search .blog-header .blognav ul,
.blog .blog-header .blognav ul {
  list-style-type: none;
  padding-left: 0;
}
.archive .blog-header .blognav ul li,
.search .blog-header .blognav ul li,
.blog .blog-header .blognav ul li {
  display: inline-block;
  margin-right: 16px;
}
.archive .blog-header .blognav ul li a,
.search .blog-header .blognav ul li a,
.blog .blog-header .blognav ul li a {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
}
.archive .blog-header .blognav ul li a::before,
.search .blog-header .blognav ul li a::before,
.blog .blog-header .blognav ul li a::before {
  content: "#";
}
.archive .blog-header .blognav ul li.current-cat,
.search .blog-header .blognav ul li.current-cat,
.blog .blog-header .blognav ul li.current-cat {
  padding: 6px 12px;
  border-radius: 10px;
}
.archive main,
.search main,
.blog main {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 30px;
  padding-bottom: 30px;
}
article.blog {
  width: calc(33.333333% - 20px);
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 1024px) {
  article.blog {
    width: 100%;
  }
}
article.blog .bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 1.5s ease;
  min-height: 300px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
article.blog a {
  text-decoration: none;
  z-index: 10;
}
article.blog a .inner {
  z-index: 10;
  padding: 20px;
  transition: all 1s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
article.blog a .inner img {
  transition: all 1s ease;
  width: 100%;
}
article.blog a .inner h2 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 24px;
  transition: all 1s ease;
  color: #01303D;
  text-align: center;
}
article.blog a .inner .date {
  transition: all 1s ease;
  text-align: center;
  font-size: 15px;
}
article.blog:hover .img-container {
  overflow: hidden;
}
article.blog:hover img {
  transition: all 1s ease;
  transform: scale(1.2);
}
.archive .no-results,
.search .no-results,
.blog .no-results {
  padding: 50px;
  font-size: 24px;
  text-align: center;
  width: 100%;
}

.sh-blog {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0;
}
@media screen and (max-width: 1024px) {
  .sh-blog {
    margin-bottom: 0;
  }
}

.single-post .entry-header {
  background-image: url('data:image/svg+xml,<svg width="1000" height="120" xmlns="http://www.w3.org/2000/svg"><g id="Layer_1"><title>Layer 1</title><path id="svg_1" d="m0,-0.22222" opacity="NaN" stroke="%23000" fill="%23fff"/><path transform="rotate(-0.169528 497.782 58.0427)" stroke-width="0" stroke="%23000" id="svg_3" d="m-0.14972,-2.70637l-5.3044,121.49812l1006.47309,-77.70444l-0.02073,-40.77325" opacity="NaN" fill="%2301303d"/></g></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 0;
  min-height: 380px;
}
@media screen and (max-width: 1024px) {
  .single-post .entry-header {
    padding-top: 0px;
  }
}
.single-post .entry-header .container {
  display: flex;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .single-post .entry-header .container {
    flex-wrap: wrap;
  }
}
.single-post .entry-header .container .txt {
  width: 57%;
  padding-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .single-post .entry-header .container .txt {
    width: 100%;
    padding-bottom: 20px;
  }
}
.single-post .entry-header .container .txt .entry-title {
  line-height: 53px;
  margin: 40px 0 20px 0;
  color: #F2BAA0;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .single-post .entry-header .container .txt .entry-title {
    font-size: 30px;
    line-height: 30px;
    margin-top: 20px;
  }
}
.single-post .entry-header .container .txt .date {
  font-weight: 300;
  color: #fff;
  font-size: 16px;
}
.single-post .entry-header .container .post-thumbnail {
  position: absolute;
  right: 0;
  width: 43%;
  margin-bottom: -75px;
  padding-left: 20px;
}
@media screen and (max-width: 1024px) {
  .single-post .entry-header .container .post-thumbnail {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    padding-left: 0;
  }
}
.single-post .entry-header .container .post-thumbnail img {
  border-radius: 30px;
}
.single-post .container-content {
  padding-top: 10px;
  padding-bottom: 40px;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .single-post .container-content {
    padding-top: 0px;
    flex-direction: column;
  }
}
.single-post .container-content .entry-content {
  width: 63%;
}
@media screen and (max-width: 1024px) {
  .single-post .container-content .entry-content {
    width: 100%;
  }
}
.single-post .container-content .entry-content ol, .single-post .container-content .entry-content ul {
  margin-left: 0;
}
.single-post .container-content aside {
  width: 37%;
  margin: 1.5em 0 0;
}
@media screen and (max-width: 1024px) {
  .single-post .container-content aside {
    width: 100%;
  }
}
.single-post .container-content aside .widget_recent_entries .wp-block-latest-posts {
  display: flex;
  flex-direction: column;
}
.single-post .container-content aside .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__featured-image {
  max-width: 140px;
}
.single-post .container-content aside .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
  border-radius: 10px;
}
.single-post .container-content aside .widget_recent_entries .wp-block-latest-posts li .wp-block-latest-posts__post-title {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  text-decoration: none;
}

.search-box {
  width: 100%;
  overflow: hidden;
}
.search-box h2 {
  text-align: center;
}
.search-box form {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.search-box form .search-field {
  margin-bottom: 0;
  width: 650px;
  border-radius: 12px 0 0 12px;
  padding: 13px 16px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
  outline: none;
}
@media screen and (max-width: 1024px) {
  .search-box form .search-field {
    width: calc(100vw - 82px);
  }
}
.search-box form .search-submit {
  margin: 0 0 0 0px;
  padding: 18px 20px;
  border-radius: 0 12px 12px 0;
  background-image: url(img/magnifying-glass-solid.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  text-indent: 999px;
  width: 52px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
  background-color: #F2BAA0;
}
@media screen and (max-width: 1024px) {
  .search-box form .search-submit {
    margin: 0;
  }
}

h2.search-results {
  width: 100%;
  text-align: center;
  color: #fff;
}
h2.search-results span {
  color: #F2BAA0;
}

article.recipe {
  border: 1px solid #d8d8d8;
  padding: 20px;
  width: calc(33.3333333% - 20px);
  margin: 0px 10px 20px 10px;
  transition: all 1s ease;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  article.recipe {
    width: 100%;
  }
}
article.recipe .wp-post-image {
  width: 100%;
  margin-bottom: 15px;
}
article.recipe h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
}
article.recipe div.label {
  background-color: #01303D;
  color: #fff;
  border-radius: 5px;
  padding: 2px 7px;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  margin: 6px 0;
  font-size: 15px;
}
article.recipe strong {
  color: #e48b62;
}
article.recipe:hover {
  background-color: #f7f7f7;
}

.recipes-bottom {
  padding: 50px 0;
  text-align: center;
}
.recipes-bottom p {
  margin-bottom: 30px;
}

.sh-recipes {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0;
}

.recipe-popup {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.9);
}
.recipe-popup.show {
  display: flex;
}
.recipe-popup .inner {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  max-width: 840px;
  padding: 20px 40px 20px 20px;
  border: 1px solid #d8d8d8;
  z-index: 5000;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  position: relative;
  overflow-y: auto;
  display: flex;
  max-height: 96vh;
}
@media screen and (max-width: 1024px) {
  .recipe-popup .inner {
    padding: 50px 10px;
    max-height: 100vh;
    flex-wrap: wrap;
  }
}
.recipe-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 24px;
  height: 24px;
}
.recipe-popup .inner .close:after, .recipe-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #01303D;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
}
.recipe-popup .inner .close:after {
  transform: rotate(-45deg);
}
.recipe-popup .inner .recipe-content {
  display: flex;
  max-height: 92vh;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .recipe-popup .inner .recipe-content {
    max-height: initial;
    flex-wrap: wrap;
  }
}
.recipe-popup .inner .recipe-content .photo {
  width: 43%;
}
@media screen and (max-width: 1024px) {
  .recipe-popup .inner .recipe-content .photo {
    width: 100%;
    order: 2;
  }
}
.recipe-popup .inner .recipe-content .txt {
  width: 57%;
  padding-left: 30px;
}
.recipe-popup .inner .recipe-content .txt .add-to-fav {
  text-decoration: none;
  color: #e48b62;
  font-weight: bold;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Warstwa_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Tło"><path fill="%23e48b62" class="cls-1" d="m50,0C22.39,0,0,22.39,0,50s22.39,50,50,50,50-22.39,50-50S77.61,0,50,0Zm18.54,77.53l-18.54-9.75-18.54,9.75,3.54-20.65-15-14.62,20.73-3.01,9.27-18.78,9.27,18.78,20.73,3.01-15,14.62,3.54,20.65Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-left: 30px;
  height: 26px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: fit-content;
}
.recipe-popup .inner .recipe-content .txt .rm-from-fav {
  text-decoration: none;
  color: #e48b62;
  font-weight: bold;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Warstwa_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Tło"><path fill="%23e48b62" class="cls-1" d="m50,0C22.39,0,0,22.39,0,50s22.39,50,50,50,50-22.39,50-50S77.61,0,50,0Zm14.39,75l-14.16-14.16-13.92,13.92-11.08-11.08,13.92-13.92-14.16-14.16,10.61-10.61,14.16,14.16,13.92-13.92,11.08,11.08-13.92,13.92,14.16,14.16-10.61,10.61Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-left: 30px;
  height: 26px;
  display: none;
  align-items: center;
  margin-bottom: 10px;
  width: fit-content;
}
.recipe-popup .inner .recipe-content .txt .add-to-shopping-list {
  text-decoration: none;
  color: #e48b62;
  font-weight: bold;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Warstwa_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Tło"><path fill="%23e48b62" class="cls-1" d="m39.29,42.57c-1.18,0-2.14.96-2.14,2.14s.96,2.14,2.14,2.14,2.14-.96,2.14-2.14-.96-2.14-2.14-2.14Z"/><path fill="%23e48b62" class="cls-1" d="m60.71,42.57c-1.18,0-2.14.96-2.14,2.14s.96,2.14,2.14,2.14,2.14-.96,2.14-2.14-.96-2.14-2.14-2.14Z"/><path fill="%23e48b62" class="cls-1" d="m58.57,31.86c0-4.73-3.84-8.57-8.57-8.57s-8.57,3.84-8.57,8.57v6.43h17.14v-6.43Z"/><path fill="%23e48b62" class="cls-1" d="m50,0C22.39,0,0,22.39,0,50s22.39,50,50,50,50-22.39,50-50S77.61,0,50,0Zm25.7,40.68l-3.65,30.71c-.48,4.33-4.14,7.61-8.52,7.61h-27.06c-4.37,0-8.04-3.28-8.52-7.63l-3.65-30.69c-.07-.61.12-1.22.53-1.68.41-.46.99-.72,1.6-.72h10.71v-6.43c0-7.09,5.77-12.86,12.86-12.86s12.86,5.77,12.86,12.86v6.43h10.71c.61,0,1.2.26,1.6.72.41.46.6,1.07.53,1.68Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding-left: 30px;
  height: 26px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: fit-content;
}
.recipe-popup .inner .recipe-content .txt .add-to-shopping-list.inactive {
  filter: grayscale(1);
  pointer-events: none;
}
.recipe-popup .inner .recipe-content .txt ul {
  padding-left: 18px;
}
.recipe-popup .inner .recipe-content .txt p.diet-info .button {
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  line-height: 12px;
  margin: 0;
  margin-left: 20px;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 1024px) {
  .recipe-popup .inner .recipe-content .txt {
    width: 100%;
    padding-left: 0;
  }
}
.recipe-popup .inner .recipe-content .txt .legend {
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .recipe-popup .inner .recipe-content .txt .legend {
    display: none;
  }
}
.recipe-popup .inner .recipe-content .txt .legend p {
  margin-right: 12px;
}
.recipe-popup .info {
  background-color: #f7dcd1;
  border-radius: 20px;
  padding: 35px 25px 25px 25px;
  position: relative;
}
.recipe-popup .info.alert:before {
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Warstwa_2_00000016038661103704427610000013473600337138337678_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}.st1{fill:%23e48b62;}</style><circle class="st0" cx="25" cy="25" r="25"/><path class="st1" d="M25,3C12.9,3,3,12.9,3,25s9.9,22,22,22s22-9.9,22-22S37.1,3,25,3z M29,9.7l-1.3,19.8h-5.4L21,9.7H29z M28,39.2c-0.8,0.8-1.8,1.1-3,1.1s-2.2-0.4-3-1.1s-1.2-1.7-1.2-2.8c0-1.1,0.4-2,1.2-2.7c0.8-0.7,1.8-1.1,3-1.1s2.2,0.4,3,1.1c0.8,0.7,1.2,1.7,1.2,2.7C29.2,37.5,28.8,38.4,28,39.2z"/></svg>');
}

.recipe-popup .info:before {
  content: " ";
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  left: calc(50% - 30px);
  top: -30px;
  background-image: url(img/ico-megafon.svg);
}

.recipe-popup .info p,
article.recipe .wp-post-image {
  margin-bottom: 0;
}

.recipe-popup .labels {
  list-style-type: none;
  display: flex;
  padding: 0;
}

.recipe-popup .txt li {
  position: relative;
}

.recipe-popup .labels li {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #01303D;
  border-radius: 0px;
  transition: all 0.4s ease;
  padding: 5px 15px;
  font-family: "Montserrat", sans-serif;
  line-height: 24px;
  margin: 10px 10px 0px 0;
  text-decoration: none;
}

article.recipe.favorite .add-to-fav {
  display: none !important;
}
article.recipe.favorite .rm-from-fav {
  display: flex !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce button.button,
.woocommerce a.button,
.button,
.wp-block-button__link {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: #fff;
  background-color: #C8150B;
  border-radius: 10px;
  transition: all 0.4s ease;
  padding: 11px 20px;
  font-family: "Montserrat", sans-serif;
  line-height: 24px;
  margin: 10px 0;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  .woocommerce a.button.alt,
  .woocommerce button.button.alt,
  .woocommerce button.button,
  .woocommerce a.button,
  .button,
  .wp-block-button__link {
    font-size: 18px;
  }
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.button:hover,
.wp-block-button__link:hover {
  background-color: #01303D;
  color: #fff;
}
.woocommerce a.button.alt:visited,
.woocommerce button.button.alt:visited,
.woocommerce button.button:visited,
.woocommerce a.button:visited,
.button:visited,
.wp-block-button__link:visited {
  color: #fff;
}

.wp-block-button.hover-alt .wp-block-button__link:hover {
  background-color: #fff !important;
  color: #01303D !important;
}

a.button-alt,
.woocommerce a.button-alt {
  background-color: #e48b62;
  color: #fff;
}

.new-dieta-online .wp-block-button__link {
  background-color: #C8150B;
}
.new-dieta-online .wp-block-button__link:hover {
  background-color: #01303D;
  color: #fff;
}

#primary .woocommerce-MyAccount-content .woocommerce a.button.alt,
#primary .woocommerce-MyAccount-content .woocommerce button.button.alt,
#primary .woocommerce-MyAccount-content .woocommerce button.button,
#primary .woocommerce-MyAccount-content .woocommerce a.button,
#primary .woocommerce-MyAccount-content .button,
#primary .woocommerce-MyAccount-content .wp-block-button__link {
  color: #fff;
  background-color: #01303D;
}
#primary .woocommerce-MyAccount-content .woocommerce a.button.alt:hover,
#primary .woocommerce-MyAccount-content .woocommerce button.button.alt:hover,
#primary .woocommerce-MyAccount-content .woocommerce button.button:hover,
#primary .woocommerce-MyAccount-content .woocommerce a.button:hover,
#primary .woocommerce-MyAccount-content .button:hover,
#primary .woocommerce-MyAccount-content .wp-block-button__link:hover {
  background-color: #F2BAA0;
  color: #01303D;
}
#primary .woocommerce-MyAccount-content .woocommerce a.button.alt:visited,
#primary .woocommerce-MyAccount-content .woocommerce button.button.alt:visited,
#primary .woocommerce-MyAccount-content .woocommerce button.button:visited,
#primary .woocommerce-MyAccount-content .woocommerce a.button:visited,
#primary .woocommerce-MyAccount-content .button:visited,
#primary .woocommerce-MyAccount-content .wp-block-button__link:visited {
  color: #fff;
}
#primary .woocommerce-MyAccount-content a.button-alt,
#primary .woocommerce-MyAccount-content .woocommerce a.button-alt {
  background-color: #e48b62;
  color: #fff;
}

.wp-block-button.is-style-outline a.wp-block-button__link {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.wp-block-button.is-style-outline a.wp-block-button__link:hover {
  background-color: #F2BAA0;
  color: #01303D !important;
  border-color: #F2BAA0;
}

.radius-20 {
  border-radius: 20px;
}

.radius-30 {
  border-radius: 30px;
}

.top-white-bg {
  position: relative;
}
.top-white-bg::before {
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23ffffff" d="M738,99l262-93V0H0v5.6L738,99z"></path></svg>');
  position: absolute;
  top: -94px;
  left: 0;
  transform: rotate(180deg);
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .top-white-bg::before {
    top: -57px;
    height: 58px;
  }
}
.top-white-bg::after {
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23ffffff" d="M738,99l262-93V0H0v5.6L738,99z"></path></svg>');
  position: absolute;
  bottom: -94px;
  left: 0;
  z-index: -1;
}

.top-white-bg-bottom-center {
  z-index: 1;
  position: relative;
  margin-bottom: 87px;
}
.top-white-bg-bottom-center::before {
  content: " ";
  display: block;
  width: 100%;
  height: 45px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23ffffff" d="M738,99l262-93V0H0v5.6L738,99z"></path></svg>');
  position: absolute;
  top: -44px;
  left: 0;
  transform: rotate(180deg);
  z-index: -1;
}
.top-white-bg-bottom-center::after {
  content: " ";
  display: block;
  width: 100%;
  height: 87px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="white" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  position: absolute;
  bottom: -87px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .top-white-bg-bottom-center::after {
    bottom: -64px;
    height: 65px;
  }
}

.top-bottom-centent-green {
  z-index: 1;
  position: relative;
  margin-bottom: 87px;
}
.top-bottom-centent-green::before {
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23ffffff" d="M738,99l262-93V0H0v5.6L738,99z"></path></svg>');
  position: absolute;
  top: -94px;
  transform: rotate(180deg);
  z-index: -1;
}
.top-bottom-centent-green::after {
  content: " ";
  display: block;
  width: 100%;
  height: 87px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="white" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  position: absolute;
  bottom: -87px;
  z-index: -1;
}

.extend-top-bottom {
  margin: -100px 0;
  padding: 100px 0;
}
@media screen and (max-width: 1024px) {
  .extend-top-bottom {
    margin: -100px 0 -50px 0;
  }
}

.z1 {
  z-index: 1;
}

.z10 {
  z-index: 10;
}

.z100 {
  z-index: 100;
}

.decor-arrow {
  position: relative;
}
.decor-arrow::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 84.31 41.56"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m83.4,24.29c-7.9-7.46-15.78-14.94-23.62-22.47-.53-.51-3.15-1.91-3.33-.31-.43,3.93-1.22,7.86-2.5,11.62-16.15-.15-32.14-3.05-48.13-5.16-2.56-.34.18,3.04,1.71,3.24,16.33,2.21,32.64,5.18,49.15,5.28.27,0,.94,0,1.07-.36,1.2-3.27,2.01-6.66,2.55-10.09,6.28,6.03,12.6,12.03,18.93,18.01-7.89,4.14-15.83,8.22-23.85,12.1.27-2.03.52-4.05.8-6.08.18-1.32-1.87-2.7-3.01-2.7-7.56-.02-15.1.79-22.63,1.35-9.94.74-19.89,1.47-29.83,2.21-2.16.16,1.1,3.51,2.72,3.39,9.46-.7,18.92-1.4,28.38-2.1,6.58-.49,13.19-1.2,19.8-1.39-.36,2.68-.72,5.36-1.06,8.04-.2,1.56,2.52,3.19,3.84,2.57,9.97-4.69,19.77-9.76,29.52-14.88.97-.51-.06-1.83-.51-2.25Z"></path><path fill="%23ffffff" class="cls-1" d="m20.77,8.33c10.45,1.26,20.92,2.3,31.38,3.41.29.03.6-.06.66-.38.6-3.28,1.21-6.56,1.8-9.85.16-.92-2.16-2.16-2.33-1.1-.32,1.95-.67,3.9-1.02,5.85-.16.9-.17,2.58-.55,3.59,0,0,0,0,0,0-.45.01-.94-.1-1.38-.14-1.37-.14-2.75-.29-4.12-.43-8.44-.88-16.88-1.81-25.32-2.65-1.37-.14.11,1.61.9,1.71Z"></path></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  width: 123px;
  height: 64px;
  display: block;
  content: " ";
  transform: rotate(195deg);
  position: absolute;
  top: 50px;
  right: -210px;
}
@media screen and (max-width: 1024px) {
  .decor-arrow::after {
    width: 77px;
    height: 38px;
    right: -100px;
  }
}

.decor-arrow-left {
  position: relative;
}
.decor-arrow-left::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 83.41 47.01"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m79.17,27.16c-10.62,8.05-22.23,13.45-35.75,13.66-11.59.18-23.12-5.51-28.09-16.3-.6-1.31-2.9-1.52-4.05-1.09-2.04.78-4.09,1.56-6.13,2.34.89-7.25,1.77-14.51,2.81-21.74,6.13,3.19,12.2,6.5,18.33,9.69-2.61,1.54-5.25,3.05-7.71,4.81-.41.3-.75.78-.34,1.28,6.97,8.51,17.42,13.62,28.55,12.46,11.18-1.17,20.85-8.23,25.59-18.37.71-1.52-3.91-3-4.72-1.27-3.78,8.1-11.16,14.34-19.93,16.33-9.4,2.14-18.37-1.6-24.54-8.69,2.7-1.84,5.57-3.45,8.36-5.13,1.27-.77-.14-1.84-.9-2.23C22.67,8.83,14.84,4.44,6.85.37c-.6-.31-3.1-.81-3.29.42C2.19,9.87,1.15,18.99.01,28.1c-.23,1.86,3.02,2.27,4.2,1.81,2.62-1,5.24-2,7.86-3,6.07,10.58,18.52,16.18,30.46,16.69,15,.64,29.26-5.15,40.62-14.71,1.31-1.1-2.78-2.65-3.99-1.73Z"></path><path fill="%23ffffff" class="cls-1" d="m38.57,45.35c-9.93-1.31-21.21-6.39-26.15-15.71-.37-.71-1.67-.95-2.35-.63-2.37,1.12-4.76,2.22-7.16,3.29-1.15.52,1.26,1.62,2.05,1.3,1.93-.76,3.82-1.63,5.7-2.5,5.77,9.46,17.89,14.36,28.26,15.88,1.89.28,1.04-1.45-.35-1.63Z"></path></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  width: 127px;
  height: 127px;
  display: block;
  content: " ";
  transform: rotate(327deg);
  position: absolute;
  top: 25px;
  right: -180px;
}
@media screen and (max-width: 1024px) {
  .decor-arrow-left::after {
    width: 67px;
    height: 67px;
    top: 60px;
    right: 40px;
    transform: rotate(7deg);
  }
}

.decor-arrow-spin {
  position: relative;
}
.decor-arrow-spin::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 101.24 64.57"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m95.52,63.96c5.16-7.48,7.93-17.58,3.55-26.11-3.66-7.12-11.98-11.64-19.92-9.94-3.87.83-8.37,3.28-8.59,7.74-.17,3.33,2.36,5.46,5.52,5.68,9.03.62,10.84-8.88,7.95-15.61-7.5-17.51-33.08-18.27-42.62-2.23-2.02,3.39-3.62,8.06-.99,11.57,2.09,2.79,5.97,3.19,8.95,1.68,7.86-3.98,5.39-16.38,2.23-22.57C41.97-4.73,14.07-4.48,3.49,13.46c-1.19,2.01,3.47,2.12,4.29.71C14.02,3.44,28.14-1.35,38.91,5.82c4.52,3.01,8.05,7.61,9.82,12.75.81,2.34,1.28,4.82,1.35,7.29.07,2.76-1.07,10.93-5.23,8.2-2.73-1.78-1.08-6.67-.01-8.88,1.46-2.99,3.72-5.58,6.43-7.51,5.91-4.2,13.37-4.61,19.68-1.04,5.14,2.91,9.36,8.18,10.29,14.11.24,1.51.27,3.1-.16,4.58-.57,1.94-2.83,5.59-5.63,2.75-1.06-1.08-.95-3.21-.46-4.51,1.09-2.84,4.83-3.98,7.6-3.84,7.33.37,13.28,6.79,14.72,13.66,1.48,7.04-.82,14.25-4.74,20.09-.89,1.33,2.33,1.41,2.96.49h0Z"></path><path fill="%23ffffff" class="cls-1" d="m2.7,5.87C1.55,9.4.9,13.17.03,16.79c-.39,1.64,2.62,1.2,3.37.87,3.51-1.56,7.11-2.47,10.95-2.78.72-.06,2.24-.61,2.11-1.56-.14-1.01-1.77-.97-2.46-.91-4.55.42-8.93,1.6-13.07,3.54,1.12.29,2.25.58,3.37.87.73-3.61,1.73-7.27,2.15-10.93.19-1.64-3.34-1.27-3.75-.02h0Z"></path></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  width: 181px;
  height: 181px;
  display: block;
  content: " ";
  transform: rotate(296deg);
  position: absolute;
  bottom: -70px;
  left: calc(50% - 200px);
  z-index: 100;
}

.decor-arrow-spin-orange {
  position: relative;
}
.decor-arrow-spin-orange::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 101.24 64.57"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23f2baa0" class="cls-1" d="m95.52,63.96c5.16-7.48,7.93-17.58,3.55-26.11-3.66-7.12-11.98-11.64-19.92-9.94-3.87.83-8.37,3.28-8.59,7.74-.17,3.33,2.36,5.46,5.52,5.68,9.03.62,10.84-8.88,7.95-15.61-7.5-17.51-33.08-18.27-42.62-2.23-2.02,3.39-3.62,8.06-.99,11.57,2.09,2.79,5.97,3.19,8.95,1.68,7.86-3.98,5.39-16.38,2.23-22.57C41.97-4.73,14.07-4.48,3.49,13.46c-1.19,2.01,3.47,2.12,4.29.71C14.02,3.44,28.14-1.35,38.91,5.82c4.52,3.01,8.05,7.61,9.82,12.75.81,2.34,1.28,4.82,1.35,7.29.07,2.76-1.07,10.93-5.23,8.2-2.73-1.78-1.08-6.67-.01-8.88,1.46-2.99,3.72-5.58,6.43-7.51,5.91-4.2,13.37-4.61,19.68-1.04,5.14,2.91,9.36,8.18,10.29,14.11.24,1.51.27,3.1-.16,4.58-.57,1.94-2.83,5.59-5.63,2.75-1.06-1.08-.95-3.21-.46-4.51,1.09-2.84,4.83-3.98,7.6-3.84,7.33.37,13.28,6.79,14.72,13.66,1.48,7.04-.82,14.25-4.74,20.09-.89,1.33,2.33,1.41,2.96.49h0Z"></path><path fill="%23f2baa0" class="cls-1" d="m2.7,5.87C1.55,9.4.9,13.17.03,16.79c-.39,1.64,2.62,1.2,3.37.87,3.51-1.56,7.11-2.47,10.95-2.78.72-.06,2.24-.61,2.11-1.56-.14-1.01-1.77-.97-2.46-.91-4.55.42-8.93,1.6-13.07,3.54,1.12.29,2.25.58,3.37.87.73-3.61,1.73-7.27,2.15-10.93.19-1.64-3.34-1.27-3.75-.02h0Z"></path></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  width: 181px;
  height: 181px;
  display: block;
  content: " ";
  transform: rotate(296deg);
  position: absolute;
  bottom: -10px;
  left: calc(50% - 200px);
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .decor-arrow-spin-orange::after {
    transform: rotate(296deg) scale(0.7);
    bottom: -60px;
    left: calc(50% - 70px);
  }
}

.decor-hearts {
  position: relative;
}
.decor-hearts::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 77.51 45.78"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m72.6,5.7c-3.52-3.03-8.82-4.19-13.2-2.46-4.18,1.65-6.04,5.63-5.75,9.69-2.42-1.57-5.11-2.69-8-2.95-.48-2.4-1.5-4.64-3.31-6.51-3.79-3.92-9.88-4.54-14.5-1.76-4.48,2.69-6.27,7.25-6.77,12.09-2.13-2.91-4.86-5.24-8.61-6.21C7.23,6.25,1.47,8.28.3,14.02c-2.67,13.16,12.92,24.31,23.58,27.74,1.45.47,2.65-.87.87-1.57-8.74-3.44-18.17-9.97-20.44-19.64-1.15-4.88.08-11.56,6.56-11.06,5.5.43,8.33,6.52,10.3,10.94.45,1,3.8,1.76,3.69.14-.37-5.39.06-11.62,4.27-15.56,2.58-2.41,6.46-3.79,9.49-1.3,1.92,1.58,2.86,4.01,3.24,6.43-4.48.84-8.13,4.03-8.34,8.94-.16,3.82,1.53,7.24,4.17,10.11-2.65,5.2-6.08,10.1-9.13,14.55-.96,1.41,2.86,2.77,3.66,1.59,2.96-4.34,5.97-8.75,8.43-13.42,4.16,3.25,9.41,5.45,13.68,6.27,1.79.34,1.51-1.4.03-1.76-4.1-1-9.05-3.4-12.58-6.76.93-1.94,1.75-3.93,2.42-5.98,1.14-3.48,2-7.54,1.75-11.38,3.36.29,6.48,2.54,8.94,4.96.49.48,4.16,1.37,3.54-.15-1.66-4.03-1.19-9.33,3.13-11.5,5.78-2.91,10.64,2.43,11.72,7.72,2,9.83-5.87,18.14-12.34,24.35-1.2,1.15,2.84,2.95,3.99,1.73,4.79-5.11,9.96-10.37,11.89-17.3,1.6-5.76.46-12.37-4.23-16.4Zm-33.55,20.66c-.6-.96-1.09-1.96-1.4-3.01-1.17-3.95-.06-8.18,3.79-10.14.21-.11.42-.19.64-.28.08,4.61-1.13,9.12-3.02,13.44Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 114px;
  height: 114px;
  display: block;
  position: absolute;
  top: -30px;
  right: -20px;
  transform: rotate(29deg);
}
@media screen and (max-width: 1024px) {
  .decor-hearts::after {
    width: 90px;
    height: 90px;
    right: 0;
  }
}

.decor-hearts-orange {
  position: relative;
}
.decor-hearts-orange::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 77.51 45.78"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23f2baa0" class="cls-1" d="m72.6,5.7c-3.52-3.03-8.82-4.19-13.2-2.46-4.18,1.65-6.04,5.63-5.75,9.69-2.42-1.57-5.11-2.69-8-2.95-.48-2.4-1.5-4.64-3.31-6.51-3.79-3.92-9.88-4.54-14.5-1.76-4.48,2.69-6.27,7.25-6.77,12.09-2.13-2.91-4.86-5.24-8.61-6.21C7.23,6.25,1.47,8.28.3,14.02c-2.67,13.16,12.92,24.31,23.58,27.74,1.45.47,2.65-.87.87-1.57-8.74-3.44-18.17-9.97-20.44-19.64-1.15-4.88.08-11.56,6.56-11.06,5.5.43,8.33,6.52,10.3,10.94.45,1,3.8,1.76,3.69.14-.37-5.39.06-11.62,4.27-15.56,2.58-2.41,6.46-3.79,9.49-1.3,1.92,1.58,2.86,4.01,3.24,6.43-4.48.84-8.13,4.03-8.34,8.94-.16,3.82,1.53,7.24,4.17,10.11-2.65,5.2-6.08,10.1-9.13,14.55-.96,1.41,2.86,2.77,3.66,1.59,2.96-4.34,5.97-8.75,8.43-13.42,4.16,3.25,9.41,5.45,13.68,6.27,1.79.34,1.51-1.4.03-1.76-4.1-1-9.05-3.4-12.58-6.76.93-1.94,1.75-3.93,2.42-5.98,1.14-3.48,2-7.54,1.75-11.38,3.36.29,6.48,2.54,8.94,4.96.49.48,4.16,1.37,3.54-.15-1.66-4.03-1.19-9.33,3.13-11.5,5.78-2.91,10.64,2.43,11.72,7.72,2,9.83-5.87,18.14-12.34,24.35-1.2,1.15,2.84,2.95,3.99,1.73,4.79-5.11,9.96-10.37,11.89-17.3,1.6-5.76.46-12.37-4.23-16.4Zm-33.55,20.66c-.6-.96-1.09-1.96-1.4-3.01-1.17-3.95-.06-8.18,3.79-10.14.21-.11.42-.19.64-.28.08,4.61-1.13,9.12-3.02,13.44Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 114px;
  height: 114px;
  display: block;
  position: absolute;
  top: -30px;
  right: -20px;
  transform: rotate(29deg);
}
@media screen and (max-width: 1024px) {
  .decor-hearts-orange::after {
    transform: rotate(29deg) scale(0.8);
    top: -80px;
    right: 0;
  }
}

.decor-crown {
  position: relative;
}
.decor-crown::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 65.66 79.75"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m65.6,68.3c-7.5-19.1-10.65-39.57-9.06-60.04.12-1.54-3.55-2.9-4.38-1.52-4.42,7.42-8.84,14.85-13.26,22.27-2.73-9.09-5.46-18.19-8.19-27.28-.38-1.26-4.13-2.66-4.57-.87-3.02,12.29-6.03,24.57-9.05,36.86-4.21-5.43-8.43-10.87-12.64-16.3-.65-.84-4.71-2.33-4.44-.17,1.21,9.82,2.42,19.65,3.63,29.47.61,4.91,1.21,9.83,1.82,14.74.44,3.53.77,7.22,3.39,9.88,4.66,4.75,13.44,4.49,19.54,4.37,8.7-.16,17.3-1.98,25.33-5.31,1.9-.79-2.07-2.69-3.41-2.18-7.38,2.81-15.06,4.51-22.97,4.74-3.67.1-7.81.19-11.39-.77-4.14-1.11-5.11-4.34-5.64-8.17-1.8-13.2-3.32-26.44-4.91-39.67,3.62,4.67,7.25,9.34,10.87,14.01.65.84,3.99,2.3,4.43.52,2.69-10.97,5.38-21.94,8.07-32.91,2.42,8.07,4.85,16.14,7.27,24.2.36,1.2,3.58,2.54,4.39,1.18,3.72-6.25,7.44-12.5,11.16-18.75-.16,17.49,2.98,34.84,9.45,51.18.62,1.57,5.2,2.13,4.57.52Z"></path><path fill="%23ffffff" class="cls-1" d="m44.49,69.6c-4.07,1.09-8.15,2.19-12.31,2.9-4.8.82-14.59,2.92-16.64-3.28-1.31-3.96-1.44-8.75-2.13-12.87-.77-4.58-1.46-9.17-2.22-13.75-.13-.81-2.42-1.21-2.27-.26.98,6.27,1.99,12.54,2.98,18.82.61,3.88.28,9.97,4.15,12.27,3.42,2.03,8.78,1.5,12.49,1.16,5.93-.54,11.7-2.05,17.43-3.58,1.4-.37-.63-1.62-1.48-1.39Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  top: -70px;
  left: calc(50% - 55px);
  transform: rotate(354deg);
}

.decor-crown-2 {
  position: relative;
}
.decor-crown-2::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 46.98 58.83"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m46.42,7.64c.13-1.58-3.4-2.77-4.32-1.5-3.61,5.01-7.22,10.02-10.83,15.03-2.08-6.5-4.16-13.01-6.23-19.51-.45-1.4-3.74-2.47-4.49-.86-3.89,8.39-6.1,17.23-6.73,26.36-2.7-3.39-5-7.06-6.91-11.01-.58-1.21-4.41-2.12-4.4-.17.07,13.66-.77,27.29-2.5,40.85-.2,1.57,2.54,2.22,3.67,1.92,9.73-2.61,19.59-4.18,29.62-5.07,2.82-.25.07-2.57-1.57-2.49-9.04.42-18,1.81-26.79,3.92,1.22-10.39,1.91-20.81,2.08-31.26,2.08,3.07,4.43,5.94,7.06,8.62.8.82,4.09,1.72,4.1-.18.08-8.42,1.64-16.66,4.5-24.51,1.9,5.93,3.81,11.87,5.7,17.8.4,1.24,3.38,2.42,4.3,1.15,2.92-4.04,5.83-8.08,8.75-12.12-.56,11.88-.23,23.78,1.02,35.63.17,1.62,4.73,2.45,4.52.52-1.52-14.34-1.71-28.75-.55-43.13Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: -60px;
  left: calc(50% - 55px);
  transform: rotate(354deg);
}

.decor-spin {
  position: relative;
}
.decor-spin::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 105.69 29.07"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m97.22,7.81c-7.54-5-17.39-4.12-25.16-.14-3.04-3.32-7.24-5.71-11.47-6.78-9.61-2.45-20.47.39-28.71,5.59-.76.48-1.51,1.02-2.24,1.62-2.27-.82-4.57-1.32-6.59-1.46C13.95,6.01,4.02,10.63.08,19.12c-.65,1.41,3.04,2.81,3.86,1.51,4.69-7.37,15.01-13.41,23.77-10.78-4.47,4.55-7.03,11-1.78,16.39,5.07,5.2,13.77,2.93,14.8-4.53.7-5.12-2.54-9.06-6.84-11.63,9.51-7.17,27.15-11.53,35.4-.79-5.85,3.84-13.09,11.15-6.05,16.9,6.92,5.66,14.28-2.44,13.22-9.67-.3-2.04-1.01-3.94-2.03-5.67,6.15-3.43,14.71-5.62,20.85-1.14,5.21,3.8,7.54,10.92,4.71,16.8-.73,1.53,3.59,3.33,4.37,1.71,3.61-7.52-.58-16.09-7.13-20.43Zm-61.04,13.25c-.62,2.67-3.05,5.93-5.95,4.64-2.78-1.24-3.25-5.26-2.45-7.94.69-2.3,2.24-4.27,4.01-5.92.4.28.8.58,1.19.91,2.4,2.05,3.94,5.12,3.2,8.31Zm31.87,3.57c-3.92,1.54-3.23-4.4-2.1-6.46,1.17-2.12,3.15-3.86,5.23-5.3,1.56,4.31,1.5,9.93-3.14,11.76Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 154px;
  height: 43px;
  display: block;
  position: absolute;
  top: 30px;
  right: 10px;
}
.decor-spin-orange {
  position: relative;
}
.decor-spin-orange::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 105.69 29.07"><defs></defs><g id="Layer_1"><path fill="%23f2baa0" class="cls-1" d="m97.22,7.81c-7.54-5-17.39-4.12-25.16-.14-3.04-3.32-7.24-5.71-11.47-6.78-9.61-2.45-20.47.39-28.71,5.59-.76.48-1.51,1.02-2.24,1.62-2.27-.82-4.57-1.32-6.59-1.46C13.95,6.01,4.02,10.63.08,19.12c-.65,1.41,3.04,2.81,3.86,1.51,4.69-7.37,15.01-13.41,23.77-10.78-4.47,4.55-7.03,11-1.78,16.39,5.07,5.2,13.77,2.93,14.8-4.53.7-5.12-2.54-9.06-6.84-11.63,9.51-7.17,27.15-11.53,35.4-.79-5.85,3.84-13.09,11.15-6.05,16.9,6.92,5.66,14.28-2.44,13.22-9.67-.3-2.04-1.01-3.94-2.03-5.67,6.15-3.43,14.71-5.62,20.85-1.14,5.21,3.8,7.54,10.92,4.71,16.8-.73,1.53,3.59,3.33,4.37,1.71,3.61-7.52-.58-16.09-7.13-20.43Zm-61.04,13.25c-.62,2.67-3.05,5.93-5.95,4.64-2.78-1.24-3.25-5.26-2.45-7.94.69-2.3,2.24-4.27,4.01-5.92.4.28.8.58,1.19.91,2.4,2.05,3.94,5.12,3.2,8.31Zm31.87,3.57c-3.92,1.54-3.23-4.4-2.1-6.46,1.17-2.12,3.15-3.86,5.23-5.3,1.56,4.31,1.5,9.93-3.14,11.76Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 154px;
  height: 43px;
  display: block;
  position: absolute;
  top: -70px;
  right: 10px;
}
.decor-spin-rotate-180 {
  position: relative;
}
.decor-spin-rotate-180::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 105.69 29.07"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m97.22,7.81c-7.54-5-17.39-4.12-25.16-.14-3.04-3.32-7.24-5.71-11.47-6.78-9.61-2.45-20.47.39-28.71,5.59-.76.48-1.51,1.02-2.24,1.62-2.27-.82-4.57-1.32-6.59-1.46C13.95,6.01,4.02,10.63.08,19.12c-.65,1.41,3.04,2.81,3.86,1.51,4.69-7.37,15.01-13.41,23.77-10.78-4.47,4.55-7.03,11-1.78,16.39,5.07,5.2,13.77,2.93,14.8-4.53.7-5.12-2.54-9.06-6.84-11.63,9.51-7.17,27.15-11.53,35.4-.79-5.85,3.84-13.09,11.15-6.05,16.9,6.92,5.66,14.28-2.44,13.22-9.67-.3-2.04-1.01-3.94-2.03-5.67,6.15-3.43,14.71-5.62,20.85-1.14,5.21,3.8,7.54,10.92,4.71,16.8-.73,1.53,3.59,3.33,4.37,1.71,3.61-7.52-.58-16.09-7.13-20.43Zm-61.04,13.25c-.62,2.67-3.05,5.93-5.95,4.64-2.78-1.24-3.25-5.26-2.45-7.94.69-2.3,2.24-4.27,4.01-5.92.4.28.8.58,1.19.91,2.4,2.05,3.94,5.12,3.2,8.31Zm31.87,3.57c-3.92,1.54-3.23-4.4-2.1-6.46,1.17-2.12,3.15-3.86,5.23-5.3,1.56,4.31,1.5,9.93-3.14,11.76Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 154px;
  height: 43px;
  display: block;
  position: absolute;
  bottom: -60px;
  left: -50px;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .decor-spin-rotate-180::after {
    width: 83px;
    height: 23px;
    left: 0px;
    bottom: -20px;
  }
}

.decor-spin-rotate-180-orange {
  position: relative;
}
.decor-spin-rotate-180-orange::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 105.69 29.07"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23f2baa0" class="cls-1" d="m97.22,7.81c-7.54-5-17.39-4.12-25.16-.14-3.04-3.32-7.24-5.71-11.47-6.78-9.61-2.45-20.47.39-28.71,5.59-.76.48-1.51,1.02-2.24,1.62-2.27-.82-4.57-1.32-6.59-1.46C13.95,6.01,4.02,10.63.08,19.12c-.65,1.41,3.04,2.81,3.86,1.51,4.69-7.37,15.01-13.41,23.77-10.78-4.47,4.55-7.03,11-1.78,16.39,5.07,5.2,13.77,2.93,14.8-4.53.7-5.12-2.54-9.06-6.84-11.63,9.51-7.17,27.15-11.53,35.4-.79-5.85,3.84-13.09,11.15-6.05,16.9,6.92,5.66,14.28-2.44,13.22-9.67-.3-2.04-1.01-3.94-2.03-5.67,6.15-3.43,14.71-5.62,20.85-1.14,5.21,3.8,7.54,10.92,4.71,16.8-.73,1.53,3.59,3.33,4.37,1.71,3.61-7.52-.58-16.09-7.13-20.43Zm-61.04,13.25c-.62,2.67-3.05,5.93-5.95,4.64-2.78-1.24-3.25-5.26-2.45-7.94.69-2.3,2.24-4.27,4.01-5.92.4.28.8.58,1.19.91,2.4,2.05,3.94,5.12,3.2,8.31Zm31.87,3.57c-3.92,1.54-3.23-4.4-2.1-6.46,1.17-2.12,3.15-3.86,5.23-5.3,1.56,4.31,1.5,9.93-3.14,11.76Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 154px;
  height: 43px;
  display: block;
  position: absolute;
  bottom: 40px;
  left: -80px;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .decor-spin-rotate-180-orange::after {
    width: 83px;
    height: 23px;
    left: 0px;
    bottom: -20px;
  }
}

.decor-star {
  position: relative;
}
.decor-star::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 77.68 52.89"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" class="cls-1" d="m31.01,20.74c5.73-.74,11.46-1.45,17.19-2.15.35-.04.86-.11.98-.53,1.49-5.54,2.99-11.08,4.32-16.65-1.03-.2-2.05-.39-3.08-.59,2.11,5.32,4.38,10.55,6.86,15.71.3.63,1.49.97,2.11.9,5.74-.66,11.48-1.32,17.22-2.02-.7-.54-1.4-1.08-2.1-1.61-4.06,4.09-8.01,8.3-11.92,12.53-.12.13-.16.29-.12.46,2,5.02,3.99,10.05,6.13,15.01.83-.2,1.66-.4,2.49-.59-5.01-2.7-9.79-5.73-14.38-9.09-.57-.42-1.9-.71-2.47-.11-4.2,4.44-8.51,8.8-12.57,13.35.99.34,1.98.69,2.96,1.03.59-5.75,2-11.47,3.1-17.14.11-.54-.51-.88-.9-1.08-5.22-2.73-10.25-5.83-15.35-8.77-1.09-.63-3.89-.09-2.02,1.06,5.27,3.24,10.63,6.28,16.14,9.07-.3-.36-.6-.72-.9-1.08-1.12,5.71-2.14,11.41-3.16,17.13-.21,1.2,2.28,1.71,2.96,1.03,4.33-4.32,8.45-8.87,12.66-13.32-.82-.04-1.64-.07-2.47-.11,4.59,3.36,9.37,6.39,14.37,9.1.59.32,3.13.87,2.49-.59-1.37-3.15-2.65-6.34-3.93-9.52-.49-1.22-.93-2.47-1.46-3.67-.08-.19-.43-.85-.43-1.09,0-.64-.27.63-.06.07.66-1.71,3.58-3.82,4.8-5.12,2.3-2.44,4.59-4.89,6.98-7.24.9-.88-1.57-1.67-2.1-1.61-5.74.65-11.48,1.34-17.21,2.03.7.3,1.41.6,2.11.9-2.42-5.01-4.68-10.08-6.78-15.23-.31-.77-2.77-1.86-3.08-.59-1.37,5.57-2.89,11.1-4.4,16.63.33-.18.65-.35.98-.53-5.79.71-11.61,1.39-17.36,2.43-1.52.28.52,1.73,1.36,1.62h0Z"></path><path fill="%23ffffff" class="cls-1" d="m34.47,30.8C20.63,29.52,6.12,36.99.04,49.72c-.42.89,2.29,1.76,2.74.95,6.57-11.61,18.42-19.03,31.99-18.4,1.71.08.95-1.35-.31-1.47h0Z"></path><path fill="%23ffffff" class="cls-1" d="m30.14,26.26c-8.24-2.38-19.05-.19-25.4,5.68-.9.83,1.86,1.79,2.54,1.34,7.39-4.8,14.01-6.59,22.84-5.65,1.43.15,1.15-1.04.02-1.37h0Z"></path><path fill="%23ffffff" class="cls-1" d="m35.53,36.49c-10.05-.36-18.18,6.38-22.49,14.93-.51,1.01,2.85,2.21,3.32.89,3.05-8.59,11.55-13.3,20.16-14.24,1.85-.2-.03-1.54-1-1.58h0Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 161px;
  height: 110px;
  display: block;
  position: absolute;
  top: -60px;
  left: -10px;
  transform: rotate(21deg);
}
@media screen and (max-width: 1024px) {
  .decor-star::after {
    width: 98px;
    height: 67px;
  }
}

.decor-star-orange {
  position: relative;
}
.decor-star-orange::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 77.68 52.89"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23f2baa0" class="cls-1" d="m31.01,20.74c5.73-.74,11.46-1.45,17.19-2.15.35-.04.86-.11.98-.53,1.49-5.54,2.99-11.08,4.32-16.65-1.03-.2-2.05-.39-3.08-.59,2.11,5.32,4.38,10.55,6.86,15.71.3.63,1.49.97,2.11.9,5.74-.66,11.48-1.32,17.22-2.02-.7-.54-1.4-1.08-2.1-1.61-4.06,4.09-8.01,8.3-11.92,12.53-.12.13-.16.29-.12.46,2,5.02,3.99,10.05,6.13,15.01.83-.2,1.66-.4,2.49-.59-5.01-2.7-9.79-5.73-14.38-9.09-.57-.42-1.9-.71-2.47-.11-4.2,4.44-8.51,8.8-12.57,13.35.99.34,1.98.69,2.96,1.03.59-5.75,2-11.47,3.1-17.14.11-.54-.51-.88-.9-1.08-5.22-2.73-10.25-5.83-15.35-8.77-1.09-.63-3.89-.09-2.02,1.06,5.27,3.24,10.63,6.28,16.14,9.07-.3-.36-.6-.72-.9-1.08-1.12,5.71-2.14,11.41-3.16,17.13-.21,1.2,2.28,1.71,2.96,1.03,4.33-4.32,8.45-8.87,12.66-13.32-.82-.04-1.64-.07-2.47-.11,4.59,3.36,9.37,6.39,14.37,9.1.59.32,3.13.87,2.49-.59-1.37-3.15-2.65-6.34-3.93-9.52-.49-1.22-.93-2.47-1.46-3.67-.08-.19-.43-.85-.43-1.09,0-.64-.27.63-.06.07.66-1.71,3.58-3.82,4.8-5.12,2.3-2.44,4.59-4.89,6.98-7.24.9-.88-1.57-1.67-2.1-1.61-5.74.65-11.48,1.34-17.21,2.03.7.3,1.41.6,2.11.9-2.42-5.01-4.68-10.08-6.78-15.23-.31-.77-2.77-1.86-3.08-.59-1.37,5.57-2.89,11.1-4.4,16.63.33-.18.65-.35.98-.53-5.79.71-11.61,1.39-17.36,2.43-1.52.28.52,1.73,1.36,1.62h0Z"></path><path fill="%23f2baa0" class="cls-1" d="m34.47,30.8C20.63,29.52,6.12,36.99.04,49.72c-.42.89,2.29,1.76,2.74.95,6.57-11.61,18.42-19.03,31.99-18.4,1.71.08.95-1.35-.31-1.47h0Z"></path><path fill="%23f2baa0" class="cls-1" d="m30.14,26.26c-8.24-2.38-19.05-.19-25.4,5.68-.9.83,1.86,1.79,2.54,1.34,7.39-4.8,14.01-6.59,22.84-5.65,1.43.15,1.15-1.04.02-1.37h0Z"></path><path fill="%23f2baa0" class="cls-1" d="m35.53,36.49c-10.05-.36-18.18,6.38-22.49,14.93-.51,1.01,2.85,2.21,3.32.89,3.05-8.59,11.55-13.3,20.16-14.24,1.85-.2-.03-1.54-1-1.58h0Z"></path></g></svg>');
  background-repeat: no-repeat;
  content: "";
  width: 161px;
  height: 110px;
  display: block;
  position: absolute;
  top: -60px;
  left: -10px;
  transform: rotate(21deg);
}
@media screen and (max-width: 1024px) {
  .decor-star-orange::after {
    transform: rotate(21deg) scale(0.6);
    top: -100px;
  }
}

.decor-weight {
  position: relative;
}
.decor-weight::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" height="512" viewBox="0 0 68 68" width="512"><g id="_x31_18"><path fill="%23ffffff" d="m25.2 26.2c3.8.6 7.7 1.4 11.7 2.1.2 0 11.9 2.1 12.2 2.1.4 0 .7-.3.7-.6.9-5.3-.3-9.5-3.5-12.3-3.6-3.1-8.8-4-13.3-2.4s-7.9 5.6-8.8 10.3c-.1.5.5 1 1 .8zm1.5-3.6 1.3.4c.4.1.8-.1.9-.5s-.1-.8-.5-.9l-.9-.2c1.1-1.6 2.5-3 4.2-3.9v.1l.8.9c.3.3.7.3 1.1.1.3-.3.3-.7.1-1.1l-.6-.6c.1-.1.3-.1.4-.2 1.6-.6 3.4-.8 5.1-.6l-.2.9c-.1.4.2.8.6.9s.8-.2.9-.6l.2-1c1.5.3 2.9.9 4.2 1.8l-.4.4c-.3.3-.4.7-.1 1.1.3.3.7.4 1.1.1l.7-.6c.9.8 1.6 1.7 2.1 2.7-.3.1-.6.2-.9.4s-.4.7-.2 1c.1.2.4.3.6.3s.3 0 .4-.1c.2-.1.4-.2.6-.2.3 1 .4 2 .5 3.2h-.8c-.4 0-.8.3-.8.8s.3.8.8.8h.8c0 .4-.1.8-.1 1.2-3.2-.5-6.5-1.1-9.8-1.7-.1-1-.7-1.8-1.5-2.3l2.2-3.2c.2-.3.2-.8-.2-1s-.8-.2-1 .2l-2.5 3.6v.1c-.9.1-1.9.6-2.4 1.4-.1.1-.1.2-.1.3-2.5-.4-4.9-.9-7.2-1.3 0-1.3.3-2 .6-2.7z"></path><path fill="%23ffffff" d="m4.2 55.2c1.6 1.3 3.7 1.8 5.7 2.3 10.8 2.7 21.9 4.7 32.9 6.5 4.5.7 9.3.9 12.1-3.3 1.2-1.8 1.8-3.9 2.4-5.9 2.5-8.7 6.1-17 8-25.8.6-2.9 1.2-5.9.4-8.7-.8-2.9-2.8-4.7-6.4-5.6-14.5-3.5-25.4-4.3-32.3-5.4-2.2-.3-4.4-.7-6.8.3-2.5 1-4.6 3.4-6.3 7.1-4.2 9.5-7.2 19.6-10.9 29.2-1.2 3.2-.8 3.6-1 5.3-.1 1.5 1.1 3.1 2.2 4zm3.1-1.6c0 .1 0 .1 0 0-1.5-.3-2.9-1-3.4-2.2-.6-1.2-.3-2.6.2-4 2.3 1 3.8 3.7 3.2 6.2zm40.8 2.7c1.6-1 3.7-1.1 5.4-.2-1.4 4.3-3.7 5.7-7.7 5.3-.3-2 .7-4 2.3-5.1zm15.1-34.2c-1.7 0-3.3-.8-4.3-2.1-1-1.2-1.2-2.4-.8-4.1.3.1.6.1.8.2 3.2.7 4.6 2.6 4.3 6zm-39.8-11.6v.1c.1 1.7-.9 3.4-2.3 4.3-1.4.8-3.2.9-4.6.1 1.6-2.7 3.7-4.4 6.9-4.5zm-8.1 6.9c.2-.4.3-.7.5-1 2 1 4.4.9 6.1-.2 1.9-1.1 3.2-3.4 3.1-5.6.6.1 1.2.1 1.8.2 7 1.1 16 1.7 29.9 4.7-.5 2.2-.1 3.8 1.1 5.4 1.3 1.6 3.3 2.5 5.3 2.6v.1c-1.1 5.3-2.9 10.4-4.6 15.4-3.9 11.5-3.7 12.4-4.6 15.7-2.1-1-4.7-.8-6.6.4-2 1.3-3.2 3.7-3 6.1-.5-.1-1-.2-1.5-.3-11.2-2.2-22.8-4.2-34.1-6.8s0-.1.1-.1c.7-3.2-1.2-6.8-4.2-8 3.7-9.7 6.6-19.4 10.7-28.6z"></path><path fill="%23ffffff" d="m14.4 44.5c.3.1.6.2.9.2 1.5.3 3-.6 3.3-2.1.8-3.4 1.8-7 3.1-10.9.5-1.5-.3-3.1-1.9-3.5l-.3-.1c-1.4-.4-2.8.4-3.3 1.8-1.3 3.9-2.5 7.9-3.5 11.8-.1 1.2.6 2.4 1.7 2.8zm-.1-2.4c1-3.9 2.2-7.9 3.4-11.7.2-.5.6-.8 1.2-.8.2 0 .4.1.6.1.7.2 1.1.9.8 1.6-1.3 4-2.4 7.6-3.2 11.1-.2.7-.8 1.1-1.5.9-.3-.1-.6-.1-.8-.2-.3-.2-.6-.6-.5-1z"></path><path fill="%23ffffff" d="m47.8 36.1c-1.3 3.8-2.5 7.8-3.5 11.7-.3 1.3.5 2.7 1.8 3.1.3.1.6.2.9.2 1.3.3 2.7-.6 3-1.9.8-3.5 1.9-7.2 3.2-11.3.5-1.4-.3-2.9-1.8-3.3l-.6-.2c-1.2-.3-2.5.4-3 1.7zm2.5-.2h.3l.6.2c.6.2.9.8.7 1.4-1.4 4.1-2.4 7.8-3.3 11.4-.1.6-.7.9-1.2.8-.3-.1-.6-.1-.8-.2-.5-.2-.9-.7-.7-1.3 1-3.9 2.1-7.8 3.4-11.6.1-.4.5-.7 1-.7z"></path><path fill="%23ffffff" d="m16.2 8.2c.3.3.8.3 1.1 0s.3-.8 0-1.1l-1.8-1.6c-.3-.3-.8-.3-1.1 0s-.3.8 0 1.1z"></path><path fill="%23ffffff" d="m20.5 7.2c.4 0 .7-.4.7-.8l-.2-2.1c0-.4-.4-.7-.8-.7s-.7.4-.7.8l.2 2.1c.1.4.4.7.8.7z"></path><path fill="%23ffffff" d="m24.5 7.4c.4.2.8 0 1-.4l.9-2.1c.2-.4 0-.8-.4-1s-.8 0-1 .4l-.9 2.1c-.1.4 0 .8.4 1z"></path></g></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  width: 106px;
  height: 106px;
  display: block;
  position: absolute;
  top: 0px;
  right: -300px;
  transform: rotate(29deg);
}
@media screen and (max-width: 1024px) {
  .decor-weight::after {
    width: 83px;
    height: 83px;
    right: 20px;
    top: 100px;
  }
}

.decor-list {
  position: relative;
}
.decor-list::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" height="512" viewBox="0 0 68 68" width="512"><g id="_x39_0"><path fill="%2301303D" d="m49.4 13.4c-.6-2.9-4.8-7.9-11-9.4-.1 0-.2 0-.3 0-2.7 0-5.8.6-8.4 1.1-10.7 2-13.8 1.1-25.2.6-.8 0-1.6 1.5-1.9 2.2-.6 1.4-.7 2.9-.5 4.4.3 1.7.2-.8 0 41.7 0 1.5 0 3 .7 4.3 1 1.9 3.2 2.9 5.3 3.4 11.2 2.9 23-2 34.4-1.2 2.8 2.7 5.7 3.2 9.9 3.4 3.8.1 7.6-.7 11.3-1.8.9-.3 1.9-.7 2.2-1.6.3-.8-.2-1.8-.9-2.3-.6-.4-1.2-.6-1.9-.7 2.2-3 3.2-6.7 2.9-10-.5-4.7-3.7-8.7-8.4-10.5-.9-.4-2.1-.8-3.2-.7-.5 0-.9.2-1.4.4 0-.1 0-.1 0-.2-.2-.6-.4-1.4-.7-2.3l1.8.9c3.5 1.8 5.2 1 9.2.2.3-.1.5-.3.6-.4.1-.2.1-.6 0-.8-1.3-2.5-4-4.7-6.8-4.8-1.1 0-2.3.3-3.6 1.1-.6.4-1.2.8-1.8 1.3 0-.2-.1-.4-.1-.6-.1-.4-.4-.7-.8-.6s-.7.4-.6.8c.2 1.4.9 4 1.3 5.4-.4-.3-.8-.6-1.4-.8-.6-.2-1.1-.1-1.6 0 .1-2.5.2-5 .4-7.5-.1-.1.7-13.7.5-15zm4.9 18.2c.9-.6 1.9-.9 3-.8 2 .2 3.7 1.7 4.8 3.2-3.9.8-4.6 1.2-8-.6-.4-.2-.9-.5-1.3-.7.3-.4.9-.7 1.5-1.1zm-6.9-18.9c-2.8-.2-5.3.2-8 .3-.1-2.3-.2-5-.4-7.2 3.8 1.2 6.7 3.6 8.4 6.9zm-17.5-6.1c5.9-1.1 7.7-1 7.6-1 .3 2.5.4 5.6.4 8.1 0 .4.3.7.7.7.8 0 3.3-.1 4 0 2 .4 3.8 1.4 5.2 2.9-.1 3.7-.3 7.4-.5 11-.2 2.7-.3 5.4-.4 8.2-1.3.6-2.9 1.1-4.8 2.7-2.4 2-4.1 4.9-4.6 8-.2-.1-.3-.2-.5-.2l-22.8.2c-.4 0-.7.3-.7.8 0 .4.3.7.8.7l22.7-.2c.1 0 .2 0 .3-.1-.3 3.3.7 6.3 2.7 8.9-.1 0-2.3 0-20.7 2.1-5.1.6-10-.1-13.7-2-.3-17.3 0-33-.3-50.3 11.4.7 14.3 1.4 24.6-.5zm11.3 52.2c0 .1 0 .1 0 0 0 0-.1 0-.2 0zm10.2-20.4c1.3.4 2.4-.5 3.1-.6.8-.1 1.7.3 2.5.6 4.2 1.6 7 5.2 7.4 9.3.4 4.5-2 10.2-6.4 12.3-2.9 1.4-8 1.7-11.3.6-3.9-1.3-7.1-4.9-7.9-9s.9-8.6 4.1-11.2c2-1.6 4.1-2.2 4.9-2.6 2.4-1.1 2.2.2 3.6.6z"></path><path fill="%2301303D" d="m8.9 18.8c7.9-.1 16 0 23.9.3.4 0 .7-.3.7-.7s-.3-.8-.7-.8c-8-.3-16-.4-24-.3-.4 0-.7.3-.7.8 0 .3.4.7.8.7z"></path><path fill="%2301303D" d="m8.8 28.8c4.1.1 8.2.2 12.3.2 5.6 0 11.2-.1 16.7-.4.4 0 .7-.4.7-.8s-.4-.8-.8-.7c-9.6.5-19.3.5-28.9.2-.4 0-.8.3-.8.7s.3.8.8.8z"></path><path fill="%2301303D" d="m31.6 38.3-21.7-1c-.4 0-.8.3-.8.7s.3.8.7.8l21.7 1.1c.4 0 .7-.3.7-.7.1-.5-.2-.9-.6-.9z"></path><path fill="%2301303D" d="m53.3 7.5-1.7 2.5c-.3.5 0 1.2.6 1.2.2 0 .5-.1.6-.3l1.7-2.5c.2-.3.2-.8-.2-1-.3-.3-.7-.2-1 .1z"></path><path fill="%2301303D" d="m58.3 12c-.1-.4-.5-.6-.9-.5l-3.8 1c-.9.3-.6 1.7.4 1.5l3.8-1c.4-.2.6-.6.5-1z"></path><path fill="%2301303D" d="m55.3 15.3c-.4-.2-.8 0-1 .3-.2.4 0 .8.3 1l1.8.9c.9.4 1.5-.9.7-1.3z"></path><path fill="%2301303D" d="m58.3 53.3c2.7-2.4 3.2-6.5 1-9.5-.2-.3-.7-.4-1-.2s-.4.7-.2 1c1.7 2.3 1.4 5.6-.8 7.5-.3.3-.3.7-.1 1.1.4.3.8.4 1.1.1z"></path><path fill="%2301303D" d="m55.4 54.3c-.3-.3-.8-.3-1.1 0l-.1.1c-.3.3-.3.8 0 1.1.7.7 1.9-.5 1.2-1.2z"></path></g></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  width: 106px;
  height: 106px;
  display: block;
  position: absolute;
  top: -40px;
  left: 60px;
  transform: rotate(347deg);
}
@media screen and (max-width: 1024px) {
  .decor-list::after {
    width: 67px;
    height: 67px;
    left: 50px;
    top: -80px;
  }
}

.decor-list2 {
  position: relative;
}
.decor-list2::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" height="512" viewBox="0 0 68 68" width="512"><g id="_x39_0"><path fill="%23f2baa0" d="m49.4 13.4c-.6-2.9-4.8-7.9-11-9.4-.1 0-.2 0-.3 0-2.7 0-5.8.6-8.4 1.1-10.7 2-13.8 1.1-25.2.6-.8 0-1.6 1.5-1.9 2.2-.6 1.4-.7 2.9-.5 4.4.3 1.7.2-.8 0 41.7 0 1.5 0 3 .7 4.3 1 1.9 3.2 2.9 5.3 3.4 11.2 2.9 23-2 34.4-1.2 2.8 2.7 5.7 3.2 9.9 3.4 3.8.1 7.6-.7 11.3-1.8.9-.3 1.9-.7 2.2-1.6.3-.8-.2-1.8-.9-2.3-.6-.4-1.2-.6-1.9-.7 2.2-3 3.2-6.7 2.9-10-.5-4.7-3.7-8.7-8.4-10.5-.9-.4-2.1-.8-3.2-.7-.5 0-.9.2-1.4.4 0-.1 0-.1 0-.2-.2-.6-.4-1.4-.7-2.3l1.8.9c3.5 1.8 5.2 1 9.2.2.3-.1.5-.3.6-.4.1-.2.1-.6 0-.8-1.3-2.5-4-4.7-6.8-4.8-1.1 0-2.3.3-3.6 1.1-.6.4-1.2.8-1.8 1.3 0-.2-.1-.4-.1-.6-.1-.4-.4-.7-.8-.6s-.7.4-.6.8c.2 1.4.9 4 1.3 5.4-.4-.3-.8-.6-1.4-.8-.6-.2-1.1-.1-1.6 0 .1-2.5.2-5 .4-7.5-.1-.1.7-13.7.5-15zm4.9 18.2c.9-.6 1.9-.9 3-.8 2 .2 3.7 1.7 4.8 3.2-3.9.8-4.6 1.2-8-.6-.4-.2-.9-.5-1.3-.7.3-.4.9-.7 1.5-1.1zm-6.9-18.9c-2.8-.2-5.3.2-8 .3-.1-2.3-.2-5-.4-7.2 3.8 1.2 6.7 3.6 8.4 6.9zm-17.5-6.1c5.9-1.1 7.7-1 7.6-1 .3 2.5.4 5.6.4 8.1 0 .4.3.7.7.7.8 0 3.3-.1 4 0 2 .4 3.8 1.4 5.2 2.9-.1 3.7-.3 7.4-.5 11-.2 2.7-.3 5.4-.4 8.2-1.3.6-2.9 1.1-4.8 2.7-2.4 2-4.1 4.9-4.6 8-.2-.1-.3-.2-.5-.2l-22.8.2c-.4 0-.7.3-.7.8 0 .4.3.7.8.7l22.7-.2c.1 0 .2 0 .3-.1-.3 3.3.7 6.3 2.7 8.9-.1 0-2.3 0-20.7 2.1-5.1.6-10-.1-13.7-2-.3-17.3 0-33-.3-50.3 11.4.7 14.3 1.4 24.6-.5zm11.3 52.2c0 .1 0 .1 0 0 0 0-.1 0-.2 0zm10.2-20.4c1.3.4 2.4-.5 3.1-.6.8-.1 1.7.3 2.5.6 4.2 1.6 7 5.2 7.4 9.3.4 4.5-2 10.2-6.4 12.3-2.9 1.4-8 1.7-11.3.6-3.9-1.3-7.1-4.9-7.9-9s.9-8.6 4.1-11.2c2-1.6 4.1-2.2 4.9-2.6 2.4-1.1 2.2.2 3.6.6z"></path><path fill="%23f2baa0" d="m8.9 18.8c7.9-.1 16 0 23.9.3.4 0 .7-.3.7-.7s-.3-.8-.7-.8c-8-.3-16-.4-24-.3-.4 0-.7.3-.7.8 0 .3.4.7.8.7z"></path><path fill="%23f2baa0" d="m8.8 28.8c4.1.1 8.2.2 12.3.2 5.6 0 11.2-.1 16.7-.4.4 0 .7-.4.7-.8s-.4-.8-.8-.7c-9.6.5-19.3.5-28.9.2-.4 0-.8.3-.8.7s.3.8.8.8z"></path><path fill="%23f2baa0" d="m31.6 38.3-21.7-1c-.4 0-.8.3-.8.7s.3.8.7.8l21.7 1.1c.4 0 .7-.3.7-.7.1-.5-.2-.9-.6-.9z"></path><path fill="%23f2baa0" d="m53.3 7.5-1.7 2.5c-.3.5 0 1.2.6 1.2.2 0 .5-.1.6-.3l1.7-2.5c.2-.3.2-.8-.2-1-.3-.3-.7-.2-1 .1z"></path><path fill="%23f2baa0" d="m58.3 12c-.1-.4-.5-.6-.9-.5l-3.8 1c-.9.3-.6 1.7.4 1.5l3.8-1c.4-.2.6-.6.5-1z"></path><path fill="%23f2baa0" d="m55.3 15.3c-.4-.2-.8 0-1 .3-.2.4 0 .8.3 1l1.8.9c.9.4 1.5-.9.7-1.3z"></path><path fill="%23f2baa0" d="m58.3 53.3c2.7-2.4 3.2-6.5 1-9.5-.2-.3-.7-.4-1-.2s-.4.7-.2 1c1.7 2.3 1.4 5.6-.8 7.5-.3.3-.3.7-.1 1.1.4.3.8.4 1.1.1z"></path><path fill="%23f2baa0" d="m55.4 54.3c-.3-.3-.8-.3-1.1 0l-.1.1c-.3.3-.3.8 0 1.1.7.7 1.9-.5 1.2-1.2z"></path></g></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  width: 106px;
  height: 106px;
  display: block;
  position: absolute;
  top: -40px;
  left: 60px;
  transform: rotate(347deg);
}

.decor-next-top {
  position: relative;
}
.decor-next-top::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 83.41 47.01"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" d="m79.17,27.16c-10.62,8.05-22.23,13.45-35.75,13.66-11.59.18-23.12-5.51-28.09-16.3-.6-1.31-2.9-1.52-4.05-1.09-2.04.78-4.09,1.56-6.13,2.34.89-7.25,1.77-14.51,2.81-21.74,6.13,3.19,12.2,6.5,18.33,9.69-2.61,1.54-5.25,3.05-7.71,4.81-.41.3-.75.78-.34,1.28,6.97,8.51,17.42,13.62,28.55,12.46,11.18-1.17,20.85-8.23,25.59-18.37.71-1.52-3.91-3-4.72-1.27-3.78,8.1-11.16,14.34-19.93,16.33-9.4,2.14-18.37-1.6-24.54-8.69,2.7-1.84,5.57-3.45,8.36-5.13,1.27-.77-.14-1.84-.9-2.23C22.67,8.83,14.84,4.44,6.85.37c-.6-.31-3.1-.81-3.29.42C2.19,9.87,1.15,18.99.01,28.1c-.23,1.86,3.02,2.27,4.2,1.81,2.62-1,5.24-2,7.86-3,6.07,10.58,18.52,16.18,30.46,16.69,15,.64,29.26-5.15,40.62-14.71,1.31-1.1-2.78-2.65-3.99-1.73Z"></path><path fill="%23ffffff" class="cls-1" d="m38.57,45.35c-9.93-1.31-21.21-6.39-26.15-15.71-.37-.71-1.67-.95-2.35-.63-2.37,1.12-4.76,2.22-7.16,3.29-1.15.52,1.26,1.62,2.05,1.3,1.93-.76,3.82-1.63,5.7-2.5,5.77,9.46,17.89,14.36,28.26,15.88,1.89.28,1.04-1.45-.35-1.63Z"></path></g></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  width: 90px;
  height: 90px;
  display: block;
  position: absolute;
  top: -30px;
  right: -50px;
  transform: rotate(168deg);
}
@media screen and (max-width: 1024px) {
  .decor-next-top::after {
    right: -10px;
    top: auto;
    bottom: -50px;
    transform: rotate(270deg);
  }
}

.decor-next-bottom {
  position: relative;
}
.decor-next-bottom::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 91.52 47.51"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Layer_1"><path fill="%23ffffff" d="m12.15,5.77c4.61,11.05,15.37,18.74,27.32,19.58,11.11.78,23.51-3.38,30.18-12.67l.94,3.52c-2.4-1.65-4.82-3.26-7.21-4.91-.83-.57-2.03-3.59-.47-4.01,8.94-2.39,17.85-4.91,26.81-7.25,1.29-.34,1.82,2.04,1.8,2.86-.14,8.41-.27,16.83-.41,25.24-.01.7-.5,1.67-1.32,1.15-2.68-1.7-5.37-3.4-8.05-5.1.37-.1.75-.2,1.12-.3-8.96,16.76-28.96,26.78-47.76,22.74C17.02,42.74,3.24,27.1.06,9.17c-.51-2.86,2.12-1.53,2.48.53,3.03,17.13,18.05,31.04,35.21,33.31,17.21,2.28,34.89-7.19,43.03-22.38.24-.44.69-.57,1.12-.3,2.68,1.7,5.37,3.4,8.05,5.1-.44.38-.88.77-1.32,1.15.13-8.42.26-16.83.39-25.25.6.95,1.2,1.91,1.8,2.86-8.95,2.35-17.85,4.92-26.81,7.24-.16-1.34-.31-2.67-.47-4.01,2.4,1.67,4.82,3.3,7.21,4.97.87.6,1.65,2.56.94,3.52-7.33,10.09-20.64,14.58-32.81,13.29-12.73-1.36-23.57-10.3-28.28-22.04-.63-1.58.61-3.58,1.53-1.38h0Z"></path></g></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  width: 90px;
  height: 90px;
  display: block;
  position: absolute;
  bottom: -40px;
  right: -55px;
}
@media screen and (max-width: 1024px) {
  .decor-next-bottom::after {
    left: -10px;
    top: auto;
    bottom: -50px;
    transform: rotate(90deg);
  }
}

.mobile-our-diet-img {
  margin-bottom: 70px;
  margin-block-start: 90px !important;
}
.mobile-our-diet-img::after {
  top: auto;
  bottom: -90px;
  left: calc(50% - 60px);
  transform: scale(0.8) rotate(347deg);
}

@media screen and (max-width: 1024px) {
  .hide-decor-on-mobile::after {
    display: none;
  }
}

.top-white-bg2 {
  position: relative;
}
.top-white-bg2::before {
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23ffffff" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  position: absolute;
  top: -94px;
  left: 0;
  z-index: 0;
  transform: scaleX(-1) scaleY(-1);
}

.top-bottom-green-bg {
  position: relative;
}
.top-bottom-green-bg::before {
  content: " ";
  display: block;
  width: 100%;
  height: 214px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%2300485c" d="M737.9,94.7L0,0v100h1000V0L737.9,94.7z"></path></svg>');
  position: absolute;
  top: -214px;
  left: 0;
  z-index: -1;
  transform: scaleX(-1);
}
@media screen and (max-width: 1024px) {
  .top-bottom-green-bg::before {
    height: 60px;
    top: -59px;
    background-size: 115%;
  }
}
.top-bottom-green-bg::after {
  content: " ";
  display: block;
  width: 100%;
  height: 87px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%2301303D" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  position: absolute;
  bottom: -87px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .top-bottom-green-bg::after {
    height: 71px;
    bottom: -70px;
  }
}

.top-bottom-green-bg-short {
  position: relative;
}
.top-bottom-green-bg-short::before {
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%2300485c" d="M737.9,94.7L0,0v100h1000V0L737.9,94.7z"></path></svg>');
  position: absolute;
  top: -94px;
  left: 0;
  z-index: -1;
  transform: scaleX(1);
}
@media screen and (max-width: 1024px) {
  .top-bottom-green-bg-short::before {
    height: 60px;
    top: -59px;
    background-size: 115%;
  }
}

.top-bottom-green-bg2 {
  position: relative;
  margin-top: 100px;
  margin-bottom: 100px;
}
.top-bottom-green-bg2::before {
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path  fill="%2301303D" d="M738,99l262-93V0H0v5.6L738,99z"></path></svg>');
  position: absolute;
  top: -94px;
  left: 0;
  z-index: -1;
  transform: scaleX(-1) scaleY(-1);
}
.top-bottom-green-bg2::after {
  content: " ";
  display: block;
  width: 100%;
  height: 87px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%2301303D" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  position: absolute;
  bottom: -87px;
  left: 0;
  z-index: -1;
}

.top-bottom-green-bg3 {
  position: relative;
  margin-top: 94px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .top-bottom-green-bg3 {
    margin-top: 83px;
    margin-bottom: 84px;
  }
}
.top-bottom-green-bg3::before {
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%2301303D" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  background-color: #fff;
  position: absolute;
  top: -94px;
  left: 0;
  z-index: -1;
  transform: scaleX(-1) scaleY(-1);
}
@media screen and (max-width: 1024px) {
  .top-bottom-green-bg3::before {
    height: 84px;
    top: -83px;
  }
}
.top-bottom-green-bg3::after {
  content: " ";
  display: block;
  width: 100%;
  height: 87px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%2301303D" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  position: absolute;
  bottom: -87px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .top-bottom-green-bg3::after {
    height: 84px;
    bottom: -83px;
  }
}

.top-white-bg-inverse {
  position: relative;
}
.top-white-bg-inverse::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23ffffff" d="M500.2,94.7L0,0v100h1000V0L500.2,94.7z"></path></svg>');
  content: " ";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  top: -100px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .top-white-bg-inverse::before {
    top: -99px;
  }
}

.top-bottom-white-bg-inverse {
  transform: translateY(-10px);
  margin: 100px 0;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .top-bottom-white-bg-inverse {
    margin: 80px 0;
  }
}
.top-bottom-white-bg-inverse::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23ffffff" d="M500.2,94.7L0,0v100h1000V0L500.2,94.7z"></path></svg>');
  content: " ";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  top: -100px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .top-bottom-white-bg-inverse::before {
    top: -79px;
    height: 80px;
  }
}
.top-bottom-white-bg-inverse::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23ffffff" d="M500.2,94.7L0,0v100h1000V0L500.2,94.7z"></path></svg>');
  content: " ";
  display: block;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: -100px;
  left: 0;
  z-index: -1;
  transform: scaleX(-1) scaleY(-1);
}
@media screen and (max-width: 1024px) {
  .top-bottom-white-bg-inverse::after {
    bottom: -79px;
    height: 80px;
  }
}

.circle-feature {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 1109.63 1109.63"><defs><style>.cls-1{fill:%23fae9e1;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:%23f4d8cd;}</style></defs><g id="T&%23x142;o"><circle class="cls-2" cx="554.82" cy="554.82" r="554.82"></circle><circle class="cls-1" cx="585.5" cy="567.5" r="519.5"></circle></g></svg>');
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 280px;
  background-position: center center;
}
.circle-feature svg {
  width: 77px;
  height: 77px;
  margin-bottom: 10px;
}
.circle-feature svg path {
  fill: #01303D;
}
.circle-feature p {
  max-width: 250px;
}

.circle-counter-feature {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 1109.63 1109.63"><defs><style>.cls-1{fill:%23fae9e1;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:%23f4d8cd;}</style></defs><g id="T&%23x142;o"><circle class="cls-2" cx="554.82" cy="554.82" r="554.82"></circle><circle class="cls-1" cx="585.5" cy="567.5" r="519.5"></circle></g></svg>');
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 280px;
  background-position: center center;
}
.circle-counter-feature .wp-block-group {
  width: 74px;
  height: 74px;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.circle-counter-feature svg {
  width: 37px;
  height: 37px;
  margin-bottom: 10px;
}
.circle-counter-feature svg path {
  fill: #01303D;
}
.circle-counter-feature p {
  max-width: 250px;
}

.push-to-right {
  transform: translateX(15px);
}

.testimonial-cloud {
  background-color: #01303D;
  padding: 30px;
  border-radius: 20px;
  font-size: 15px;
  font-style: italic;
  color: #fff;
  text-align: center;
  position: relative;
}
.testimonial-cloud::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: #01303D;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.bg {
  background-image: url(img/back-sli.jpg);
  background-position: center center;
  background-size: cover;
}

.pt-20 {
  padding-top: 20px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-70 {
  padding-top: 70px;
}
@media screen and (max-width: 1024px) {
  .pt-70 {
    padding-top: 35px;
  }
}

.pb-70 {
  padding-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .pb-70 {
    padding-bottom: 35px;
  }
}

.mb-minus-100 {
  margin-bottom: -100px !important;
}

.rotate-5l {
  transform: rotateZ(-5deg);
  transition: all 0.3s ease-in-out;
}
.rotate-5l:hover {
  transform: rotateZ(0deg) scale(1.1);
}

.rotate-5r {
  transform: rotateZ(5deg);
  transition: all 0.3s ease-in-out;
}
.rotate-5r:hover {
  transform: rotateZ(0deg) scale(1.1);
}

.szostaky-slider {
  margin: 50px 0;
}
.szostaky-slider .slide-content {
  padding: 50px 24px !important;
}
@media screen and (max-width: 1024px) {
  .szostaky-slider .slide-content {
    margin-top: -40vw;
    padding: 24px !important;
  }
}

.wp-block-eedee-block-gutenslider .slide-content .slide-image {
  transform: scale(1.3) translate(40px, 0px);
}
@media screen and (max-width: 1024px) {
  .wp-block-eedee-block-gutenslider .slide-content .slide-image {
    transform: scale(0.9) translate(0px, 40vw);
  }
}
.wp-block-eedee-block-gutenslider .slide-content .slide-text {
  border-radius: 30px;
  padding-left: 130px !important;
}
.wp-block-eedee-block-gutenslider .slide-content .slide-text p {
  font-size: 19px;
}
@media screen and (max-width: 1024px) {
  .wp-block-eedee-block-gutenslider .slide-content .slide-text p {
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-eedee-block-gutenslider .slide-content .slide-text {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: calc(26vw + 20px) !important;
  }
  .wp-block-eedee-block-gutenslider .slide-content .slide-text h2 {
    font-size: 24px;
  }
}
.wp-block-eedee-block-gutenslider .eedee-gutenslider-nav {
  display: none;
}
@media screen and (max-width: 1024px) {
  .wp-block-eedee-block-gutenslider .eedee-gutenslider-pagination {
    bottom: -10px !important;
  }
}
.wp-block-eedee-block-gutenslider .eedee-gutenslider-pagination .swiper-pagination-bullet {
  background-color: #01303D;
}

.icons-title-list ul {
  list-style-type: none;
  padding: 0;
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .icons-title-list ul {
    gap: 20px;
  }
}
.icons-title-list ul li {
  width: calc(50% - 10px);
  background-color: #fff;
  display: flex;
  align-items: flex-start;
  padding: 20px 40px;
  border: 2px solid #f7dcd1;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
}
@media screen and (max-width: 1024px) {
  .icons-title-list ul li {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.icons-title-list ul li img {
  width: 41px;
  height: auto;
  margin-right: 16px;
}
.icons-title-list ul li div {
  padding-top: 10px;
}
.icons-title-list ul li div h3 {
  color: #01303D;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 2px;
}
@media screen and (max-width: 1024px) {
  .icons-title-list ul li div h3 {
    text-align: center;
  }
}
.icons-title-list ul li div p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .icons-title-list ul li div p {
    text-align: center;
  }
}

.icon-list-columns .wp-block-column {
  margin: 0 10px !important;
}
@media screen and (max-width: 781px) {
  .icon-list-columns .wp-block-column:first-child .icons-title-list {
    border-bottom-width: 0;
  }
  .icon-list-columns .wp-block-column:first-child .icons-title-list ul li:last-child {
    margin-bottom: 0;
  }
  .icon-list-columns .wp-block-column:last-child .icons-title-list {
    border-top-width: 0;
  }
}
@media screen and (max-width: 1024px) {
  .icon-list-columns.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
    flex-basis: 100% !important;
  }
}

.rotate-photo-columns {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .rotate-photo-columns {
    overflow: hidden;
  }
}
.rotate-photo-columns .wp-block-column {
  margin: 0 5px !important;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .rotate-photo-columns .wp-block-column img {
    width: 80%;
  }
}

.font-18 {
  font-size: 18px;
}

.img-no-margin-bottom {
  margin-bottom: 0;
}
.img-no-margin-bottom .wp-block-image {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .personal-trainer {
    text-align: center;
  }
  .personal-trainer em {
    font-size: 21px;
  }
  .personal-trainer ul {
    padding: 0 40px;
  }
  .personal-trainer ul li {
    text-align: left;
  }
  .personal-trainer .wp-block-button {
    width: 100%;
  }
  .personal-trainer .wp-block-button a {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .personal-trainer .wp-block-columns {
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .personal-trainer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
    flex-basis: 100% !important;
  }
}

.white-colums {
  margin-top: 20px;
}
.white-colums .wp-block-column {
  background-color: #fff;
  padding: 40px;
  border: 1px solid #d8d8d8;
}
@media screen and (max-width: 1024px) {
  .white-colums .wp-block-column {
    margin-bottom: 15px;
    padding: 20px;
  }
  .white-colums .wp-block-column h3 {
    text-align: center;
  }
  .white-colums .wp-block-column p {
    text-align: center;
  }
}

.white-colums-alt {
  margin-top: 16px;
  margin-bottom: 8px;
}
.white-colums-alt .wp-block-column {
  background-color: #fff;
  padding: 35px;
  border: 1px solid #d8d8d8;
  margin: 0 10px !important;
}
@media screen and (max-width: 1024px) {
  .white-colums-alt .wp-block-column {
    margin: 0 0px !important;
    margin-bottom: 15px !important;
    padding: 30px;
  }
}
@media (min-width: 600px) {
  .white-colums-alt .wp-block-column {
    margin: 0 10px !important;
  }
}
@media (min-width: 600px) and (max-width: 781px) {
  .white-colums-alt .wp-block-column {
    flex-basis: 100% !important;
    margin-bottom: 15px !important;
  }
}
.white-colums-alt .wp-block-column h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 1.2px;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 600px) and (max-width: 781px) {
  .white-colums-alt.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
    flex-basis: 100% !important;
  }
}

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

.alt-h2 {
  line-height: 38.4px;
}

.about-mobile {
  margin: 30px 0;
}

.about-photo-grid {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .about-photo-grid {
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .about-photo-grid.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
    flex-basis: 100% !important;
  }
}
.about-photo-grid .wp-block-column {
  margin: 0 !important;
}
.about-photo-grid .wp-block-column.txt h2 {
  margin-left: 40px;
}
@media screen and (max-width: 1024px) {
  .about-photo-grid .wp-block-column.txt h2 {
    margin-left: 0;
  }
}
.about-photo-grid .wp-block-column.txt p {
  margin-left: 40px;
}
@media screen and (max-width: 1024px) {
  .about-photo-grid .wp-block-column.txt p {
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .about-photo-grid .wp-block-column.txt-left {
    order: 3;
  }
}
.about-photo-grid .wp-block-column.txt-left h2 {
  margin-right: 40px;
}
@media screen and (max-width: 1024px) {
  .about-photo-grid .wp-block-column.txt-left h2 {
    margin-right: 0;
  }
}
.about-photo-grid .wp-block-column.txt-left p {
  margin-right: 40px;
}
@media screen and (max-width: 1024px) {
  .about-photo-grid .wp-block-column.txt-left p {
    margin-right: 0;
  }
}
.about-photo-grid .wp-block-column .wp-block-image {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .about-photo-grid .wp-block-column .wp-block-image {
    margin-bottom: 30px;
    width: 100%;
  }
  .about-photo-grid .wp-block-column .wp-block-image img {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .form-box {
    padding: 20px !important;
  }
  .form-box .wpcf7-submit {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .only-mobile {
    display: none;
  }
}

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

@media screen and (max-width: 1024px) {
  .mobile-text-center {
    text-align: center;
  }
  .mobile-justify-center {
    justify-content: center !important;
  }
  .mobile-order-1 {
    order: 1;
  }
  .mobile-order-2 {
    order: 2;
  }
  .mobile-order-3 {
    order: 3;
  }
  .mobile-order-4 {
    order: 4;
  }
  .mobile-order-5 {
    order: 5;
  }
  .mobile-fs-15 {
    font-size: 15px !important;
  }
  .mobile-fs-18 {
    font-size: 18px !important;
  }
  .mobile-fs-20 {
    font-size: 20px !important;
  }
  .mobile-mt-0 {
    margin-top: 0 !important;
  }
  .mobile-mt-20 {
    margin-top: 20px !important;
  }
  .mobile-mt-40 {
    margin-top: 40px !important;
  }
  .mobile-mt-50 {
    margin-top: 50px !important;
  }
  .mobile-mt-70 {
    margin-top: 70px !important;
  }
  .mobile-pt-0 {
    padding-top: 0 !important;
  }
  .mobile-pt-20 {
    padding-top: 20px !important;
  }
  .mobile-pt-40 {
    padding-top: 40px !important;
  }
  .mobile-pt-50 {
    padding-top: 50px !important;
  }
}
.wp-block-separator.wavy {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" overflow="visible" height="100%" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10"><path d="M0,6c6,0,0.9,11.1,6.9,11.1S18,6,24,6"/></svg>');
  height: 16px;
  max-width: 260px;
  background-color: transparent;
  background-size: 24px 16px;
  border: none;
}

.wp-block-separator.wavy-green {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" overflow="visible" height="100%" viewBox="0 0 24 24" fill="none" stroke="%2301303d" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10"><path d="M0,6c6,0,0.9,11.1,6.9,11.1S18,6,24,6"/></svg>');
  height: 16px;
  max-width: 260px;
  background-color: transparent;
  background-size: 24px 16px;
  border: none;
}

.bg-double-circle {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 1109.63 1109.63"><defs><style>.cls-1{fill:%23fae9e1;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:%23f4d8cd;}</style></defs><g id="T&%23x142;o"><circle class="cls-2" cx="554.82" cy="554.82" r="554.82"></circle><circle class="cls-1" cx="585.5" cy="567.5" r="519.5"></circle></g></svg>');
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .bg-double-circle {
    background-position-x: center;
  }
  .bg-double-circle img {
    max-width: 83%;
    margin-left: 0%;
  }
}
.bg-double-circle.v-img-right {
  background-size: 80%;
  background-position: left 80px;
}
.bg-double-circle.v-img-right img {
  margin-left: 90px;
}
@media screen and (max-width: 1024px) {
  .bg-double-circle.v-img-right {
    background-size: 100%;
    background-position: left bottom;
  }
  .bg-double-circle.v-img-right img {
    margin-left: 0;
    max-width: 100%;
  }
}

.neg-margin-tb {
  margin-bottom: -60px !important;
  margin-top: -40px !important;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .neg-margin-tb {
    margin-top: -10px !important;
    margin-bottom: 0px !important;
  }
  .neg-margin-tb img {
    max-width: 206px;
    height: auto;
  }
}

.bg-circle-centered-photo {
  background-position: 0px 100px;
  padding-left: 50px;
}
@media screen and (max-width: 1024px) {
  .bg-circle-centered-photo {
    background-position: center 15vw;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}

.polaroid-left {
  transform: rotate(-5deg);
}

.polaroid-right {
  transform: rotate(5deg);
}

.column-icon {
  display: flex;
  flex-direction: column;
}
.column-icon p {
  font-size: 15px;
}
.column-icon svg {
  width: auto;
  height: 77px;
  margin-bottom: 10px;
}
.column-icon svg path {
  fill: #fff;
}

.column-icon-green {
  display: flex;
  flex-direction: column;
}
.column-icon-green p {
  font-size: 15px;
}
.column-icon-green svg {
  width: auto;
  height: 77px;
  margin-bottom: 10px;
}
.column-icon-green svg path {
  fill: #01303D;
}

.img-bg-circle {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .img-bg-circle {
    padding: 25px 0 25px 50px;
  }
}
.img-bg-circle::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Warstwa_2" viewBox="0 0 1109.63 1109.63"><defs><style>.cls-1{fill:%23fae9e1;}.cls-1,.cls-2{stroke-width:0px;}.cls-2{fill:%23f4d8cd;}</style></defs><g id="T&%23x142;o"><circle class="cls-2" cx="554.82" cy="554.82" r="554.82"></circle><circle class="cls-1" cx="585.5" cy="567.5" r="519.5"></circle></g></svg>');
  background-repeat: no-repeat;
  background-position: top center;
  content: "";
  width: 520px;
  height: 520px;
  display: block;
  position: absolute;
  top: -80px;
  left: 20px;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .img-bg-circle::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

.shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.hero {
  padding-top: 25px;
}
@media screen and (max-width: 1024px) {
  .hero {
    padding: 15px;
    padding-bottom: 0 !important;
  }
}
.hero h1 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1024px) {
  .hero h1 {
    margin-top: 20px;
    font-size: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .hero h1.diet {
    font-size: 50px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .hero h2.diet {
    margin-bottom: 0;
  }
}
.hero p {
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .hero p {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .hero p.about-diet {
    display: block;
  }
}
.hero p.big {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 10px;
}
.hero p.big span {
  color: #FF3139;
}
@media screen and (max-width: 1024px) {
  .hero p.big {
    display: block;
    font-size: 25px;
    line-height: 30px;
  }
}
.hero .wp-block-image {
  margin-bottom: 0;
}
.hero .wp-block-image img {
  display: block;
}
@media screen and (max-width: 1024px) {
  .hero .wp-block-image img {
    max-width: 90%;
    margin: 20px auto 0 auto;
  }
}
.hero .wp-block-columns {
  margin-bottom: 0;
}
.hero .wp-block-buttons.only-mobile a {
  margin-top: 0;
}

p {
  margin: 0 0 10px;
}

.icon-bar {
  padding: 19px;
}
@media screen and (max-width: 1024px) {
  .icon-bar {
    padding: 15px;
  }
}
.icon-bar ul {
  list-style-type: none;
  display: flex;
  justify-content: center;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .icon-bar ul {
    flex-direction: column;
    padding: 0;
  }
}
.icon-bar ul li {
  margin: 0 25px;
  font-family: "Raleway", sans-serif;
  font-size: 25px;
  font-weight: 400;
  padding-left: 70px;
  height: 58px;
  display: flex;
  align-items: center;
  background-image: url(img/bowl-white.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 46px;
}
@media screen and (max-width: 1024px) {
  .icon-bar ul li {
    background-size: 30px;
    font-size: 20px;
    height: 30px;
    margin: 0 0 10px 0;
    padding-left: 40px;
  }
}
.icon-bar ul li:nth-child(2) {
  background-image: url(img/kg-white.svg);
}
.icon-bar ul li:nth-child(3) {
  background-image: url(img/stoper-white.svg);
}

.circle-ico {
  text-align: center;
  position: relative;
  padding-top: 45px;
}
.circle-ico .wp-block-image {
  display: inline-block;
  background-color: #fff;
  border-radius: 100%;
  padding: 27px;
  left: calc(50% - 54px);
  top: 5px;
  margin: 0;
  position: absolute;
}
.circle-ico .wp-block-image figure {
  display: flex;
}
.circle-ico p {
  color: #fff;
  background-color: #01303D;
  background-color: #fc152c;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 24px;
  border-radius: 100%;
  padding: 37.628% 0;
}

.border-gray {
  border: 1px solid #d8d8d8;
  padding: 40px;
}

.photo-txt-column {
  border: 1px solid #d8d8d8;
  background-color: #f7f7f7;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .photo-txt-column {
    margin-bottom: 30px;
  }
}
.photo-txt-column .wp-block-image {
  height: 200px;
  display: flex;
  align-items: center;
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .photo-txt-column .wp-block-image {
    height: 170px;
  }
}
.photo-txt-column .wp-block-image img {
  transition: all 1.5s ease;
}
.photo-txt-column .wp-block-image img:hover {
  transform: scale(1.2);
}
.photo-txt-column p {
  padding: 35px;
  margin: 0;
}

ul {
  margin: 0 0 10px;
  padding: 0 0 0 16px;
}

@media screen and (max-width: 1024px) {
  .wp-block-column:nth-child(2n) {
    margin-left: 0;
  }
  .wp-block-column:not(:only-child) {
    flex-basis: 100% !important;
    flex-grow: 0;
  }
}
.red-num-circle {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .red-num-circle {
    flex-wrap: wrap !important;
    gap: 0 !important;
  }
}
.red-num-circle .wp-block-column {
  display: flex;
  justify-content: center;
}
@media (min-width: 782px) and (max-width: 1200px) {
  .red-num-circle .wp-block-column {
    flex-basis: 50% !important;
    margin-left: 0 !important;
  }
  .red-num-circle .wp-block-column:nth-child(even) {
    justify-content: flex-start;
    padding-left: 32px;
  }
  .red-num-circle .wp-block-column:nth-child(odd) {
    justify-content: flex-end;
    padding-right: 32px;
  }
}
.red-num-circle .wp-block-column p {
  background: #ff3139;
  text-align: center;
  color: #fff;
  width: 275px;
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 24px;
  position: relative;
}
.red-num-circle .wp-block-column p:before {
  content: "1";
  width: 74px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #fff;
  color: #000;
  font-size: 51px;
  border-radius: 100%;
  position: absolute;
  top: 0;
}
@media (min-width: 782px) and (max-width: 1200px) {
  .red-num-circle .wp-block-column p {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 1024px) {
  .red-num-circle .wp-block-column p {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 1024px) {
  .red-num-circle .wp-block-column:last-child p {
    margin-bottom: 0px;
  }
}
.red-num-circle .wp-block-column:nth-child(2) p:before {
  content: "2";
}
.red-num-circle .wp-block-column:nth-child(3) p:before {
  content: "3";
}
.red-num-circle .wp-block-column:nth-child(4) p:before {
  content: "4";
}

.mt-10 {
  margin-top: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.pricing-package {
  border-radius: 30px;
  border: 2px solid #F2BAA0;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .pricing-package .packgage-price-placeholder {
    height: 25px !important;
  }
  .pricing-package .packgage-price {
    font-size: 25px !important;
    font-weight: 600 !important;
  }
  .pricing-package .price {
    font-size: 24px !important;
  }
  .pricing-package .price small {
    font-size: 24px !important;
  }
  .pricing-package .txt {
    font-size: 18px !important;
  }
  .pricing-package .you-save {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 1024px) {
  .csr-banner {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    flex-direction: column;
    gap: 10px !important;
    margin-bottom: 30px;
  }
}
.csr-banner a {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.csr .wp-block-column:first-child {
  transform: translateX(50px);
}
@media screen and (max-width: 1024px) {
  .csr .wp-block-column:first-child {
    transform: translateX(0);
  }
}
.csr .wp-block-column:last-child {
  transform: translate3d(-50px, 0, 0);
}
@media screen and (max-width: 1024px) {
  .csr .wp-block-column:last-child {
    transform: translateX(0);
    padding: 20px 0;
  }
}
.csr .wp-block-column .csr-counter {
  margin: 0;
  text-align: center;
  color: #e48b62;
  font-size: 69px;
  font-weight: 600;
}
.csr img {
  transform: rotate(-7deg);
}
@media screen and (max-width: 1024px) {
  .csr img {
    max-width: 90%;
  }
}

.wp-block-group.footnotes {
  background-color: #01303D;
  padding: 20px;
  border-radius: 20px;
  margin: 20px 0;
  color: #fff;
}
.wp-block-group.footnotes ol {
  border-bottom: 1px dotted #fff;
  margin-bottom: 10px;
  padding-left: 16px;
}
.wp-block-group.footnotes ol li {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 15px;
}
.wp-block-group.footnotes ol li::marker {
  font-size: 10.5px;
  position: relative;
  top: -5px;
}
.wp-block-group.footnotes ol li.expand {
  display: none;
}
.wp-block-group.footnotes .links {
  text-align: right;
  margin-top: 0px;
}
.wp-block-group.footnotes .links a.collapse {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.wp-block-group.footnotes .links a.collapse svg {
  width: 14px;
  height: 14px;
  fill: #fff;
  margin-right: 4px;
  transform: translateY(1px);
}
.wp-block-group.footnotes .links a.expand {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.wp-block-group.footnotes .links a.expand svg {
  width: 14px;
  height: 14px;
  fill: #fff;
  margin-right: 4px;
  transform: translateY(1px);
}

.rotate-4l {
  transform: rotateZ(-4deg);
}
@media screen and (max-width: 1024px) {
  .rotate-4l {
    transform: rotateZ(-2deg);
    margin-left: 15px;
    margin-right: 15px;
  }
}

.rotate-4r {
  transform: rotateZ(4deg);
}
@media screen and (max-width: 1024px) {
  .rotate-4r {
    transform: rotateZ(2deg);
    margin-left: 15px;
    margin-right: 15px;
  }
}

.kcal-values .wp-block-group p {
  padding: 2px 5px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: bold;
}

.logo-aeh {
  transform: translateY(-30px);
}
@media screen and (max-width: 1024px) {
  .logo-aeh {
    transform: translateY(0px);
  }
}

.promotors .wp-block-column {
  border-radius: 20px;
  margin-top: 140px !important;
}
.promotors .wp-block-column .promotor {
  padding: 36px !important;
}
@media screen and (max-width: 1024px) {
  .promotors .wp-block-column .promotor {
    padding: 20px !important;
  }
}
.promotors .wp-block-column .promotor img {
  margin-top: -143px;
  border: 4px solid #fff;
}

.research-consent-form input[name=name-surname] {
  width: auto;
}

body.error404 {
  background-image: linear-gradient(90deg, #f7dcd1 30%, #f2baa0 60%);
}
body.error404 #primary {
  background-image: url('data:image/svg+xml,<svg width="1000" height="100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><g><path fill="%2301303d" id="svg_1" d="m761.9,44.1l-118.8,-16.9l-309.3,70.8l-333.8,-94.2l0,-3.8l1000,0l0,3.9" class="elementor-shape-fill"/></g></svg>');
  background-position: 50% 0px;
  background-repeat: no-repeat;
  background-size: 480vw 670px;
}
@media screen and (max-width: 1024px) {
  body.error404 #primary {
    background-size: 800vw 1120px;
  }
}
body.error404 #primary section.error-404 {
  font-family: "Montserrat", sans-serif;
  margin: 0px auto;
  padding: 40px 0px;
  max-width: 1090px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  body.error404 #primary section.error-404 {
    padding: 50px 0;
    width: 90%;
  }
}
body.error404 #primary section.error-404 .txt {
  width: 50%;
  color: #fff;
  font-size: 19px;
}
@media screen and (max-width: 1024px) {
  body.error404 #primary section.error-404 .txt {
    width: 100%;
    font-size: 15px;
    text-align: center;
  }
}
body.error404 #primary section.error-404 .txt h1 {
  color: #F2BAA0;
  font-size: 53px;
  text-transform: uppercase;
  margin: 0;
}
body.error404 #primary section.error-404 .txt h2 {
  color: #fff;
  font-size: 145px;
  font-weight: bold;
  margin: 0;
}
body.error404 #primary section.error-404 .txt h3 {
  font-size: 35px;
  margin-bottom: 0;
}
body.error404 #primary section.error-404 .txt img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  body.error404 #primary section.error-404 .txt img {
    display: none;
  }
}
body.error404 #primary section.error-404 .txt span {
  font-size: 170px;
  font-weight: bold;
  line-height: 170px;
}
@media screen and (max-width: 1024px) {
  body.error404 #primary section.error-404 .txt span {
    font-size: 140px;
  }
}
body.error404 #primary section.error-404 .txt .button {
  margin-top: 30px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
}
body.error404 #primary section.error-404 .photo {
  width: 50%;
  padding-left: 30px;
}
body.error404 #primary section.error-404 .photo::after {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
@media screen and (max-width: 1024px) {
  body.error404 #primary section.error-404 .photo {
    width: 100%;
    padding-top: 40px;
    padding-left: 0;
  }
}
body.error404 #primary section.error-404 .photo img {
  max-width: 420px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  body.error404 #primary section.error-404 .photo img {
    max-width: 100%;
    width: 100%;
  }
}

.jconfirm .container {
  max-width: 600px;
}
.jconfirm .container .button {
  margin: 0;
}

body.home {
  background-image: linear-gradient(90deg, #f7dcd1 30%, #f2baa0 60%);
}

.szostaky-hero {
  background-image: url('data:image/svg+xml,<svg width="1000" height="100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><g><path fill="%2301303d" id="svg_1" d="m761.9,44.1l-118.8,-16.9l-309.3,70.8l-333.8,-94.2l0,-3.8l1000,0l0,3.9" class="elementor-shape-fill"/></g></svg>');
  background-position: 50% 0px;
  background-repeat: no-repeat;
  background-size: 350vw 750px;
}
@media screen and (max-width: 1024px) {
  .szostaky-hero {
    background-size: 700% 1100px;
  }
}
.szostaky-hero .wp-block-group .wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
}
.szostaky-hero .wp-block-group .wp-block-columns .wp-block-column svg {
  width: auto;
  height: 77px;
  margin-bottom: 10px;
}
.szostaky-hero .wp-block-group .wp-block-columns .wp-block-column svg path {
  fill: #fff;
}

body.home .decor-arrow-spin::after {
  transform: rotate(296deg) scale(0.7);
  position: absolute;
  bottom: -130px;
  left: calc(50% - 90px);
  z-index: 100;
}
body.home .decor-arrow::after {
  top: 50px;
}
body.home .decor-spin::after {
  right: -70px;
}
body.home .bg-double-circle {
  padding: 0 88px;
  background-position: center 40px;
}
@media screen and (max-width: 1024px) {
  body.home .bg-double-circle {
    padding: 0;
  }
}

body.dieta-online .szostaky-hero {
  background-size: 350vw 520px;
}
@media screen and (max-width: 1024px) {
  body.dieta-online .szostaky-hero {
    background-size: 800% 780px;
  }
}
body.dieta-online .szostaky-hero figure.bg-double-circle {
  background-size: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  body.dieta-online .szostaky-hero figure.bg-double-circle {
    background-size: 70vw;
    height: 70vw;
    background-position: left;
    overflow: hidden;
  }
}
body.dieta-online .szostaky-hero figure.bg-double-circle::after {
  top: -10px;
}
@media screen and (max-width: 1024px) {
  body.dieta-online .szostaky-hero figure.bg-double-circle::after {
    top: 0px;
    right: -30px;
    transform: scale(0.6) rotate(166deg);
  }
}
body.dieta-online .szostaky-hero figure.bg-double-circle img {
  transform: scale(1.1);
}
@media screen and (max-width: 1024px) {
  body.dieta-online .szostaky-hero figure.bg-double-circle img {
    transform: scale(1.5);
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  body.dieta-online .szostaky-hero h2 {
    font-size: 20px;
  }
}
body.dieta-online .szostaky-hero h2.decor-spin::after {
  transform: scale(0.6);
  top: -50px;
  left: -40px;
}
body.dieta-online .szostaky-hero .decor-arrow::after {
  transform: rotate(333deg);
  position: absolute;
  top: auto;
  bottom: 0px;
  left: -130px;
}
@media screen and (max-width: 1024px) {
  body.dieta-online .szostaky-hero .decor-arrow::after {
    bottom: -30px;
    left: auto;
    right: 60px;
    transform: rotate(128deg);
  }
}
@media screen and (max-width: 1024px) {
  body.dieta-online .szostaky-hero p {
    font-size: 15px !important;
  }
}

body.new-dieta-online .szostaky-hero {
  background-size: 620vw 620px;
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .szostaky-hero {
    background-size: 800% 960px;
  }
}
body.new-dieta-online .szostaky-hero figure.bg-double-circle {
  background-size: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .szostaky-hero figure.bg-double-circle {
    background-size: 70vw;
    height: 70vw;
    background-position: left;
    overflow: hidden;
  }
}
body.new-dieta-online .szostaky-hero figure.bg-double-circle::after {
  top: -10px;
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .szostaky-hero figure.bg-double-circle::after {
    top: 0px;
    right: -30px;
    transform: scale(0.6) rotate(166deg);
  }
}
body.new-dieta-online .szostaky-hero figure.bg-double-circle img {
  transform: scale(1.1);
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .szostaky-hero figure.bg-double-circle img {
    transform: scale(1.5);
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .szostaky-hero h2 {
    font-size: 20px;
  }
}
body.new-dieta-online .szostaky-hero h2.decor-spin::after {
  transform: scale(0.6);
  top: -50px;
  left: -40px;
}
body.new-dieta-online .szostaky-hero .decor-arrow::after {
  transform: rotate(200deg);
  position: absolute;
  top: auto;
  bottom: -20px;
  left: auto;
  right: -170px;
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .szostaky-hero .decor-arrow::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .szostaky-hero p {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .top-bottom-white-bg-inverse {
    margin-top: 40px;
  }
}
body.new-dieta-online .decor-star-orange::after {
  top: auto;
  left: 100px;
  z-index: 10;
  bottom: -70px;
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .decor-star-orange::after {
    top: -100px;
    bottom: auto;
    transform: scale(0.7);
    left: -20px;
  }
}
body.new-dieta-online .decor-weight::after {
  top: auto;
  bottom: -90px;
  right: 0;
}
body.new-dieta-online .decor-list2::after {
  top: 0;
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .decor-list2::after {
    top: auto;
    bottom: -110px;
    transform: scale(0.7) rotate(347deg);
    right: 20px;
    left: auto;
  }
}
body.new-dieta-online .decor-arrow-spin-orange::after {
  bottom: -60px;
}
@media screen and (max-width: 1024px) {
  body.new-dieta-online .decor-arrow-spin-orange::after {
    bottom: -80px;
    left: calc(50% - 140px);
  }
}

body.darmowy-kurs-zdrowego-odchudzania .szostaky-hero {
  background-size: 350vw 600px;
}
@media screen and (max-width: 1024px) {
  body.darmowy-kurs-zdrowego-odchudzania .szostaky-hero {
    background-size: 710vw 890px;
  }
}
body.darmowy-kurs-zdrowego-odchudzania .szostaky-hero .decor-spin::after {
  top: auto;
  bottom: 0px;
  left: auto;
  right: -90px;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  body.darmowy-kurs-zdrowego-odchudzania .szostaky-hero .decor-spin::after {
    top: auto;
    left: auto;
    right: 0px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  body.darmowy-kurs-zdrowego-odchudzania .szostaky-hero h2 {
    font-size: 20px;
  }
}
body.darmowy-kurs-zdrowego-odchudzania .decor-spin-orange::after {
  right: auto;
}
@media screen and (max-width: 1024px) {
  body.darmowy-kurs-zdrowego-odchudzania .decor-spin-orange::after {
    top: -40px;
    transform: scale(0.7);
  }
}
body.darmowy-kurs-zdrowego-odchudzania .decor-spin-rotate-180-orange::after {
  top: 60px;
  left: auto;
  right: -90px;
}
@media screen and (max-width: 1024px) {
  body.darmowy-kurs-zdrowego-odchudzania .decor-spin-rotate-180-orange::after {
    display: none;
    top: auto;
    left: auto;
    right: 0px;
    bottom: 20px;
  }
}
body.darmowy-kurs-zdrowego-odchudzania .wp-block-list {
  padding-left: 2rem;
}
body.darmowy-kurs-zdrowego-odchudzania .decor-list2::after {
  top: 60px;
}
@media screen {
  body.darmowy-kurs-zdrowego-odchudzania .decor-list2::after {
    top: auto;
    bottom: -110px;
    transform: scale(0.7) rotate(347deg);
    right: 20px;
    left: auto;
  }
}
body.darmowy-kurs-zdrowego-odchudzania .decor-weight::after {
  top: auto;
  bottom: -90px;
  right: 0;
}
body.darmowy-kurs-zdrowego-odchudzania .wpcf7 label {
  font-size: 15px;
}
body.darmowy-kurs-zdrowego-odchudzania .wpcf7 .wpcf7-submit {
  font-size: 20px;
  font-weight: 500;
  padding: 11px 20px;
  width: 100%;
}
body.darmowy-kurs-zdrowego-odchudzania .form-box {
  margin-bottom: -80px;
}
@media screen and (max-width: 1024px) {
  body.darmowy-kurs-zdrowego-odchudzania .form-box {
    margin-bottom: -35px;
    position: relative;
    z-index: 10;
  }
}
body.darmowy-kurs-zdrowego-odchudzania footer#colophon::before {
  background-color: #fff;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%2301303D" d="M738,99l262-93V0H0v5.6L738,99z"></path></svg>');
}
body.darmowy-kurs-zdrowego-odchudzania footer#colophon .csr-banner,
body.darmowy-kurs-zdrowego-odchudzania footer#colophon .newsletter-box {
  display: none;
}

body.trener-personalny .szostaky-hero {
  background-size: 350vw 500px;
}
@media screen and (max-width: 1024px) {
  body.trener-personalny .szostaky-hero {
    background-size: 710vw 890px;
  }
}
body.trener-personalny .szostaky-hero .decor-spin::after {
  top: 60px;
  left: auto;
  right: -90px;
}
@media screen and (max-width: 1024px) {
  body.trener-personalny .szostaky-hero .decor-spin::after {
    top: auto;
    left: auto;
    right: 0px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  body.trener-personalny .szostaky-hero h2 {
    font-size: 20px;
  }
}
body.trener-personalny .decor-hearts::after {
  top: -70px;
}
body.trener-personalny .decor-arrow-spin::after {
  transform: rotate(296deg) scale(0.7);
  position: absolute;
  bottom: 0px;
  left: calc(50% - 140px);
  z-index: 100;
}
body.trener-personalny .decor-star::after {
  top: -110px;
  left: -20px;
}

body.o-nas .szostaky-hero {
  background-size: 350vw 450px;
}
@media screen and (max-width: 1024px) {
  body.o-nas .szostaky-hero {
    background-size: 480vw 700px;
  }
}
body.o-nas .szostaky-hero .decor-spin-rotate-180::after {
  top: 60px;
  left: auto;
  right: -90px;
}
@media screen and (max-width: 1024px) {
  body.o-nas .szostaky-hero .decor-spin-rotate-180::after {
    top: auto;
    left: auto;
    right: 0px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  body.o-nas .szostaky-hero h2 {
    font-size: 20px;
  }
}
body.o-nas .decor-hearts::after {
  top: -70px;
}
body.o-nas .decor-arrow-spin::after {
  transform: rotate(296deg) scale(0.7);
  position: absolute;
  bottom: -130px;
  left: calc(50% - 90px);
  z-index: 100;
}
body.o-nas .decor-star::after {
  top: -70px;
  left: 0;
}

body.o-mnie .szostaky-hero {
  background-size: 350vw 430px;
}
@media screen and (max-width: 1024px) {
  body.o-mnie .szostaky-hero {
    background-size: 480vw 700px;
  }
}
body.o-mnie .szostaky-hero .decor-spin-rotate-180::after {
  bottom: 40px;
  left: auto;
  right: -20px;
}
@media screen and (max-width: 1024px) {
  body.o-mnie .szostaky-hero .decor-spin-rotate-180::after {
    top: auto;
    left: auto;
    right: 0px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  body.o-mnie .szostaky-hero h2 {
    font-size: 20px;
  }
}
body.o-mnie .decor-hearts::after {
  top: -70px;
}
body.o-mnie .decor-arrow-spin::after {
  transform: rotate(296deg) scale(0.7);
  position: absolute;
  bottom: -130px;
  left: calc(50% - 90px);
  z-index: 100;
}
body.o-mnie .decor-star::after {
  top: -70px;
  left: 0;
}

body.dieta-na-prezent .szostaky-hero {
  background-size: 350vw 540px;
}
@media screen and (max-width: 1024px) {
  body.dieta-na-prezent .szostaky-hero {
    background-size: 700% 780px;
  }
}
@media screen {
  body.dieta-na-prezent .szostaky-hero figure.decor-spin-rotate-180 {
    transform: scale(1.1) translateX(-8%);
    margin-inline-end: 0;
    margin-bottom: 40px;
  }
}
body.dieta-na-prezent .szostaky-hero figure.decor-spin-rotate-180::after {
  bottom: 40px;
  left: auto;
  right: -110px;
}
@media screen and (max-width: 1024px) {
  body.dieta-na-prezent .szostaky-hero figure.decor-spin-rotate-180::after {
    bottom: -30px;
    left: auto;
    right: -19px;
  }
}

body.metamorfozy .szostaky-hero {
  background-size: 350vw 600px;
}
@media screen and (max-width: 1024px) {
  body.metamorfozy .szostaky-hero {
    background-size: 500vw 810px;
  }
}
body.metamorfozy .szostaky-hero .decor-arrow::after {
  transform: rotate(41deg);
  position: absolute;
  top: auto;
  bottom: -160px;
  right: 100px;
}
@media screen and (max-width: 1024px) {
  body.metamorfozy .szostaky-hero .decor-arrow::after {
    transform: rotate(133deg);
    bottom: -100vw;
    right: -20px;
  }
}
body.metamorfozy .szostaky-hero .decor-spin::after {
  left: 0;
  top: auto;
  bottom: -80px;
}
@media screen and (max-width: 1024px) {
  body.metamorfozy .szostaky-hero .decor-spin::after {
    bottom: -105vw;
    transform: scale(0.6);
    left: -20px;
  }
}
body.metamorfozy .szostaky-hero .decor-spin-rotate-180::after {
  top: 60px;
  left: auto;
  right: -90px;
}
@media screen and (max-width: 1024px) {
  body.metamorfozy .szostaky-hero .decor-spin-rotate-180::after {
    top: -20px;
    left: auto;
    right: -10px;
  }
}
body.metamorfozy footer#colophon::before {
  background-color: #fff;
}

body.pomoz-mi-napisac-prace-doktorska .szostaky-hero {
  background-size: 480vw 560px;
}
@media screen and (max-width: 1024px) {
  body.pomoz-mi-napisac-prace-doktorska .szostaky-hero {
    background-size: 1050vw 900px;
  }
  body.pomoz-mi-napisac-prace-doktorska .szostaky-hero figure {
    overflow: hidden;
  }
}
body.pomoz-mi-napisac-prace-doktorska .szostaky-hero img {
  transform: translate(70px, -10px) rotate(-26deg);
  border: 4px solid #fff;
}
@media screen and (max-width: 1024px) {
  body.pomoz-mi-napisac-prace-doktorska .szostaky-hero img {
    transform: translate(0px, 0px) rotate(-26deg);
    border: 2px solid #fff;
  }
}
body.pomoz-mi-napisac-prace-doktorska .szostaky-hero .decor-spin::after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 1024px) {
  body.pomoz-mi-napisac-prace-doktorska .szostaky-hero .decor-spin::after {
    transform: scale(0.6);
  }
}
body.pomoz-mi-napisac-prace-doktorska .szostaky-hero .decor-spin-rotate-180::after {
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
}
body.pomoz-mi-napisac-prace-doktorska .decor-arrow::after {
  top: auto;
  left: auto;
  right: 0;
  bottom: -30px;
  transform: rotate(32deg);
}
@media screen and (max-width: 1024px) {
  body.pomoz-mi-napisac-prace-doktorska .decor-arrow::after {
    display: none;
  }
}
body.pomoz-mi-napisac-prace-doktorska footer#colophon::before {
  background-color: #fff;
}

body.kontakt .szostaky-hero {
  background-size: 350vw 500px;
}
@media screen and (max-width: 1024px) {
  body.kontakt .szostaky-hero {
    background-size: 700% 780px;
  }
}
body.kontakt .szostaky-hero figure.decor-spin::after {
  right: -140px;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  body.kontakt .szostaky-hero figure.decor-spin::after {
    right: -20px;
    top: -20px;
    transform: rotate(180deg) scale(0.6);
  }
}
body.kontakt .szostaky-hero p.decor-spin::after {
  left: 0;
  top: auto;
  bottom: -60px;
}
@media screen and (max-width: 1024px) {
  body.kontakt .szostaky-hero p.decor-spin::after {
    bottom: -110vw;
    transform: scale(0.6);
    left: -20px;
  }
}
body.kontakt .szostaky-hero .decor-arrow::after {
  transform: rotate(35deg);
  position: absolute;
  top: auto;
  bottom: -170px;
  left: 190px;
}
@media screen and (max-width: 1024px) {
  body.kontakt .szostaky-hero .decor-arrow::after {
    transform: rotate(122deg);
    bottom: -104vw;
    left: calc(50% - 20px);
    z-index: 10;
  }
}
body.kontakt .szostaky-hero h2 {
  font-size: 20px;
}
body.kontakt .szostaky-hero + .wp-block-group {
  margin-top: -110px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  body.kontakt .szostaky-hero + .wp-block-group {
    margin-top: 0px;
  }
}

body.newsletter .szostaky-hero {
  background-size: 350vw 500px;
}
@media screen and (max-width: 1024px) {
  body.newsletter .szostaky-hero {
    background-size: 700% 780px;
  }
}
body.newsletter .szostaky-hero figure.decor-spin::after {
  right: -140px;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  body.newsletter .szostaky-hero figure.decor-spin::after {
    right: -40px;
    top: -20px;
    transform: rotate(180deg) scale(0.6);
  }
}
body.newsletter .szostaky-hero p.decor-spin::after {
  left: 0;
  top: auto;
  bottom: -60px;
}
@media screen and (max-width: 1024px) {
  body.newsletter .szostaky-hero p.decor-spin::after {
    bottom: -110vw;
    transform: scale(0.6);
    left: -20px;
    z-index: 10;
  }
}
body.newsletter .szostaky-hero .decor-arrow::after {
  transform: rotate(35deg);
  position: absolute;
  top: auto;
  bottom: -170px;
  left: 190px;
}
@media screen and (max-width: 1024px) {
  body.newsletter .szostaky-hero .decor-arrow::after {
    transform: rotate(122deg);
    bottom: -114vw;
    left: auto;
    right: 0;
    z-index: 10;
  }
}
body.newsletter .szostaky-hero h2 {
  font-size: 20px;
}
body.newsletter .szostaky-hero + .wp-block-group {
  margin-top: -110px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  body.newsletter .szostaky-hero + .wp-block-group {
    margin-top: 0px;
  }
}

body.pomagamy .csr-banner {
  display: none;
}
@media screen and (max-width: 1024px) {
  body.pomagamy .szostaky-hero {
    background-size: 1500% 830px;
  }
}
body.pomagamy .szostaky-hero figure.decor-spin-rotate-180::after {
  left: auto;
  right: -70px;
  bottom: 30px;
  transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  body.pomagamy .szostaky-hero figure.decor-spin-rotate-180::after {
    right: 0px;
    top: unset;
    bottom: -30px;
    transform: rotate(166deg);
  }
}
@media screen and (max-width: 1024px) {
  body.pomagamy .szostaky-hero figure img {
    margin: 0 -15px;
    width: 100vw;
    max-width: 100vw;
  }
}

body.darmowy-ebook .szostaky-hero {
  background-size: 440vw 500px;
}
@media screen and (max-width: 1024px) {
  body.darmowy-ebook .szostaky-hero {
    background-size: 440vw 540px;
  }
}
body.darmowy-ebook .szostaky-hero .decor-arrow::after {
  transform: rotate(45deg);
  position: absolute;
  top: 50px;
  right: -50px;
}
@media screen and (max-width: 1024px) {
  body.darmowy-ebook .szostaky-hero .decor-arrow::after {
    transform: rotate(145deg);
    position: absolute;
    bottom: -66vw;
    right: 0;
    top: auto;
  }
}
body.darmowy-ebook .szostaky-hero .decor-spin-rotate-180::after {
  bottom: auto;
  left: auto;
  transform: rotate(180deg);
  top: 0;
  right: 0;
}
body.darmowy-ebook .szostaky-hero .decor-spin::after {
  left: 0;
  right: auto;
  transform: rotate(180deg);
  top: auto;
  bottom: -110px;
}
@media screen and (max-width: 1024px) {
  body.darmowy-ebook .szostaky-hero .decor-spin::after {
    bottom: -77vw;
    transform: scale(0.6);
  }
}
body.darmowy-ebook .wpcf7-submit {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  padding: 16px;
}
body.darmowy-ebook .wpcf7-submit:hover {
  background-color: #F2BAA0;
  color: #01303D;
}

.page.page-template-cpm-calculator #masthead.disable-sticky {
  position: relative;
}
.page.page-template-cpm-calculator #primary {
  background-image: url('data:image/svg+xml,<svg width="1000" height="100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><g><path fill="%2301303d" id="svg_1" d="m761.9,44.1l-118.8,-16.9l-309.3,70.8l-333.8,-94.2l0,-3.8l1000,0l0,3.9" class="elementor-shape-fill"/></g></svg>');
  background-position: 50% 0px;
  background-repeat: no-repeat;
  background-size: 350vw 550px;
  padding-top: 2px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator #primary {
    background-size: 1000% 1100px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 781px) {
  .page.page-template-cpm-calculator #primary {
    background-size: 1000% 700px;
  }
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator #primary {
    padding: 0px;
  }
}
.page.page-template-cpm-calculator .decor-spin::after {
  transform: rotate(180deg);
  right: -120px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator .decor-spin::after {
    right: -40px;
    transform: rotate(180deg) scale(0.5);
    top: -30px;
  }
}
.page.page-template-cpm-calculator .green {
  background-image: linear-gradient(180deg, #00485c 0%, #01303D 100%);
  color: #fff;
  padding-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator .green {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
  .page.page-template-cpm-calculator .green {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page.page-template-cpm-calculator .green::before {
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path  fill="%2300485c" d="M738,99l262-93V0H0v5.6L738,99z"></path></svg>');
  position: absolute;
  top: -94px;
  left: 0;
  z-index: -1;
  transform: scaleX(-1) scaleY(-1);
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator .green::before {
    height: 57px;
    top: -56px;
  }
}
.page.page-template-cpm-calculator .green > h2 {
  text-align: center;
}
.page.page-template-cpm-calculator .green > p {
  text-align: center;
  margin-bottom: 40px;
  font-size: 15px;
}
.page.page-template-cpm-calculator section.cta {
  max-width: 1000px;
  display: flex;
  padding: 0px 0px 50px 0px;
  flex-wrap: wrap;
  margin-bottom: 100px;
  margin-top: -70px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator section.cta {
    margin-top: 0px;
    padding: 0 20px;
  }
}
.page.page-template-cpm-calculator section.cta .txt {
  width: 60%;
  color: #01303D;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 50px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator section.cta .txt {
    width: 100%;
    padding: 0 20px;
  }
}
.page.page-template-cpm-calculator section.cta .txt h2 {
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator section.cta .txt h2 {
    text-align: center;
  }
  .page.page-template-cpm-calculator section.cta .txt h2 br {
    display: none;
  }
}
.page.page-template-cpm-calculator section.cta .txt h3 {
  text-align: center;
}
.page.page-template-cpm-calculator section.cta .photo {
  width: 40%;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator section.cta .photo {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator section.cta .photo figure {
    margin-bottom: -10px;
  }
}
.page.page-template-cpm-calculator section.cta .photo figure img {
  max-width: 420px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator section.cta .photo figure img {
    max-width: 100%;
    margin-left: 0;
  }
}
.page.page-template-cpm-calculator section.cta .banner {
  margin-top: -60px;
  padding: 12px 40px;
  color: #f7dcd1;
  width: 100%;
  background-image: linear-gradient(180deg, #00485C 0%, #01303D 100%);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator section.cta .banner {
    flex-direction: column;
    padding: 20px 20px;
    margin-top: 0px;
  }
}
.page.page-template-cpm-calculator section.cta .banner p {
  font-size: 19px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator section.cta .banner p {
    text-align: center;
    font-size: 15px;
  }
}
.page.page-template-cpm-calculator section.cta .banner a.button {
  font-size: 14px;
  border: 2px solid #fff;
}
.page.page-template-cpm-calculator .logos {
  background-color: #fff;
  padding: 0px 0 50px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator .logos {
    padding: 40px 0;
  }
}
.page.page-template-cpm-calculator .logos::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"><path fill="%23FFFFFF" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path></svg>');
  content: " ";
  display: block;
  width: 100%;
  height: 94px;
  position: absolute;
  transform: rotate(180deg);
  top: -94px;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator .logos::before {
    height: 36px;
    top: -35px;
  }
}
.page.page-template-cpm-calculator .logos img {
  height: 65px;
  width: auto;
  margin: 0 30px;
}
.page.page-template-cpm-calculator .logos img:last-child {
  height: 99px;
}
.page.page-template-cpm-calculator footer#colophon::before {
  background-color: #fff;
}
.page.page-template-cpm-calculator .popups {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator .popups {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) and (min-width: 560px) {
  .page.page-template-cpm-calculator .popups {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.page.page-template-cpm-calculator .popups > .item {
  background-color: #fff;
  overflow: hidden;
  border-radius: 20px;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator .popups > .item {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 560px) {
  .page.page-template-cpm-calculator .popups > .item {
    width: calc(50% - 20px);
  }
}
.page.page-template-cpm-calculator .popups > .item img {
  width: 100%;
  height: auto;
}
.page.page-template-cpm-calculator .popups > .item > div.title-container {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.page.page-template-cpm-calculator .popups > .item > div.title-container a.title {
  font-size: 20px;
  text-decoration: none;
  color: #01303D;
  padding: 10px 15px;
  text-align: center;
}
.page.page-template-cpm-calculator .popups > .item > div.title-container a.button {
  width: fit-content;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.page.page-template-cpm-calculator .popups > .item > div.title-container a.button:active, .page.page-template-cpm-calculator .popups > .item > div.title-container a.button:focus {
  color: #fff;
}
.page.page-template-cpm-calculator .cpm-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.page.page-template-cpm-calculator .cpm-popup.show {
  background: rgba(255, 255, 255, 0.9);
  display: flex;
}
.page.page-template-cpm-calculator .cpm-popup .inner {
  max-width: 800px;
  background-color: #fff;
  padding: 40px;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  max-height: 95vh;
  position: relative;
  color: #01303D;
}
@media screen and (max-width: 1024px) {
  .page.page-template-cpm-calculator .cpm-popup .inner {
    padding: 20px;
  }
}
.page.page-template-cpm-calculator .cpm-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #01303D;
  display: block;
  width: 30px;
  height: 30px;
}
.page.page-template-cpm-calculator .cpm-popup .inner .close:after, .page.page-template-cpm-calculator .cpm-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 13px;
  left: 3px;
}
.page.page-template-cpm-calculator .cpm-popup .inner .close:after {
  transform: rotate(-45deg);
}
.page.page-template-cpm-calculator .cpm-popup .inner .content {
  overflow: scroll;
  max-height: calc(95vh - 40px);
}
.page.page-template-cpm-calculator .cpm-popup .inner .content .title {
  padding-right: 30px;
  font-size: 24px;
  font-weight: 400;
}
.page.page-template-cpm-calculator .cpm-popup .inner .content .box {
  border: 1px solid #F2BAA0;
  padding: 30px 40px 20px 40px;
  margin: 20px 0;
}
.page.page-template-cpm-calculator .cpm-popup .inner .content .box p:last-child {
  margin-bottom: 0;
}
.page.page-template-cpm-calculator .cpm-popup .inner .content .footnote {
  text-decoration: none;
}
.page.page-template-cpm-calculator .cpm-popup .inner .content .footnotes {
  margin: 40px 0;
  border-radius: 20px;
  background-color: #f7dcd1;
  font-size: 13px;
  padding: 30px;
}
.page.page-template-cpm-calculator .cpm-popup .inner .content .footnotes p {
  margin-bottom: 0;
  line-height: 19px;
}
.page.page-template-cpm-calculator .cpm-popup .inner .content .footnotes p a {
  font-weight: bold;
  text-decoration: none;
}

.cpm-calculator {
  padding-bottom: 50px;
  margin-top: -100px;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
  .cpm-calculator {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .cpm-calculator {
    margin-top: 0px;
  }
}
.cpm-calculator .calc {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .calc {
    flex-direction: column;
  }
}
.cpm-calculator .calc form {
  border-radius: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .calc form {
    flex-direction: column;
    padding: 0px 0px;
    width: 100%;
  }
}
.cpm-calculator .calc form .sex {
  width: 100%;
  border-bottom: 1px dotted #00485c;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.cpm-calculator .calc form .sex input[type=radio] {
  appearance: none;
  background-color: transparent;
  margin: 0;
  font: inherit;
  color: #01303D;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #01303D;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.cpm-calculator .calc form .sex input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #01303D;
}
.cpm-calculator .calc form .sex input[type=radio]:checked::before {
  transform: scale(0.6);
}
.cpm-calculator .calc form .sex > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 40px;
}
.cpm-calculator .calc form .sex > div label {
  color: #01303D;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cpm-calculator .calc form .sex > div label .ico {
  width: 69px;
  height: 69px;
  background-color: #fff;
  border-radius: 100%;
  padding: 15px;
}
.cpm-calculator .calc form .sex > div label .ico path {
  fill: #01303D;
}
.cpm-calculator .calc form .third {
  width: calc(33% - 8px);
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .calc form .third {
    width: 100%;
  }
}
.cpm-calculator .calc form .half {
  width: calc(50% - 8px);
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .calc form .half {
    width: 100%;
  }
}
.cpm-calculator .calc form label {
  display: block;
  font-size: 15px;
}
.cpm-calculator .calc form select,
.cpm-calculator .calc form input[type=number] {
  border: 1px solid #F2BAA0;
  border-radius: 4px;
  font-size: 15px;
}
.cpm-calculator .calc form select[name=sex],
.cpm-calculator .calc form input[type=number] {
  margin: 0;
}
.cpm-calculator .calc form select {
  width: 100%;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml,<svg fill="%23000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve"><path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"/></svg>');
  background-position: 97.5% center;
  background-size: 16px;
  background-repeat: no-repeat;
  padding-right: 30px;
}
.cpm-calculator .calc form input[type=submit] {
  width: 100%;
  padding: 17px 20px;
  margin: 0;
}
.cpm-calculator .calc form input[type=submit]:hover {
  color: #F2BAA0;
}
.cpm-calculator .calc .results {
  width: 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-content: baseline;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .calc .results {
    width: 100%;
  }
}
.cpm-calculator .calc .results > div {
  width: calc(50% - 6px);
  border: 2px solid #f7dcd1;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .calc .results > div {
    width: 100%;
  }
}
.cpm-calculator .calc .results > div h3 {
  background-color: #00485c;
  color: #F2BAA0;
  font-size: 35px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  padding: 20px 20px;
  text-align: center;
}
.cpm-calculator .calc .results > div h3 small {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  display: block;
}
.cpm-calculator .calc .results > div p {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 0;
  padding: 20px 0;
}
.cpm-calculator .calc .results > div p span {
  font-size: 40px;
  margin-right: 10px;
}
.cpm-calculator .calc .results > .button {
  height: fit-content;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .calc .results > .button {
    width: 100%;
    font-size: 15px;
    text-align: center;
  }
}
.cpm-calculator .calc .results > .button:hover {
  background-color: #e48b62;
}
.cpm-calculator .calc .results > .button:active, .cpm-calculator .calc .results > .button:focus {
  color: #fff;
}
.cpm-calculator .calc .results > p {
  font-size: 20px;
  width: fit-content;
  padding: 20px;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .calc .results > p {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .cpm-calculator .calc .results > p:last-child {
    margin-bottom: 40px;
  }
}
.cpm-calculator .adjust {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .adjust {
    flex-direction: column;
    margin-top: 50px;
  }
}
.cpm-calculator .adjust > * {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .adjust > * {
    width: 100%;
  }
}
.cpm-calculator .adjust > div p {
  font-size: 15px;
}
.cpm-calculator .adjust .adjust-cpm {
  width: calc(50% - 6px);
  border: 2px solid #f7dcd1;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .adjust .adjust-cpm {
    width: 100%;
  }
}
.cpm-calculator .adjust .adjust-cpm h3 {
  background-color: #00485c;
  color: #F2BAA0;
  font-size: 35px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  padding: 20px 20px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .adjust .adjust-cpm h3 {
    font-size: 24px;
  }
}
.cpm-calculator .adjust .adjust-cpm h3 small {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  display: block;
}
.cpm-calculator .adjust .adjust-cpm div {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .adjust .adjust-cpm div {
    flex-direction: column;
  }
}
.cpm-calculator .adjust .adjust-cpm div .adjust-cpm-value {
  width: 50%;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="512" viewBox="0 0 60 53.92" width="512"><path fill="%23e48b62" d="m21.826 17.36h-15.731c-1.455 0-2.639 1.184-2.639 2.638v7.955c0 1.455 1.184 2.639 2.639 2.639h15.731c1.454 0 2.638-1.184 2.638-2.639v-7.955c0-1.455-1.184-2.638-2.638-2.638zm.638 10.593c0 .352-.286.639-.638.639h-15.731c-.353 0-.639-.287-.639-.639v-7.955c0-.352.286-.638.639-.638h15.731c.352 0 .638.286.638.638z"></path><path fill="%23e48b62" d="m9.208 31.184h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.552-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m16.12 31.184h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.552-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m23.032 31.184h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.552-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m9.208 38.096h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.553-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m16.12 38.096h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.553-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m23.032 38.096h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.553-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m9.208 45.008h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.552-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m16.12 45.008h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.552-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m23.032 45.008h-4.32c-.553 0-1 .448-1 1v4.32c0 .552.447 1 1 1h4.32c.553 0 1-.448 1-1v-4.32c0-.552-.447-1-1-1zm-1 4.32h-2.32v-2.32h2.32z"></path><path fill="%23e48b62" d="m56.613 21.109c-.304-.302-.76-.346-1.144-.154-.383.19-.597.635-.54 1.059.075.562-.299 3.499-1.781 5.193-.714.816-1.561 1.213-2.589 1.213-.919 0-1.6-.263-2.082-.802-.866-.971-1.151-2.821-.847-5.5l.025-.228c.061-.671.163-1.42.272-2.225.841-6.17 2.246-16.497-11.516-19.641-.071-.016-.145-.024-.221-.024h-.12c-.268 0-.546.011-.813.033-.41.034-.757.316-.875.71-.118.395.018.821.342 1.074.002.002.053.041.087.067 3.939 5.679 2.904 9.125 2.071 11.895-.137.455-.268.89-.371 1.308-.577 2.302-4.549 7.068-7.289 7.527-.568.098-.972-.042-1.302-.425v-5.289c0-1.709-1.391-3.1-3.1-3.1h-21.72c-1.709 0-3.1 1.391-3.1 3.1v33.92c0 1.709 1.391 3.1 3.1 3.1h21.72c1.709 0 3.1-1.391 3.1-3.1v-6.93c1.919 1.741 4.197 3.05 6.701 3.834h.001c.013.004.025.008.038.012 1.454.441 2.932.701 4.424.772.292.011.583.021.886.021 10.296.001 20.03-8.985 20.03-18.489 0-5.578-2.287-7.843-3.387-8.931zm-30.693 29.711c0 .606-.493 1.1-1.1 1.1h-21.72c-.606 0-1.1-.493-1.1-1.1v-33.92c0-.606.493-1.1 1.1-1.1h21.72c.606 0 1.1.494 1.1 1.1zm9.375-4.982c-.003-.001-.006-.004-.009-.005-2.837-1.278-4.667-4.11-4.667-7.228 0-.69.098-1.411.284-2.121.069-.243.202-.628.358-1.049.438.392.927.509 1.287.534 2.332.144 5.209-3.338 5.659-5.125.05-.2.111-.406.176-.622.379-1.268.912-3.055-.187-5.579 3.882 1.711 3.407 5.183 3.016 8.041-.061.445-.117.859-.161 1.324-.078.692-.313 2.797.826 4.072.38.424 1.075.93 2.232.93 1.043 0 1.954-.453 2.634-1.309.25-.315.454-.669.618-1.033.114.449.187.995.187 1.664 0 4.356-4.476 7.908-8.417 8.176-1.273-.062-2.563-.288-3.836-.67zm11.031-.558c1.962-1.879 3.222-4.372 3.222-6.947 0-3.146-1.345-4.467-1.92-5.031-.315-.311-.809-.418-1.196-.198-.388.217-.592.625-.491 1.059.021.337-.201 1.707-.871 2.42-.274.292-.579.428-.96.428-.453 0-.641-.15-.741-.263-.248-.277-.507-.939-.33-2.517l.015-.133c.031-.345.084-.729.141-1.143.437-3.185 1.247-9.112-6.419-10.863-.073-.017-.208-.025-.283-.025-.16 0-.318.011-.466.023-.407.035-.731.328-.852.718-.112.366.011.775.288 1.036 1.91 2.775 1.429 4.384 1.005 5.806-.074.249-.145.486-.2.71-.309 1.223-2.517 3.615-3.54 3.615-.015 0-.028 0-.042-.001-.192-.013-.378-.488-.452-1.156-.049-.432-.369-.782-.795-.869-.422-.087-.856.111-1.07.489-.399.709-1.169 2.728-1.394 3.517-.236.896-.355 1.787-.355 2.649 0 1.396.305 2.741.844 3.973-.548-.481-1.062-1.002-1.543-1.558v-16.518c.499.148 1.046.182 1.633.086 3.572-.598 8.157-6.059 8.898-9.015.097-.39.219-.793.346-1.217.827-2.75 1.931-6.422-1.305-11.981 10.353 3.089 9.262 11.101 8.455 17.022-.114.837-.22 1.616-.282 2.306l-.021.19c-.139 1.219-.561 4.927 1.341 7.058.871.976 2.074 1.471 3.574 1.471 1.692 0 3.174-.735 4.286-2.126.937-1.171 1.508-2.683 1.811-3.995.715 1.181 1.343 2.952 1.343 5.74 0 6.478-5.123 12.673-11.674 15.24z"></path></svg>');
  background-position: 97.5% center;
  background-size: 50px;
  background-repeat: no-repeat;
  display: block;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .adjust .adjust-cpm div .adjust-cpm-value {
    width: 100%;
  }
}
.cpm-calculator .adjust .adjust-cpm div .adjust-cpm-value p {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 0;
  padding: 20px 0;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .adjust .adjust-cpm div .adjust-cpm-value p {
    padding: 0;
  }
}
.cpm-calculator .adjust .adjust-cpm div .adjust-cpm-value p span {
  font-size: 40px;
  margin-right: 10px;
}
.cpm-calculator .adjust .adjust-cpm div .range-container {
  padding: 20px 50px;
  width: 50%;
  display: block;
}
@media screen and (max-width: 1024px) {
  .cpm-calculator .adjust .adjust-cpm div .range-container {
    width: 100%;
    padding: 15px 20px;
  }
}
.cpm-calculator .adjust .adjust-cpm div .range-container input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: #e48b62; /* Otherwise white in Chrome */
  padding: 0;
  border: none;
  margin-bottom: 10px;
  height: 1px;
  box-shadow: none;
}
.cpm-calculator .adjust .adjust-cpm div .range-container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #fff;
  height: 10px;
  width: 10px;
  cursor: pointer;
  margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  transform: scale(2);
  box-shadow: none;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Warstwa_1" x="0px" y="0px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve"><g><polygon fill="%23e48b62" points="7.5,0 0,15 15,15 "></polygon></g></svg>');
}
.cpm-calculator .adjust .adjust-cpm div .range-container input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  box-shadow: none;
}
.cpm-calculator .adjust .adjust-cpm div .range-container input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  box-shadow: none;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.cpm-calculator .adjust .adjust-cpm div .range-container span {
  font-size: 20px;
  font-weight: 400;
  color: #01303D;
  text-align: center;
  display: block;
  margin-bottom: 0px;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.register {
  border-radius: 0;
  width: 50%;
  margin: 2em auto;
}
@media screen and (max-width: 1024px) {
  .woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.register {
    width: 100%;
    padding: 20px;
  }
}
.woocommerce-account .woocommerce form.login button[type=submit], .woocommerce-account .woocommerce form.register button[type=submit] {
  width: 100%;
  display: block;
}
.woocommerce-account .woocommerce form.login a, .woocommerce-account .woocommerce form.register a {
  color: #333;
  text-decoration: none;
}
.woocommerce-account .site-main {
  overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
  padding: 0 15px;
}
@media screen and (max-width: 1024px) {
  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 0 15px;
  }
}

.shortcut-popup {
  position: fixed;
  width: 100vw;
  height: auto;
  left: 0;
  bottom: 0;
  padding: 70px 15px 15px 15px;
  z-index: 99999999999;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  display: none;
}
@media screen and (max-width: 1024px) {
  .shortcut-popup.active {
    display: block;
  }
}
.shortcut-popup .close {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #e48b62;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 100%;
}
.shortcut-popup .close:after, .shortcut-popup .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 20px;
  left: 11px;
}
.shortcut-popup .close:after {
  transform: rotate(-45deg);
}
.shortcut-popup .inner {
  border: 2px solid #e48b62;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 15px;
  padding: 10px;
}
.shortcut-popup .inner p.safari span.share {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(img/safari-share.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.shortcut-popup .inner p.safari span.plus {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(img/safari-plus.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.show-menu {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .show-menu {
    margin-bottom: 60px;
    justify-content: space-around;
  }
}
@media screen and (min-width: 1024px) {
  .show-menu {
    position: absolute;
    top: 46px;
    left: calc(50% + 465px);
    z-index: 2000;
    width: auto;
  }
}
.show-menu.dashboard {
  left: calc(50% + 272px);
}
.show-menu .show-dashboard-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .show-menu .show-dashboard-menu {
    font-size: 12px;
    padding: 8px 15px;
  }
}
.show-menu .show-shopping-list {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  margin: 0 20px 0 0;
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .show-menu .show-shopping-list {
    font-size: 12px;
    padding: 8px 15px;
  }
}
.show-menu .show-shopping-list:hover {
  opacity: 0.8;
}

#page.sticky .show-menu {
  position: fixed;
  top: 0px;
  left: calc(50% + 465px);
  z-index: 2000;
  width: auto;
}
#page.sticky .show-menu.dashboard {
  left: calc(50% + 272px);
}
@media screen and (max-width: 1024px) {
  #page.sticky .show-menu {
    left: 0;
    top: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  body.logged-in #page.sticky header#masthead {
    position: relative;
  }
}

.notifyjs-corner {
  z-index: 9999999 !important;
}
.notifyjs-corner .notifyjs-container > div {
  background-color: #fff;
  color: #333;
  background-size: 16px;
  background-position: 5px center;
  border-color: #D21D1D;
  border-radius: 0;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="iso-8859-1"?><!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	 width="78.369px" height="78.369px" viewBox="0 0 78.369 78.369" style="enable-background:new 0 0 78.369 78.369;"	 xml:space="preserve"><g>	<path fill="green" d="M78.049,19.015L29.458,67.606c-0.428,0.428-1.121,0.428-1.548,0L0.32,40.015c-0.427-0.426-0.427-1.119,0-1.547l6.704-6.704		c0.428-0.427,1.121-0.427,1.548,0l20.113,20.112l41.113-41.113c0.429-0.427,1.12-0.427,1.548,0l6.703,6.704		C78.477,17.894,78.477,18.586,78.049,19.015z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
}

@keyframes change-weight {
  0% {
    background-color: #fff8dc;
  }
  75% {
    background-color: #fff8dc;
  }
  100% {
    background-color: transparent;
  }
}
@-webkit-keyframes pop-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pop-in {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes pop-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.dashboard-menu-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.9);
}
.dashboard-menu-popup.show {
  display: flex;
}
.dashboard-menu-popup .inner {
  max-width: 1185px;
  padding: 40px;
  border: 1px solid #d8d8d8;
  z-index: 5000;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  position: relative;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu-popup .inner {
    padding: 20px 10px;
    height: 100vh;
  }
}
.dashboard-menu-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 24px;
  height: 24px;
}
.dashboard-menu-popup .inner .close:after, .dashboard-menu-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #01303D;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
}
.dashboard-menu-popup .inner .close:after {
  transform: rotate(-45deg);
}
.dashboard-menu-popup .inner section {
  margin: 0;
  background: #fff;
}
.dashboard-menu-popup .inner section .container {
  max-width: 100%;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu-popup .inner section .container .show-shopping-list {
    display: block;
    margin-left: 10px;
  }
}
.dashboard-menu-popup .inner section .container .item {
  padding: 20px;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu-popup .inner section .container .item {
    padding: 10px 10px 10px 18px;
    margin: 0 10px;
  }
  .dashboard-menu-popup .inner section .container .item:not(:last-child) {
    border-bottom: 0;
  }
}

.shopping-list-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.shopping-list-popup.show {
  background: rgba(255, 255, 255, 0.9);
  display: flex;
}
.shopping-list-popup .inner {
  max-width: 660px;
  padding: 40px;
  border: 1px solid #d8d8d8;
  z-index: 5000;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  position: relative;
  overflow-y: auto;
  max-height: 90vh;
}
@media screen and (max-width: 1024px) {
  .shopping-list-popup .inner {
    padding: 50px 10px;
    max-height: 100vh;
  }
}
.shopping-list-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 24px;
  height: 24px;
}
.shopping-list-popup .inner .close:after, .shopping-list-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #01303D;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
}
.shopping-list-popup .inner .close:after {
  transform: rotate(-45deg);
}
.shopping-list-popup .inner h2 {
  text-align: center;
}
.shopping-list-popup .inner p a {
  color: #e48b62;
  text-decoration: none;
}
.shopping-list-popup .inner .list-container {
  display: flex;
  flex-direction: column;
}
.shopping-list-popup .inner .list-container.hide {
  display: none;
}
.shopping-list-popup .inner .list-container a.rm-all {
  align-self: flex-end;
  color: #333;
  text-decoration: none;
  background-image: url(img/remove-icon.svg);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 16px;
  margin-bottom: 8px;
}
.shopping-list-popup .inner .list-container table tr td:last-child {
  width: 90px;
}
.shopping-list-popup .inner .list-container table tr td a {
  color: #333;
  text-decoration: none;
}
.shopping-list-popup .inner .list-container table tr td a.rm {
  background-image: url(img/remove-icon.svg);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 16px;
}
.shopping-list-popup .inner .list-container .buttons {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.shopping-list-popup .inner .list-container .buttons a {
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .shopping-list-popup .inner .list-container .buttons a {
    width: 100%;
    text-align: center;
  }
}

.dashboard-alert {
  background-color: #01303D;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  margin: 20px 0;
  padding: 5px 0;
  text-align: center;
  margin: 20px 0;
}
@media screen and (max-width: 1024px) {
  .dashboard-alert {
    font-size: 1.5rem;
  }
}
.dashboard-alert a {
  color: #fff;
}
.dashboard-alert.expired-message {
  background-color: #D21D1D;
}

.dashboard-notification {
  background-color: #fff;
  border: 2px solid #e48b62;
  padding: 15px;
  margin-bottom: 20px;
}
.dashboard-notification strong {
  color: #e48b62;
  font-style: italic;
}
.dashboard-notification a {
  text-decoration: none;
  color: #e48b62;
}
.dashboard-notification p:last-child {
  margin-bottom: 0;
}

.dashboard-info {
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.dashboard-info .txt {
  width: 66.66666%;
}
@media screen and (max-width: 1024px) {
  .dashboard-info .txt {
    width: 100%;
  }
  .dashboard-info .txt .button {
    display: block;
    text-align: center;
    margin: 0;
  }
}
.dashboard-info .photo {
  padding-top: 50px;
  width: 33.3333%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .dashboard-info .photo {
    width: 100%;
  }
}
.dashboard-info .photo img {
  width: 292px;
  height: auto;
}
.dashboard-info .photo .button {
  transform: translateY(-50px);
  display: inline-block;
}

.info-80-20 {
  font-weight: 600;
  color: #e48b62;
}

.dashboard-menu {
  background-color: #f7f7f7;
  margin: 0 -400px;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu {
    margin: 0 -15px;
  }
}
.dashboard-menu .container {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 40px;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu .container {
    padding: 20px;
  }
}
.dashboard-menu .container .show-shopping-list {
  display: none;
}
.dashboard-menu .container .item {
  width: calc(33.3333% - 20px);
  margin: 0 10px 20px 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8d8;
  padding: 20px 40px 10px 40px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu .container .item {
    width: 100%;
    text-align: left;
    padding: 20px 10px 20px 18px;
  }
}
.dashboard-menu .container .item:hover > * {
  transition: all 0.5s ease-in-out;
  transform: scale(1.08);
}
@media screen and (max-width: 1024px) {
  .dashboard-menu .container .item:hover > * {
    transform: scale(1);
  }
}
.dashboard-menu .container .item > a {
  text-decoration: none;
  color: inherit;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu .container .item > a {
    background: url('data:image/svg+xml,<svg aria-hidden="true" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23f2baa0" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>');
    display: flex;
    flex-direction: row;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .dashboard-menu .container .item > a .ico {
    display: flex;
    margin-right: 20px;
  }
}
.dashboard-menu .container .item h3 {
  font-size: 20px;
  font-weight: 700;
  color: #01303D;
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu .container .item h3 {
    font-size: 18px;
  }
}
.dashboard-menu .container .item svg,
.dashboard-menu .container .item img {
  width: 50px;
  height: auto;
  margin-bottom: 10px;
}
.dashboard-menu .container .item svg path,
.dashboard-menu .container .item img path {
  fill: #e48b62;
}
.dashboard-menu .container .item p {
  min-height: 45px;
  margin-bottom: 5px;
  font-size: 15px;
}
.dashboard-menu .container .item .button {
  font-size: 16px;
  padding: 9px 20px;
  background-color: #e48b62;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .dashboard-menu .container .item .button {
    display: none;
  }
}
.dashboard-menu .container .item .button:hover {
  background-color: #01303D;
  color: #fff;
}
.dashboard-menu .container .item.inactive {
  background-image: url(img/padlock.svg);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-size: 60px;
  color: #d8d8d8;
}
.dashboard-menu .container .item.inactive > a {
  pointer-events: none;
}
.dashboard-menu .container .item.inactive img {
  opacity: 0.2;
}
.dashboard-menu .container .item.inactive .button {
  background-color: #d8d8d8;
  pointer-events: none;
}

.dashboard-info-diet .photo {
  width: 30%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .dashboard-info-diet .photo {
    width: 100%;
  }
}
section.diet {
  background-color: #f7f7f7;
  margin: 0 -400px;
  padding: 40px 0;
}
@media screen and (max-width: 1024px) {
  section.diet {
    margin: 0 -15px;
  }
}
section.diet .meal-buttons {
  margin-bottom: 10px;
  display: flex;
}
@media screen and (max-width: 1024px) {
  section.diet .meal-buttons {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
section.diet .meal-buttons a {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  section.diet .meal-buttons a {
    margin: 10px 0;
    width: calc(50% - 10px);
    text-align: center;
  }
}
section.diet .meal-buttons a.current {
  background-color: #F2BAA0;
  color: #01303D;
}
@media screen and (max-width: 1024px) {
  section.diet .meal-buttons .button80-20 {
    width: 100%;
  }
}
section.diet .change-info {
  background-color: #fff;
  border: 2px solid #e48b62;
  padding: 15px;
  margin-bottom: 20px;
}
section.diet .change-info strong {
  color: #e48b62;
  font-style: italic;
}
section.diet .change-info .legend {
  padding: 10px;
  background-color: #f7f7f7;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  section.diet .change-info .legend {
    flex-wrap: wrap;
  }
}
section.diet .change-info .legend p {
  margin-right: 16px;
  margin-bottom: 0;
}
section.diet .additionals-status {
  border: 2px solid #e48b62;
  padding: 15px;
  margin-bottom: 20px;
}
section.diet .additionals-status .set {
  display: none;
  color: #e48b62;
  font-style: italic;
  font-weight: bold;
}
section.diet .additionals-status .a,
section.diet .additionals-status .b {
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  section.diet .additionals-status .a,
  section.diet .additionals-status .b {
    margin-right: 0;
    display: block;
  }
}
section.diet .additionals-status.set-a .a .set {
  display: inline;
}
section.diet .additionals-status.set-a .a .not-set {
  display: none;
}
section.diet .additionals-status.set-b .b .set {
  display: inline;
}
section.diet .additionals-status.set-b .b .not-set {
  display: none;
}
section.diet .info80-20 {
  border: 2px solid #e48b62;
  padding: 15px;
  margin-bottom: 20px;
}
section.diet .info80-20 span {
  color: #e48b62;
  font-style: italic;
  font-weight: bold;
  margin-right: 20px;
}
section.diet .meal-options {
  display: none;
  flex-wrap: wrap;
}
section.diet .meal-options.active {
  display: flex;
}
section.diet .meal-options .reset-meal-map {
  color: #e48b62;
  margin-left: 20px;
}
@media screen and (max-width: 1024px) {
  section.diet .meal-options .reset-meal-map {
    margin-left: 0px;
    display: block;
  }
}
section.diet .meal-options .reset-meal-map.hide {
  display: none;
}
section.diet .meal-options p {
  width: 100%;
}
section.diet .meal-options .additionals-info {
  width: 46%;
  margin-left: 4%;
  background-color: #f7dcd1;
  border-radius: 20px;
  padding: 40px;
  position: relative;
  /*
  &:before{
  	content: ' ';
  	display: block;
  	width: 50px;
  	height: 50px;
  	position: absolute;
  	left: -25px;
  	top: 25px;
  	background-image: url(img/ico-info.svg);
  	@media screen and (max-width: $mobile-breakpoint) {
  		left: calc(50% - 25px);
  		top:-25px;
  	}
  }
  */
}
@media screen and (max-width: 1024px) {
  section.diet .meal-options .additionals-info {
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }
}
section.diet .meal-options .additionals-info p {
  margin-bottom: 0;
}
section.diet .meal-options#meal_80_20 .method-80-20 {
  width: 45%;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.diet .meal-options#meal_80_20 .method-80-20 form {
  display: flex;
  align-items: baseline;
}
section.diet .meal-options#meal_80_20 .method-80-20 form input {
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
section.diet .meal-options#meal_80_20 .method-80-20 form input[type=number] {
  padding-right: 2px;
}
section.diet .meal-options#meal_80_20 .method-80-20 form input[type=submit] {
  padding: 16px 20px;
}
@media screen and (max-width: 1024px) {
  section.diet .meal-options#meal_80_20 .method-80-20 {
    width: 100%;
    padding-right: 0;
  }
}
section.diet .meal-options#meal_80_20 .additionals-info {
  width: 55%;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  section.diet .meal-options#meal_80_20 .additionals-info {
    width: 100%;
  }
}
section.diet .meal-options .option {
  width: 50%;
  margin-bottom: 40px;
}
section.diet .meal-options .option .alert {
  background-color: #f7dcd1;
  border-radius: 15px;
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 30px;
  padding: 15px;
  position: relative;
}
section.diet .meal-options .option .alert:before {
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Warstwa_2_00000016038661103704427610000013473600337138337678_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}.st1{fill:%23e48b62;}</style><circle class="st0" cx="25" cy="25" r="25"/><path class="st1" d="M25,3C12.9,3,3,12.9,3,25s9.9,22,22,22s22-9.9,22-22S37.1,3,25,3z M29,9.7l-1.3,19.8h-5.4L21,9.7H29z M28,39.2c-0.8,0.8-1.8,1.1-3,1.1s-2.2-0.4-3-1.1s-1.2-1.7-1.2-2.8c0-1.1,0.4-2,1.2-2.7c0.8-0.7,1.8-1.1,3-1.1s2.2,0.4,3,1.1c0.8,0.7,1.2,1.7,1.2,2.7C29.2,37.5,28.8,38.4,28,39.2z"/></svg>');
  content: " ";
  display: block;
  height: 30px;
  left: -15px;
  position: absolute;
  top: -15px;
  width: 30px;
}
section.diet .meal-options .option h3 {
  font-weight: 500;
  font-size: 24px;
  display: flex;
  align-items: center;
}
section.diet .meal-options .option h3 .recipe-button {
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  display: block;
  line-height: 12px;
  margin: 0;
  margin-left: 20px;
}
section.diet .meal-options .option h3.f-col {
  flex-direction: column;
  align-items: flex-start;
}
section.diet .meal-options .option h3.f-col .recipe-button {
  margin-left: 0;
}
section.diet .meal-options .option:nth-of-type(odd) {
  padding-right: 15px;
}
section.diet .meal-options .option:nth-of-type(even) {
  padding-left: 15px;
}
@media screen and (max-width: 1024px) {
  section.diet .meal-options .option {
    width: 100%;
    margin-bottom: 20px;
  }
  section.diet .meal-options .option:nth-of-type(odd) {
    padding-right: 0px;
  }
  section.diet .meal-options .option:nth-of-type(even) {
    padding-left: 0px;
  }
}
section.diet .meal-options .option table tr.zero {
  opacity: 0.5;
}
section.diet .meal-options .option table tr.zero a.change {
  pointer-events: none;
}
section.diet .meal-options .option table tr:hover {
  background-color: transparent;
}
section.diet .meal-options .option table tr td {
  position: relative;
}
section.diet .meal-options .option table tr td:first-child {
  text-align: center;
  width: 100px;
  background-image: url(img/shopping-bag.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right 3px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  section.diet .meal-options .option table tr td:first-child:hover {
    background-color: #e7e7e7;
    background-image: url(img/shopping-bag-red.svg);
  }
}
section.diet .meal-options .option table tr td:last-child {
  text-align: center;
  width: 100px;
}
section.diet .meal-options .option table tr td:last-child a {
  color: #e48b62;
}
section.diet .meal-options .option table tr td.change {
  background-color: #fff8dc;
}
section.diet .meal-options .option table tr td .components-options {
  position: absolute;
  top: 52px;
  left: 0;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  z-index: 100;
  border: 1px solid #ccc;
  display: none;
  max-height: 175px;
  overflow-y: auto;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1024px) {
  section.diet .meal-options .option table tr td .components-options {
    width: calc(100vw - 130px);
  }
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  margin-right: 10px;
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar-thumb {
  background: #01303D;
  border: 0px none #ffffff;
  border-radius: 0px;
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar-thumb:active {
  background: #000000;
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar-track {
  background: #ccc;
  border: 0px solid #ffffff;
  border-radius: 0px;
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar-track:hover {
  background: #666666;
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar-track:active {
  background: #333333;
}
section.diet .meal-options .option table tr td .components-options::-webkit-scrollbar-corner {
  background: transparent;
}
section.diet .meal-options .option table tr td .components-options.show {
  display: block;
}
section.diet .meal-options .option table tr td .components-options ul li {
  cursor: pointer;
}
section.diet .meal-options .option table tr td .components-options ul li.ig-low::marker {
  color: #377cf6;
}
section.diet .meal-options .option table tr td .components-options ul li.ig-medium::marker {
  color: #ffbb1c;
}
section.diet .meal-options .option table tr td .components-options ul li.ig-high::marker {
  color: #D21D1D;
}
section.diet .meal-options .option table tr td .components-options ul li.ig-questionable::marker {
  color: #FF5902;
}
section.diet .meal-options .option table tr td .components-options ul li.multi::marker {
  color: transparent;
}
section.diet .meal-options .option table tr td .components-options ul li.gluten:after {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/ico-gluten.svg);
  position: relative;
  top: 5px;
}
section.diet .meal-options .option table tr td .components-options ul li.lactose:after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 16px;
  background-image: url(img/ico-laktoza.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}
section.diet .meal-options .option table tr td .components-options ul li span::before {
  content: "•";
  transform: scale(2.3);
  display: inline-block;
  margin-right: 8px;
}
section.diet .meal-options .option table tr td .components-options ul li span:first-child::before {
  margin-left: -16px;
}
section.diet .meal-options .option table tr td .components-options ul li span.ig-low::before {
  color: #377cf6;
}
section.diet .meal-options .option table tr td .components-options ul li span.ig-medium::before {
  color: #ffbb1c;
}
section.diet .meal-options .option table tr td .components-options ul li span.ig-high::before {
  color: #D21D1D;
}
section.diet .meal-options .option table tr td .components-options ul li span.ig-questionable::before {
  color: #FF5902;
}
section.diet .meal-options .option table tr td .components-options ul li span.gluten:after {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/ico-gluten.svg);
  position: relative;
  top: 5px;
}
section.diet .meal-options .option table tr td .components-options ul li span.lactose:after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 16px;
  background-image: url(img/ico-laktoza.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}

.measures-info {
  border: 1px solid #d4d4d4;
  background-color: #f7f7f7;
  padding: 20px;
  margin-bottom: 40px;
}

.measures-container {
  overflow-y: scroll;
}

.measures-table tr td {
  font-size: 16px;
}
.measures-table tr td.date {
  width: 115px;
}
.measures-table tr td.note {
  font-size: 12px;
  max-width: 275px;
}
.measures-table tr td a {
  color: #333;
  text-decoration: none;
}
.measures-table tr td a.rm {
  background-image: url(img/remove-icon.svg);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 16px;
}

.account-info {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}
.account-info > div {
  width: calc(50% - 15px);
}
@media screen and (max-width: 1024px) {
  .account-info > div {
    width: 100%;
  }
}
.account-info > div .button {
  margin-right: 15px;
  display: inline-block;
}
.account-info .affiliation {
  margin-top: 20px;
  border: 2px solid #F2BAA0;
  padding: 20px;
}
.account-info .affiliation span.error {
  color: #d21d1d;
  font-weight: bold;
  display: block;
  margin-top: 5px;
}
.account-info .affiliation .button {
  font-size: 16px;
}
.account-info .affiliation .button.disabled {
  background-color: #d8d8d8;
  pointer-events: none;
}
.account-info .affiliation-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  background: rgba(255, 255, 255, 0.9);
}
.account-info .affiliation-popup.show {
  background: rgba(255, 255, 255, 0.9);
  display: flex;
}
.account-info .affiliation-popup .inner {
  background-color: #fff;
  padding: 20px;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  max-height: 95vh;
  max-width: 680px;
  overflow: scroll;
  position: relative;
}
.account-info .affiliation-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #01303D;
  display: block;
  width: 30px;
  height: 30px;
}
.account-info .affiliation-popup .inner .close:after, .account-info .affiliation-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 13px;
  left: 3px;
}
.account-info .affiliation-popup .inner .close:after {
  transform: rotate(-45deg);
}
.account-info .affiliation-popup .inner .button {
  font-size: 16px;
  padding: 8px 20px;
}
.account-info .affiliation-popup .inner .link {
  background-color: #f3ded3;
  border-radius: 8px;
  padding: 10px 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
.account-info .affiliation-popup .inner .message {
  border: 2px solid #F2BAA0;
  padding: 10px;
  font-size: 15px;
}
.account-info .affiliation-popup .inner .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.account-info .r-col p {
  border: 1px solid #d4d4d4;
  background-color: #f7f7f7;
  padding: 20px;
}

.accordion {
  border: 1px solid #d4d4d4;
  margin: 40px 0;
}
.accordion .item > a {
  text-decoration: none;
  color: #e48b62;
  font-weight: bold;
  display: block;
  padding: 11px 20px 11px 45px;
  position: relative;
  border-bottom: 1px solid #d4d4d4;
}
.accordion .item > a:hover {
  color: #e48b62;
}
.accordion .item > a:before {
  content: " ";
  width: 15px;
  height: 3px;
  background-color: #e48b62;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  top: 21px;
  left: 20px;
}
.accordion .item > a:after {
  content: " ";
  width: 15px;
  height: 3px;
  background-color: #e48b62;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  top: 21px;
  left: 20px;
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.accordion .item .item-content {
  padding: 0px 20px;
  display: none;
  overflow: hidden;
}
.accordion .item .item-content *:first-child {
  margin-top: 15px;
}
.accordion .item .item-content *:last-child {
  margin-bottom: 15px;
}
.accordion .item.active > a {
  color: #01303D;
}
.accordion .item.active > a:after {
  background-color: #01303D;
  transform: rotate(0deg);
}
.accordion .item.active > a:before {
  background-color: #01303D;
}
.accordion .item.active .item-content {
  display: block;
  border-bottom: 1px solid #d4d4d4;
}

.form-notification {
  background-color: #fff;
  font-weight: bold;
  border: 1px solid #D21D1D;
  padding: 15px;
  margin: 20px 0;
  text-align: center;
  display: none;
}

.fav-recipes {
  background-color: #e48b62 !important;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" standalone="no"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 245"><path fill="%23FFFFFF" d="m56,237 74-228 74,228L10,96h240"/></svg>');
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 26px;
  padding-left: 50px !important;
  /*
  text-decoration: none;
  color: rgb(75,167,5);
  font-weight: 600;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Warstwa_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><style>.cls-1{stroke-width:0px;}</style></defs><g id="Tło"><path fill="%23e48b62" class="cls-1" d="m50,0C22.39,0,0,22.39,0,50s22.39,50,50,50,50-22.39,50-50S77.61,0,50,0Zm18.54,77.53l-18.54-9.75-18.54,9.75,3.54-20.65-15-14.62,20.73-3.01,9.27-18.78,9.27,18.78,20.73,3.01-15,14.62,3.54,20.65Z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
     padding-left: 56px;
     line-height: 41px;
     height: 41px;
     display: inline-block;
  &:visited{
  	color: rgb(75,167,5);
  }
  &:hover{
  	color: rgb(75,167,5);
  	opacity: 0.8;
  }
  */
}
.fav-recipes:hover {
  background-color: #f2baa0 !important;
}

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #e48b62;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1000;
  width: 50px;
  height: 50px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .scroll-to-top {
    bottom: 10px;
    right: 10px;
  }
}
.scroll-to-top svg {
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1024px) {
  .meal-buttons-container {
    display: flex;
    flex-wrap: wrap;
  }
  .meal-buttons-container .fav-recipes {
    line-height: 46px;
    height: 46px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .meal-buttons-container .button {
    display: block;
  }
}
.meal-buttons-container .filters {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .meal-buttons-container .filters {
    flex-direction: column;
    width: 100%;
  }
}
.meal-buttons-container .filters .autoComplete_wrapper {
  margin-top: 15px;
  margin-left: 15px;
}
@media screen and (max-width: 1024px) {
  .meal-buttons-container .filters .autoComplete_wrapper {
    margin-left: 0;
  }
}
.meal-buttons-container .filters .autoComplete_wrapper #autoComplete {
  padding: 9px 9px 9px 42px;
  height: auto;
  margin-bottom: 0;
}
.meal-buttons-container .filters .autoComplete_wrapper #autoComplete:focus {
  border-color: #e48b62;
}
.meal-buttons-container .filters .autoComplete_wrapper #autoComplete::placeholder {
  color: rgba(228, 139, 98, 0.5);
}
.meal-buttons-container .filters .autoComplete_wrapper ul {
  margin-top: 0;
}
.meal-buttons-container .filters .autoComplete_wrapper ul > li mark {
  color: #e48b62;
}
.meal-buttons-container .filters .autoComplete_wrapper ul > li:hover {
  cursor: pointer;
  background-color: rgba(228, 139, 98, 0.15);
}
.meal-buttons-container .filters .options-filter {
  margin-top: 15px;
}
@media screen and (max-width: 1024px) {
  .meal-buttons-container .filters .options-filter {
    width: 100%;
  }
}
.meal-buttons-container .filters .options-filter > div {
  border: 1px solid rgb(229, 229, 229);
  padding: 10px 65px 10px 20px;
  font-weight: bold;
  display: flex;
  height: 45px;
  min-width: 208px;
  width: fit-content;
  background-image: url(img/down-sq.svg);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .meal-buttons-container .filters .options-filter > div {
    width: 100%;
  }
}
.meal-buttons-container .filters .options-filter > div ul {
  background-color: #fff;
  position: absolute;
  border: 1px solid rgb(229, 229, 229);
  list-style-type: none;
  padding: 10px 20px;
  display: none;
  width: calc(100% - 41px);
  top: 43px;
  left: -1px;
}
.meal-buttons-container .filters .options-filter > div ul li {
  line-height: 32px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.meal-buttons-container .filters .options-filter > div ul li:hover {
  color: #e48b62;
}
.meal-buttons-container .filters .options-filter > div.open ul {
  display: block;
}

#diet_form {
  max-width: 900px;
  margin: 0 auto 50px auto;
  border: 1px solid #d4d4d4;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#diet_form #files_error {
  background-color: #fff;
  font-weight: bold;
  border: 1px solid #D21D1D;
  padding: 15px;
  margin: 20px 0;
  text-align: center;
}
#diet_form #out {
  display: none;
  width: 100%;
}
#diet_form #out .inner {
  background-color: #fff;
  font-weight: bold;
  border: 1px solid #D21D1D;
  padding: 15px;
  margin: 20px 0;
  text-align: center;
  width: 100%;
  margin: 20px;
}
#diet_form #out.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8);
  justify-content: center;
  align-items: center;
}
#diet_form #out.fullscreen .inner {
  width: 650px;
}
#diet_form div.field {
  padding: 20px;
  width: 100%;
}
#diet_form div.field .load-last-answer {
  color: #e48b62;
  display: block;
  font-size: 14px;
}
#diet_form div.field .last-answer {
  display: none;
}
#diet_form div.field.error label {
  color: #01303D;
}
#diet_form div.field.error .validate {
  border-color: red;
}
#diet_form div.field .f-input {
  margin-bottom: 20px;
}
#diet_form div.field .f-input .rm-file {
  background-image: url(img/remove-icon.svg);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  top: 5px;
  position: relative;
}
#diet_form div.field:nth-child(odd) {
  background-color: #f7f7f7;
}
#diet_form div.field input, #diet_form div.field textarea {
  margin-bottom: 0;
}
#diet_form div.field select {
  border-radius: 0px;
  padding: 11px 16px;
  width: 100%;
}
#diet_form div.field label {
  font-weight: 600;
}
#diet_form div.field textarea {
  height: 100px;
}
#diet_form div.field.field-small {
  width: 25%;
  background-color: transparent;
}
@media screen and (max-width: 1024px) {
  #diet_form div.field.field-small {
    width: 100%;
  }
}
#diet_form div.field.field-half {
  width: 50%;
  background-color: transparent;
}
@media screen and (max-width: 1024px) {
  #diet_form div.field.field-half {
    width: 100%;
  }
}
#diet_form div.field.field-photo {
  width: 33.3333333%;
  background-color: #f7f7f7;
}
@media screen and (max-width: 1024px) {
  #diet_form div.field.field-photo {
    width: 100%;
  }
}
#diet_form div.field.field-photo input {
  width: 100%;
}
#diet_form div.field.field-photo img.preview {
  max-height: 220px;
  width: auto;
  margin: 20px auto;
  display: block;
}
#diet_form div.field.how-do-you-know label:not(:first-child) {
  font-weight: 400;
}

.diet-form-info {
  max-width: 900px;
  margin: 50px auto 50px auto;
}

.welcome-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.8);
}
.welcome-popup.show {
  display: flex;
}
.welcome-popup .inner {
  max-width: 1185px;
  padding: 40px;
  border: 1px solid #d8d8d8;
  z-index: 5000;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  position: relative;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .welcome-popup .inner {
    padding: 50px 10px;
    max-height: 100vh;
  }
}
.welcome-popup .inner .recomendations {
  background-color: #f7f7f7;
  border: 1px solid #D21D1D;
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.welcome-popup .inner .scroll-box {
  max-height: 80vh;
  overflow-y: scroll;
}
.welcome-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 24px;
  height: 24px;
}
.welcome-popup .inner .close:after, .welcome-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #01303D;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
}
.welcome-popup .inner .close:after {
  transform: rotate(-45deg);
}
.welcome-popup .inner a {
  color: #01303D;
  text-decoration: none;
}
.welcome-popup .inner section {
  margin: 0;
  background: #fff;
}
.welcome-popup .inner section .container {
  max-width: 100%;
  padding: 0;
}
.welcome-popup .inner section .container .item {
  padding: 20px;
}

.film-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.8);
}
.film-popup.show {
  display: flex;
}
.film-popup .inner {
  max-width: 800px;
  padding: 40px;
  border: 1px solid #d8d8d8;
  z-index: 5000;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  position: relative;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .film-popup .inner {
    padding: 50px 10px;
    max-height: 100vh;
  }
}
.film-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 24px;
  height: 24px;
}
.film-popup .inner .close:after, .film-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #01303D;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
}
.film-popup .inner .close:after {
  transform: rotate(-45deg);
}

.add-measure-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.add-measure-popup.show {
  display: flex;
}
.add-measure-popup .inner {
  max-width: 800px;
  padding: 20px;
  border: 1px solid #d8d8d8;
  z-index: 5000;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  position: relative;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .add-measure-popup .inner {
    padding: 50px 10px;
    max-height: 100vh;
  }
}
.add-measure-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 24px;
  height: 24px;
}
.add-measure-popup .inner .close:after, .add-measure-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #01303D;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
}
.add-measure-popup .inner .close:after {
  transform: rotate(-45deg);
}
.add-measure-popup .inner form {
  padding: 30px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.add-measure-popup .inner form .field {
  width: 50%;
  padding: 0 20px;
}
.add-measure-popup .inner form .field.full {
  width: 100%;
}
.add-measure-popup .inner form .field.error label {
  color: #01303D;
}
.add-measure-popup .inner form .field.error .validate {
  border-color: #01303D;
}
.add-measure-popup .inner form #out {
  width: 100%;
  background-color: #fff;
  font-weight: bold;
  border: 1px solid #D21D1D;
  padding: 15px;
  margin: 20px 0;
  text-align: center;
  display: none;
}

body.admin-bar .show-menu {
  top: 116px;
}

.training-old {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.training-old > div {
  padding: 40px;
  border-radius: 30px;
  background-color: #F7DCD1;
  max-width: 900px;
}
@media screen and (max-width: 1024px) {
  .training-old > div {
    padding: 20px;
  }
}
.training-old p:last-child {
  margin-bottom: 0;
}

.my-trainings {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
}
.my-trainings .popup-links {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 16px;
}
@media screen and (max-width: 1024px) {
  .my-trainings .popup-links {
    flex-direction: column;
    align-items: center;
  }
}
.my-trainings .popup-links a {
  text-transform: uppercase;
  color: #333;
  margin: 0 10px;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  .my-trainings .popup-links a {
    margin: 0 0 10px 0;
  }
}
.my-trainings .training {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .my-trainings .training {
    flex-direction: column;
  }
}
.my-trainings .training .label {
  background-color: #d78759;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  display: flex;
  width: auto;
  height: 50px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0px 0 20px;
  margin-right: 30px;
  width: 258px;
}
@media screen and (max-width: 1024px) {
  .my-trainings .training .label {
    margin-right: 0;
    margin-bottom: 30px;
    width: 211px;
  }
}
.my-trainings .training .label span {
  display: flex;
  height: 50px;
  width: 50px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #fff;
  margin-left: 25px;
  background-color: #e6b698;
}
.my-trainings .training .label div {
  background-color: #01303D;
  color: #fff;
  width: calc(100% + 20px);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 3px;
  margin-left: -20px;
  margin-top: 1px;
}
.my-trainings .training .training-content {
  width: 100%;
}
.my-trainings .training .training-content .group {
  padding: 8px 15px;
  display: flex;
  border: 1px solid #c5c5c5;
  justify-content: space-between;
  align-items: center;
}
.my-trainings .training .training-content .group h3 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 22px;
}
.my-trainings .training .training-content .group span {
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .my-trainings .training .training-content .group span {
    display: none;
  }
}
.my-trainings .training .training-content ul {
  border: 1px solid #c5c5c5;
  border-top: 0;
  padding: 0;
  margin: 0 0 20px 0px;
}
.my-trainings .training .training-content ul li {
  list-style-type: none;
  border-top: 1px solid #c5c5c5;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.my-trainings .training .training-content ul li.combined::after {
  content: "seria łączona";
  position: absolute;
  left: 80px;
  bottom: -10px;
  z-index: 100;
  color: #d78759;
  background-image: url('data:image/svg+xml,<svg width="120.00000000000001" height="120.00000000000001" xmlns="http://www.w3.org/2000/svg"><g id="Layer_1"><rect fill="%23d78759" x="0" y="45" width="120" height="30" id="svg_2" stroke-width="0" stroke="%23000"/><rect transform="rotate(90 60 60)" fill="%23d78759" x="0" y="45" width="120" height="30" id="svg_1" stroke-width="0" stroke="%23000"/></g></svg>');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 0 6px;
  padding-left: 25px;
}
@media screen and (max-width: 1024px) {
  .my-trainings .training .training-content ul li.combined::after {
    left: 40px;
  }
}
.my-trainings .training .training-content ul li.combined + li {
  border-top: 0px;
  background-color: #f6f6f6;
}
.my-trainings .training .training-content ul li:nth-child(odd) {
  background-color: #f6f6f6;
}
.my-trainings .training .training-content ul li.combined + li:nth-child(odd) {
  background-color: #fff;
}
.my-trainings .training .training-content ul li:first-child {
  border-top: 0px;
}
.my-trainings .training .training-content ul li span {
  width: calc(100% - 440px);
  padding: 13px;
  border-right: 1px solid #c5c5c5;
}
.my-trainings .training .training-content ul li span:last-child {
  border-right: 0px;
}
.my-trainings .training .training-content ul li span.cnt {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-trainings .training .training-content ul li span.tempo {
  width: 90px;
  font-weight: bold;
  align-items: center;
  display: flex;
}
.my-trainings .training .training-content ul li span.reps {
  width: 150px;
  font-weight: bold;
  align-items: center;
  display: flex;
}
.my-trainings .training .training-content ul li span.action {
  width: 110px;
  align-items: center;
  display: flex;
}
.my-trainings .training .training-content ul li span.action a {
  color: #d78759;
}
@media screen and (max-width: 1024px) {
  .my-trainings .training .training-content ul li {
    flex-wrap: wrap;
    padding: 5px 10px 5px 5px;
  }
  .my-trainings .training .training-content ul li span {
    width: calc(100% - 30px);
    padding: 5px;
    border: 0;
  }
  .my-trainings .training .training-content ul li span.cnt {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
  }
  .my-trainings .training .training-content ul li span.tempo {
    width: auto;
    margin-left: 30px;
  }
  .my-trainings .training .training-content ul li span.reps {
    width: auto;
  }
  .my-trainings .training .training-content ul li span.action {
    width: auto;
  }
}

.training-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.training-popup.show {
  background: rgba(255, 255, 255, 0.9);
  display: flex;
}
.training-popup .inner {
  background-color: #fff;
  padding: 20px;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  max-height: 95vh;
  overflow: scroll;
  position: relative;
}
.training-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #01303D;
  display: block;
  width: 30px;
  height: 30px;
}
.training-popup .inner .close:after, .training-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 13px;
  left: 3px;
}
.training-popup .inner .close:after {
  transform: rotate(-45deg);
}
.training-popup .inner .training-label {
  background-color: #d78759;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  display: flex;
  width: 212px;
  height: auto;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.training-popup .inner .training-label span.training {
  padding: 0 0px 0 20px;
}
.training-popup .inner .training-label span.training-num {
  display: flex;
  height: 50px;
  width: 50px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #fff;
  margin-left: 25px;
  background-color: #e6b698;
}
.training-popup .inner .training-label span.exercise {
  display: block;
  background-color: #01303D;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding: 4px 0;
}

.training-info-popup {
  -webkit-animation: pop-in 0.5s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.training-info-popup.show {
  background: rgba(255, 255, 255, 0.9);
  display: flex;
}
.training-info-popup .inner {
  background-color: #fff;
  padding: 40px 40px 20px 40px;
  box-shadow: 2px 2px 40px 1px rgba(0, 0, 0, 0.09);
  max-height: 95vh;
  overflow: scroll;
  position: relative;
  width: 900px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .training-info-popup .inner {
    width: 100%;
  }
}
.training-info-popup .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #01303D;
  display: block;
  width: 30px;
  height: 30px;
}
.training-info-popup .inner .close:after, .training-info-popup .inner .close:before {
  content: " ";
  width: 24px;
  height: 3px;
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 13px;
  left: 3px;
}
.training-info-popup .inner .close:after {
  transform: rotate(-45deg);
}
.training-info-popup .inner section {
  transition: all 0.3s ease-in-out;
}
.training-info-popup .inner .popup-links {
  border-top: 1px solid #ddd;
  margin: 20px -40px 0px -40px;
  padding: 20px 60px 0 60px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 16px;
}
@media screen and (max-width: 1024px) {
  .training-info-popup .inner .popup-links {
    padding: 20px 20px 0 20px;
  }
}
.training-info-popup .inner .popup-links a {
  text-transform: uppercase;
  color: #333;
  margin: 0 10px 0px 10px;
}
.training-info-popup .inner .popup-links a.active {
  font-weight: bold;
}

.single-training {
  display: flex;
  flex-wrap: wrap;
}
.single-training .title-section {
  width: 100%;
}
.single-training .title-section h2 {
  margin: 20px 0;
}
.single-training .player {
  width: 66%;
}
@media screen and (max-width: 1024px) {
  .single-training .player {
    width: 100%;
  }
}
.single-training .player iframe {
  width: 100%;
  height: 453px;
}
@media screen and (max-width: 1024px) {
  .single-training .player iframe {
    height: 51vw;
  }
}
.single-training .player nav {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.single-training .player nav a {
  color: #333;
  font-weight: bold;
  font-size: 20px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.single-training .player nav a.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.single-training .player nav a.prev {
  padding-left: 20px;
}
.single-training .player nav a.prev:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #333;
  position: absolute;
  top: 4px;
  left: 0px;
}
.single-training .player nav a.next {
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .single-training .player nav a.next {
    text-align: right;
  }
}
.single-training .player nav a.next:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #333;
  position: absolute;
  top: 4px;
  right: 0px;
}
.single-training .info {
  width: 33%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  padding-left: 20px;
  max-height: 454px;
  overflow-y: scroll;
  padding-top: 1px;
}
@media screen and (max-width: 1024px) {
  .single-training .info {
    width: 100%;
    padding-left: 0px;
  }
}
.single-training .info .reps,
.single-training .info .tempo {
  line-height: 40px;
  border: 1px solid #ddd;
  width: 45%;
  text-align: center;
  font-weight: bold;
}
.single-training .info .reps span,
.single-training .info .tempo span {
  display: block;
  background-color: #ddd;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.single-training .info h4 {
  margin: 30px 0 16px 0;
}
.single-training .info .playlist {
  padding: 0;
  margin: 0;
  width: 100%;
}
.single-training .info .playlist li {
  list-style-position: inside;
  padding: 10px 16px;
  border: 1px solid #ddd;
  border-bottom-width: 0px;
  position: relative;
  cursor: pointer;
}
.single-training .info .playlist li::marker {
  font-weight: 700;
}
.single-training .info .playlist li:last-child {
  border-bottom-width: 1px;
}
.single-training .info .playlist li:nth-child(odd) {
  background-color: #f7f7f7;
}
.single-training .info .playlist li a {
  margin-left: 4px;
  text-decoration: none;
  color: #333;
}
.single-training .info .playlist li.current:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #d78759;
  position: absolute;
  top: 10px;
  left: -1px;
}
.single-training .info .playlist li.combined::after {
  content: "seria łączona";
  position: absolute;
  left: 38px;
  bottom: -10px;
  z-index: 100;
  color: #d78759;
  background-image: url('data:image/svg+xml,<svg width="120.00000000000001" height="120.00000000000001" xmlns="http://www.w3.org/2000/svg"><g id="Layer_1"><rect fill="%23d78759" x="0" y="45" width="120" height="30" id="svg_2" stroke-width="0" stroke="%23000"/><rect transform="rotate(90 60 60)" fill="%23d78759" x="0" y="45" width="120" height="30" id="svg_1" stroke-width="0" stroke="%23000"/></g></svg>');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 0 6px;
  padding-left: 25px;
}
@media screen and (max-width: 1024px) {
  .single-training .info .playlist li.combined::after {
    left: 38px;
  }
}
.single-training .info .playlist li.combined + li:nth-child(odd) {
  border-top: 0px;
  background-color: #fff;
}
.single-training .info .playlist li.combined + li:nth-child(even) {
  border-top: 0px;
  background-color: #f7f7f7;
}

.atlas h3 {
  text-align: center;
  margin-bottom: 20px;
}
.atlas ul {
  -webkit-column-count: 2; /* Chrome/Opera, Safari */
  -moz-column-count: 2; /* Mozilla Firefox */
  column-count: 2;
  -webkit-column-gap: 40px; /* Chrome/Opera, Safari */
  -moz-column-gap: 40px; /* Mozilla Firefox */
  column-gap: 40px;
  list-style-type: none;
  padding: 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .atlas ul {
    -webkit-column-count: 1; /* Chrome/Opera, Safari */
    -moz-column-count: 1; /* Mozilla Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome/Opera, Safari */
    -moz-column-gap: 0px; /* Mozilla Firefox */
    column-gap: 0px;
  }
}
.atlas ul li {
  font-size: 14px;
  padding: 0;
  border: 1px solid #bcbcbc;
  margin-top: -1px;
  display: flex;
  justify-content: space-between;
}
.atlas ul li:nth-child(odd) {
  background-color: #f3f3f3;
}
.atlas ul li .num {
  width: 68px;
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #bcbcbc;
}
.atlas ul li .title {
  padding: 15px;
  width: calc(100% - 163px);
}
.atlas ul li a {
  padding: 15px 0;
  width: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #bcbcbc;
}
.atlas .training-popup .training-label {
  width: max-content;
}
.atlas .training-popup .training-label span.training {
  padding: 0 20px;
}
.atlas .training-popup ul {
  -webkit-column-count: 1; /* Chrome/Opera, Safari */
  -moz-column-count: 1; /* Mozilla Firefox */
  column-count: 1;
  -webkit-column-gap: 0px; /* Chrome/Opera, Safari */
  -moz-column-gap: 0px; /* Mozilla Firefox */
  column-gap: 0px;
}

.atlas-cat {
  display: flex;
  flex-wrap: wrap;
}
.atlas-cat .item {
  margin: 10px;
  width: calc(50% - 20px);
  background-position: center;
  background-size: cover;
  min-height: 300px;
}
@media screen and (max-width: 1024px) {
  .atlas-cat .item {
    width: 100%;
    margin: 10px 20px;
  }
}
.atlas-cat .item a {
  color: #fff;
  text-decoration: none;
}
.atlas-cat .item a .inner {
  background-color: rgba(0, 0, 0, 0.31);
  padding: 40px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.atlas-cat .item a .inner:hover {
  background-color: #01303D;
}
.atlas-cat .item a .inner h2 {
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 1.2px;
}
.atlas-cat .item a .inner h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.8px;
}

.atlas-item {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
.atlas-item .playlist {
  width: 30%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.atlas-item .playlist li {
  cursor: pointer;
}
.atlas-item .playlist li svg {
  width: 14px;
  height: auto;
  fill: #000;
  margin-right: 8px;
}
.atlas-item .playlist li.current, .atlas-item .playlist li:hover {
  color: #01303D;
}
.atlas-item .playlist li.current svg, .atlas-item .playlist li:hover svg {
  fill: #01303D;
}
@media screen and (max-width: 1024px) {
  .atlas-item .playlist {
    width: 100%;
    order: 2;
    margin-bottom: 50px;
  }
}
.atlas-item .player {
  width: 70%;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .atlas-item .player {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
}

.page-template-atlas-page .button.back {
  display: inline-block;
  margin: 20px 0;
}
.page-template-atlas-page .entry-title {
  font-size: 32px;
  font-weight: 500;
  margin-left: 10px;
}
@media screen and (max-width: 1024px) {
  .page-template-atlas-page .entry-title {
    margin-left: 20px;
  }
}
.page-template-atlas-page .subpages {
  display: flex;
  flex-wrap: wrap;
}
.page-template-atlas-page .subpages .item {
  margin: 10px;
  width: calc(50% - 20px);
  background-position: center;
  background-size: cover;
  min-height: 300px;
}
@media screen and (max-width: 1024px) {
  .page-template-atlas-page .subpages .item {
    width: 100%;
    margin: 10px 20px;
  }
}
.page-template-atlas-page .subpages .item a {
  color: #fff;
  text-decoration: none;
}
.page-template-atlas-page .subpages .item a .inner {
  background-color: rgba(0, 0, 0, 0.31);
  padding: 40px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.page-template-atlas-page .subpages .item a .inner:hover {
  background-color: #01303D;
}
.page-template-atlas-page .subpages .item a .inner h2 {
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 1.2px;
}
.page-template-atlas-page .subpages .item a .inner h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.8px;
}
.page-template-atlas-page .atlas {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
.page-template-atlas-page .atlas .playlist {
  width: 30%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.page-template-atlas-page .atlas .playlist li {
  cursor: pointer;
}
.page-template-atlas-page .atlas .playlist li svg {
  width: 14px;
  height: auto;
  fill: #000;
  margin-right: 8px;
}
.page-template-atlas-page .atlas .playlist li.current, .page-template-atlas-page .atlas .playlist li:hover {
  color: #01303D;
}
.page-template-atlas-page .atlas .playlist li.current svg, .page-template-atlas-page .atlas .playlist li:hover svg {
  fill: #01303D;
}
@media screen and (max-width: 1024px) {
  .page-template-atlas-page .atlas .playlist {
    width: 100%;
    order: 2;
    margin-bottom: 50px;
  }
}
.page-template-atlas-page .atlas .player {
  width: 70%;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .page-template-atlas-page .atlas .player {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
}

.woocommerce-MyAccount-content .woocommerce-pagination {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.woocommerce-MyAccount-content .woocommerce-pagination a {
  display: inline-block;
}

table.shop_table {
  border-spacing: 0;
  border-collapse: collapse !important;
  border-radius: 0 !important;
}
table.shop_table tr {
  background-color: #fff;
}
table.shop_table tr td {
  background-color: #fff;
}

table.shop_table_responsive {
  border-spacing: 0;
  border-collapse: collapse !important;
  border-radius: 0 !important;
}
table.shop_table_responsive thead {
  display: none;
}
table.shop_table_responsive thead th {
  border: 1px solid #ccc;
  padding: 15px !important;
}
table.shop_table_responsive tbody th {
  display: none;
}
table.shop_table_responsive tr {
  background-color: #fff;
}
table.shop_table_responsive tr td {
  display: block;
  text-align: right;
  clear: both;
  padding: 15px !important;
  background-color: #fff;
}
table.shop_table_responsive tr td::before {
  content: attr(data-title) ": ";
  float: left;
}
table.shop_table_responsive tr td.product-remove a {
  text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
  display: none;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
  display: none;
}
table.shop_table_responsive tr td.download-actions .button {
  display: block;
  text-align: center;
}
table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions {
  text-align: center;
}
table.shop_table_responsive tr td a.button {
  color: #01303D !important;
  background: none;
  margin: 0 5px;
  padding: 0;
  text-decoration: underline;
  font-weight: 400;
}
table.shop_table_responsive tr td a.button:hover {
  background: none;
  color: #01303D;
}

@media screen and (min-width: 48em) {
  table.shop_table_responsive thead {
    display: table-header-group;
  }
  table.shop_table_responsive tbody th {
    display: table-cell;
  }
  table.shop_table_responsive tr th,
  table.shop_table_responsive tr td {
    text-align: left;
  }
  table.shop_table_responsive tr td {
    display: table-cell;
  }
  table.shop_table_responsive tr td::before {
    display: none;
  }
}
.woocommerce-cart .cart-header {
  background-image: url(img/background.webp);
  background-position: center center;
  background-size: cover;
  padding: 36px 0;
  text-align: center;
  margin-bottom: 50px;
}
.woocommerce-cart .cart-header h1 {
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.woocommerce-cart article.page {
  max-width: 1000px;
}
@media screen and (max-width: 1024px) {
  .woocommerce-cart article.page {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.woocommerce-cart table.cart th.product-remove {
  width: 100px;
}
.woocommerce-cart table.cart td.product-remove a {
  width: auto;
  height: auto;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
}
.woocommerce-cart table.cart td.product-remove a:hover {
  border-radius: 5px;
  padding: 5px 0px;
}
.woocommerce-cart table.cart td.product-name a {
  text-decoration: none;
  font-weight: bold;
  color: #333;
}
.woocommerce-cart table.cart td.actions .coupon {
  display: flex;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 170px;
  height: 47px;
  margin-top: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  .woocommerce-cart table.cart td.actions .coupon {
    flex-direction: column;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .woocommerce-cart table.cart td.actions .coupon button.button {
    width: 100%;
  }
}
.woocommerce-cart table.cart td.actions button[name=update_cart] {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .col2-set .form-row-first {
    float: left;
    margin-right: 3.8%;
  }
  .col2-set .form-row-last {
    float: right;
    margin-right: 0;
  }
  .col2-set .form-row-first,
  .col2-set .form-row-last {
    width: 48.1%;
  }
}
@media screen and (max-width: 1024px) {
  .woocommerce-checkout .blockUI.blockMsg.blockElement {
    width: 90% !important;
    position: fixed !important;
    top: 40vh !important;
  }
}
.woocommerce-checkout .checkout-header {
  background-image: url(img/background.webp);
  background-position: center center;
  background-size: cover;
  padding: 36px 0;
  text-align: center;
  margin-bottom: 50px;
}
.woocommerce-checkout .checkout-header h1 {
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.woocommerce-checkout article.page {
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .woocommerce-checkout article.page {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.woocommerce-checkout .col2-set .col-1 {
  float: none;
  width: 100%;
}
.woocommerce-checkout .col2-set .col-2 {
  float: none;
  width: 100%;
}
.woocommerce-checkout form.checkout {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .woocommerce-checkout form.checkout #billing_em_ver_field,
  .woocommerce-checkout form.checkout #billing_email_field {
    width: 100%;
  }
}

.woocommerce-table--order-downloads .download-remaining,
.woocommerce-table--order-downloads .download-expires {
  display: none;
}
.woocommerce-table--order-downloads a.button.woocommerce-MyAccount-downloads-file {
  color: #fff !important;
  font-size: 16px;
}

.woocommerce-view-order main > article {
  max-width: 960px;
  padding-top: 50px;
}
.woocommerce-view-order main > article .order-again a {
  display: inline-block;
}

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