/*-------------------------
LetMeScroll.js
Made by: Bruno Vieira
--------------------------- */
:root {
/* Colors */
--lms_scrollbar_bg: #868686;
--lms_scrollbar_radius: 5px;
--lms_scrollpath_bg: transparent;
--lms_scrollpath_radius: 5px;
}
.lms_scrollable {
margin: 0 auto;
position: relative;
overflow: hidden;
padding-right: 15px;
max-width: 100%; /* 1% is for the scrollbar div */
}
.lms_scroll_track
{
background: var(--lms_scrollpath_bg);
border-radius: var(--lms_scrollpath_radius);
width: 8px;
position: absolute;
right: 0px;
height: 100%;
top: 0px;
transition: opacity 0.5s ease;
user-select: none;
}
.lms_scrollable .lms_content_wrapper {
width: 100%;
height: 100%;
overflow-y: scroll;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.lms_scrollable .lms_content_wrapper::-webkit-scrollbar {
display: none;
}
.lms_scroller {
cursor: default;
z-index: 5;
position: absolute;
width: 100%;
border-radius: var(--lms_scrollbar_radius);
background: var(--lms_scrollbar_bg);
top: 0px;
-webkit-transition: top .08s;
-moz-transition: top .08s;
-ms-transition: top .08s;
-o-transition: top .08s;
transition: top .08s;
user-select: none;
transition: opacity 0.5s ease;
}/*
THIS FILE IS OVERWRITTEN EVERY TIME YOU UPDATE THE PLUGIN.
USE THE CUSTOM CSS OPTION IN THE SUBSCRIPTION SETTING PANEL FOR YOUR
CUSTOM CSS RULES.
*/
div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px;
/*width: 100%;*/
}
/* Generic field wrapper */
.tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{
/* Fixes some bad themes CSS */
max-width: 1em;
display: inline-block;
margin-right: .5em;
}
/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
}
/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
}
/* Newsletter Widget Minimal */
.tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
}
/* The minimal form */
.tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
}
/* Some of these styles are overridden by theme styles... */
.tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
}
/* Single button forms */
.tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
}
/* Comments Extension */
.tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
}
/* Locked Content Extension */
.tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}.code-block {
min-height: 250px;
}/*
Theme Name: Nokta
Theme URI: nokta.md
Author: SENSMEDIA
Author URI: SENSMEDIA
Description:
Version: 2.1.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nokta
Tags:
*/@font-face {
font-family: 'Panton';
src: url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Light/Panton-Light.eot#1747906456) format("embedded-opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Light/Panton-Light.otf) format("opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Light/Panton-Light.woff) format("woff"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Light/Panton-Light.ttf) format("truetype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Light/Panton-Light.svg#Panton-Light) format("svg");
font-weight: 300;
font-display: swap;
font-style: normal
}
@font-face {
font-family: 'Panton';
src: url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Regular/Panton-Regular.eot#1747906456) format("embedded-opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Regular/Panton-Regular.otf) format("opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Regular/Panton-Regular.woff) format("woff"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Regular/Panton-Regular.ttf) format("truetype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Regular/Panton-Regular.svg#Panton-Regular) format("svg");
font-weight: 400;
font-display: swap;
font-style: normal
}
@font-face {
font-family: 'Panton';
src: url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Bold/Panton-Bold.eot#1747906456) format("embedded-opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Bold/Panton-Bold.otf) format("opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Bold/Panton-Bold.woff) format("woff"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Bold/Panton-Bold.ttf) format("truetype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Bold/Panton-Bold.svg#Panton-Bold) format("svg");
font-weight: 700;
font-display: swap;
font-style: normal
}
@font-face {
font-family: 'Panton';
src: url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-LightItalic/Panton-LightItalic.eot#1747906456) format("embedded-opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-LightItalic/Panton-LightItalic.otf) format("opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-LightItalic/Panton-LightItalic.woff) format("woff"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-LightItalic/Panton-LightItalic.ttf) format("truetype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-LightItalic/Panton-LightItalic.svg#Panton-LightItalic) format("svg");
font-weight: 300;
font-display: swap;
font-style: italic
}
@font-face {
font-family: 'Panton';
src: url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Italic/Panton-Italic.eot#1747906456) format("embedded-opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Italic/Panton-Italic.otf) format("opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Italic/Panton-Italic.woff) format("woff"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Italic/Panton-Italic.ttf) format("truetype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-Italic/Panton-Italic.svg#Panton-Italic) format("svg");
font-weight: 400;
font-display: swap;
font-style: italic
}
@font-face {
font-family: 'Panton';
src: url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-BoldItalic/Panton-BoldItalic.eot#1747906456) format("embedded-opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-BoldItalic/Panton-BoldItalic.otf) format("opentype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-BoldItalic/Panton-BoldItalic.woff) format("woff"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-BoldItalic/Panton-BoldItalic.ttf) format("truetype"), url(https://nokta.md/wp-content/themes/nokta/public/assets/css/fonts/Panton-BoldItalic/Panton-BoldItalic.svg#Panton-BoldItalic) format("svg");
font-weight: 700;
font-display: swap;
font-style: italic
}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
* {
outline: none;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
input:-webkit-autofill {
-webkit-transition: background-color 1s 5000s ease-in-out;
transition: background-color 1s 5000s ease-in-out;
-webkit-text-fill-color: var(--input-color);
}
/**
* 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; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
:root {
--red: #FF595A;
--red-alpha-10: rgba(255, 89, 90, 0.1);
--red-alpha-15: rgba(255, 89, 90, 0.15);
--red-alpha-20: rgba(255, 89, 90, 0.2);
--red-alpha-btn: #ff595a5c;
--red-alpha-btn-pressed: #ff5959cc;
--orange: #FF862E;
--yellow: #FEBB39;
--green: #8ED239;
--sky-blue: #3AD3D4;
--blue: #4482EE;
--purple: #D35CEF;
--black: #000;
--gray0: #212121;
--gray1: #333;
--gray2: #4F4F4F;
--gray3: #828282;
--gray4: #BDBDBD;
--gray5: #E0E0E0;
--gray6: #F2F2F2;
--white: #FFF;
--black1: #222222;
--black2: #353535;
--black3: #484848;
--black4: #5D5D5D;
--black5: #717171;
--black6: #929292;
--black7: #B5B5B5;
--black8: #D9D9D9;
--bg_color: #F4F4F4;
--dark-blue-grad: linear-gradient(-45deg, #3B495E, #203248);
--red-filter: brightness(0) saturate(100%) invert(34%) sepia(73%) saturate(1717%) hue-rotate(358deg) brightness(101%) contrast(109%);
--calc-amp: 60;
--calc-wave1: calc(1deg * .38 * var(--calc-amp));
--calc-wave2: calc(1deg * .06 * var(--calc-amp));
--calc-wave3: calc(1deg * .45 * var(--calc-amp));
--red-deg: calc(0deg + 0deg);
--orange-deg: calc(51deg + (0deg + var(--calc-wave1)));
--yellow-deg: calc(102deg + (0deg - var(--calc-wave2)));
--green-deg: calc(154deg + (0deg - var(--calc-wave3)));
--sky-blue-deg: calc(205deg + (0deg + var(--calc-wave3)));
--blue-deg: calc(257deg + (0deg + var(--calc-wave2)));
--purple-deg: calc(308deg + (0deg - var(--calc-wave1)));
--theme-gradient: conic-gradient(from 0turn at 50% 50%, var(--red), var(--orange), var(--yellow), var(--green), var(--sky-blue), var(--blue), var(--purple), var(--red));
--theme-gradient-btn: conic-gradient(from 0turn at 50% 50%, var(--red) var(--red-deg), var(--orange) var(--orange-deg), var(--yellow), var(--yellow-deg), var(--green) var(--green-deg), var(--sky-blue) var(--sky-blue-deg), var(--blue) var(--blue-deg), var(--purple) var(--purple-deg), var(--red));
--theme-gradient-x: linear-gradient(to right, var(--red), var(--orange), var(--yellow), var(--green), var(--sky-blue), var(--blue), var(--purple));
--theme-gradient-y: linear-gradient(to top, var(--red), var(--orange), var(--yellow), var(--green), var(--sky-blue), var(--blue), var(--purple));
--base-font: "Panton", sans-serif;
--nav-offset: 0rem;
--nav-height: 120px;
--font-size: 16px;
--container: 1400px;
--gap: 15px;
--gap-ratio: 2;
--spacing: 4rem;
--spacing-ratio: 1;
--page-offset: calc(var(--nav-offset) + var(--nav-height) + var(--button-offset));
--gap-x: var(--gap);
--gap-y: calc(var(--gap) * var(--gap-ratio));
--inter-content-spacing: 2rem;
--container-gaps: calc(var(--container) + var(--gap-x) * 2);
--button-offset: 0px;
font-size: var(--font-size);
}
@media only screen and (max-width: 1460px) {
:root {
--container: 1240px;
--font-size: 15px;
}
}
@media only screen and (max-width: 1270px) {
:root {
--container: 1140px;
}
}
@media only screen and (max-width: 1170px) {
:root {
--container: 940px;
}
}
@media only screen and (max-width: 990px) {
:root {
--container: 740px;
--nav-height: 64px;
--nav-offset: 0rem;
--spacing: 3rem;
}
}
@media only screen and (max-width: 770px) {
:root {
--button-offset: calc(44px + var(--gap));
--spacing: 3rem;
--container: 100%;
--container-gaps: var(--container);
--gap: 16px;
--font-size: 14px;
}
}
html {
--trns: none;
}
html.--init {
--trns: cubic-bezier(0, 0.275, 0.125, 1);
}
.--red {
--em-color: var(--red);
}
.--orange {
--em-color: var(--orange);
}
.--yellow {
--em-color: var(--yellow);
}
.--green {
--em-color: var(--green);
}
.--sky-blue {
--em-color: var(--sky-blue);
}
.--blue {
--em-color: var(--blue);
}
.--purple {
--em-color: var(--purple);
}
.--black {
--em-color: var(--black);
}
.--gray0 {
--em-color: var(--gray0);
}
.--gray1 {
--em-color: var(--gray1);
}
.--gray2 {
--em-color: var(--gray2);
}
.--gray3 {
--em-color: var(--gray3);
}
.--gray4 {
--em-color: var(--gray4);
}
.--gray5 {
--em-color: var(--gray5);
}
.--gray6 {
--em-color: var(--gray6);
}
.--black1 {
--em-color: var(--black1);
}
.--black2 {
--em-color: var(--black2);
}
.--black3 {
--em-color: var(--black3);
}
.--black4 {
--em-color: var(--black4);
}
.--black5 {
--em-color: var(--black5);
}
.--black6 {
--em-color: var(--black6);
}
.--black7 {
--em-color: var(--black7);
}
.--black8 {
--em-color: var(--black8);
}
.--bg_color {
--em-color: var(--bg_color);
}
.--white {
--em-color: var(--white);
}
@keyframes rotateMe {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes explodeX {
0% {
width: 0px;
height: 0px;
opacity: var(--start-t);
}
100% {
width: 450px;
height: 450px;
opacity: var(--end-t);
}
}
@keyframes float {
0% {
transform: translateY(0px);
}
70% {
transform: translateY(calc(20% * var(--float-amplitute, 1)));
}
100% {
transform: translateY(0px);
}
}
@keyframes showAsNotice {
0% {
transform: translateY(-20px);
opacity: 0;
}
10% {
transform: translateY(0px);
opacity: 1;
}
90% {
transform: translateY(0px);
opacity: 1;
}
100% {
transform: translateY(-20px);
opacity: 0;
}
}
@keyframes xFadeDown {
0% {
opacity: 0;
transform: translate3d(0, -40px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
}
@keyframes xFadeUp {
0% {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 5px, 0);
}
}
.wpcf7-form {
position: relative;
}
.x-form {
--outset: 2rem;
--input-height: 56px;
--input-radius: 10px;
--input-bg: var(--gray2);
--input-pl: 1rem;
--input-pr: 1rem;
--input-pt: 11px;
--input-pb: 10px;
--input-color: var(--gray6);
--input-spacing: .5px;
--input-size: clamp(15px, 1rem, 16px);
--input-weight: 400;
--input-lh: 1.4em;
--label-color: var(--gray6);
--label-top: calc(50% - 0.6em);
--label-scale: 1;
--label-spacing: .5px;
--backdrop-opacity: 0;
--local-gap-x: calc(var(--gap-x) * .75);
--form-bg: var(--gray1);
background: var(--form-bg);
border-radius: 2rem;
padding: var(--outset);
position: relative;
display: flex;
flex-flow: wrap;
--cols: 1;
--amp: 1;
transition: border-radius 0.3s var(--trns);
}
@media only screen and (max-width: 1170px) {
.x-form {
--outset: 1.6rem;
}
}
.x-form__terms {
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
}
.x-form__terms .x-checkbox {
width: 60%;
padding-right: 1rem;
}
.x-form__terms .x-form__read-legals {
margin-left: 0px !important;
margin-top: 0px;
}
.x-form__grid {
display: flex;
margin: 0 calc(0px - var(--local-gap-x)) calc(0px - var(--gap-y));
width: auto;
min-width: 100%;
}
.x-form__grid > * {
margin: 0 var(--local-gap-x) var(--gap-y);
}
.x-form__divider {
width: 100%;
margin-top: calc(var(--gap-y) * 0.5);
height: 2px;
background-color: rgba(255, 255, 255, 0.048);
}
.x-form__divider:first-child {
margin-top: 0px !important;
}
@media only screen and (max-width: 990px) {
.x-form__divider:first-child {
display: none;
}
}
.x-form__container {
transform: scaleY(100%);
opacity: 1;
top: 100%;
width: calc(100% + var(--outset) * 2);
right: 0px;
overflow: hidden;
opacity: 1;
padding: 1rem var(--outset);
border-radius: 0 0 1rem 1rem;
background: var(--gray1);
box-shadow: inset 0 25px 86px -75px #000;
height: auto;
margin: calc(0px - var(--outset));
margin-top: var(--outset);
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
}
.x-form__container.--init {
height: var(--js-height);
}
.x-form__container.--init.--hidden {
height: 0px;
padding: 0rem 2rem;
margin-top: 0px;
margin-bottom: 0px;
opacity: 0;
}
@media only screen and (max-width: 1170px) {
.x-form__container.--init.--hidden {
padding: 0rem var(--outset);
}
}
.x-form__container.--ready {
position: static;
transition: opacity 0.3s var(--trns), height 0.3s var(--trns), transform 0.3s var(--trns), padding 0.3s var(--trns), margin 0.3s var(--trns);
}
.x-form__container.--hidden {
opacity: 0;
}
.x-form .wpb_text_column {
width: 100%;
}
.x-form__read-legals {
position: relative;
color: var(--gray3);
text-decoration: none !important;
font-weight: 400;
transition: color 0.2s var(--trns);
}
.x-form__read-legals:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
left: 0;
bottom: -4px;
pointer-events: none;
background-color: currentColor;
transform: translateY(6px);
opacity: 0;
transition: transform 0.2s var(--trns), opacity 0.2s var(--trns), background 0.2s var(--trns);
}
.x-form__read-legals:hover {
color: var(--orange);
}
.x-form__read-legals:hover:after {
opacity: 1;
transform: translateY(0px);
}
.x-form.--stacked {
--input-pb: 9px;
--local-gap-x: 10px;
--input-bg: #444;
}
.x-form.--stacked .x-form__grid {
--gap-y: 20px;
flex-flow: wrap;
}
@media only screen and (max-width: 770px) {
.x-form.--stacked .x-form__grid {
--gap-y: 16px;
}
}
.x-form.--stacked .x-form__grid > * {
width: calc(100% - var(--local-gap-x) * 2);
}
.x-form.--stacked .x-form__grid > *.x-field--email {
width: calc(60% - var(--local-gap-x) * 2);
}
.x-form.--stacked .x-form__grid > *.x-field--name {
width: calc(40% - var(--local-gap-x) * 2);
}
.x-form.--stacked .x-form__grid > *.x-field--date {
width: calc(50% - var(--local-gap-x) * 2);
}
.x-form.--stacked .x-form__grid > *.x-field--hour {
width: calc(50% - var(--local-gap-x) * 2);
}
.x-form.--stacked .x-form__grid > *.x-field--phone {
width: calc(50% - var(--local-gap-x) * 2);
}
@media only screen and (max-width: 770px) {
.x-form.--stacked .x-form__grid > * {
width: calc(100% - var(--local-gap-x) * 2) !important;
}
}
.x-form.--stacked .x-field:after {
border-radius: var(--input-radius);
width: 100%;
height: 100%;
top: 0px;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--gray2);
z-index: 0;
}
.x-form.--stacked .x-field > label {
position: relative;
z-index: 1;
}
.x-form.--stacked .x-field::before {
z-index: 1;
}
.x-form.--stacked .x-field:hover::before {
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--gray5);
}
.x-form.--stacked .x-field.--is-focused::before {
background-color: var(--input-bg);
box-shadow: inset 0 0 0 2px var(--gray6);
}
.x-form.--stacked .x-field.--is-focused:hover:before {
box-shadow: inset 0 0 0 2px var(--gray6);
background-color: var(--input-bg);
}
@media only screen and (max-width: 770px) {
.x-form.--stacked .x-form__terms {
display: flex;
flex-flow: column-reverse;
align-items: flex-start;
}
}
.x-form.--stacked .x-checkbox {
width: calc(65% - var(--local-gap-x) * 2);
justify-content: flex-start;
}
.x-form.--stacked .x-checkbox__label {
display: none;
}
@media only screen and (max-width: 770px) {
.x-form.--stacked .x-checkbox {
width: 100%;
}
}
.x-form.--stacked .x-form__read-legals {
width: auto !important;
margin-top: -0.6rem;
}
@media only screen and (max-width: 770px) {
.x-form.--stacked .x-form__read-legals {
margin: 0.4rem 0 1rem 0;
margin-left: 40px !important;
}
}
.x-form.--contact {
padding-top: 2.4rem;
}
.x-form.--contact .wpb_text_column:not(:last-child) {
margin-bottom: 1.4rem;
}
.x-form.--contact .wpb_text_column:not(:last-child) h4 {
font-weight: 500;
color: var(--gray4);
font-size: calc(1.6rem * var(--h4-scale, 1) * var(--amplifier));
}
.x-form.--contact .x-form__grid > *.x-field--name {
width: calc(50% - var(--local-gap-x) * 2);
}
.x-form.--contact .x-form__grid > *.x-field--phone {
width: calc(50% - var(--local-gap-x) * 2);
}
.x-form.--contact .x-form__grid > *.x-field--email {
width: calc(100% - var(--local-gap-x) * 2);
}
.x-modal__box .x-form {
background: transparent;
padding: 0px;
}
@media only screen and (max-width: 990px) {
.x-modal__box .x-form .x-form__divider:nth-child(1) {
display: block;
}
}
.x-field {
--not-valid-t: 0;
--not-valid-y: 10px;
position: relative;
height: var(--input-height);
z-index: 1;
}
.x-field:hover {
--bar-color: var(--gray6);
--backdrop-opacity: .7;
}
.x-field:before {
z-index: -1;
content: "";
width: 100%;
height: 100%;
border-radius: var(--input-radius);
position: absolute;
left: 0;
top: 0;
background: var(--input-bg);
opacity: var(--backdrop-opacity);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0);
transition: opacity 0.2s var(--trns), box-shadow 0.2s var(--trns), background 0.2s var(--trns), border-radius 0.2s var(--trns);
}
.x-field:after {
content: "";
z-index: 1;
position: absolute;
left: 0;
width: 2px;
height: 60%;
top: 20%;
background: var(--gray2);
border-radius: 2px;
transition: background 0.2s var(--trns), border-radius 0.2s var(--trns);
pointer-events: none;
}
.x-field:hover:after {
background: var(--gray6);
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.x-field__holder {
width: 100%;
display: flex;
align-items: center;
}
.x-field__label {
position: absolute;
z-index: 1;
pointer-events: none;
color: var(--label-color);
font-size: var(--input-size);
font-weight: var(--input-weight);
font-family: var(--base-font);
letter-spacing: var(--label-spacing);
top: var(--label-top);
left: var(--input-pl);
line-height: var(--input-lh);
transform-origin: top left;
transform: scale(var(--label-scale));
transition: transform 0.2s var(--trns), color 0.2s var(--trns), top 0.2s var(--trns), letter-spacing 0.2s var(--trns);
will-change: transform, color, top, letter-spacing;
}
.x-field__input {
background: transparent;
border-radius: var(--input-radius);
height: var(--input-height);
line-height: var(--input-lh);
width: 100%;
border: none;
outline: none;
font-family: var(--base-font);
color: var(--input-color);
font-size: var(--input-size);
font-weight: var(--input-weight);
letter-spacing: var(--input-spacing);
padding: var(--input-pt) var(--input-pr) var(--input-pb) var(--input-pl);
transition: padding 0.2s var(--trns);
}
.x-field__input:-webkit-autofill {
transition: background-color 1s 5000s ease-in-out;
-webkit-text-fill-color: var(--input-color);
}
.x-field__input::-webkit-calendar-picker-indicator {
background: none;
display: none;
color: var(--input-color);
position: absolute;
}
.x-field__trigger {
position: absolute;
width: 100%;
z-index: 2;
height: 100%;
top: 0;
left: 0;
border-radius: var(--input-radius);
background: #544333;
color: #F2994A;
display: grid;
place-content: center;
padding: calc(var(--input-pt) + 3px) var(--input-pr) var(--input-pb) var(--input-pl);
line-height: var(--input-lh);
font-size: var(--input-size);
font-weight: 500;
cursor: pointer;
pointer-events: none;
user-select: none;
box-shadow: inset 0 0 0 2px rgba(242, 153, 74, 0);
transition: box-shadow 0.25s var(--trns), background 0.25s var(--trns), opacity 0.25s var(--trns), padding 0.25s var(--trns), border-radius 0.25s var(--trns);
}
.x-field:hover .x-field__trigger, .x-field:focus-within .x-field__trigger {
box-shadow: inset 0 0 0 2px #F2994A;
}
.x-field.x-field--has-trigger:not(.--has-value) .x-field__input {
cursor: pointer;
}
.x-field:active .x-field__trigger, .x-field:focus .x-field__trigger, .x-field:focus-within .x-field__trigger {
background: rgb(115.7333333333, 92.3111111111, 70.2666666667);
}
.x-field.--is-focused {
--backdrop-opacity: 1;
}
.x-field.--is-focused:before {
box-shadow: inset 0 0 0 2px var(--gray6);
}
.x-field.--is-focused:after {
background: var(--gray6);
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.x-field.--has-value, .x-field.--is-focused {
--label-top: 10px;
--label-scale: .7;
--label-spacing: .7;
--label-color: var(--gray4);
--input-pt: 26px;
--label-spacing: .7px;
}
.x-field.--has-value .x-field__trigger, .x-field.--is-focused .x-field__trigger {
opacity: 0;
pointer-events: none;
}
.x-field .wpcf7-not-valid-tip {
background: var(--red);
color: var(--white);
font-size: 0.65rem;
font-weight: 400;
letter-spacing: 0.6px;
opacity: var(--not-valid-t);
pointer-events: none;
-webkit-transition: opacity 0.2s var(--trns);
transition: opacity 0.2s var(--trns);
z-index: 4;
position: absolute;
bottom: calc(100% + 0px);
padding: 7px 16px 5px;
border-radius: 5px 5px 0 0;
width: auto;
right: var(--not-valid-y);
max-width: 100%;
transform: scaleY(var(--not-valid-t));
transform-origin: bottom;
box-shadow: inset 0 -17px 20px -25px #000;
transition: transform 0.2s var(--trns), opacity 0.2s var(--trns), right 0.2s var(--trns);
}
.x-field label {
display: flex;
}
.x-field label::after {
content: "";
width: 30px;
height: 30px;
background: url(https://nokta.md/wp-content/uploads/2022/03/triangle.svg);
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
position: absolute;
top: calc(50% - 13px);
right: 16px;
z-index: 2;
opacity: 0;
filter: var(--red-filter);
transition: opacity 0.2s var(--trns);
}
.x-field.--not-valid {
--backdrop-opacity: 1;
--input-pr: 55px;
}
.x-field.--not-valid:after {
background: transparent;
}
.x-field.--not-valid:before {
box-shadow: inset 0 0 0 2px var(--red);
background: rgba(255, 82, 0, 0);
}
.x-field.--not-valid:hover:before {
background: rgba(255, 82, 0, 0.1215686275);
}
.x-field.--not-valid.--is-focused {
--backdrop-opacity: 1;
}
.x-field.--not-valid.--is-focused:before {
background: rgba(255, 81, 0, 0.1529411765);
border-top-right-radius: 0px;
}
.x-field.--not-valid label:after {
opacity: 1;
}
.x-field.--not-valid.--is-focused {
--not-valid-t: 1;
--not-valid-y: 0px;
}
.x-field.--not-valid .x-field__trigger {
box-shadow: inset 0 0 0 2px var(--red);
background: var(--form-bg);
background: #4c372d;
place-content: center left;
color: var(--red);
}
.x-field.--not-valid:hover .x-field__trigger {
background: #4c372d;
}
.x-field.--not-valid.--is-focused:hover .x-field__trigger {
border-top-right-radius: 0px;
}
.x-field.x-field--date {
width: 260px;
}
.x-field.x-field--hour {
width: 170px;
}
.x-field.x-field--name {
width: 25%;
}
.x-field.x-field--phone {
width: 25%;
}
.x-field.x-field--textarea {
--input-height: 150px;
}
.x-field.x-field--textarea textarea {
max-height: var(--input-height);
min-height: var(--input-height);
min-width: 100%;
max-width: 100%;
resize: none;
}
.x-field__chevron {
position: absolute;
width: 8px;
height: 8px;
border-right: 2px var(--gray3) solid;
border-bottom: 2px var(--gray3) solid;
transform: rotate(45deg);
right: var(--input-pr);
top: calc(50% - 5px);
pointer-events: none;
transition: top 0.2s var(--trns), transform 0.2s var(--trns), border-color 0.2s var(--trns);
}
.x-field:hover .x-field__chevron {
border-color: var(--gray5);
}
.x-field.--is-focused .x-field__chevron {
transform: rotate(-135deg);
top: calc(50% - 1px);
border-color: var(--gray5);
}
.x-field.x-field--hour.--is-focused .x-field__chevron, .x-field.x-field--hour:hover .x-field__chevron {
opacity: 0.85;
}
.x-submit {
--base-color: var(--yellow);
--btn-radius: var(--input-radius);
position: relative;
}
.x-submit .rippler {
z-index: 0;
}
.x-submit .form-btn {
--offset: 2px;
--outline-opacity: 0;
--backdrop-opacity: 0;
cursor: pointer;
background: linear-gradient(45deg, var(--orange), var(--red), var(--yellow));
height: var(--input-height);
border-radius: var(--input-radius);
height: var(--input-height);
line-height: var(--input-lh);
width: 100%;
border: none;
outline: none;
font-family: var(--base-font);
color: var(--white);
font-size: var(--input-size);
font-weight: 500;
white-space: nowrap;
letter-spacing: 0.7px;
padding: 14px 2.75rem 10px;
text-shadow: 0 0 20px #3a1c06;
}
.x-submit .form-btn:hover, .x-submit .form-btn:focus-within {
--offset: 2px;
--outline-opacity: 1;
--backdrop-opacity: .2;
}
.x-submit .form-btn__backdrop {
position: absolute;
inset: 0px;
}
.x-submit .form-btn__backdrop:before {
content: "";
position: absolute;
border-radius: calc(var(--input-radius) - var(--offset));
inset: calc(0px + var(--offset));
background-color: #000;
opacity: var(--backdrop-opacity);
transition: opacity 0.2s var(--trns);
}
.x-submit .form-btn__content {
position: relative;
transition: opacity 0.2s var(--trns);
}
form.submitting .x-submit .form-btn__content {
opacity: 0;
}
.x-submit .form-btn:before {
position: absolute;
border-radius: calc(var(--offset) + var(--input-radius));
inset: calc(0px - var(--offset));
background: inherit;
opacity: var(--outline-opacity);
transition: opacity 0.2s var(--trns), inset 0.2s var(--trns), border-radius 0.2s var(--trns);
}
.x-submit .wpcf7-spinner {
position: absolute;
top: calc(50% - 11px);
left: calc(50% - 14px);
margin: 0;
background-color: rgba(35, 40, 45, 0.2588235294);
pointer-events: none;
opacity: 0;
transition: opacity 0.2s var(--trns);
}
form.submitting .x-submit .wpcf7-spinner {
opacity: 1;
}
.x-checkbox {
display: flex;
align-items: center;
justify-content: flex-end;
}
.x-checkbox__label {
font-size: 0.775rem;
color: var(--gray4);
max-width: 15ch;
display: flex;
line-height: 1.5em;
letter-spacing: 0.7px;
text-align: right;
padding-right: 22px;
margin-right: 20px;
position: relative;
}
.x-checkbox__label:after {
content: "";
position: absolute;
width: 2px;
height: 80%;
background: var(--gray2);
right: 0px;
top: 10%;
}
.x-checkbox .wpcf7-form-control {
display: flex;
}
.x-checkbox .wpcf7-list-item {
margin-left: 0px;
overflow: hidden;
}
.x-checkbox .wpcf7-list-item .wpcf7-list-item-label {
padding-top: 4px;
font-size: 1rem;
line-height: 1.6em;
color: var(--gray6);
padding-left: 40px;
letter-spacing: 0.4px;
display: flex;
font-weight: 300;
cursor: pointer;
}
.x-checkbox .wpcf7-list-item .wpcf7-list-item-label:before {
content: "";
width: 26px;
height: 26px;
border-radius: 4px;
box-shadow: inset 0 0 0 2px rgba(242, 153, 74, 0.6666666667), 0 0 0 0px rgba(242, 153, 74, 0);
position: absolute;
background: linear-gradient(to right, #544333 45%, var(--orange) 55%, var(--red) 100%);
background: #544333;
left: 0;
top: 2px;
transition: box-shadow 0.2s var(--trns), background 0.2s var(--trns);
}
.x-checkbox .wpcf7-list-item .wpcf7-list-item-label:hover:before {
box-shadow: inset 0 0 0 2px #f2994a, 0 0 0 4px rgba(242, 153, 74, 0.1333333333);
}
.x-checkbox .wpcf7-list-item .wpcf7-list-item-label:hover:after {
opacity: 1;
border-color: #f2994a;
}
.x-checkbox .wpcf7-list-item .wpcf7-list-item-label:active:before {
box-shadow: inset 0 0 0 2px #f2994a, 0 0 0 4px rgba(242, 153, 74, 0.2);
}
.x-checkbox .wpcf7-list-item .wpcf7-list-item-label:after {
content: "";
display: flex;
width: 7px;
height: 14px;
border-right: 2px var(--gray3) solid;
border-bottom: 2px var(--gray3) solid;
position: absolute;
left: 0;
filter: drop-shadow(0 0 5px rgba(58, 28, 6, 0));
top: 2px;
transform: translateY(4.5px) translateX(9.5px) rotate(45deg);
opacity: 0;
transition: opacity 0.2s var(--trns), border-color 0.2s var(--trns), filter 0.2s var(--trns);
}
.x-checkbox .wpcf7-list-item input {
position: absolute;
left: -9999px;
opacity: 0px;
}
.x-checkbox .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:before {
background: var(--orange);
box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0), 0 0 0 0px rgba(242, 153, 74, 0);
}
.x-checkbox .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:after {
opacity: 1;
border-color: var(--white);
filter: drop-shadow(0 0 5px #3a1c06);
}
.x-checkbox .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:hover:before {
box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0), 0 0 0 4px rgba(242, 153, 74, 0.1333333333);
}
.x-checkbox .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:active:before {
box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0), 0 0 0 4px rgba(242, 153, 74, 0.2);
}
.wpcf7 {
position: relative;
}
.x-response {
--outset: 0rem;
--response-t: 0;
--response-a: none;
--response-bg: var(--green);
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 0rem;
padding: var(--outset);
opacity: var(--response-t);
z-index: 5;
text-align: right;
transition: opacity 0.4s var(--trns);
}
@media only screen and (max-width: 1170px) {
.x-response {
padding: var(--outset);
}
}
.wpcf7-form.fail .x-response {
--response-bg: linear-gradient(193deg, #aa2121, var(--red));
--response-t: 1;
--response-a: showAsNotice 3.5s ease both;
--icon-bg: url(https://nokta.md/wp-content/uploads/2022/03/triangle.svg);
}
.wpcf7-form.fail .x-response .wpcf7-response-output {
top: -90px;
}
.wpcf7-form.spam .x-response {
--response-bg: linear-gradient(193deg, #aa2121, var(--red));
--response-t: 1;
--response-a: showAsNotice 3.5s ease both;
--icon-bg: url(https://nokta.md/wp-content/uploads/2022/03/triangle.svg);
}
.wpcf7-form.spam .x-response .wpcf7-response-output {
top: -90px;
}
.wpcf7-form.invalid .x-response {
--response-bg: linear-gradient(193deg, #aa2121, var(--red));
--response-t: 1;
--response-a: showAsNotice 3.5s ease both;
--icon-bg: url(https://nokta.md/wp-content/uploads/2022/03/triangle.svg);
}
.wpcf7-form.invalid .x-response .wpcf7-response-output {
top: -90px;
}
.wpcf7-form.sent .x-response {
--response-bg: linear-gradient(193deg, var(--green), var(--sky-blue));
--response-a: none;
--response-t: 1;
--icon-bg: url(https://nokta.md/wp-content/uploads/2022/03/sent.svg);
text-align: center;
pointer-events: all;
display: flex;
align-items: center;
justify-content: center;
}
@supports (backdrop-filter: blur(20px) saturate(0)) {
.wpcf7-form.sent .x-response {
backdrop-filter: blur(20px) saturate(0);
}
}
@supports not (backdrop-filter: blur(20px) saturate(0)) {
.wpcf7-form.sent .x-response {
background: var(--gray1);
}
}
.x-response .wpcf7-response-output {
letter-spacing: 0.5px;
margin: 0px !important;
position: relative;
-webkit-animation: var(--response-a);
animation: var(--response-a);
background: var(--response-bg);
border: none !important;
color: var(--white);
padding: 14px 2rem 10px !important;
width: auto;
display: inline-flex;
align-items: flex-start;
border-radius: 0px;
line-height: 1.5em;
text-align: left;
}
.x-response .wpcf7-response-output:before {
top: -1px;
width: 24px;
height: 24px;
min-width: 30px;
margin-right: 10px;
content: "";
background: var(--icon-bg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: inline-block;
position: relative;
filter: brightness(0) invert(1);
}
body .flatpickr-calendar {
-webkit-animation: xFadeDown 0.3s cubic-bezier(0.23, 1, 0.32, 1) both !important;
animation: xFadeDown 0.3s cubic-bezier(0.23, 1, 0.32, 1) both !important;
--current-y: -5px;
padding: 8px;
background: #fff;
box-shadow: inset 0 0 0 2px #fff;
border-radius: 10px;
color: var(--white);
}
body .flatpickr-calendar:before {
display: none !important;
}
body .flatpickr-calendar:after {
display: none !important;
}
body .flatpickr-calendar.arrowBottom {
animation: xFadeDown 0.3s cubic-bezier(0.23, 1, 0.32, 1) both !important;
--current-y: -5px;
}
body .flatpickr-calendar.arrowTop {
--current-y: 5px;
animation: xFadeUp 0.3s cubic-bezier(0.23, 1, 0.32, 1) both !important;
}
body .flatpickr-calendar .flatpickr-days {
width: auto;
}
body .flatpickr-calendar .flatpickr-days .dayContainer {
width: auto;
max-width: unset;
min-width: unset;
}
body .flatpickr-calendar .flatpickr-months {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px rgba(221, 221, 221, 0.4117647059) solid;
align-items: center;
padding-bottom: 6px;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, body .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
position: relative;
right: unset;
left: unset;
top: unset;
height: 34px;
width: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background 0.2s var(--trns), opacity 0.2s var(--trns);
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, body .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
display: none;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:after, body .flatpickr-calendar .flatpickr-months .flatpickr-next-month:after {
content: "";
width: 10px;
height: 10px;
position: relative;
border-right: 2px var(--gray3) solid;
border-top: 2px var(--gray3) solid;
transform: rotate(45deg);
left: -2px;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover, body .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
background: rgba(0, 0, 0, 0.1333333333);
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, body .flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
pointer-events: none;
opacity: 0.3;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:after {
content: "";
width: 10px;
height: 10px;
position: relative;
border-right: 2px var(--gray3) solid;
border-top: 2px var(--gray3) solid;
transform: rotate(-135deg);
left: 2px;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month {
position: static;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month {
font-size: 125%;
position: static;
width: auto;
padding: 0px;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month select, body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month input {
font-weight: 500;
display: inline-flex;
height: 34px;
padding: 2px 3px 0 8px;
border-radius: 5px;
}
body .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper {
border-radius: 5px;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekday:nth-last-child(1), body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekday:nth-last-child(2) {
color: var(--red);
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekday {
font-size: 80%;
font-weight: 500 !important;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.flatpickr-disabled {
color: rgba(57, 57, 57, 0.2);
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day {
max-width: 37px;
height: 37px;
line-height: 37px;
font-weight: 500 !important;
transition: background 0.2s var(--trns), border 0.2s var(--trns);
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day:nth-child(7n-1), body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day:nth-child(7n) {
color: var(--red);
opacity: 0.5;
}
body .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.selected {
background: var(--blue);
border-color: var(--blue);
}
body .flatpickr-calendar.hasTime {
width: 220px;
}
body .flatpickr-calendar.hasTime .flatpickr-time {
border-top: none;
}
body .flatpickr-calendar.hasTime .flatpickr-time-separator {
padding: 0 6px;
}
body .flatpickr-calendar.hasTime .numInputWrapper {
display: flex;
border-radius: 5px;
transition: background 0.2s var(--trns);
}
body .flatpickr-calendar.hasTime .numInputWrapper .numInput {
order: 2;
font-size: 1rem;
font-family: var(--base-font);
font-weight: 500;
border-radius: 5px;
line-height: 0.5em;
padding-top: 2px;
transition: background 0.2s var(--trns);
}
body .flatpickr-calendar.hasTime .numInputWrapper .arrowUp {
order: 3;
right: 4px;
}
body .flatpickr-calendar.hasTime .numInputWrapper .arrowDown {
order: 1;
left: 4px;
right: unset;
}
body .flatpickr-calendar.hasTime .numInputWrapper .arrowDown:after {
display: none;
}
body .flatpickr-calendar.hasTime .numInputWrapper .arrowDown, body .flatpickr-calendar.hasTime .numInputWrapper .arrowUp {
transition: background 0.2s var(--trns), opacity 0.2s var(--trns);
top: calc(50% - 12px);
width: 24px;
height: 24px;
border-radius: 50%;
border: none;
background: transparent;
}
body .flatpickr-calendar.hasTime .numInputWrapper .arrowDown:hover, body .flatpickr-calendar.hasTime .numInputWrapper .arrowUp:hover {
background: rgba(0, 0, 0, 0.1333333333);
}
body .flatpickr-calendar.hasTime .numInputWrapper .arrowDown:active, body .flatpickr-calendar.hasTime .numInputWrapper .arrowUp:active {
transition: background 0.1s var(--trns), opacity 0.1s var(--trns);
background: rgba(0, 0, 0, 0.2666666667);
}
body .flatpickr-calendar.hasTime .numInputWrapper .arrowDown:after, body .flatpickr-calendar.hasTime .numInputWrapper .arrowDown:before, body .flatpickr-calendar.hasTime .numInputWrapper .arrowUp:after, body .flatpickr-calendar.hasTime .numInputWrapper .arrowUp:before {
border: none;
content: "";
width: 40%;
height: 2px;
position: absolute;
right: 30%;
top: calc(50% - 1px);
background: var(--gray3);
}
body .flatpickr-calendar.hasTime .numInputWrapper .arrowDown:after, body .flatpickr-calendar.hasTime .numInputWrapper .arrowUp:after {
transform: rotate(90deg);
}
.info-title {
display: block;
margin-bottom: -19px !important;
opacity: 0.6;
}
h1, h2, h3, h4, h5, h6, ul, ol, p {
margin-top: 0px;
color: var(--title-color);
}
.wpb_text_column {
--local-grad: linear-gradient(45deg, var(--yellow), var(--red));
--base-color: var(--black4);
--em-color: var(--red);
--em-grad: linear-gradient(45deg, var(--purple), var(--blue));
--title-color: var(--black1);
--subtitle-color: var(--black2);
--bullet-bg: var(--em-color);
--bullet-bg-filter: none;
--bullet-offset: -0.3rem;
--bullet-size: 6px;
--bullet-radius: 4px;
--bullet-padding: calc(var(--bullet-size) + 1.5rem);
--bullet-width: 3px;
--number-size: 32px;
--number-radius: 3rem;
--number-bg: linear-gradient(45deg, var(--sky-blue), var(--blue));
--number-color: var(--white);
--number-font-size: .85rem;
--number-weight: 500;
--number-offset: -.9rem;
--number-padding: calc(var(--number-size) + 1.4rem);
--bq-line-color: #fff3;
--bq-pad: 2.5rem;
--bq-radius: 0rem;
--box-padding: 4rem;
--icon-size: 80px;
--amplifier: 1;
--pad-ratio: 4;
--optional-padding: 3rem;
--optional-padding-s: 1.5rem;
--vertical-spacing: calc(2rem * var(--amplifier));
counter-reset: olNumbering;
margin-bottom: 0px;
}
.bg-dark .wpb_text_column, footer .wpb_text_column {
--title-color: var(--gray6);
--subtitle-color: var(--gray5);
--base-color: var(--gray4);
}
@media only screen and (max-width: 990px) {
.wpb_text_column {
--bq-pad: 2rem;
}
}
.wpb_text_column.--smaller-spacings {
--vertical-spacing: calc(1.2rem * var(--amplifier));
}
.wpb_text_column.--smaller-spacings .wpb_wrapper > *:last-child {
--vertical-spacing: calc(2rem * var(--amplifier));
}
@media only screen and (max-width: 1200px) {
.wpb_text_column {
--optional-padding: 1rem;
}
}
@media only screen and (max-width: 660px) {
.wpb_text_column {
--amplifier: 1;
}
}
.wpb_text_column:not(:last-child) {
margin-bottom: 2rem;
}
.wpb_text_column.--bullet-bad {
--bullet-bg: url(https://clinicadrmelnic.ro/wp-content/uploads/2021/09/vuesax-bold-dislike.svg);
--bullet-bg-filter: var(--red-filter);
--bullet-offset: -0.7rem;
--bullet-size: 20px;
--bullet-radius: 0px;
--bullet-padding: calc(var(--bullet-size) + 1.5rem);
}
.wpb_text_column.--bullet-good {
--bullet-bg: url(https://clinicadrmelnic.ro/wp-content/uploads/2021/09/vuesax-bold-like.svg);
--bullet-bg-filter: var(--turquoise-filter);
--bullet-offset: -0.8rem;
--bullet-size: 20px;
--bullet-radius: 0px;
--bullet-padding: calc(var(--bullet-size) + 1.5rem);
}
.wpb_text_column.--has-image p, .wpb_text_column.--has-image ul, .wpb_text_column.--has-image ol {
padding-right: 45%;
}
@media only screen and (max-width: 990px) {
.wpb_text_column.--has-image p, .wpb_text_column.--has-image ul, .wpb_text_column.--has-image ol {
padding-right: 0%;
padding-bottom: 134px;
}
}
.wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6 {
margin-top: 0px;
}
.wpb_text_column h1, .wpb_text_column .mimic-h1, .wpb_text_column .mimic-h2 {
display: block;
font-size: calc(1.8rem * var(--h1-scale, 1) * var(--amplifier));
position: relative;
line-height: calc(1.66666em * var(--h1-height, 1));
color: var(--title-color);
font-weight: var(--h1-weight, 700);
margin-bottom: calc(var(--vertical-spacing) * 0.85);
}
@media only screen and (max-width: 1400px) {
.wpb_text_column h1, .wpb_text_column .mimic-h1, .wpb_text_column .mimic-h2 {
font-size: calc(1.5rem * var(--h1-scale, 1) * var(--amplifier));
line-height: calc(1.36666em * var(--h1-height, 1));
}
}
.wpb_text_column h1 strong, .wpb_text_column .mimic-h1 strong, .wpb_text_column .mimic-h2 strong {
font-weight: 700;
}
.wpb_text_column h1 .underline, .wpb_text_column .mimic-h1 .underline, .wpb_text_column .mimic-h2 .underline {
position: relative;
display: inline-block;
}
.wpb_text_column h1 .underline::after, .wpb_text_column .mimic-h1 .underline::after, .wpb_text_column .mimic-h2 .underline::after {
content: "";
width: 100%;
height: 4px;
background: currentColor;
position: absolute;
left: 0px;
bottom: -2px;
}
@media only screen and (max-width: 770px) {
.wpb_text_column h1 .underline::after, .wpb_text_column .mimic-h1 .underline::after, .wpb_text_column .mimic-h2 .underline::after {
bottom: -1px;
height: 3px;
}
}
.wpb_text_column h1 em, .wpb_text_column .mimic-h1 em, .wpb_text_column .mimic-h2 em {
font-style: normal;
font-weight: 400;
}
.wpb_text_column h1:not(:first-child), .wpb_text_column .mimic-h1:not(:first-child), .wpb_text_column .mimic-h2:not(:first-child) {
margin-top: calc(var(--vertical-spacing) * 2);
}
.wpb_text_column h1:last-child, .wpb_text_column .mimic-h1:last-child, .wpb_text_column .mimic-h2:last-child {
margin-bottom: 0rem;
}
.wpb_text_column h1 + h3, .wpb_text_column h1 + .mimic-h3, .wpb_text_column .mimic-h1 + h3, .wpb_text_column .mimic-h1 + .mimic-h3, .wpb_text_column .mimic-h2 + h3, .wpb_text_column .mimic-h2 + .mimic-h3 {
margin-top: 0rem !important;
}
.wpb_text_column h1 ~ h6, .wpb_text_column .mimic-h1 ~ h6, .wpb_text_column .mimic-h2 ~ h6 {
margin-bottom: var(--vertical-spacing) !important;
margin-top: calc(0px - var(--vertical-spacing) * 0.6);
}
.wpb_text_column h1 ~ h6:last-child, .wpb_text_column .mimic-h1 ~ h6:last-child, .wpb_text_column .mimic-h2 ~ h6:last-child {
margin-bottom: 0px !important;
}
.wpb_text_column .mimic-h3 {
display: block;
color: var(--subtitle-color);
font-size: calc(2.2rem * var(--h3-scale, 1) * var(--amplifier));
line-height: calc(1.4em * var(--h3-height, 1));
font-weight: var(--h3-weight, 500);
margin-bottom: 0rem;
}
.wpb_text_column .mimic-h3 em {
font-style: normal;
font-weight: 400;
}
.q-a-row .wpb_text_column .mimic-h3 {
font-size: calc(1.4rem * var(--h3-scale, 1) * var(--amplifier));
line-height: calc(1.45em * var(--h3-height, 1));
font-weight: var(--h3-weight, 700);
margin-bottom: calc(var(--vertical-spacing) * 0.65) !important;
}
@media only screen and (max-width: 990px) {
.q-a-row .wpb_text_column .mimic-h3 {
font-size: 1.45rem;
}
}
.wpb_text_column .mimic-h3:not(:last-child) {
margin-bottom: calc(var(--vertical-spacing) * 0.85);
}
.wpb_text_column .mimic-h3:not(:first-child) {
margin-top: var(--vertical-spacing);
}
.wpb_text_column .mimic-h3 strong {
font-weight: 700;
}
@media only screen and (max-width: 990px) {
.wpb_text_column .mimic-h3 strong {
font-weight: 600;
}
}
.wpb_text_column .mimic-h3:not(:first-child) {
margin-top: calc(var(--vertical-spacing) * 2);
}
@media only screen and (max-width: 990px) {
.wpb_text_column .mimic-h3 {
font-size: calc(2rem * var(--amplifier));
}
}
.wpb_text_column .mimic-h4 {
display: block;
color: var(--subtitle-color);
font-size: calc(1.8rem * var(--h4-scale, 1) * var(--amplifier));
margin-bottom: calc(var(--vertical-spacing) * 0.8);
line-height: calc(1.4em * var(--h4-height, 1));
font-weight: var(--h4-weight, 500);
letter-spacing: 0.5px;
}
@media only screen and (max-width: 990px) {
.wpb_text_column .mimic-h4 {
font-size: calc(1.85rem * var(--h4-scale, 1) * var(--amplifier));
line-height: 1.4em;
}
}
.q-a-row .wpb_text_column .mimic-h4, .--altered-titles .wpb_text_column .mimic-h4 {
font-size: calc(1.7rem * var(--h4-scale, 1) * var(--amplifier));
margin-bottom: calc(var(--vertical-spacing) * 0.65);
}
.wpb_text_column .mimic-h4:not(:first-child) {
margin-top: calc(var(--vertical-spacing) * 2);
}
.wpb_text_column h2 + h4, .wpb_text_column .mimic-h2 + .mimic-h4 {
margin-top: 0px !important;
}
.wpb_text_column .mimic-h5 {
color: var(--em-color);
font-size: calc(1.25rem * var(--h5-scale, 1) * var(--amplifier));
}
.wpb_text_column .mimic-h6 {
display: block;
width: fit-content;
margin-bottom: 0.3rem !important;
font-size: clamp(1rem, 1.15rem * var(--h6-scale, 1) * var(--amplifier), 1.25rem);
font-weight: var(--h6-weight, 600);
line-height: calc(1.5em * var(--h5-height, 1));
letter-spacing: 0.2px;
color: var(--em-color);
margin-right: auto;
background: var(--local-grad);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
}
.wpb_text_column .mimic-h6 ~ h1, .wpb_text_column .mimic-h6 ~ h2 {
margin-top: 0px !important;
}
.wpb_text_column .mimic-h6 + h6 {
margin-top: calc(0px - var(--vertical-spacing) * 1);
}
.wpb_text_column .mimic-h6 a {
--underline-weight: 2px;
--underline-t: 0;
--underline-width: 0%;
font-size: clamp(1rem, 1.25rem * var(--a-scale, 1) * var(--amplifier), 1.25rem);
font-weight: 500;
color: var(--em-color);
position: relative;
}
.wpb_text_column .mimic-h6 a:hover {
--underline-width: 100%;
--underline-t: .7;
text-decoration: none;
}
.wpb_text_column .mimic-h6 a:active {
--underline-t: 1;
}
.wpb_text_column .mimic-h6 a:after {
content: "";
width: var(--underline-width);
height: var(--underline-weight);
left: 0px;
position: absolute;
bottom: -3px;
opacity: var(--underline-t);
background: var(--em-color);
transition: background 0.2s var(--trns), width 0.2s var(--trns), opacity 0.2s var(--trns);
}
.wpb_text_column p {
color: var(--base-color);
font-size: clamp(1.1rem, 1.1rem * var(--li-scale, 1) * var(--amplifier), 1.2rem);
line-height: calc(1.5em * var(--p-height, 1));
font-weight: var(--p-weight, 400);
letter-spacing: 0.5px;
margin-bottom: 0;
}
@media only screen and (max-width: 990px) {
.wpb_text_column p {
font-size: 16px;
line-height: 22px;
}
}
@media only screen and (max-width: 660px) {
.wpb_text_column p br {
display: none;
}
}
.wpb_text_column p:not(:last-child) {
margin-bottom: var(--vertical-spacing);
}
.wpb_text_column p strong {
color: var(--base-color);
font-weight: 700;
}
.wpb_text_column p.lead {
font-size: calc(1.25rem * var(--p-scale, 1) * var(--amplifier));
}
@media only screen and (max-width: 990px) {
.wpb_text_column p.lead {
font-size: clamp(1rem, 1rem * var(--p-scale, 1) * var(--amplifier), 1.25rem);
}
}
.wpb_text_column p a {
color: var(--em-color) !important;
font-weight: var(--a-weight, 500);
text-decoration: none !important;
}
.wpb_text_column p a:hover {
text-decoration: none !important;
}
.wpb_text_column p:first-child {
margin-top: 0px;
}
.wpb_text_column > p + p {
margin-top: calc(0px - var(--vertical-spacing) * 0.22);
}
.wpb_text_column .wpb_wrapper > p + p {
margin-top: calc(0px - var(--vertical-spacing) * 0.22);
}
.wpb_text_column ul {
list-style-type: none;
margin-top: 0px;
margin-left: 0px;
padding-left: 0px;
}
.wpb_text_column ul:not(:last-child) {
margin-bottom: var(--vertical-spacing);
}
.wpb_text_column ul strong {
color: var(--base-color);
font-weight: 700;
}
.wpb_text_column ul li {
display: block;
color: var(--base-color);
position: relative;
font-size: clamp(1.1rem, 1.1rem * var(--li-scale, 1) * var(--amplifier), 1.2rem);
letter-spacing: 0.5px;
font-weight: var(--li-weight, 400);
line-height: calc(1.5em * var(--li-height, 1));
padding-left: var(--bullet-padding);
}
.wpb_text_column ul li:not(:last-child) {
margin-bottom: 0.8rem;
}
.--altered-titles .wpb_text_column ul li:not(:last-child) {
margin-bottom: 0.8rem;
}
.wpb_text_column ul li a {
color: var(--em-color) !important;
font-weight: 500;
}
.wpb_text_column ul li:before {
content: "";
width: var(--bullet-size);
height: var(--bullet-size);
border-radius: var(--bullet-radius);
background: var(--bullet-bg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: calc(1em + var(--bullet-offset));
filter: var(--bullet-bg-filter);
left: 0px;
image-rendering: -webkit-optimize-contrast;
}
.wpb_text_column ul.numbered-list li {
padding-left: 0px;
display: grid;
grid-template-columns: 6rem auto;
}
.wpb_text_column ul.numbered-list li:before {
opacity: 0;
}
.wpb_text_column ul.numbered-list li strong {
font-size: 3.8rem;
line-height: 1em;
margin-right: 19px;
font-weight: 600;
}
.wpb_text_column ol {
--em-color: var(--blue);
margin-left: 0px;
margin-bottom: 0px;
padding-left: 0px;
}
.wpb_text_column ol:not(:last-child) {
margin-bottom: var(--vertical-spacing);
}
.wpb_text_column ol li {
counter-increment: olNumbering;
display: block;
color: var(--base-color);
position: relative;
font-size: clamp(1rem, 1rem * var(--li-scale, 1) * var(--amplifier), 1.25rem);
letter-spacing: 0.5px;
font-weight: var(--li-weight, 400);
line-height: calc(1.75em * var(--li-height, 1));
padding-left: var(--number-padding);
z-index: 1;
}
.wpb_text_column ol li:not(:last-child) {
padding-bottom: calc(0.1em + var(--number-size) * 0.5);
margin-bottom: 0px;
}
.wpb_text_column ol li a {
color: var(--em-color) !important;
font-weight: 500;
}
.wpb_text_column ol li:before {
content: counter(olNumbering);
width: var(--number-size);
height: var(--number-size);
border-radius: var(--number-radius);
background: var(--number-bg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: flex;
padding: 4px 0px 0px 2px;
align-items: center;
justify-content: center;
color: var(--number-color);
font-size: var(--number-font-size);
font-weight: var(--number-weight);
position: absolute;
top: calc(1em + var(--number-offset));
left: 0px;
text-align: center;
}
.wpb_text_column ol li:not(:last-child):after {
content: "";
width: calc(var(--number-size) * 0.25);
height: 100%;
background: var(--number-bg);
left: calc(var(--number-size) * 0.5 - var(--number-size) * 0.25 / 2);
top: calc(var(--number-size) + var(--number-offset));
z-index: -1;
position: absolute;
opacity: 0.15;
}
.wpb_text_column .--red {
--em-color: var(--red);
}
.wpb_text_column .--orange {
--em-color: var(--orange);
}
.wpb_text_column .--yellow {
--em-color: var(--yellow);
}
.wpb_text_column .--green {
--em-color: var(--green);
}
.wpb_text_column .--sky-blue {
--em-color: var(--sky-blue);
}
.wpb_text_column .--blue {
--em-color: var(--blue);
}
.wpb_text_column .--purple {
--em-color: var(--purple);
}
.wpb_text_column .--black {
--em-color: var(--black);
}
.wpb_text_column .--gray0 {
--em-color: var(--gray0);
}
.wpb_text_column .--gray1 {
--em-color: var(--gray1);
}
.wpb_text_column .--gray2 {
--em-color: var(--gray2);
}
.wpb_text_column .--gray3 {
--em-color: var(--gray3);
}
.wpb_text_column .--gray4 {
--em-color: var(--gray4);
}
.wpb_text_column .--gray5 {
--em-color: var(--gray5);
}
.wpb_text_column .--gray6 {
--em-color: var(--gray6);
}
.wpb_text_column .--black1 {
--em-color: var(--black1);
}
.wpb_text_column .--black2 {
--em-color: var(--black2);
}
.wpb_text_column .--black3 {
--em-color: var(--black3);
}
.wpb_text_column .--black4 {
--em-color: var(--black4);
}
.wpb_text_column .--black5 {
--em-color: var(--black5);
}
.wpb_text_column .--black6 {
--em-color: var(--black6);
}
.wpb_text_column .--black7 {
--em-color: var(--black7);
}
.wpb_text_column .--black8 {
--em-color: var(--black8);
}
.wpb_text_column .--bg_color {
--em-color: var(--bg_color);
}
.wpb_text_column .--white {
--em-color: var(--white);
}
.wpb_text_column:not(.x-modal__box):last-child {
margin-bottom: 0px !important;
}
.wpb_text_column.--centered {
text-align: center;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--centered {
text-align: left;
}
}
.wpb_text_column.--centered h6, .wpb_text_column.--centered .mimic-h6 {
margin-left: auto;
}
.wpb_text_column.--optional-pad {
padding-left: calc(var(--optional-padding) * var(--pad-ratio));
padding-right: calc(var(--optional-padding) * var(--pad-ratio));
}
.wpb_text_column.--lead p {
font-size: clamp(1rem, 1.375rem * var(--amplifier), 1.375rem);
font-weight: 300;
letter-spacing: 1.1px;
line-height: 1.65em;
}
@media only screen and (max-width: 1170px) {
.wpb_text_column.--lead p {
--amplifier: 0.8;
}
}
.wpb_text_column.--justify p {
text-align: justify;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--justify p {
text-align: left;
}
}
.wpb_text_column.--pad-right {
padding-right: var(--optional-padding);
}
.wpb_text_column.--pad-left {
padding-left: var(--optional-padding);
}
.wpb_text_column.--special-list {
--bullet-bg: url(https://clinicadrmelnic.ro/wp-content/uploads/2021/09/melnic_quickbar_metro.svg);
--bullet-bg-filter: none;
--bullet-offset: -1rem;
--bullet-size: 46px;
--bullet-radius: 50%;
--bullet-padding: calc(var(--bullet-size) + 1.35rem);
}
.wpb_text_column.--special-list ul li {
padding-top: 0.5rem;
}
.wpb_text_column.--special-list ul li strong:first-of-type {
color: var(--dark-blue);
font-size: 1.25rem;
}
.wpb_text_column.--special-list ul li:after {
content: "";
width: var(--bullet-size);
height: var(--bullet-size);
border-radius: 0;
background: var(--bullet-bg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: calc(1em + var(--bullet-offset));
filter: brightness(0) invert(1);
left: 0px;
transform: scale(0.55);
image-rendering: pixelated;
}
.wpb_text_column.--special-list ul li:before {
background: var(--blue) !important;
box-shadow: 0 0 0 6px rgba(68, 130, 238, 0.2);
}
.wpb_text_column.--special-list ul li:not(:last-child) {
margin-bottom: 2rem !important;
}
@media (max-width: 770px) {
.wpb_text_column {
--optional-padding: 0rem;
}
}
.wpb_text_column.--is-boxed {
padding: var(--box-padding);
border-radius: 6rem 0 2rem 2rem;
background-color: var(--bg-blue);
margin: 0 calc(var(--icon-size) / 3) 0 0;
box-shadow: 0 0 0 0px rgba(68, 130, 238, 0.09);
}
.page-id-374 #programează .wpb_text_column.--is-boxed {
margin: 0 calc(var(--icon-size) / 3) 0 2rem;
}
.wpb_text_column.--is-boxed.--text-dark-blue p {
color: var(--dark-blue);
font-weight: 500;
}
@media only screen and (max-width: 990px) {
.wpb_text_column.--is-boxed {
--icon-size: 60px;
--box-padding: 5rem var(--gap-size) 3rem;
border-radius: 0 0rem 0rem;
margin: 0px calc(0px - var(--gap-size));
}
.wpb_text_column.--is-boxed h2 br {
display: none;
}
.wpb_text_column.--is-boxed.--has-icon:after {
left: calc(50% - var(--icon-size) / 2);
}
}
.wpb_text_column.--quoted {
padding: 8.5rem 5rem 3rem 0rem !important;
position: relative;
}
.wpb_text_column.--quoted p {
font-style: italic;
}
.wpb_text_column.--quoted:after {
content: "";
width: 150px;
height: 150px;
background: rgba(0, 0, 0, 0) url(https://clinicadrmelnic.ro/wp-content/uploads/2021/09/melnic_quotes_melnic.svg) no-repeat center;
background-size: contain;
position: absolute;
top: 2.5rem;
left: 1rem;
z-index: -1;
opacity: 0.5;
mix-blend-mode: overlay;
}
.wpb_text_column.--has-icon {
--icon-bg: url(https://clinicadrmelnic.ro/wp-content/uploads/2021/08/melnic_icon_question-mark.svg);
position: relative;
}
.wpb_text_column.--has-icon:after {
content: "";
width: var(--icon-size);
height: var(--icon-size);
border-radius: 20px 0;
background-color: var(--white);
box-shadow: 0 10px 29px rgba(68, 130, 238, 0.3);
background-image: var(--icon-bg);
background-position: center;
background-size: 55%;
background-repeat: no-repeat;
position: absolute;
top: calc(0px - var(--icon-size) / 3);
right: calc(0px - var(--icon-size) / 3);
will-change: transform, opacity;
}
.--reveal-text .wpb_text_column.--has-icon:after {
opacity: 0;
}
.--reveal-text.--reveal-start .wpb_text_column.--has-icon:after {
animation: xFadeFromRight 0.4s 0.15s var(--reveal-easing) forwards;
}
.wpb_text_column.--has-icon.--icon-form {
--icon-bg: url(https://clinicadrmelnic.ro/wp-content/uploads/2021/09/melnic_icon_form.svg);
}
@media only screen and (max-width: 990px) {
.wpb_text_column.--has-icon.--icon-form h6, .wpb_text_column.--has-icon.--icon-form h2 {
text-align: center;
}
}
.wpb_text_column.--has-icon.--icon-idea {
--icon-bg: url(https://clinicadrmelnic.ro/wp-content/uploads/2021/09/melnic_icon_idea.svg);
}
.wpb_text_column.--has-icon.--icon-hand {
--icon-bg: url(https://clinicadrmelnic.ro/wp-content/uploads/2021/09/melnic_icon-hand.svg);
}
.wpb_text_column.--contact {
--bullet-bg: url(https://dev.xarites.com/spiritfarm/wp-content/uploads/2021/08/vuesax-outline-map.svg);
--bullet-bg-filter: var(--to-pale-purple);
--bullet-offset: -1.3rem;
--bullet-size: 40px;
--bullet-padding: calc(var(--bullet-size) + 1.5rem);
}
.wpb_text_column.--contact ul li {
display: flex;
flex-flow: column;
line-height: 1.6em;
font-size: 1rem;
}
.wpb_text_column.--contact ul li:not(:last-of-type) {
margin-bottom: 2rem;
}
.wpb_text_column.--contact ul li br {
display: none !important;
}
.wpb_text_column.--contact ul li strong {
display: block;
line-height: 1.6em;
font-size: 1.2rem;
margin-bottom: 0.2rem;
}
.wpb_text_column.--contact ul li:nth-child(1) {
--bullet-bg: url(https://dev.xarites.com/spiritfarm/wp-content/uploads/2021/08/vuesax-outline-sms-tracking.svg);
}
.wpb_text_column.--pad-left {
padding-left: 2rem;
}
@media only screen and (max-width: 990px) {
.wpb_text_column.--pad-left {
padding-left: 0rem;
}
}
.wpb_text_column.--pad-bot {
padding-bottom: 3rem;
}
.wpb_text_column.--pad-top {
padding-top: 3rem;
}
.wpb_text_column.--checklist {
--bullet-offset: -0.4rem;
--bullet-size: 16px;
}
.wpb_text_column.--checklist ul li:before {
height: calc(var(--bullet-size) * 0.45);
background: none;
border: 2px var(--bullet-bg) solid;
border-top: none;
border-right: none;
transform: rotate(-45deg);
border-radius: 0px;
}
.wpb_text_column.--checklist.--bigger-list {
--bullet-size: 24px;
--bullet-offset: -0.6rem;
}
.wpb_text_column.--checklist.--bigger-list ul li:before {
border-width: 3px;
}
.--altered-titles .wpb_text_column .x-btn {
margin-top: -0.9rem;
}
.wpb_text_column.--colorful-title h1 {
--local-font-size: 4rem;
font-size: calc(var(--local-font-size) * var(--amplifier));
background: linear-gradient(220deg, var(--red), var(--red), var(--orange), var(--yellow), var(--green), var(--sky-blue), var(--blue), var(--purple), var(--purple));
background-size: 100%;
font-weight: 600;
display: inline-block;
color: transparent;
line-height: 1.3em;
line-height: calc(var(--local-font-size) * var(--amplifier) * 1.3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1170px) {
.wpb_text_column.--colorful-title h1 {
--local-font-size: 3.5rem;
}
.wpb_text_column.--colorful-title h1 br:not(.visible-xxs) {
display: none;
}
}
@media only screen and (min-width: 770px) and (max-width: 990px) {
.wpb_text_column.--colorful-title h1 {
padding: 0 40px;
}
}
@media only screen and (max-width: 440px) {
.wpb_text_column.--colorful-title h1 {
--local-font-size: 2.85rem;
}
}
.wpb_text_column.--boxed-list {
--bullet-offset: 5px;
--em-color: var(--gray6);
--base-color: var(--gray6);
}
.wpb_text_column.--boxed-list .wpb_wrapper {
width: 320px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.103);
}
@supports (backdrop-filter: blur(30px)) {
.wpb_text_column.--boxed-list .wpb_wrapper {
backdrop-filter: blur(30px);
}
}
@supports not (backdrop-filter: blur(30px)) {
.wpb_text_column.--boxed-list .wpb_wrapper {
background: var(--gray1);
}
}
.wpb_text_column.--boxed-list .wpb_wrapper ul li {
margin-bottom: 0px;
padding: 13px 2rem 10px 3.5rem;
}
.wpb_text_column.--boxed-list .wpb_wrapper ul li:first-child {
--bullet-offset: 10px;
padding-top: 18px;
border-radius: 20px 20px 0 0;
}
.wpb_text_column.--boxed-list .wpb_wrapper ul li:last-child {
padding-bottom: 18px;
border-radius: 0 0 20px 20px;
}
.wpb_text_column.--boxed-list .wpb_wrapper ul li:before {
left: 1.5rem;
}
.wpb_text_column.--boxed-list .wpb_wrapper ul li:nth-child(odd) {
background: rgba(0, 0, 0, 0.158);
}
.wpb_text_column.--modern-list {
border-bottom: 2px rgba(255, 255, 255, 0.11) solid;
margin-bottom: 3.5rem;
padding-bottom: 3.5rem;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--modern-list {
margin-bottom: 2.5rem;
padding-bottom: 2.5rem;
}
}
.wpb_text_column.--modern-list:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
.wpb_text_column.--modern-list .wpb_wrapper {
display: flex;
flex-flow: wrap;
position: relative;
}
.wpb_text_column.--modern-list .wpb_wrapper h4 {
width: 30%;
left: 0px;
top: 0px;
font-size: calc(1.7rem * var(--amplifier));
font-weight: 400;
line-height: 1.35em;
margin-bottom: 0px;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--modern-list .wpb_wrapper h4 {
width: 100%;
margin-bottom: 1.22rem;
}
}
.wpb_text_column.--modern-list .wpb_wrapper p {
width: 70%;
padding-left: 3rem;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--modern-list .wpb_wrapper p {
padding-left: 0rem;
width: 100%;
}
}
.wpb_text_column.--for-who {
padding: 2rem;
background-color: var(--gray1);
border-radius: 1.5rem;
--h4-scale: .7;
--h4-height: 1.2;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--for-who {
border-radius: 1rem;
}
}
.wpb_text_column.--for-who p {
font-size: 0.9rem;
}
.wpb_text_column.--for-who h4 {
--vertical-spacing: 1rem;
position: relative;
}
.wpb_text_column.--for-who h4:after {
content: "";
width: 3px;
border-radius: 0 3px 3px 0;
background-color: var(--yellow);
left: -2rem;
top: 0px;
height: 100%;
position: absolute;
}
.wpb_text_column.--lighter {
--base-color: var(--gray5);
}
.wpb_text_column.--contact-list {
--icon-size: 50px;
}
.wpb_text_column.--contact-list ul li {
padding-left: 0px;
}
.wpb_text_column.--contact-list ul li:not(:last-child) {
margin-bottom: 1.5rem;
}
.wpb_text_column.--contact-list ul li::before {
display: none;
}
.wpb_text_column.--contact-list ul li a {
text-decoration: none;
position: relative;
font-weight: 400;
color: var(--gray3) !important;
display: block;
padding-top: 3px;
padding-bottom: 7px;
padding-left: calc(var(--icon-size) + 20px);
font-size: 0.8rem;
line-height: 1.5em;
}
.wpb_text_column.--contact-list ul li a strong {
display: block;
color: var(--gray5);
font-weight: 500;
font-size: 1rem;
margin-bottom: 3px;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--contact-list ul li a strong {
font-size: 1.1rem;
}
}
.wpb_text_column.--contact-list ul li a:before {
content: "";
position: absolute;
top: -5px;
left: 0px;
content: "";
width: var(--icon-size);
height: var(--icon-size);
border-radius: 50%;
background-color: rgba(254, 187, 57, 0.1);
box-shadow: 0 0 0 2px rgba(254, 187, 57, 0);
background-image: var(--icon-bg);
background-size: calc(var(--icon-size) * 0.48);
background-repeat: no-repeat;
background-position: center;
transition: background 0.2s var(--trns), box-shadow 0.2s var(--trns);
}
.wpb_text_column.--contact-list ul li a:hover::before {
box-shadow: 0 0 0 2px #febb39;
}
.wpb_text_column.--contact-list ul li a:active::before, .wpb_text_column.--contact-list ul li a:focus::before, .wpb_text_column.--contact-list ul li a:focus-within::before {
box-shadow: 0 0 0 2px #febb39;
background-color: rgba(254, 187, 57, 0.3);
transition: background 0s var(--trns), box-shadow 0s var(--trns);
}
.wpb_text_column.--contact-list.--inline-list ul {
margin-bottom: -2rem;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 990px) {
.wpb_text_column.--contact-list.--inline-list ul {
flex-flow: wrap;
}
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--contact-list.--inline-list ul {
flex-flow: column;
}
}
.wpb_text_column.--contact-list.--inline-list ul:not(:first-child) {
margin-top: 2rem;
}
.wpb_text_column.--contact-list.--inline-list ul li {
margin-bottom: 2rem;
text-align: left;
}
.wpb_text_column.--contact-list.--inline-list ul li:not(:last-child) {
margin-right: 2rem;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--contact-list.--inline-list ul li {
margin-bottom: 2rem;
}
}
.wpb_text_column.--inline {
display: flex;
align-items: center;
margin-bottom: var(--vertical-spacing);
}
.wpb_text_column.--inline h1 {
margin-bottom: 0px !important;
}
.wpb_text_column.--inline a {
margin-left: 1.5rem;
}
@media only screen and (max-width: 770px) {
.wpb_text_column.--inline {
flex-flow: column;
align-items: flex-start;
}
.wpb_text_column.--inline a {
margin-top: 0.65rem;
margin-left: 0rem;
}
}
.wpb_text_column.x-modal__box h4 {
margin-bottom: calc(var(--vertical-spacing) * 0.4);
}
.extend-dots {
letter-spacing: 4px;
}
.heading-48 {
color: var(--em-color);
font-size: 3rem;
font-weight: 700;
line-height: 1.166666em;
}
.heading-32 {
color: var(--em-color);
font-size: 2rem;
line-height: 1.25em;
font-weight: 400;
}
.heading-24 {
color: var(--em-color);
font-size: 1.5rem;
line-height: 1.333333em;
font-weight: 400;
}
.text-18 {
color: var(--em-color);
font-size: 1.125rem;
line-height: 1.444444em;
font-weight: 400;
}
.text-16 {
color: var(--em-color);
font-size: 1rem;
line-height: 1.375em;
font-weight: 400;
}
.text-14 {
color: var(--em-color);
font-size: 0.875rem;
line-height: 1.571em;
font-weight: 400;
}
.text-12 {
color: var(--em-color);
font-size: 0.75rem;
line-height: 1.6em;
font-weight: 400;
}
.--bold {
font-weight: 700;
}
.--thin {
font-weight: 300;
}
.--bold-white {
-webkit-text-stroke: 0.02em;
}
.outer-text {
letter-spacing: 0.5px;
}
.outer-text p {
margin-bottom: 2rem;
}
.footer-subscribe-text p {
color: var(--base-color);
font-size: 19px;
line-height: 28px;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 0;
}
.x-grid {
display: flex;
flex-flow: wrap;
margin: 0 calc(0px - var(--gap)) calc(0px - var(--gap-y)) !important;
}
@media (max-width: 992px) {
.x-grid {
--cols: var(--cols, 2);
}
}
@media (max-width: 600px) {
.x-grid {
--cols: var(--cols, 1);
}
}
.x-grid > * {
width: calc(100% / var(--cols) - var(--gap) * 2);
margin: 0 var(--gap) var(--gap-y) !important;
}
.x-grid.--space-between {
justify-content: space-between;
}
.x-grid.--center {
align-items: center;
}
section {
--s-background: transparent;
--spacing-ratio-top: var(--spacing-ratio);
--spacing-ratio-bottom: var(--spacing-ratio);
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top));
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom));
background: var(--s-background);
padding-top: var(--s-padding-top);
padding-bottom: var(--s-padding-bottom);
position: relative;
}
section .--red {
--s-background-color: var(--red);
}
section .--orange {
--s-background-color: var(--orange);
}
section .--yellow {
--s-background-color: var(--yellow);
}
section .--green {
--s-background-color: var(--green);
}
section .--sky-blue {
--s-background-color: var(--sky-blue);
}
section .--blue {
--s-background-color: var(--blue);
}
section .--purple {
--s-background-color: var(--purple);
}
section .--black {
--s-background-color: var(--black);
}
section .--gray0 {
--s-background-color: var(--gray0);
}
section .--gray1 {
--s-background-color: var(--gray1);
}
section .--gray2 {
--s-background-color: var(--gray2);
}
section .--gray3 {
--s-background-color: var(--gray3);
}
section .--gray4 {
--s-background-color: var(--gray4);
}
section .--gray5 {
--s-background-color: var(--gray5);
}
section .--gray6 {
--s-background-color: var(--gray6);
}
section .--black1 {
--s-background-color: var(--black1);
}
section .--black2 {
--s-background-color: var(--black2);
}
section .--black3 {
--s-background-color: var(--black3);
}
section .--black4 {
--s-background-color: var(--black4);
}
section .--black5 {
--s-background-color: var(--black5);
}
section .--black6 {
--s-background-color: var(--black6);
}
section .--black7 {
--s-background-color: var(--black7);
}
section .--black8 {
--s-background-color: var(--black8);
}
section .--bg_color {
--s-background-color: var(--bg_color);
}
section .--white {
--s-background-color: var(--white);
}
section.--is-full > .container {
width: 100% !important;
max-width: 100%;
padding: 0px;
}
section.--relative-container .container {
position: relative;
}
@media only screen and (min-width: 1170px) {
section.--narrow-s > .container {
max-width: calc(var(--container-gaps) - 10rem);
}
}
@media only screen and (min-width: 1170px) {
section.--narrow-m > .container {
max-width: calc(var(--container-gaps) - 18rem);
}
}
section:last-child {
--spacing-ratio-bottom: 2;
}
@media only screen and (max-width: 770px) {
section:last-child {
--spacing-ratio-bottom: 1.5;
}
}
@media only screen and (max-width: 990px) {
section.--video-bg {
--s-background-color: var(--dark-blue);
--s-padding-top: 14rem;
}
}
section.--video-bg .x-video {
overflow: hidden;
}
section.--video-bg .x-video__video {
margin-top: -70px;
margin-bottom: -8%;
}
@media only screen and (max-width: 990px) {
section.--video-bg .x-video__video {
height: 0 !important;
margin-bottom: -1px;
margin-top: -1px;
-webkit-mask: linear-gradient(to top, #000, #000, transparent 92.5%);
}
}
section.--share-section {
position: relative;
z-index: 1;
}
section.--share-section:before {
content: "";
width: 100% !important;
left: 0%;
top: 5.4rem;
z-index: -1;
height: 100%;
background: linear-gradient(to bottom, var(--bg-blue), rgba(255, 255, 255, 0));
position: absolute;
}
section.--image-auto-height .vc_column-inner {
align-self: stretch;
}
section.--image-auto-height .vc_column-inner .wpb_wrapper {
height: 100%;
}
section.--image-auto-height .vc_column-inner .wpb_wrapper .x-img {
height: 100%;
}
section.--image-auto-height .vc_column-inner .wpb_wrapper .x-img figure {
height: 100%;
}
section.--image-auto-height .vc_column-inner .wpb_wrapper .x-img .vc_single_image-wrapper {
height: 100%;
}
section.--image-auto-height .vc_column-inner .wpb_wrapper .x-img img {
height: 100%;
object-fit: cover;
}
section.--pre-big .x-text {
padding-bottom: 8rem;
--optional-padding: 5rem;
}
@media only screen and (max-width: 990px) {
section.--pre-big .x-text {
padding-bottom: 1rem;
--optional-padding: 0rem;
}
}
section.--get-clean {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * .5);
}
section.--get-clean > .container {
width: 100% !important;
padding: 0px;
}
section.--reveal-text {
--t-animation: none;
}
section.--reveal-text.--reveal-start {
--t-animation: xFadeFromRight .4s var(--reveal-easing) forwards;
}
section.--reveal-text.--reveal-start.--from-top {
--t-animation: xFadeFromTop .4s var(--reveal-easing) forwards;
}
section.--reveal-text .x-text > .wpb_wrapper > * {
opacity: 0;
animation: var(--t-animation);
will-change: transform, opacity;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(1) {
--a-scss-delay: calc(0.1s * 1 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(2) {
--a-scss-delay: calc(0.1s * 2 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(3) {
--a-scss-delay: calc(0.1s * 3 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(4) {
--a-scss-delay: calc(0.1s * 4 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(5) {
--a-scss-delay: calc(0.1s * 5 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(6) {
--a-scss-delay: calc(0.1s * 6 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(7) {
--a-scss-delay: calc(0.1s * 7 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(8) {
--a-scss-delay: calc(0.1s * 8 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(9) {
--a-scss-delay: calc(0.1s * 9 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > *:nth-child(10) {
--a-scss-delay: calc(0.1s * 10 + 0s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li {
opacity: 0;
animation: var(--t-animation);
will-change: transform, opacity;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(1) {
--a-scss-delay: calc(0.1s * 1 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(2) {
--a-scss-delay: calc(0.1s * 2 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(3) {
--a-scss-delay: calc(0.1s * 3 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(4) {
--a-scss-delay: calc(0.1s * 4 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(5) {
--a-scss-delay: calc(0.1s * 5 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(6) {
--a-scss-delay: calc(0.1s * 6 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(7) {
--a-scss-delay: calc(0.1s * 7 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(8) {
--a-scss-delay: calc(0.1s * 8 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(9) {
--a-scss-delay: calc(0.1s * 9 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--reveal-text .x-text > .wpb_wrapper > * > li:nth-child(10) {
--a-scss-delay: calc(0.1s * 10 + 0.2s);
animation-delay: var(--a-scss-delay) !important;
}
section.--photo-bg {
min-height: 60vh;
display: flex;
align-items: center;
}
section.--photo-bg:not(.--photo-bg-half) {
background-attachment: fixed;
}
@media only screen and (max-width: 1270px) {
section.--photo-bg:not(.--photo-bg-half):before {
content: "";
position: absolute;
position: absolute;
background: rgba(0, 0, 0, 0.2117647059);
mix-blend-mode: darken;
}
@supports (inset: 0px) {
section.--photo-bg:not(.--photo-bg-half):before {
inset: 0px;
}
}
@supports not (inset: 0px) {
section.--photo-bg:not(.--photo-bg-half):before {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
}
section.--photo-bg.--photo-bg-half {
background-size: 0px;
background-repeat: no-repeat;
position: relative;
}
@media only screen and (min-width: 770px) {
section.--photo-bg.--photo-bg-half.--photo-bg-half-rounded:after {
border-bottom-left-radius: 4rem;
}
}
@media only screen and (max-width: 770px) {
section.--photo-bg.--photo-bg-half {
min-height: 0px;
padding-bottom: calc(300px + 5rem);
}
}
section.--photo-bg.--photo-bg-half .wpb_text_column {
padding-right: calc(var(--optional-padding) * 2);
}
section.--photo-bg.--photo-bg-half::after {
content: "";
position: absolute;
width: 50%;
height: 100%;
right: 0px;
top: 0px;
background: inherit;
background-position: center;
background-size: cover;
}
@media only screen and (max-width: 770px) {
section.--photo-bg.--photo-bg-half::after {
width: 100%;
height: 300px;
top: unset;
bottom: 0px;
}
}
section.--photo-bg.--photo-bg-half.--inv:after {
right: unset;
left: 0px;
}
section.--photo-bg.--photo-bg-half.--inv .wpb_text_column {
padding-right: unset;
padding-left: calc(var(--optional-padding) * 2);
}
section.--extended-grid > .container {
width: calc(var(--grid-p) + 37rem) !important;
max-width: 100% !important;
}
@media only screen and (max-width: 990px) {
section.--extended-grid > .container {
padding-left: 0px;
padding-right: 0px;
}
}
section.--over-top {
margin-top: calc(0px - var(--spacing) * var(--spacing-ratio) * 3.7);
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 2 ) !important;
}
section.--has-box {
position: relative;
z-index: 1;
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 2.5);
}
section.--has-box:before {
content: "";
width: calc(var(--grid-p) + 37rem) !important;
max-width: 100% !important;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
border-radius: 50px;
background: var(--bg-blue);
position: absolute;
}
@media only screen and (max-width: 1800px) {
section.--has-box:before {
width: calc(100% - 4rem) !important;
}
}
@media only screen and (max-width: 1200px) {
section.--has-box:before {
width: calc(100% - var(--gap-size) * 2) !important;
}
}
@media only screen and (max-width: 990px) {
section.--has-box:before {
width: 100% !important;
border-radius: 0px;
}
}
section.--has-box.--box-bg-orange:before {
background: var(--bg-orange);
}
section.--has-box.--box-bg-turquoise:before {
background: var(--bg-turquoise);
}
section.--has-box.--box-bg-turquoise-light:before {
background: var(--bg-turquoise-light);
}
section.--has-box:not(#hp_fast-fixed) .container:first-child .x-text {
padding-top: var(--s-padding-top);
}
section.--has-box:not(.--unpad-top)::before {
height: calc(100% - var(--s-padding-top));
}
section.--darker {
--s-background: #0002;
}
@media only screen and (max-width: 770px) {
section.--darker {
--s-background: #00000047;
}
}
section.--container-gap .container:not(:last-child) {
margin-bottom: 2rem;
}
section:first-child {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 2);
}
@media only screen and (max-width: 990px) {
section:first-child {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 1.75);
}
}
@media only screen and (max-width: 770px) {
section:first-child {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 1.55 + var(--button-offset, 0px));
}
}
.single-serviciu section:nth-child(2):not(.--pad-top) {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 1);
}
section.--duo {
--duo-fill-bg: var(--dark-blue);
}
section.--duo .vc_row {
--gap-size: 0px;
}
@media only screen and (max-width: 990px) {
section.--duo .vc_row .wpb_column {
margin-bottom: 0px !important;
}
}
section.--duo .vc_row .wpb_column .vc_column-inner {
align-self: stretch;
}
section.--duo .vc_row .wpb_column .vc_column-inner .wpb_wrapper {
height: 100%;
}
section.--duo .vc_row .wpb_column .vc_column-inner .wpb_wrapper .x-text {
height: 100%;
}
section.--duo .vc_row:not(.--inv) .wpb_column:nth-child(odd) {
--local-bg: var(--white);
}
section.--duo .vc_row:not(.--inv) .wpb_column:nth-child(odd) .x-text {
box-shadow: 0 10px 30px rgba(68, 130, 238, 0.25);
}
section.--duo .vc_row:not(.--inv) .wpb_column:nth-child(even) {
--local-bg: var(--duo-fill-bg);
}
section.--duo .vc_row:not(.--inv) .wpb_column:nth-child(even) .x-text {
--base-color: var(--white);
--subtitle-color: var(--white);
}
section.--duo .vc_row:not(.--inv) .wpb_column:nth-child(even) .x-text .x-btn {
--icon-filter: var(--dark-blue-filter);
--em-color: var(--white);
--base-color: var(--turquoise);
--text-color: var(--white);
}
section.--duo .vc_row:not(.--inv) .wpb_column:nth-child(even) .x-text .x-btn:focus-within, section.--duo .vc_row:not(.--inv) .wpb_column:nth-child(even) .x-text .x-btn:focus {
--bg-overlay: .8;
}
@media only screen and (max-width: 990px) {
section.--duo .vc_row.--inv {
flex-flow: column-reverse;
}
section.--duo .vc_row.--inv .wpb_column .x-text {
border-radius: 0px !important;
}
section.--duo .vc_row.--inv .wpb_column:first-child .x-text {
border-bottom-left-radius: 3rem;
}
section.--duo .vc_row.--inv .wpb_column:last-child .x-text {
border-top-right-radius: 3rem;
}
}
section.--duo .vc_row.--inv .wpb_column:nth-child(even) {
--local-bg: var(--white);
}
section.--duo .vc_row.--inv .wpb_column:nth-child(even) .x-text {
box-shadow: 0 10px 30px rgba(68, 130, 238, 0.25);
}
section.--duo .vc_row.--inv .wpb_column:nth-child(odd) {
--local-bg: var(--duo-fill-bg);
}
section.--duo .vc_row.--inv .wpb_column:nth-child(odd) .x-text {
--base-color: var(--white);
--subtitle-color: var(--white);
}
section.--duo .vc_row.--inv .wpb_column:nth-child(odd) .x-text .x-btn {
--icon-filter: var(--dark-blue-filter);
--em-color: var(--white);
--base-color: var(--turquoise);
--text-color: var(--white);
}
section.--duo .vc_row.--inv .wpb_column:nth-child(odd) .x-text .x-btn:focus-within, section.--duo .vc_row.--inv .wpb_column:nth-child(odd) .x-text .x-btn:focus {
--bg-overlay: .8;
}
section.--duo .container:first-child .vc_row:not(.--inv) .wpb_column:first-child .x-text {
border-top-left-radius: 3rem;
}
section.--duo .container:first-child .vc_row:not(.--inv) .wpb_column:last-child .x-text {
border-top-right-radius: 1rem;
}
@media only screen and (max-width: 990px) {
section.--duo .container:first-child .vc_row:not(.--inv) .wpb_column:last-child .x-text {
border-top-right-radius: 0rem;
}
}
section.--duo .container:first-child .vc_row.--inv .wpb_column:first-child .x-text {
border-bottom-left-radius: 0rem;
}
section.--duo .container:first-child .vc_row.--inv .wpb_column:last-child .x-text {
border-top-right-radius: 2rem;
}
@media only screen and (max-width: 990px) {
section.--duo .container:first-child .vc_row.--inv .wpb_column:last-child .x-text {
border-top-right-radius: 2rem !important;
}
}
section.--duo .container:last-child .wpb_column:last-child .x-text {
border-bottom-right-radius: 2rem;
}
section.--duo .x-text {
padding: 3rem;
background-color: var(--local-bg);
}
@media only screen and (max-width: 990px) {
section.--duo .x-text {
padding: 2.5rem 2.2rem !important;
}
}
section.--duo.--stack .vc_row {
flex-flow: column;
}
section.--duo.--stack .vc_row .wpb_column {
width: 100%;
}
@media only screen and (max-width: 990px) {
section.--inv .vc_row {
display: flex;
flex-flow: column-reverse;
}
}
@media only screen and (max-width: 990px) and (min-width: 990px) {
section.--inv .vc_row .wpb_column {
margin-bottom: 0rem !important;
}
}
@media only screen and (max-width: 990px) {
section.--inv .vc_row .wpb_column:not(:first-child) {
margin-bottom: 3rem !important;
}
}
section.--pad-normal {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 1);
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 1);
}
section.--pad-normal-top {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 1);
}
section.--pad-normal-bot {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 1);
}
section.--pad {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 1.5);
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 1.5);
}
section.--pad-top {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 1.5);
}
section.--pad-bot {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 1.5);
}
section.--unpad {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 0);
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 0);
}
section.--unpad-top {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 0);
}
section.--unpad-bot {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 0);
}
section.--half-pad {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * .5);
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * .5);
}
section.--half-pad-top {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * .5);
}
section.--half-pad-bot {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * .5);
}
section.--double-pad {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 2);
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 2);
}
section.--double-pad-top {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * 2);
}
section.--double-pad-bot {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * 2);
}
@media only screen and (max-width: 990px) {
section.--half-pad-bot-xs {
--s-padding-bottom: calc(var(--spacing) * var(--spacing-ratio-bottom) * .5);
}
section.--half-pad-top-xs {
--s-padding-top: calc(var(--spacing) * var(--spacing-ratio-top) * .5);
}
}
section.--clip {
overflow: hidden;
}
section.bg-light {
background: var(--white);
}
section.bg-light.bg-light--gray {
background: #F4F4F4;
}
section.bg-dark {
background-color: var(--black1);
}
.vc_col-xs-12 {
width: 100%;
}
.vc_col-xs-11 {
width: 91.66666667%;
}
.vc_col-xs-10 {
width: 83.33333333%;
}
.vc_col-xs-9 {
width: 75%;
}
.vc_col-xs-8 {
width: 66.66666667%;
}
.vc_col-xs-7 {
width: 58.33333333%;
}
.vc_col-xs-6 {
width: 50%;
}
.vc_col-xs-5 {
width: 41.66666667%;
}
.vc_col-xs-4 {
width: 33.33333333%;
}
.vc_col-xs-3 {
width: 25%;
}
.vc_col-xs-2 {
width: 16.66666667%;
}
.vc_col-xs-1 {
width: 8.33333333%;
}
.vc_col-xs-pull-12 {
right: 100%;
}
.vc_col-xs-pull-11 {
right: 91.66666667%;
}
.vc_col-xs-pull-10 {
right: 83.33333333%;
}
.vc_col-xs-pull-9 {
right: 75%;
}
.vc_col-xs-pull-8 {
right: 66.66666667%;
}
.vc_col-xs-pull-7 {
right: 58.33333333%;
}
.vc_col-xs-pull-6 {
right: 50%;
}
.vc_col-xs-pull-5 {
right: 41.66666667%;
}
.vc_col-xs-pull-4 {
right: 33.33333333%;
}
.vc_col-xs-pull-3 {
right: 25%;
}
.vc_col-xs-pull-2 {
right: 16.66666667%;
}
.vc_col-xs-pull-1 {
right: 8.33333333%;
}
.vc_col-xs-pull-0 {
right: auto;
}
.vc_col-xs-push-12 {
left: 100%;
}
.vc_col-xs-push-11 {
left: 91.66666667%;
}
.vc_col-xs-push-10 {
left: 83.33333333%;
}
.vc_col-xs-push-9 {
left: 75%;
}
.vc_col-xs-push-8 {
left: 66.66666667%;
}
.vc_col-xs-push-7 {
left: 58.33333333%;
}
.vc_col-xs-push-6 {
left: 50%;
}
.vc_col-xs-push-5 {
left: 41.66666667%;
}
.vc_col-xs-push-4 {
left: 33.33333333%;
}
.vc_col-xs-push-3 {
left: 25%;
}
.vc_col-xs-push-2 {
left: 16.66666667%;
}
.vc_col-xs-push-1 {
left: 8.33333333%;
}
.vc_col-xs-push-0 {
left: auto;
}
.vc_col-xs-offset-12 {
margin-left: 100%;
}
.vc_col-xs-offset-11 {
margin-left: 91.66666667%;
}
.vc_col-xs-offset-10 {
margin-left: 83.33333333%;
}
.vc_col-xs-offset-9 {
margin-left: 75%;
}
.vc_col-xs-offset-8 {
margin-left: 66.66666667%;
}
.vc_col-xs-offset-7 {
margin-left: 58.33333333%;
}
.vc_col-xs-offset-6 {
margin-left: 50%;
}
.vc_col-xs-offset-5 {
margin-left: 41.66666667%;
}
.vc_col-xs-offset-4 {
margin-left: 33.33333333%;
}
.vc_col-xs-offset-3 {
margin-left: 25%;
}
.vc_col-xs-offset-2 {
margin-left: 16.66666667%;
}
.vc_col-xs-offset-1 {
margin-left: 8.33333333%;
}
.vc_col-xs-offset-0 {
margin-left: 0;
}
.vc_col-lg-1\/5, .vc_col-lg-2\/5, .vc_col-lg-3\/5, .vc_col-lg-4\/5, .vc_col-lg-5\/5, .vc_col-md-1\/5, .vc_col-md-2\/5, .vc_col-md-3\/5, .vc_col-md-4\/5, .vc_col-md-5\/5, .vc_col-sm-1\/5, .vc_col-sm-2\/5, .vc_col-sm-3\/5, .vc_col-sm-4\/5, .vc_col-sm-5\/5, .vc_col-xs-1\/5, .vc_col-xs-2\/5, .vc_col-xs-3\/5, .vc_col-xs-4\/5, .vc_col-xs-5\/5 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vc_col-xs-1\/5, .vc_col-xs-2\/5, .vc_col-xs-3\/5, .vc_col-xs-4\/5, .vc_col-xs-5\/5 {
float: left;
}
.vc_col-xs-5\/5 {
width: 100%;
}
.vc_col-xs-4\/5 {
width: 80%;
}
.vc_col-xs-3\/5 {
width: 60%;
}
.vc_col-xs-2\/5 {
width: 40%;
}
.vc_col-xs-1\/5 {
width: 20%;
}
.vc_col-xs-pull-5\/5 {
right: 100%;
}
.vc_col-xs-pull-4\/5 {
right: 80%;
}
.vc_col-xs-pull-3\/5 {
right: 60%;
}
.vc_col-xs-pull-2\/5 {
right: 40%;
}
.vc_col-xs-pull-1\/5 {
right: 20%;
}
.vc_col-xs-pull-0\/5 {
right: auto;
}
.vc_col-xs-push-5\/5 {
left: 100%;
}
.vc_col-xs-push-4\/5 {
left: 80%;
}
.vc_col-xs-push-3\/5 {
left: 60%;
}
.vc_col-xs-push-2\/5 {
left: 40%;
}
.vc_col-xs-push-1\/5 {
left: 20%;
}
.vc_col-xs-push-0\/5 {
left: auto;
}
.vc_col-xs-offset-5\/5 {
margin-left: 100%;
}
.vc_col-xs-offset-4\/5 {
margin-left: 80%;
}
.vc_col-xs-offset-3\/5 {
margin-left: 60%;
}
.vc_col-xs-offset-2\/5 {
margin-left: 40%;
}
.vc_col-xs-offset-1\/5 {
margin-left: 20%;
}
.vc_col-xs-offset-0\/5 {
margin-left: 0;
}
[dir=rtl] .vc_rtl-columns-reverse .vc_col-xs-1\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-xs-2\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-xs-3\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-xs-4\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-xs-5\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-1\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-2\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-3\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-4\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_non_responsive .vc_row .vc_col-sm-5\/5 {
float: right;
}
@media (min-width: 768px) {
.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
float: left;
}
[dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-1, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-10, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-11, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-12, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-2, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-3, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-4, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-6, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-7, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-8, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-9 {
float: right;
}
.vc_col-sm-12 {
width: 100%;
}
.vc_col-sm-11 {
width: 91.66666667%;
}
.vc_col-sm-10 {
width: 83.33333333%;
}
.vc_col-sm-9 {
width: 75%;
}
.vc_col-sm-8 {
width: 66.66666667%;
}
.vc_col-sm-7 {
width: 58.33333333%;
}
.vc_col-sm-6 {
width: 50%;
}
.vc_col-sm-5 {
width: 41.66666667%;
}
.vc_col-sm-4 {
width: 33.33333333%;
}
.vc_col-sm-3 {
width: 25%;
}
.vc_col-sm-2 {
width: 16.66666667%;
}
.vc_col-sm-1 {
width: 8.33333333%;
}
.vc_col-sm-pull-12 {
right: 100%;
}
.vc_col-sm-pull-11 {
right: 91.66666667%;
}
.vc_col-sm-pull-10 {
right: 83.33333333%;
}
.vc_col-sm-pull-9 {
right: 75%;
}
.vc_col-sm-pull-8 {
right: 66.66666667%;
}
.vc_col-sm-pull-7 {
right: 58.33333333%;
}
.vc_col-sm-pull-6 {
right: 50%;
}
.vc_col-sm-pull-5 {
right: 41.66666667%;
}
.vc_col-sm-pull-4 {
right: 33.33333333%;
}
.vc_col-sm-pull-3 {
right: 25%;
}
.vc_col-sm-pull-2 {
right: 16.66666667%;
}
.vc_col-sm-pull-1 {
right: 8.33333333%;
}
.vc_col-sm-pull-0 {
right: auto;
}
.vc_col-sm-push-12 {
left: 100%;
}
.vc_col-sm-push-11 {
left: 91.66666667%;
}
.vc_col-sm-push-10 {
left: 83.33333333%;
}
.vc_col-sm-push-9 {
left: 75%;
}
.vc_col-sm-push-8 {
left: 66.66666667%;
}
.vc_col-sm-push-7 {
left: 58.33333333%;
}
.vc_col-sm-push-6 {
left: 50%;
}
.vc_col-sm-push-5 {
left: 41.66666667%;
}
.vc_col-sm-push-4 {
left: 33.33333333%;
}
.vc_col-sm-push-3 {
left: 25%;
}
.vc_col-sm-push-2 {
left: 16.66666667%;
}
.vc_col-sm-push-1 {
left: 8.33333333%;
}
.vc_col-sm-push-0 {
left: auto;
}
.vc_col-sm-offset-12 {
margin-left: 100%;
}
.vc_col-sm-offset-11 {
margin-left: 91.66666667%;
}
.vc_col-sm-offset-10 {
margin-left: 83.33333333%;
}
.vc_col-sm-offset-9 {
margin-left: 75%;
}
.vc_col-sm-offset-8 {
margin-left: 66.66666667%;
}
.vc_col-sm-offset-7 {
margin-left: 58.33333333%;
}
.vc_col-sm-offset-6 {
margin-left: 50%;
}
.vc_col-sm-offset-5 {
margin-left: 41.66666667%;
}
.vc_col-sm-offset-4 {
margin-left: 33.33333333%;
}
.vc_col-sm-offset-3 {
margin-left: 25%;
}
.vc_col-sm-offset-2 {
margin-left: 16.66666667%;
}
.vc_col-sm-offset-1 {
margin-left: 8.33333333%;
}
.vc_col-sm-offset-0 {
margin-left: 0;
}
.vc_col-sm-1\/5, .vc_col-sm-2\/5, .vc_col-sm-3\/5, .vc_col-sm-4\/5, .vc_col-sm-5\/5 {
float: left;
}
[dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-1\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-2\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-3\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-4\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-5\/5 {
float: right;
}
.vc_col-sm-5\/5 {
width: 100%;
}
.vc_col-sm-4\/5 {
width: 80%;
}
.vc_col-sm-3\/5 {
width: 60%;
}
.vc_col-sm-2\/5 {
width: 40%;
}
.vc_col-sm-1\/5 {
width: 20%;
}
.vc_col-sm-pull-5\/5 {
right: 100%;
}
.vc_col-sm-pull-4\/5 {
right: 80%;
}
.vc_col-sm-pull-3\/5 {
right: 60%;
}
.vc_col-sm-pull-2\/5 {
right: 40%;
}
.vc_col-sm-pull-1\/5 {
right: 20%;
}
.vc_col-sm-pull-0\/5 {
right: auto;
}
.vc_col-sm-push-5\/5 {
left: 100%;
}
.vc_col-sm-push-4\/5 {
left: 80%;
}
.vc_col-sm-push-3\/5 {
left: 60%;
}
.vc_col-sm-push-2\/5 {
left: 40%;
}
.vc_col-sm-push-1\/5 {
left: 20%;
}
.vc_col-sm-push-0\/5 {
left: auto;
}
.vc_col-sm-offset-5\/5 {
margin-left: 100%;
}
.vc_col-sm-offset-4\/5 {
margin-left: 80%;
}
.vc_col-sm-offset-3\/5 {
margin-left: 60%;
}
.vc_col-sm-offset-2\/5 {
margin-left: 40%;
}
.vc_col-sm-offset-1\/5 {
margin-left: 20%;
}
.vc_col-sm-offset-0\/5 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9 {
float: left;
}
[dir=rtl] .vc_rtl-columns-reverse .vc_col-md-1, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-10, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-11, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-12, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-2, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-3, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-4, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-6, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-7, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-8, [dir=rtl] .vc_rtl-columns-reverse .vc_col-md-9 {
float: right;
}
.vc_col-md-12 {
width: 100%;
}
.vc_col-md-11 {
width: 91.66666667%;
}
.vc_col-md-10 {
width: 83.33333333%;
}
.vc_col-md-9 {
width: 75%;
}
.vc_col-md-8 {
width: 66.66666667%;
}
.vc_col-md-7 {
width: 58.33333333%;
}
.vc_col-md-6 {
width: 50%;
}
.vc_col-md-5 {
width: 41.66666667%;
}
.vc_col-md-4 {
width: 33.33333333%;
}
.vc_col-md-3 {
width: 25%;
}
.vc_col-md-2 {
width: 16.66666667%;
}
.vc_col-md-1 {
width: 8.33333333%;
}
.vc_col-md-pull-12 {
right: 100%;
}
.vc_col-md-pull-11 {
right: 91.66666667%;
}
.vc_col-md-pull-10 {
right: 83.33333333%;
}
.vc_col-md-pull-9 {
right: 75%;
}
.vc_col-md-pull-8 {
right: 66.66666667%;
}
.vc_col-md-pull-7 {
right: 58.33333333%;
}
.vc_col-md-pull-6 {
right: 50%;
}
.vc_col-md-pull-5 {
right: 41.66666667%;
}
.vc_col-md-pull-4 {
right: 33.33333333%;
}
.vc_col-md-pull-3 {
right: 25%;
}
.vc_col-md-pull-2 {
right: 16.66666667%;
}
.vc_col-md-pull-1 {
right: 8.33333333%;
}
.vc_col-md-pull-0 {
right: auto;
}
.vc_col-md-push-12 {
left: 100%;
}
.vc_col-md-push-11 {
left: 91.66666667%;
}
.vc_col-md-push-10 {
left: 83.33333333%;
}
.vc_col-md-push-9 {
left: 75%;
}
.vc_col-md-push-8 {
left: 66.66666667%;
}
.vc_col-md-push-7 {
left: 58.33333333%;
}
.vc_col-md-push-6 {
left: 50%;
}
.vc_col-md-push-5 {
left: 41.66666667%;
}
.vc_col-md-push-4 {
left: 33.33333333%;
}
.vc_col-md-push-3 {
left: 25%;
}
.vc_col-md-push-2 {
left: 16.66666667%;
}
.vc_col-md-push-1 {
left: 8.33333333%;
}
.vc_col-md-push-0 {
left: auto;
}
.vc_col-md-offset-12 {
margin-left: 100%;
}
.vc_col-md-offset-11 {
margin-left: 91.66666667%;
}
.vc_col-md-offset-10 {
margin-left: 83.33333333%;
}
.vc_col-md-offset-9 {
margin-left: 75%;
}
.vc_col-md-offset-8 {
margin-left: 66.66666667%;
}
.vc_col-md-offset-7 {
margin-left: 58.33333333%;
}
.vc_col-md-offset-6 {
margin-left: 50%;
}
.vc_col-md-offset-5 {
margin-left: 41.66666667%;
}
.vc_col-md-offset-4 {
margin-left: 33.33333333%;
}
.vc_col-md-offset-3 {
margin-left: 25%;
}
.vc_col-md-offset-2 {
margin-left: 16.66666667%;
}
.vc_col-md-offset-1 {
margin-left: 8.33333333%;
}
.vc_col-md-offset-0 {
margin-left: 0;
}
.vc_col-md-1\/5, .vc_col-md-2\/5, .vc_col-md-3\/5, .vc_col-md-4\/5, .vc_col-md-5\/5 {
float: left;
}
[dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-1\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-2\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-3\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-4\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-5\/5 {
float: right;
}
.vc_col-md-5\/5 {
width: 100%;
}
.vc_col-md-4\/5 {
width: 80%;
}
.vc_col-md-3\/5 {
width: 60%;
}
.vc_col-md-2\/5 {
width: 40%;
}
.vc_col-md-1\/5 {
width: 20%;
}
.vc_col-md-pull-5\/5 {
right: 100%;
}
.vc_col-md-pull-4\/5 {
right: 80%;
}
.vc_col-md-pull-3\/5 {
right: 60%;
}
.vc_col-md-pull-2\/5 {
right: 40%;
}
.vc_col-md-pull-1\/5 {
right: 20%;
}
.vc_col-md-pull-0\/5 {
right: auto;
}
.vc_col-md-push-5\/5 {
left: 100%;
}
.vc_col-md-push-4\/5 {
left: 80%;
}
.vc_col-md-push-3\/5 {
left: 60%;
}
.vc_col-md-push-2\/5 {
left: 40%;
}
.vc_col-md-push-1\/5 {
left: 20%;
}
.vc_col-md-push-0\/5 {
left: auto;
}
.vc_col-md-offset-5\/5 {
margin-left: 100%;
}
.vc_col-md-offset-4\/5 {
margin-left: 80%;
}
.vc_col-md-offset-3\/5 {
margin-left: 60%;
}
.vc_col-md-offset-2\/5 {
margin-left: 40%;
}
.vc_col-md-offset-1\/5 {
margin-left: 20%;
}
.vc_col-md-offset-0\/5 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9 {
float: left;
}
[dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-1, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-10, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-11, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-12, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-2, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-3, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-4, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-6, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-7, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-8, [dir=rtl] .vc_rtl-columns-reverse .vc_col-lg-9 {
float: right;
}
.vc_col-lg-12 {
width: 100%;
}
.vc_col-lg-11 {
width: 91.66666667%;
}
.vc_col-lg-10 {
width: 83.33333333%;
}
.vc_col-lg-9 {
width: 75%;
}
.vc_col-lg-8 {
width: 66.66666667%;
}
.vc_col-lg-7 {
width: 58.33333333%;
}
.vc_col-lg-6 {
width: 50%;
}
.vc_col-lg-5 {
width: 41.66666667%;
}
.vc_col-lg-4 {
width: 33.33333333%;
}
.vc_col-lg-3 {
width: 25%;
}
.vc_col-lg-2 {
width: 16.66666667%;
}
.vc_col-lg-1 {
width: 8.33333333%;
}
.vc_col-lg-pull-12 {
right: 100%;
}
.vc_col-lg-pull-11 {
right: 91.66666667%;
}
.vc_col-lg-pull-10 {
right: 83.33333333%;
}
.vc_col-lg-pull-9 {
right: 75%;
}
.vc_col-lg-pull-8 {
right: 66.66666667%;
}
.vc_col-lg-pull-7 {
right: 58.33333333%;
}
.vc_col-lg-pull-6 {
right: 50%;
}
.vc_col-lg-pull-5 {
right: 41.66666667%;
}
.vc_col-lg-pull-4 {
right: 33.33333333%;
}
.vc_col-lg-pull-3 {
right: 25%;
}
.vc_col-lg-pull-2 {
right: 16.66666667%;
}
.vc_col-lg-pull-1 {
right: 8.33333333%;
}
.vc_col-lg-pull-0 {
right: auto;
}
.vc_col-lg-push-12 {
left: 100%;
}
.vc_col-lg-push-11 {
left: 91.66666667%;
}
.vc_col-lg-push-10 {
left: 83.33333333%;
}
.vc_col-lg-push-9 {
left: 75%;
}
.vc_col-lg-push-8 {
left: 66.66666667%;
}
.vc_col-lg-push-7 {
left: 58.33333333%;
}
.vc_col-lg-push-6 {
left: 50%;
}
.vc_col-lg-push-5 {
left: 41.66666667%;
}
.vc_col-lg-push-4 {
left: 33.33333333%;
}
.vc_col-lg-push-3 {
left: 25%;
}
.vc_col-lg-push-2 {
left: 16.66666667%;
}
.vc_col-lg-push-1 {
left: 8.33333333%;
}
.vc_col-lg-push-0 {
left: auto;
}
.vc_col-lg-offset-12 {
margin-left: 100%;
}
.vc_col-lg-offset-11 {
margin-left: 91.66666667%;
}
.vc_col-lg-offset-10 {
margin-left: 83.33333333%;
}
.vc_col-lg-offset-9 {
margin-left: 75%;
}
.vc_col-lg-offset-8 {
margin-left: 66.66666667%;
}
.vc_col-lg-offset-7 {
margin-left: 58.33333333%;
}
.vc_col-lg-offset-6 {
margin-left: 50%;
}
.vc_col-lg-offset-5 {
margin-left: 41.66666667%;
}
.vc_col-lg-offset-4 {
margin-left: 33.33333333%;
}
.vc_col-lg-offset-3 {
margin-left: 25%;
}
.vc_col-lg-offset-2 {
margin-left: 16.66666667%;
}
.vc_col-lg-offset-1 {
margin-left: 8.33333333%;
}
.vc_col-lg-offset-0 {
margin-left: 0;
}
.vc_col-lg-1\/5, .vc_col-lg-2\/5, .vc_col-lg-3\/5, .vc_col-lg-4\/5, .vc_col-lg-5\/5 {
float: left;
}
[dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-1\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-2\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-3\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-4\/5, [dir=rtl] .vc_rtl-columns-reverse .vc_col-sm-5\/5 {
float: right;
}
.vc_col-lg-5\/5 {
width: 100%;
}
.vc_col-lg-4\/5 {
width: 80%;
}
.vc_col-lg-3\/5 {
width: 60%;
}
.vc_col-lg-2\/5 {
width: 40%;
}
.vc_col-lg-1\/5 {
width: 20%;
}
.vc_col-lg-pull-5\/5 {
right: 100%;
}
.vc_col-lg-pull-4\/5 {
right: 80%;
}
.vc_col-lg-pull-3\/5 {
right: 60%;
}
.vc_col-lg-pull-2\/5 {
right: 40%;
}
.vc_col-lg-pull-1\/5 {
right: 20%;
}
.vc_col-lg-pull-0\/5 {
right: auto;
}
.vc_col-lg-push-5\/5 {
left: 100%;
}
.vc_col-lg-push-4\/5 {
left: 80%;
}
.vc_col-lg-push-3\/5 {
left: 60%;
}
.vc_col-lg-push-2\/5 {
left: 40%;
}
.vc_col-lg-push-1\/5 {
left: 20%;
}
.vc_col-lg-push-0\/5 {
left: auto;
}
.vc_col-lg-offset-5\/5 {
margin-left: 100%;
}
.vc_col-lg-offset-4\/5 {
margin-left: 80%;
}
.vc_col-lg-offset-3\/5 {
margin-left: 60%;
}
.vc_col-lg-offset-2\/5 {
margin-left: 40%;
}
.vc_col-lg-offset-1\/5 {
margin-left: 20%;
}
.vc_col-lg-offset-0\/5 {
margin-left: 0;
}
}
.x-row {
--total-cols: 12;
width: calc(100% + var(--gap-x) * 2);
margin: 0 calc(0px - var(--gap-x));
display: flex;
flex-flow: wrap;
}
.x-row.x-row-8 {
--total-cols: 8;
}
.x-row .x-col {
display: flex;
flex-flow: column;
width: calc(100% / var(--total-cols) * var(--col) - var(--gap-x) * 2);
margin: 0 var(--gap-x);
}
.x-row .x-col-1 {
--col: 1;
}
.x-row .x-col-2 {
--col: 2;
}
.x-row .x-col-3 {
--col: 3;
}
.x-row .x-col-4 {
--col: 4;
}
.x-row .x-col-5 {
--col: 5;
}
.x-row .x-col-6 {
--col: 6;
}
.x-row .x-col-7 {
--col: 7;
}
.x-row .x-col-8 {
--col: 8;
}
.x-row .x-col-9 {
--col: 9;
}
.x-row .x-col-10 {
--col: 10;
}
.x-row .x-col-11 {
--col: 11;
}
.x-row .x-col-12 {
--col: 12;
}
.x-row .content-element {
margin-bottom: var(--inter-content-spacing);
}
.x-row .content-element:last-child {
margin-bottom: 0px;
}
.x-row .content-element.--fill-height {
height: 100%;
}
.--col-1 {
--cols: 1;
}
.--col-2 {
--cols: 2;
}
.--col-3 {
--cols: 3;
}
.--col-4 {
--cols: 4;
}
.--col-5 {
--cols: 5;
}
.--col-6 {
--cols: 6;
}
.inner-section__title {
padding-bottom: 1rem;
margin-bottom: 2rem;
border-bottom: 1px #FF595A solid;
}
.inner-section__title h2 {
font-size: 2rem;
color: var(--white);
margin-bottom: 0px;
letter-spacing: 0.5px;
}
.bg-light .inner-section__title h2 {
color: var(--black1);
}
.inner-section__title h2 a {
all: unset;
cursor: pointer;
}
.bg-light .inner-section__title {
padding-bottom: 0.5rem;
border-color: transparent;
}
.inner-section.--fill-height {
height: 100%;
display: flex;
flex-flow: column;
}
.inner-section.--fill-height .inner-section__content {
height: 100%;
}
.inner-section.--fill-height .inner-section__content .x-row {
height: 100%;
}
.bg-dark-blue {
background: var(--dark-blue-grad);
}
#cookie-law-info-bar {
inset: unset !important;
left: var(--gap-x) !important;
bottom: var(--gap-x) !important;
right: unset !important;
top: unset !important;
width: calc(100% - var(--gap-x) * 2) !important;
box-shadow: 0 0 30px 0px var(--gray0);
border-radius: 2rem;
background: var(--gray1) !important;
color: var(--gray6) !important;
max-width: 330px !important;
text-align: left !important;
padding: 2.4rem 1.9rem 2.1rem !important;
transition: height 0.2s var(--trns), opacity 0.2s var(--trns), transform 0.2s var(--trns);
}
#cookie-law-info-bar a {
color: var(--yellow);
font-weight: 500;
}
#cookie-law-info-bar .cli-bar-message {
font-size: 0.9rem;
line-height: 1.75em;
letter-spacing: 0.3px;
}
#cookie-law-info-bar .cli_messagebar_head {
font-size: 1.7rem;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 0.2px;
}
#cookie-law-info-bar:after {
width: calc(100% - 3.8rem);
height: 3px;
top: 0px;
left: 1.9rem;
position: absolute;
border-radius: 0 0 4px 4px;
background: linear-gradient(to left, var(--purple) 0%, var(--purple) 14%, var(--blue) 14%, var(--blue) 28%, var(--sky-blue) 28%, var(--sky-blue) 42%, var(--green) 42%, var(--green) 57%, var(--yellow) 57%, var(--yellow) 71%, var(--orange) 71%, var(--orange) 85%, var(--red) 85%, var(--red) 100%);
}
#cookie-law-info-bar .cli-bar-btn_container {
margin-top: 1.6rem;
padding-top: 1.6rem;
border-top: 2px rgba(255, 255, 255, 0.0666666667) solid;
margin-left: 0px;
display: flex;
align-content: flex-end;
}
#cookie-law-info-bar .cli-bar-btn_container a {
margin: 0px !important;
display: flex;
align-items: center;
padding-top: 10px !important;
padding-left: 1.5rem !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
font-size: 1rem;
height: 40px;
border-radius: 10px;
background-color: var(--local-bg) !important;
color: var(--white) !important;
text-shadow: 0 1px 15px rgb(47.3456790123, 72.1111111111, 16.3888888889);
transition: background-color 0.2s var(--trns);
}
#cookie-law-info-bar .cli-bar-btn_container a:not(:last-child) {
margin-right: 12px !important;
}
#cookie-law-info-bar .cli-bar-btn_container a:after {
content: "";
width: 24px;
height: 24px;
display: inline-block;
margin-left: 8px;
position: relative;
background: var(--icon-bg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
filter: invert(1);
}
.x-share {
display: flex;
align-items: center;
}
@media only screen and (max-width: 990px) {
.x-share {
align-items: flex-start;
flex-flow: column;
}
}
.x-share__text {
padding-top: 4px;
font-size: 0.9rem;
letter-spacing: 0.3px;
color: var(--gray3);
margin-right: 1.2rem;
}
@media only screen and (max-width: 990px) {
.x-share__text {
padding-bottom: 10px;
}
}
.actions {
display: flex;
flex-flow: row;
margin: 0px -10px;
padding: 0px;
list-style-type: none;
}
.actions li {
display: block;
padding-left: 0px !important;
margin-bottom: 0px !important;
}
.actions li:after {
display: none;
}
.actions li:before {
display: none;
}
.actions li:not(:last-child) {
margin-right: 0.15rem;
}
.actions:not(:last-child) {
margin-bottom: 1.25rem;
padding-bottom: 1.25rem;
position: relative;
}
.actions:not(:last-child):after {
content: "";
width: 50%;
left: 25%;
height: 2px;
border-radius: 2px;
opacity: 0.2;
background: var(--gray);
position: absolute;
bottom: -1px;
}
@media only screen and (max-width: 990px) {
.actions {
margin-left: -10px;
}
}
.action {
--box-col: var(--gray);
--action-box: 44px;
--outside-gap: 15px;
--local-t: 0;
height: var(--action-box);
width: var(--action-box);
display: inline-block;
border-radius: 50px;
position: relative;
background: transparent;
color: transparent !important;
z-index: 1;
transition: all 0.2s var(--trns);
}
.action:after {
content: "";
width: calc(100% + var(--outside-gap));
height: calc(100% + var(--outside-gap));
left: calc(0px - var(--outside-gap) / 2);
top: calc(0px - var(--outside-gap) / 2);
z-index: -1;
position: absolute;
opacity: var(--local-t);
pointer-events: none;
background: var(--box-col);
border-radius: 80px;
transition: all 0.2s var(--trns);
}
@media only screen and (min-width: 990px) {
.action:hover, .action:focus-within, .action:focus {
--outside-gap: 0px;
--local-t: .15;
}
}
.action:active {
--outside-gap: 0px;
transform: scale(0.9);
--local-t: .2;
}
.action__icon {
--icon-size: 24px;
--line-weight: 3px;
display: block;
position: relative;
width: var(--icon-size);
height: var(--icon-size);
transition: var(--trns);
top: calc((var(--action-box) - var(--icon-size)) / 2);
left: calc((var(--action-box) - var(--icon-size)) / 2);
}
.action__icon:after {
display: none;
}
.action__icon:before {
left: 2px;
}
.action__inner-text {
opacity: 0;
position: absolute;
font-size: 0.9rem;
padding: 7px 15px 5px;
background: var(--box-col);
width: auto;
white-space: nowrap;
color: #fff;
letter-spacing: 0.7px;
bottom: calc(100% + 15px);
border-radius: 0px;
left: 50%;
font-weight: 400 !important;
transform: translateY(-1.25rem) translateX(-50%);
z-index: 1;
pointer-events: none;
transition: var(--trns);
transition: all 0.2s var(--trns);
}
@media only screen and (max-width: 770px) {
.action__inner-text {
display: none;
}
}
.action__inner-text:after {
content: "";
left: 50%;
bottom: -3px;
transform: translateX(-50%) rotate(45deg);
border-radius: 0px;
background: var(--box-col);
height: 0.9rem;
width: 0.9rem;
position: absolute;
z-index: -1;
}
@media only screen and (min-width: 990px) {
.action:hover .action__inner-text, .action:focus-within .action__inner-text, .action:focus .action__inner-text {
transform: translateY(0rem) translateX(-50%);
opacity: 1;
}
.action:hover .action__icon.arrow, .action:focus-within .action__icon.arrow, .action:focus .action__icon.arrow {
--ico-color: var(--black);
}
}
.actions.--share .actions__action.--back-button {
position: relative;
margin-bottom: 20px;
padding-bottom: 12px;
}
.actions.--share .actions__action.--back-button:after {
content: "";
width: 60px;
height: 2px;
background: rgba(0, 0, 0, 0.0666666667);
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.actions.--share .actions__action .action__icon {
--icon-size: 24px;
}
.actions.--share .actions__action .action__icon svg path {
fill: var(--gray2);
transition: fill 0.2s var(--trns);
}
.actions.--share .actions__action .action.back-action {
--box-col: var(--black);
}
.actions.--share .actions__action .action.facebook-share {
--box-col: #1977f3;
}
.actions.--share .actions__action .action.telegram-share {
--box-col: #30a3e6;
}
.actions.--share .actions__action .action.twitter-share {
--box-col: #1da1f2;
}
.actions.--share .actions__action .action.linkedin-share {
--box-col: #0073b0;
}
.actions.--share .actions__action .action.whatsapp-share {
--box-col: #1bd741;
}
.actions.--share .actions__action .action:hover .action__icon svg path, .actions.--share .actions__action .action:focus-within .action__icon svg path, .actions.--share .actions__action .action:focus .action__icon svg path {
fill: var(--box-col);
}
.ajax-list__scrollbox {
padding-right: 20px;
}
.ajax-list__scrollbox .lms_content_wrapper.--content-added {
scroll-behavior: smooth;
}
.ajax-list__scrollbox .lms_content_wrapper.--content-added:focus-within, .ajax-list__scrollbox .lms_content_wrapper.--content-added:hover, .ajax-list__scrollbox .lms_content_wrapper.--content-added:focus {
scroll-behavior: initial;
}
.ajax-list__scrollbox .lms_scroll_track {
width: 15px;
background: transparent;
box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.0588235294);
animation: appear 0.5s ease forwards;
border-radius: 0px;
}
.bg-light .ajax-list__scrollbox .lms_scroll_track {
box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.0901960784);
}
.ajax-list__scrollbox .lms_scroll_track .lms_scroller {
width: 2px;
cursor: grab;
border-radius: 2px 0 0 2px;
background-color: var(--black4);
right: 0px;
transition: opacity 0.2s var(--trns), width 0.2s var(--trns), background 0.2s var(--trns);
}
.bg-light .ajax-list__scrollbox .lms_scroll_track .lms_scroller {
background-color: var(--black6);
}
.ajax-list__scrollbox .lms_scroll_track .lms_scroller:hover, .ajax-list__scrollbox .lms_scroll_track .lms_scroller:focus-within, .ajax-list__scrollbox .lms_scroll_track .lms_scroller:active {
width: 4px;
background-color: var(--black7);
}
.bg-light .ajax-list__scrollbox .lms_scroll_track .lms_scroller:hover, .bg-light .ajax-list__scrollbox .lms_scroll_track .lms_scroller:focus-within, .bg-light .ajax-list__scrollbox .lms_scroll_track .lms_scroller:active {
background-color: var(--black4);
}
.ajax-list__scrollbox .lms_scroll_track .lms_scroller:focus, .ajax-list__scrollbox .lms_scroll_track .lms_scroller:focus-within, .ajax-list__scrollbox .lms_scroll_track .lms_scroller:active {
cursor: grabbing;
}
.ajax-list__scrollbox .lms_scroll_track .lms_scroller::after {
content: "";
height: 100%;
width: 11px;
right: 100%;
top: 0px;
position: absolute;
}
.ajax-list__scrollbox .lms_scroll_track:hover .lms_scroller, .ajax-list__scrollbox .lms_scroll_track:focus-within .lms_scroller, .ajax-list__scrollbox .lms_scroll_track:active .lms_scroller {
width: 4px;
background-color: var(--black7);
}
@keyframes appear {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.ajax-list__trigger {
margin-top: 2.2rem;
}
.loop-grid {
width: calc(100% + var(--gap-x) * 2);
margin: 0 calc(var(--gap-x) * -1) calc(var(--gap-x) * -1.9);
display: flex;
flex-flow: wrap;
}
.loop-grid > * {
width: calc(100% / var(--cols, 1) - var(--gap-x) * 2);
margin: 0px calc(var(--gap-x) * 1) calc(var(--gap-x) * 1.9);
}
.list-item {
--img-height: 170px;
--text-compensation: 0px;
--text-compensation-hover: 0.5px;
position: relative;
display: flex;
flex-flow: column;
}
.bg-light .list-item {
--text-compensation: .3px;
--text-compensation-hover: 0.5px;
}
.list-item.--overlay {
--text-compensation: 0px;
--text-compensation-hover: 0px;
}
@media only screen and (max-width: 990px) {
.list-item.--overlay {
--img-height: 280px;
}
}
.--fill-height .list-item {
height: 100%;
}
.ajax-list__scrollbox .list-item {
margin: 0 0 calc(var(--gap-x) * 1.9);
}
.ajax-list__scrollbox .list-item:last-child {
margin-bottom: 0px;
}
.list-item__title {
font-size: 1rem;
line-height: 1.5em;
margin-bottom: 13px;
font-weight: 500;
letter-spacing: 0.8px;
color: var(--white);
-webkit-text-stroke: var(--text-compensation);
transition: -webkit-text-stroke 0.25s var(--trns), color 0.25s var(--trns);
}
.bg-light .list-item__title {
color: var(--black1);
}
.--overlay .list-item__title {
color: var(--white);
}
.--featured .list-item__title {
font-size: 1.5rem;
line-height: 1.333333em;
font-weight: 700;
}
@media only screen and (max-width: 770px) {
.--featured .list-item__title {
line-height: 1.42em;
font-size: 1.3rem;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3411764706);
}
}
.list-item.--featured-small {
--text-compensation: 0.2px;
--text-compensation-hover: 0.6px;
}
.bg-light .list-item.--featured-small {
--text-compensation: 0.5px;
--text-compensation-hover: 0.7px;
}
.list-item.--featured-small .list-item__title {
font-size: 1.125rem;
line-height: 1.4444em;
}
.bg-light .list-item.--featured-small .list-item__title {
font-weight: 700;
-webkit-text-stroke: 0px;
letter-spacing: 0.2px;
}
.list-item.--featured-small .list-item__thumbnail {
height: 0px;
padding-top: 56.25%;
}
.list-item__text p {
font-size: 1rem;
line-height: 1.75em;
letter-spacing: 0.4px;
color: var(--black2);
}
.--overlay .list-item__text {
position: absolute;
bottom: 0px;
width: 100%;
padding: 2rem;
max-width: 100%;
z-index: 2;
pointer-events: none;
}
@media only screen and (max-width: 770px) {
.--overlay .list-item__text {
padding: 0.9rem 15px 0.9rem 12px;
}
}
@media only screen and (max-width: 770px) {
.list-item__text {
padding-left: 12px;
padding-right: 15px;
}
}
.list-item__meta {
display: flex;
flex-flow: row;
align-items: baseline;
padding-bottom: 3px;
pointer-events: none;
z-index: 6;
position: relative;
}
.list-item__meta:not(:last-child) {
margin-bottom: 1rem;
}
.list-item__meta > * {
margin-right: 14px;
}
.list-item__meta > *:last-child {
margin-right: 0px;
}
.list-item__date {
font-size: 0.875rem;
color: var(--black6);
letter-spacing: 0.75px;
line-height: 1em;
}
.--overlay .list-item__date {
color: rgba(255, 255, 255, 0.6901960784);
}
.bg-dark-blue .list-item__date {
color: rgba(255, 255, 255, 0.568627451);
}
.list-item__category a {
pointer-events: all;
position: relative;
transition: color 0.15s var(--trns);
}
.list-item__category a:before {
content: "";
width: 100%;
height: 130%;
position: absolute;
left: 0;
top: -15%;
z-index: 4;
background: transparent;
}
.list-item__category a:hover, .list-item__category a:focus {
text-decoration: underline;
color: var(--white);
text-underline-offset: 2px;
}
.bg-light .list-item__category a:hover, .bg-light .list-item__category a:focus {
color: var(--black2);
}
.list-item__category a:hover:after, .list-item__category a:focus:after {
transform: translateY(3px);
opacity: 1;
}
.list-item__thumbnail {
margin-bottom: 1.5rem;
position: relative;
height: var(--img-height);
overflow: hidden;
}
.--video-ratio .list-item__thumbnail {
padding-top: 56.25%;
}
.--extended .list-item__thumbnail {
height: 0px;
padding-top: 56.65%;
}
.--overlay .list-item__thumbnail {
pointer-events: none;
margin-bottom: 0rem;
}
.--overlay .list-item__thumbnail::before {
content: "";
width: 100%;
height: 50%;
position: absolute;
bottom: 0px;
left: 0px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6588235294));
z-index: 2;
}
@media only screen and (max-width: 990px) {
.--overlay .list-item__thumbnail::before {
height: 70%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8980392157));
}
}
.list-item__thumbnail img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: rgba(255, 255, 255, 0.05);
left: 0;
object-fit: cover;
transform: scale(1);
transform-origin: center;
transition: transform 0.5s ease;
will-change: transform;
}
.bg-light .list-item__thumbnail img {
background: rgba(34, 34, 34, 0.05);
}
.list-item__thumbnail .list-item__ring {
content: "";
transition: box-shadow 0.25s var(--trns);
position: absolute;
box-shadow: inset 0 0 0 0px var(--red-alpha-10);
z-index: 5;
}
@supports (inset: 0px) {
.list-item__thumbnail .list-item__ring {
inset: 0px;
}
}
@supports not (inset: 0px) {
.list-item__thumbnail .list-item__ring {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.--overlay .list-item__thumbnail .list-item__ring {
z-index: 5;
}
.list-item__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 6;
}
.list-item__link-inner {
all: inherit;
cursor: pointer;
}
.list-item__link-image {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.list-item:hover .list-item__title, .list-item:focus .list-item__title {
-webkit-text-stroke: var(--text-compensation-hover);
color: var(--red);
}
.--overlay .list-item:hover .list-item__title, .--overlay .list-item:focus .list-item__title {
color: var(--white);
}
.list-item:hover .list-item__thumbnail img, .list-item:focus .list-item__thumbnail img {
transform: scale(1.05);
}
.list-item:hover .list-item__thumbnail .list-item__ring, .list-item:focus .list-item__thumbnail .list-item__ring {
transition: box-shadow 0.25s var(--trns);
box-shadow: inset 0 0 0 5px var(--red-alpha-20);
}
.list-item:active .list-item__title, .list-item:focus .list-item__title, .list-item:focus-within .list-item__title {
-webkit-text-stroke: var(--text-compensation-hover);
text-decoration: underline;
text-underline-offset: 2px;
color: var(--red);
}
.--overlay .list-item:active .list-item__title, .--overlay .list-item:focus .list-item__title, .--overlay .list-item:focus-within .list-item__title {
color: var(--white);
}
.list-item:active .list-item__thumbnail img, .list-item:focus .list-item__thumbnail img, .list-item:focus-within .list-item__thumbnail img {
transition: transform 0.25s ease;
transform: scale(1.03);
}
.list-item:active .list-item__thumbnail .list-item__ring, .list-item:focus .list-item__thumbnail .list-item__ring, .list-item:focus-within .list-item__thumbnail .list-item__ring {
transition: box-shadow 0.1s var(--trns);
box-shadow: inset 0 0 0 2px var(--red);
}
.small-meta {
margin-bottom: 1px;
font-size: 12px;
line-height: 1em;
display: flex;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
color: var(--black8);
}
.bg-light .small-meta {
color: var(--black3);
-webkit-text-stroke: 0.2px;
}
.small-meta.--red, .small-meta.taxonomy-promo {
color: var(--red);
-webkit-text-stroke: 0px;
}
.--fill-height .list-item:not(.--featured-small) .list-item__thumbnail {
height: 100%;
min-height: var(--img-height);
background: var(--thumbnail-image);
background-position: center;
background-size: cover;
}
.--fill-height .list-item:not(.--featured-small) .list-item__thumbnail:after {
z-index: 0;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.6784313725);
backdrop-filter: blur(10px);
}
.--fill-height .list-item:not(.--featured-small) .list-item__thumbnail img {
object-fit: contain;
z-index: 1;
}
.blog-item {
position: relative;
padding-bottom: var(--gap-y);
border-bottom: 1px rgba(217, 217, 217, 0.5) solid;
}
.--program-taxonomy-loop .blog-item:not(:last-child) {
margin-bottom: var(--gap-y);
}
.blog-item__link {
position: absolute;
position: absolute;
z-index: 1;
}
@supports (inset: 0px) {
.blog-item__link {
inset: 0px;
}
}
@supports not (inset: 0px) {
.blog-item__link {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.blog-item__link-inner {
all: inherit;
cursor: pointer;
}
.blog-item__link-image {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.blog-item__inner {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 990px) {
.--type-2 .blog-item__inner {
flex-flow: column-reverse;
justify-content: space-between;
}
}
.--type-4 .blog-item__inner {
justify-content: flex-start;
}
.--program-taxonomy-loop .--type-4 .blog-item__inner {
align-items: center;
}
@media only screen and (max-width: 990px) {
.--type-4 .blog-item__inner {
flex-flow: column;
justify-content: space-between;
}
}
@media only screen and (max-width: 990px) {
.blog-item__text {
padding-left: 12px;
padding-right: 15px;
}
}
.blog-item__text h3 {
color: var(--black1);
margin-bottom: 1.1rem;
-webkit-text-stroke: var(--text-compensation);
transition: -webkit-text-stroke 0.25s var(--trns), color 0.25s var(--trns);
}
.--type-3 .blog-item__text h3 {
margin-bottom: 0.8rem;
}
@media only screen and (max-width: 990px) {
.--type-3 .blog-item__text h3 {
font-size: 1.142rem;
line-height: 1.44em;
}
}
@media only screen and (max-width: 990px) {
.--type-2 .blog-item__text h3 {
font-size: 1.285rem;
line-height: 1.4em;
}
}
.blog-item__text h3.text-18 {
letter-spacing: 0.6px;
}
.blog-item__text h3.heading-32 {
text-decoration-thickness: 2px !important;
}
@media only screen and (max-width: 990px) {
.blog-item__text h3.heading-32 {
font-size: 1.285rem;
line-height: 1.4em;
}
}
.blog-item__text p {
font-size: 1rem;
line-height: 1.75em;
letter-spacing: 0.55px;
font-weight: 400;
margin-bottom: 1.2rem;
}
.--program-taxonomy-loop .blog-item__text p {
display: none;
}
.blog-item__thumbnail {
min-width: 30%;
height: 0px;
padding-top: 16.8%;
position: relative;
overflow: hidden;
}
.blog-item__thumbnail:last-child:not(:first-child) {
margin-left: 2rem;
}
@media only screen and (max-width: 990px) {
.blog-item__thumbnail:last-child:not(:first-child) {
margin-left: 0rem;
}
}
.blog-item__thumbnail:first-child:not(:last-child) {
margin-right: 2rem;
}
@media only screen and (max-width: 990px) {
.blog-item__thumbnail:first-child:not(:last-child) {
margin-right: 0rem;
}
}
@media only screen and (max-width: 990px) {
.blog-item__thumbnail {
height: auto;
padding-top: 0px;
margin-left: 0px;
width: 100%;
min-height: 180px;
margin-bottom: 1.1rem;
height: 40vw;
}
}
.blog-item__thumbnail img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: rgba(255, 255, 255, 0.05);
left: 0;
object-fit: cover;
transform: scale(1);
transform-origin: center;
transition: transform 0.5s ease;
will-change: transform;
}
.bg-light .blog-item__thumbnail img {
background: rgba(34, 34, 34, 0.05);
}
.blog-item:hover .blog-item__title, .blog-item:focus .blog-item__title {
-webkit-text-stroke: var(--text-compensation-hover);
color: var(--red);
}
.--overlay .blog-item:hover .blog-item__title, .--overlay .blog-item:focus .blog-item__title {
color: var(--white);
}
.blog-item:hover .blog-item__thumbnail img, .blog-item:focus .blog-item__thumbnail img {
transform: scale(1.05);
}
.blog-item:hover .blog-item__thumbnail::after, .blog-item:focus .blog-item__thumbnail::after {
transition: box-shadow 0.25s var(--trns);
box-shadow: inset 0 0 0 5px var(--red-alpha-20);
}
.blog-item:active .blog-item__title, .blog-item:focus .blog-item__title, .blog-item:focus-within .blog-item__title {
-webkit-text-stroke: var(--text-compensation-hover);
text-decoration: underline;
text-underline-offset: 2px;
color: var(--red);
}
.--overlay .blog-item:active .blog-item__title, .--overlay .blog-item:focus .blog-item__title, .--overlay .blog-item:focus-within .blog-item__title {
color: var(--white);
}
.blog-item:active .blog-item__thumbnail img, .blog-item:focus .blog-item__thumbnail img, .blog-item:focus-within .blog-item__thumbnail img {
transition: transform 0.25s ease;
transform: scale(1.03);
}
.blog-item:active .blog-item__thumbnail::after, .blog-item:focus .blog-item__thumbnail::after, .blog-item:focus-within .blog-item__thumbnail::after {
transition: box-shadow 0.1s var(--trns);
box-shadow: inset 0 0 0 2px var(--red);
}
.filter-module {
--gap: 0px;
--gap-y: 20px;
display: flex;
position: relative;
}
.filter-module__grid {
display: flex;
flex-flow: wrap;
margin: 0 calc(0px - var(--gap)) calc(0px - var(--gap-y)) !important;
}
.filter-module__grid > * {
width: calc(100% / var(--cols) - var(--gap) * 2);
margin: 0 var(--gap) var(--gap-y) !important;
}
.filter-module .select-wrapper {
cursor: pointer;
height: 40px;
-webkit-text-stroke: 0.2px;
color: var(--black6);
border: none;
position: relative;
transition: color 0.2s var(--trns), background 0.2s var(--trns);
}
.filter-module .select-wrapper select {
cursor: pointer;
background: transparent;
border: none;
-webkit-appearance: none;
text-align-last: right;
color: inherit;
letter-spacing: 0.4px;
height: 40px;
line-height: 44px;
padding: 0 35px 0 16px;
color: var(--black6);
transition: color 0.2s var(--trns);
}
.filter-module .select-wrapper select option {
direction: ltr;
}
.filter-module .select-wrapper.--active {
color: var(--black2);
-webkit-text-stroke: 0.4px;
}
.filter-module .select-wrapper.--active select {
color: var(--black2);
}
.filter-module .select-wrapper:after {
content: "";
width: 8px;
height: 8px;
border-right: 2px currentColor solid;
border-bottom: 2px currentColor solid;
-webkit-transform: rotate(45deg) scale(0.8);
transform: rotate(45deg) scale(0.8);
position: absolute;
right: 15px;
top: calc(50% - 4px);
opacity: 0.9;
transition: border 0.2s var(--trns), transform 0.2s var(--trns);
}
@media only screen and (max-width: 990px) {
.filter-module .select-wrapper:after {
right: 22px;
}
}
.filter-module .select-wrapper:hover {
background: rgba(217, 217, 217, 0.2);
color: var(--black2);
}
.filter-module .select-wrapper:hover select {
color: var(--black2);
}
.filter-module .select-wrapper:focus, .filter-module .select-wrapper:focus-within {
background: rgba(217, 217, 217, 0.5);
color: var(--black2);
}
.filter-module .select-wrapper:focus select, .filter-module .select-wrapper:focus-within select {
color: var(--black2);
}
.filter-module .select-wrapper:focus:after, .filter-module .select-wrapper:focus-within:after {
transform: translateY(3px) rotate(-135deg) scale(0.8);
}
.filter-module .loading {
opacity: 0;
background-color: rgba(255, 255, 255, 0.8);
transition: opacity 0.3s var(--trns);
pointer-events: none;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
@supports (inset: 0px) {
.filter-module .loading {
inset: 0px;
}
}
@supports not (inset: 0px) {
.filter-module .loading {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.filter-module .loading svg {
width: 40px;
height: 40px;
}
.filter-module.--loading .loading {
opacity: 1;
pointer-events: all;
}
@media only screen and (max-width: 990px) {
.filter-module__modal {
background-color: rgba(0, 0, 0, 0.2666666667);
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
display: flex;
opacity: 0;
flex-flow: column;
justify-content: flex-end;
pointer-events: none;
transition: transform 0.2s var(--trns), opacity 0.2s var(--trns);
}
.filter-module__modal .filter-module {
transform-origin: bottom center;
transform: translateY(20px) scaleY(0.4);
background-color: #fff;
padding: 2rem 0px;
transition: transform 0.2s var(--trns), opacity 0.2s var(--trns);
}
.filter-module__modal .filter-module__grid {
display: flex;
flex-flow: wrap;
justify-content: center;
}
.filter-module__modal .filter-module__grid > label {
--gap-y: 10px;
border-bottom: 1px rgba(0, 0, 0, 0.0666666667) solid;
width: 100%;
height: 50px;
}
.filter-module__modal .filter-module__grid > label select {
height: 50px;
line-height: 55px;
width: 100%;
text-align-last: left;
font-size: 1.25rem;
}
.filter-module__modal .filter-module__grid > label:last-of-type {
margin-bottom: 1.9rem !important;
}
.filter-module__modal .filter-module__grid > input {
padding: 2px 2.4rem 0px;
height: 44px;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.4px;
display: flex;
align-items: center;
background-color: var(--red);
color: var(--white);
border: none;
outline: none;
transition: background-color 0.2s var(--trns);
}
.filter-module__modal .filter-module__grid > input:focus, .filter-module__modal .filter-module__grid > input:hover {
background-color: darker(#FF595A, 0.2);
}
.filter-module__modal .filter-module__grid > input.clear-btn {
background: transparent;
color: var(--black5);
}
.filter-module__modal .filter-module__grid > input.clear-btn:focus, .filter-module__modal .filter-module__grid > input.clear-btn:active {
background: rgba(0, 0, 0, 0.0666666667);
}
.filter-module__modal.--open {
opacity: 1;
pointer-events: all;
}
.filter-module__modal.--open .filter-module {
transform: translateY(0px) scaleY(1);
}
.filter-module__trigger {
--filled: 0;
width: 44px;
height: 44px;
border-radius: 22px;
align-items: center;
justify-content: center;
color: var(--black1);
transition: color 0.2s var(--trns);
}
.filter-module__trigger svg path {
fill: currentColor;
transition: fill 0.2s var(--trns), color 0.2s var(--trns);
}
.filter-module__trigger svg path.icon-fill {
opacity: var(--filled);
}
.filter-module__trigger.--active {
--filled: 1;
color: var(--red);
}
}
.load-more {
display: flex;
justify-content: center;
margin-top: var(--gap-y);
}
.load-more a {
min-width: 330px;
}
.load-more.--pad-top {
padding-top: 2rem;
}
.search .daily-title {
display: none;
}
.btn {
--base-color: var(--red);
--btn-height: 44px;
--btn-radius: 0px;
--bg-size: 100%;
display: inline-flex;
text-decoration: none;
position: relative;
color: var(--white);
background: transparent;
border: none;
font-family: var(--base-font);
cursor: pointer;
padding-left: 0px;
padding-right: 0px;
z-index: 1;
}
.btn__content {
min-height: var(--btn-height);
padding: 2px 2.4rem 0px;
display: flex;
align-items: center;
position: relative;
}
@media only screen and (max-width: 1270px) {
.btn__content {
padding-top: 3px;
}
}
@media only screen and (max-width: 990px) {
.btn__content {
padding: 3px 2.1rem 0px;
}
}
@media only screen and (max-width: 770px) {
.btn__content {
padding-top: 2px;
}
}
.btn__content__text {
font-weight: 700;
letter-spacing: 1.7px;
font-size: 1rem;
transition: color 0.2s var(--trns);
}
@media only screen and (max-width: 770px) {
.btn__content__text {
font-size: 1rem;
}
}
.btn__backdrop {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: var(--btn-radius);
background-color: var(--red);
box-shadow: inset 0 0 0 2px var(--red);
transition: background 0.75s var(--trns);
}
.btn__backdrop:after {
content: "";
position: absolute;
z-index: -3;
top: 5px;
left: 10px;
height: 100%;
width: calc(100% - 20px);
border-radius: var(--btn-radius);
background: var(--red);
filter: blur(12px);
opacity: 0;
pointer-events: none;
transition: opacity 0.75s var(--trns);
}
.btn:hover .btn {
color: var(--white);
}
.btn:hover .btn__backdrop {
background-color: var(--red-alpha-btn);
}
.btn:hover .btn__backdrop:after {
transition: opacity 0.2s var(--trns);
opacity: 0.5;
}
.btn:focus-within .btn, .btn:focus .btn {
color: var(--white);
}
.btn:focus-within .btn__backdrop, .btn:focus .btn__backdrop {
background-color: var(--red-alpha-btn-pressed);
transition: background 1.5s var(--trns);
transition-delay: 0.1s;
}
.btn:focus-within .btn__backdrop:after, .btn:focus .btn__backdrop:after {
transition: opacity 0.2s var(--trns);
opacity: 0.6;
transition-delay: 0.2s;
}
.rippler {
--outside-gap: 0px;
--start-t: var(--btn-start-t, 1);
--end-t: var(--btn-end-t, 0);
position: absolute;
height: calc(100% + var(--outside-gap, 0px));
width: calc(100% + var(--outside-gap, 0px));
right: calc(0px - var(--outside-gap, 0px) / 2);
top: calc(0px - var(--outside-gap, 0px) / 2);
border-radius: var(--btn-radius, 80px);
overflow: hidden;
z-index: -2;
background-color: rgba(0, 0, 0, 0);
transition: background 1.5s var(--trns);
}
.btn:focus-within .rippler, .btn:focus .rippler {
background-color: rgba(0, 0, 0, 0.459);
transition-delay: 0.2s;
}
.btn-form:focus-within .rippler, .btn-form:focus .rippler {
background-color: rgba(255, 255, 255, 0.459);
transition-delay: 0.2s;
}
.btn.--checkout:focus-within .rippler, .btn.--checkout:focus .rippler {
transition: background 1s var(--trns);
transition-delay: 0s;
}
.rippler .ripple {
position: absolute;
background: var(--base-color);
transform: translate(-50%, -50%);
pointer-events: none;
border-radius: 50%;
animation: explodeX 0.65s ease;
filter: blur(10px);
}
.btn-simple {
display: flex;
align-items: center;
padding: 13px 3rem 8px;
text-align: center;
justify-content: center;
color: var(--black8);
box-shadow: inset 0 0 0 1.2px var(--black4);
text-transform: uppercase;
height: 44px;
position: relative;
font-size: 12px;
letter-spacing: 0.06rem;
text-decoration: none;
transition: all 0.2s var(--trns);
}
.bg-light .btn-simple {
color: var(--black1);
-webkit-text-stroke: 0.5px;
}
.btn-simple__loader {
position: absolute;
opacity: 0;
padding-bottom: 2px;
transition: all 0.2s var(--trns);
}
.btn-simple__loader svg {
height: 26px;
width: 26px;
}
.btn-simple__loader svg circle {
fill: currentColor;
}
.btn-simple__text {
transition: all 0.2s var(--trns);
}
.btn-simple__completed {
position: absolute;
opacity: 0;
transition: all 0.2s var(--trns);
}
.btn-simple:hover {
color: var(--black2);
-webkit-text-stroke: 0.7px;
background: var(--white);
box-shadow: inset 0 0 0 2px var(--white);
}
.bg-light .btn-simple:hover {
-webkit-text-stroke: 0px;
background: var(--black1);
box-shadow: inset 0 0 0 2px var(--black1);
color: var(--white);
}
.btn-simple.--loading {
color: var(--black2);
-webkit-text-stroke: 0.7px;
background: var(--white);
box-shadow: inset 0 0 0 2px var(--white);
letter-spacing: 0.2rem;
}
.bg-light .btn-simple.--loading {
-webkit-text-stroke: 0px;
background: var(--black1);
box-shadow: inset 0 0 0 2px var(--black1);
color: var(--white);
}
.btn-simple.--loading .btn-simple__text {
opacity: 0;
}
.btn-simple.--loading .btn-simple__loader {
opacity: 1;
}
.btn-simple.--completed {
pointer-events: none;
opacity: 0.6;
}
.btn-simple.--completed .btn-simple__text {
opacity: 0;
}
.btn-simple.--completed .btn-simple__loader {
opacity: 0;
}
.btn-simple.--completed .btn-simple__completed {
opacity: 1;
}
body.home main {
overflow: hidden;
}
.main-header {
--s-padding-top: calc(var(--spacing) * 3);
background: var(--img-bg);
background-size: cover;
background-position: center;
position: relative;
}
.main-header:before {
content: "";
width: 100%;
height: 400px;
left: 0;
top: 0;
position: absolute;
background: linear-gradient(to bottom, #262524 5%, rgba(38, 37, 36, 0));
}
.main-header:before {
content: "";
width: 100%;
height: 100%;
background-repeat: no-repeat;
left: 0;
top: 0;
position: absolute;
background-image: url("https://nokta.md/wp-content/uploads/2024/12/header-theme-bg.png");
}
@media only screen and (max-width: 1170px) {
.main-header .x-col-9 {
--col: 12;
margin-bottom: 4rem;
}
}
@media only screen and (max-width: 1170px) and (max-width: 990px) {
.main-header .x-col-9 {
margin-bottom: 1rem;
}
}
@media only screen and (max-width: 1170px) and (max-width: 990px) {
.main-header .x-col-9 .x-row {
flex-flow: column-reverse;
}
.main-header .x-col-9 .x-row .x-col {
--col: 12;
}
.main-header .x-col-9 .x-row .homepage-info-bar {
justify-content: space-between;
}
.main-header .x-col-9 .x-row .homepage-info-bar .additional-info {
display: none;
}
.main-header .x-col-9 .x-row .--fill-height {
margin-bottom: calc(var(--gap-x) * 1.9) !important;
}
.main-header .x-col-9 .x-row .--fill-height .list-item:not(.--featured-small) .list-item__thumbnail {
--img-height: 350px;
height: var(--img-height);
margin-bottom: 0px;
}
.main-header .x-col-9 .x-row .--fill-height .list-item:not(.--featured-small) .list-item__thumbnail::after {
z-index: 0;
}
.main-header .x-col-9 .x-row .--fill-height .list-item:not(.--featured-small) .list-item__thumbnail:before {
content: "";
width: 100%;
height: 75%;
position: absolute;
bottom: 0px;
left: 0px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8901960784));
z-index: 1;
}
.main-header .x-col-9 .x-row .--fill-height .list-item__text {
position: absolute;
bottom: 0.9rem;
padding: 0 16px 0 12px;
z-index: 1;
}
.main-header .x-col-9 .x-row .--fill-height .list-item__text .list-item__title {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 1170px) {
.main-header .x-col-3 {
--col: 12;
}
}
@media only screen and (max-width: 990px) {
.main-header {
background-image: url(https://nokta.md/wp-content/uploads/2022/03/theme-bg_mobile.svg) !important;
}
}
.main-section-custom {
--img-bg: url("https://nokta.md/wp-content/uploads/2024/12/theme-bg.png");
}
@media only screen and (max-width: 770px) {
.main-section-custom {
--img-bg: url("https://nokta.md/wp-content/uploads/2024/12/home.png");
}
}
.homepage-info-bar {
color: #fff;
display: flex;
margin-bottom: -15px;
padding: 4px 0px 2px;
align-items: center;
}
.homepage-info-bar > * {
margin-bottom: 15px;
}
.homepage-info-bar > *:not(:last-child) {
margin-right: 30px;
}
.tilda-publishing-content {
margin-top: -50px;
}
@media only screen and (max-width: 990px) {
.tilda-publishing-content {
margin-top: 0px;
}
}
.loop-header-bar {
margin-top: 4rem !important;
}
@media only screen and (max-width: 770px) {
.loop-header-bar {
margin-top: 0.5rem !important;
}
.tax-project_category .loop-header-bar {
margin-top: 3rem !important;
}
}
.tag-nav {
margin: 2rem 0 3rem;
max-height: 39px;
overflow: hidden;
}
@media only screen and (max-width: 770px) {
.tag-nav {
margin: 1.5rem 0 0rem;
}
}
.--blog-page .tag-nav {
margin-bottom: 0rem;
}
.home .tag-nav__wrapper {
margin-bottom: 1.5rem;
}
.tag-nav__wrapper.--blog-page {
padding-bottom: 1rem;
margin-top: 1rem;
border-bottom: 1px rgba(217, 217, 217, 0.5) solid;
margin-bottom: -1rem;
}
@media only screen and (max-width: 770px) {
.tag-nav {
overflow: visible;
}
}
.tag-nav ul {
display: flex;
flex-flow: wrap;
padding: 0px;
margin: 0 -10px -20px;
width: calc(100% + 20px);
}
@media only screen and (max-width: 770px) {
.tag-nav ul {
width: calc(100% + var(--gap-x) * 2);
margin: 0 calc(0px - var(--gap-x)) 0px;
padding: 0 11px;
flex-flow: row;
overflow-x: scroll;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
.tag-nav ul::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
}
.--blog-page .tag-nav ul {
margin: 0;
width: auto;
}
.tag-nav ul li {
margin: 0 10px 20px;
display: flex;
flex-grow: 1;
}
.--blog-page .tag-nav ul li {
margin: 0;
}
@media only screen and (max-width: 770px) {
.tag-nav ul li {
margin: 0 5px 0px;
}
}
.tag-nav ul li a {
width: 100%;
display: block;
color: var(--white);
text-transform: uppercase;
font-size: 0.75rem;
line-height: 19px;
letter-spacing: 1.6px;
text-decoration: none;
padding: 0.7rem 1.5rem 0.5rem;
text-align: center;
background-color: rgb(42, 42, 42);
transition: background 0.2s var(--trns), color 0.2s var(--trns);
}
@media only screen and (max-width: 770px) {
.tag-nav ul li a {
padding: 0.7rem 1.1rem 0.5rem;
}
}
.--blog-page .tag-nav ul li a {
color: var(--black4);
font-size: 0.875rem;
-webkit-text-stroke: 0.4px;
background-color: #fff;
}
.tag-nav ul li a:hover {
color: var(--white);
text-decoration: none;
background-color: var(--black2);
}
.--blog-page .tag-nav ul li a:hover {
background: var(--red-alpha-10);
-webkit-text-stroke: 0.4px;
color: var(--red);
}
.tag-nav ul li a:active, .tag-nav ul li a:focus {
transition: background 0.1s var(--trns), color 0.1s var(--trns);
color: var(--white);
text-decoration: none;
background-color: var(--black3);
}
.--blog-page .tag-nav ul li a:active, .--blog-page .tag-nav ul li a:focus {
background: var(--red-alpha-20);
-webkit-text-stroke: 0.4px;
color: var(--red);
}
.tag-nav ul li.current_page_item a, .tag-nav ul li.current-menu-item a {
color: var(--red);
}
@media only screen and (max-width: 1170px) {
.section-editors_choice .x-row .x-col-3 {
--col: 4;
}
.section-editors_choice .x-row .x-col-3:last-child {
display: none;
}
}
@media only screen and (max-width: 1170px) and (max-width: 990px) {
.section-editors_choice .x-row .x-col-3 {
--col: 6;
margin-bottom: calc(var(--gap-x) * 1.9);
}
.section-editors_choice .x-row .x-col-3:last-child {
margin-bottom: 0px;
display: block;
}
}
@media only screen and (max-width: 1170px) and (max-width: 770px) {
.section-editors_choice .x-row .x-col-3 {
--col: 12;
}
.section-editors_choice .x-row .x-col-3:nth-child(2) {
margin-bottom: 0px !important;
}
.section-editors_choice .x-row .x-col-3:nth-child(3), .section-editors_choice .x-row .x-col-3:nth-child(4) {
display: none;
}
}
@media only screen and (max-width: 1170px) {
.section-reportage_post .ajax-list__scrollbox {
height: 620px;
}
}
@media only screen and (max-width: 1170px) and (max-width: 770px) {
.section-reportage_post .ajax-list__scrollbox {
max-height: 70vh;
}
}
@media only screen and (max-width: 1170px) {
.section-reportage_post .x-col-3 {
--col: 4;
}
.section-reportage_post .x-col-9 {
--col: 8;
}
.section-reportage_post .x-col-9 .content-element {
height: 100%;
margin-bottom: 0px;
}
.section-reportage_post .x-col-9 .content-element .x-row {
flex-flow: column;
height: 100%;
}
.section-reportage_post .x-col-9 .content-element .x-row .x-col-8 {
height: 100%;
margin-bottom: 2rem;
}
.section-reportage_post .content-element:nth-child(2) {
display: none;
}
.section-reportage_post .content-element .x-col {
--col: 12;
}
.section-reportage_post .content-element .x-col .loop-grid {
--cols: 2;
}
}
@media only screen and (max-width: 1170px) and (max-width: 770px) {
.section-reportage_post .content-element .x-col .loop-grid {
--cols: 1;
}
}
@media only screen and (max-width: 1170px) and (max-width: 990px) {
.section-reportage_post .inner-section__content > .x-row {
flex-flow: column-reverse;
}
.section-reportage_post .inner-section__content > .x-row > .x-col {
--col: 12;
margin-bottom: calc(var(--gap-x) * 1.9) !important;
}
.section-reportage_post .inner-section__content > .x-row > .x-col:first-child {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 1170px) and (max-width: 770px) {
.section-longridy_post .ajax-list__scrollbox {
max-height: 70vh;
}
}
@media only screen and (max-width: 1170px) {
.section-longridy_post .x-col-3 {
--col: 4;
}
.section-longridy_post .x-col-9 {
--col: 8;
}
.section-longridy_post .x-col-9 .x-row {
flex-flow: column;
height: 100%;
}
.section-longridy_post .x-col-9 .x-row .x-col-8 {
height: 100%;
margin-bottom: 2rem;
}
.section-longridy_post .x-col-9 .x-col {
--col: 12;
}
.section-longridy_post .x-col-9 .x-col .loop-grid {
--cols: 2;
}
}
@media only screen and (max-width: 1170px) and (max-width: 770px) {
.section-longridy_post .x-col-9 .x-col .loop-grid {
--cols: 1;
}
}
@media only screen and (max-width: 1170px) and (max-width: 990px) {
.section-longridy_post .inner-section__content > .x-row {
flex-flow: column;
}
.section-longridy_post .inner-section__content > .x-row > .x-col {
--col: 12;
margin-bottom: calc(var(--gap-x) * 1.9) !important;
}
}
@media only screen and (max-width: 1170px) {
.section-projects_post .x-col-6 {
--col: 8;
}
.section-projects_post .x-col-6:nth-child(2) {
--col: 4;
}
.section-projects_post .x-col-6:nth-child(2) .x-grid {
--cols: 1;
}
.section-projects_post .x-col-6:nth-child(2) .x-grid > *:nth-child(3), .section-projects_post .x-col-6:nth-child(2) .x-grid > *:nth-child(4) {
display: none;
}
}
@media only screen and (max-width: 1170px) and (max-width: 990px) {
.inner-section__content > .x-row {
flex-flow: column;
}
.inner-section__content > .x-row > .x-col {
--col: 12;
margin-bottom: calc(var(--gap-x) * 1.9);
}
.inner-section__content > .x-row > .x-col:last-child {
margin-bottom: 0;
}
}
.x-slider-items {
overflow: visible;
}
.x-slider-items .swiper-slide {
width: 92%;
}
.page-id-538 .wpb_text_column {
--p-scale: 1.125;
--li-scale: 1.125;
}
.page-id-538 .wpb_text_column ul {
display: flex;
flex-flow: wrap;
margin: 0 calc(0px - var(--gap)) calc(0px - var(--gap-y)) !important;
--cols: 3;
}
.page-id-538 .wpb_text_column ul > * {
width: calc(100% / var(--cols) - var(--gap) * 2);
margin: 0 var(--gap) var(--gap-y) !important;
}
@media only screen and (max-width: 1170px) {
.page-id-538 .wpb_text_column ul {
--cols: 2;
}
}
@media only screen and (max-width: 990px) {
.page-id-538 .wpb_text_column ul {
--cols: 1;
}
}
.page-id-538 .wpb_text_column ul li {
padding-left: 0px;
color: var(--black6);
}
.page-id-538 .wpb_text_column ul li strong {
display: block;
color: var(--black4);
}
.page-id-538 .wpb_text_column ul li::before {
display: none;
}
.page-id-538 .wpb_text_column a strong {
color: var(--em-color);
}
@media only screen and (max-width: 990px) {
.contact-widgets .x-row {
flex-flow: column-reverse;
}
}
.contact-widgets .x-col-4 {
padding: 3rem;
}
@media only screen and (max-width: 990px) {
.contact-widgets .x-col-4 {
margin-bottom: 16px !important;
}
}
.contact-widgets .x-col-8 {
position: relative;
}
.contact-widgets .x-col-8:before {
position: absolute;
width: 40px;
content: "";
left: calc(50% - 20px);
top: calc(50% - 20px);
height: 40px;
background-image: url(https://nokta.md/wp-content/uploads/2022/03/frame.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.2;
}
.contact-widgets .x-col {
background-color: #F4F4F4;
}
.contact-widgets .x-col .content-element {
height: 100%;
}
.contact-widgets .x-col .content-element .contact-map {
height: 100%;
}
.contact-widgets .x-col iframe {
position: relative;
z-index: 1;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset;
min-height: 370px;
}
.contact-info {
--inter-content-spacing: 2.5rem;
}
.contact-info__title {
margin-bottom: 1.5rem;
}
.contact-info .menu {
padding-left: 0px;
margin: 0;
}
.contact-info .menu li {
display: flex;
}
.contact-info .menu li:not(:last-child) {
margin-bottom: 1rem;
}
.contact-info .menu li.link-icon.--phone {
--img-bg: url(https://nokta.md/wp-content/uploads/2022/03/phone.svg);
}
.contact-info .menu li.link-icon.--map {
--img-bg: url(https://nokta.md/wp-content/uploads/2022/03/map-pin.svg);
}
.contact-info .menu li.link-icon.--mail {
--img-bg: url(https://nokta.md/wp-content/uploads/2022/03/mail.svg);
}
.contact-info .menu li.link-icon a {
padding-left: 34px;
position: relative;
font-size: 1.125rem;
-webkit-text-stroke: 0.2px;
letter-spacing: 0.45px;
text-decoration: none;
color: var(--black4);
line-height: 28px;
display: flex;
transition: color 0.2s var(--trns);
}
.contact-info .menu li.link-icon a:before {
content: "";
width: 20px;
height: 20px;
background-image: var(--img-bg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0px;
top: 4px;
}
.contact-info .menu li.link-icon a:hover {
color: var(--red);
}
.contact-info .menu li.media-kit-link {
margin-top: 1.2rem;
}
.contact-info .menu li.media-kit-link a {
position: relative;
font-size: 1.125rem;
letter-spacing: 0.45px;
text-underline-offset: 1px;
color: var(--black2);
font-weight: 700;
line-height: 28px;
display: flex;
transition: color 0.2s var(--trns);
}
.contact-info .menu li.media-kit-link a:hover {
color: var(--red);
}
.socials-menu {
margin-top: 3rem;
margin-bottom: 5rem !important;
}
.socials-menu .menu {
padding: 0px;
margin: 0px;
display: flex;
display: flex;
flex-flow: wrap;
margin: 0 calc(0px - var(--gap)) calc(0px - var(--gap-y)) !important;
justify-content: center;
--gap: 30px;
}
.socials-menu .menu > * {
width: calc(100% / var(--cols) - var(--gap) * 2);
margin: 0 var(--gap) var(--gap-y) !important;
}
@media only screen and (max-width: 990px) {
.socials-menu .menu {
--gap: 16px;
}
}
.socials-menu .menu li {
display: flex;
flex-flow: column;
}
.socials-menu .menu li.--facebook {
--img-bg: url(https://nokta.md/wp-content/uploads/2022/03/bx_bxl-facebook_red.svg);
}
.socials-menu .menu li.--instagram {
--img-bg: url(https://nokta.md/wp-content/uploads/2022/03/bx_bxl-instagram-alt_red.svg);
}
.socials-menu .menu li.--youtube {
--img-bg: url(https://nokta.md/wp-content/uploads/2022/03/bi_youtube_red.svg);
}
.socials-menu .menu li a {
display: flex;
flex-flow: column;
position: relative;
font-size: 1.125rem;
letter-spacing: 0.75px;
-webkit-text-stroke: 0.2px;
text-underline-offset: 2px;
color: var(--black1);
font-weight: 400;
align-items: center;
line-height: 28px;
transition: color 0.2s var(--trns);
}
.socials-menu .menu li a:before {
content: "";
width: 32px;
height: 32px;
margin-bottom: 10px;
background-image: var(--img-bg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
filter: brightness(0) saturate(0);
transition: filter 0.2s var(--trns);
}
.socials-menu .menu li a:hover {
color: var(--red);
}
.socials-menu .menu li a:hover:before {
filter: brightness(1) saturate(1);
}
.nokta-form .x-row {
margin-bottom: calc(0px - var(--gap-x) * 2);
}
.nokta-form .x-col {
margin-bottom: calc(var(--gap-x) * 2);
}
.nokta-form .nokta-field {
min-height: 2.2rem;
box-shadow: inset 0 0 0 1px var(--black8);
transition: box-shadow 0.2s var(--trns);
}
.nokta-form .nokta-field:hover, .nokta-form .nokta-field:focus-within {
box-shadow: inset 0 0 0 2px var(--red);
}
.nokta-form .nokta-field input, .nokta-form .nokta-field textarea {
font-size: 1rem;
font-weight: 700;
min-height: 3rem;
letter-spacing: 0.5px;
padding: 3px 20px 0px;
color: var(--black1);
}
.nokta-form .nokta-field input::placeholder, .nokta-form .nokta-field input:placeholder-shown, .nokta-form .nokta-field textarea::placeholder, .nokta-form .nokta-field textarea:placeholder-shown {
font-weight: 400;
color: var(--black4);
}
.nokta-form .nokta-field textarea {
padding-top: 1.3rem;
}
.nokta-form .submit-btn {
position: relative;
}
.nokta-form .submit-btn .wpcf7-spinner {
position: absolute;
top: calc(50% - 11px);
left: calc(50% - 14px);
margin: 0;
background-color: rgba(35, 40, 45, 0.2588235294);
pointer-events: none;
opacity: 0;
transition: opacity 0.2s var(--trns);
}
form.submitting .nokta-form .submit-btn .wpcf7-spinner {
opacity: 1;
}
.nokta-form .submit-btn button {
width: 100%;
-webkit-appearance: none;
height: 3rem;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.4px;
padding: 4px 20px 0px;
cursor: pointer;
display: flex;
border: none;
outline: none;
align-items: center;
background-color: var(--red);
color: var(--white);
text-align: center;
justify-content: center;
transition: box-shadow 0.2s var(--trns), background 0.2s var(--trns);
}
.nokta-form .submit-btn button .form-btn__content {
transition: opacity 0.2s var(--trns);
}
form.submitting .nokta-form .submit-btn button .form-btn__content {
opacity: 0;
}
.nokta-form .submit-btn button:hover {
background: #e53232;
box-shadow: inset 0 0 0 2px var(--red);
}
.nokta-form .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 0.6em;
font-weight: normal;
text-transform: uppercase;
display: block;
font-weight: 600;
letter-spacing: 0.5px;
text-align: end;
padding-top: 2px;
padding-right: 20px;
}
.footer {
padding-top: 3rem;
background-color: var(--black2);
}
.footer .container {
position: relative;
}
.footer__top {
padding-bottom: 3rem;
--cols: 4;
}
.footer__sub {
padding: 1.2rem 0;
}
.footer__sub .x-grid {
margin-bottom: 0px !important;
}
.footer__widget:not(:last-child) {
margin-bottom: 3rem;
}
.footer__widget .textwidget img {
margin-bottom: 2rem;
display: block;
}
.footer__widget .textwidget p {
line-height: 1.65em;
}
.footer__column {
position: relative;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.footer__column .wpb_text_column {
--base-color: var(--gray3);
}
@media only screen and (max-width: 990px) {
.footer__column {
--cols: 1;
}
}
.footer__column:first-of-type {
padding-left: 0px;
}
.footer__column:first-of-type:before {
display: none;
}
@media only screen and (max-width: 990px) {
.footer__column:first-of-type {
--cols: 1;
}
.footer__column:first-of-type .textwidget {
display: flex;
}
.footer__column:first-of-type .textwidget p:not(:first-of-type) {
margin-left: 2rem;
}
}
.footer__column .widget_nav_menu .menu {
display: flex;
flex-flow: wrap;
padding: 0px;
margin: 0px -8px -16px;
width: calc(100% + 16px);
}
.footer__column .widget_nav_menu .menu li {
display: flex;
margin-bottom: 16px;
margin-right: 8px;
margin-left: 8px;
}
.footer__column .widget_nav_menu .menu li a {
display: flex;
flex-flow: wrap;
line-height: 1.7em;
padding-top: 0px;
width: 100%;
color: var(--gray6);
text-decoration: none;
position: relative;
font-weight: 300;
letter-spacing: 1.1px;
opacity: 0.7;
transition: opacity 0.2s var(--trns);
}
.footer__column .widget_nav_menu .menu li a:hover {
opacity: 1;
}
.footer__title {
color: var(--black5);
letter-spacing: 0.5px;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1.3rem;
padding-bottom: 1rem;
border-bottom: 1px var(--black3) solid;
}
.footer__subcolumn {
margin-bottom: 0px !important;
font-weight: 300;
font-size: 0.9rem;
color: var(--black7);
letter-spacing: 0.9px;
padding-top: 7px;
}
@media only screen and (max-width: 770px) {
.footer__subcolumn {
line-height: 1.7em;
}
.footer__subcolumn:nth-child(1) {
margin-bottom: 10px;
}
}
.text-copy {
color: var(--black7);
text-decoration: none;
font-weight: 300;
top: 2px;
position: relative;
transition: color 0.2s var(--trns);
}
.text-copy strong {
text-decoration: underline;
text-underline-offset: 1px;
}
.text-copy span {
position: relative;
top: -3px;
width: 26px;
height: 23px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin: 0 5px 0 8px;
}
@media only screen and (max-width: 770px) {
.text-copy span {
top: -1px;
}
}
.text-copy:hover {
color: var(--black8);
}
.text-copy:active {
transition: color 0.1s var(--trns);
color: var(--white);
}
nav {
--final-top-offset: calc(var(--nav-height) + var(--admin-bar, 0px));
--menu-item-gap: 1.25rem;
position: fixed;
z-index: 1499;
width: 100%;
top: var(--admin-bar);
}
nav:before {
content: "";
background-color: #353535;
box-shadow: 0 5px 20px rgba(30, 28, 27, 0);
opacity: 1;
position: absolute;
height: 100%;
width: 100%;
left: 0px;
bottom: 0px;
z-index: -3;
transition: background 0.25s var(--trns), height 0.25s var(--trns), box-shadow 0.25s var(--trns);
will-change: background, height, box-shadow;
}
.home nav:before, .tax-project_category nav:before {
height: 1px;
}
@media only screen and (max-width: 990px) {
.home nav:before, .tax-project_category nav:before {
height: 120%;
background-color: #2a2a2a;
box-shadow: 0 5px 20px rgba(30, 28, 27, 0.231372549);
}
}
.tax-project_category nav:before {
background-color: rgba(255, 255, 255, 0.096);
}
.--open-menu nav:before {
height: 120%;
}
nav.--scrolled {
--nav-height: 70px;
--nav-offset: 0px;
}
@media only screen and (max-width: 990px) {
nav.--scrolled {
--nav-height: 64px;
--final-top-offset: calc(var(--nav-height) + var(--admin-bar, 0px) );
}
}
nav.--scrolled:before {
width: 100%;
left: 0;
height: 120%;
background-color: #2a2a2a;
box-shadow: 0 5px 20px rgba(30, 28, 27, 0.231372549);
}
.nav {
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
padding: var(--nav-offset) 0 0;
transition: padding 0.25s var(--trns), opacity 0.25s var(--trns);
}
.--search-active .nav {
opacity: 0;
pointer-events: none;
}
@media only screen and (max-width: 1270px) and (min-width: 990px) {
.nav {
flex-flow: nowrap;
}
}
@media only screen and (max-width: 990px) {
.nav {
height: 100vh;
width: 100vw;
top: 0px;
left: 0px;
padding: 0;
z-index: -4;
position: fixed;
align-content: center;
overflow: hidden auto;
opacity: 0;
pointer-events: none;
transform: scaleY(0.6);
transform-origin: top;
background: linear-gradient(to bottom, #262524 5%, #262524);
padding-top: calc(var(--final-top-offset) + 10px);
justify-content: center;
width: 100%;
transition: opacity 0.25s var(--trns), padding 0.25s var(--trns), transform 0.25s var(--trns), border-radius 0.25s var(--trns);
will-change: opacity, padding, transform, border-radius;
}
.nav:before {
content: "";
position: absolute;
background: var(--img-bg);
}
@supports (inset: 0px) {
.nav:before {
inset: 0px;
}
}
@supports not (inset: 0px) {
.nav:before {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.nav.--active {
opacity: 1;
pointer-events: all;
transform: scaleY(1);
}
}
.nav__logo {
display: flex;
height: var(--nav-height);
align-items: center;
transition: height 0.25s var(--trns), transform 0.25s var(--trns);
will-change: height, transform;
transform: translateX(0px);
}
.nav__logo svg {
height: 40px;
width: auto;
transition: height 0.25s var(--trns);
}
.--scrolled .nav__logo svg {
height: 36px;
}
@media only screen and (min-width: 990px) and (max-width: 1170px) {
.--scrolled .nav__logo svg {
height: 25px !important;
}
}
@media only screen and (min-width: 990px) and (max-width: 1170px) {
.nav__logo svg {
height: 25px;
}
}
.--search-active .nav__logo {
transform: translateX(10px);
}
.nav__menu {
display: flex;
flex-flow: wrap;
justify-content: flex-end;
}
@media only screen and (max-width: 770px) {
.nav__menu {
flex-flow: column;
padding: 1rem 0 2rem;
width: 100%;
}
}
.nav__search {
position: absolute;
top: 0px;
left: var(--gap-x);
width: calc(100% - var(--gap-x) * 2);
opacity: 0;
pointer-events: none;
height: 100%;
display: flex;
align-items: center;
transform: translateY(10px);
transition: opacity 0.25s var(--trns), height 0.25s var(--trns), transform 0.25s var(--trns);
}
.--search-active .nav__search {
opacity: 1;
pointer-events: all;
transform: translateY(0px);
}
.nav__cta {
display: flex;
flex-flow: wrap;
align-items: center;
transition: transform 0.25s var(--trns);
transform: translateX(0px);
}
@media only screen and (max-width: 1270px) {
.nav__cta .btn__content {
padding: 0px 1.4rem 0px;
}
.nav__cta .btn__content__text {
font-size: 0px;
background: url(https://nokta.md/wp-content/uploads/2022/03/iconoir_donate.svg);
width: 26px;
background-size: contain;
height: 26px;
background-position: center;
}
}
@media only screen and (max-width: 1270px) and (min-width: 990px) {
.nav__cta {
flex-flow: nowrap;
}
.nav__cta .custom-btn-header {
padding: 16px 14px;
font-size: 12px;
}
}
@media only screen and (max-width: 990px) {
.nav__cta {
transform: none !important;
margin-bottom: 20px !important;
}
.nav__cta .btn__content {
padding: 2px 2.4rem 0px;
}
.nav__cta .btn__content__text {
font-size: 1rem;
background: transparent;
width: auto;
background-size: contain;
height: auto;
background-position: center;
}
}
@media only screen and (max-width: 440px) {
.nav__cta {
margin: 1.5rem var(--gap) 0;
}
}
.--search-active .nav__cta {
transform: translateX(-10px);
}
.nav__mobile {
padding: calc(var(--nav-offset) / 2) 0;
display: flex;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
transition: padding 0.25s var(--trns), opacity 0.25s var(--trns);
will-change: padding, opacity;
}
.--search-active .nav__mobile {
opacity: 0;
pointer-events: none;
}
.nav__mobile__trigger {
height: var(--nav-height);
width: 73px;
margin-right: -19px;
position: relative;
display: block;
padding: 0 var(--gap-size);
--move-unit: 4px;
--rotate: 0deg;
--bars-rotate: 0deg;
--rotate-delay: 0s;
--move-delay: .2s;
--button-size: 24px;
color: var(--gray6) !important;
}
.nav__mobile__trigger.--active {
--rotate-delay: .2s;
--move-delay: 0s;
--move-unit: 0px;
--rotate: 180deg;
--bars-rotate: 45deg;
}
.nav__mobile__trigger.--active .morphing-trigger span {
width: 100% !important;
}
.nav__mobile__trigger.--active .morphing-trigger span.middle {
opacity: 0;
}
.nav__mobile__trigger .morphing-trigger {
position: absolute;
width: var(--button-size);
height: var(--button-size);
top: calc(50% - var(--button-size) / 2);
left: calc(50% - var(--button-size) / 2);
transform: rotate(var(--rotate));
transition: var(--trns) var(--rotate-delay);
}
.nav__mobile__trigger .morphing-trigger span {
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
right: 0px;
will-change: transform, opacity, width, bottom, top;
transition: transform var(--trns) var(--rotate-delay), top var(--trns) var(--move-delay), opacity var(--trns) var(--move-delay), width var(--trns) var(--move-delay), bottom var(--trns) var(--move-delay);
}
.nav__mobile__trigger .morphing-trigger span.upper {
transform: translateY(-50%) rotate(var(--bars-rotate));
top: calc(50% - var(--move-unit));
width: 120%;
}
.nav__mobile__trigger .morphing-trigger span.lower {
transform: translateY(50%) rotate(calc(0deg - var(--bars-rotate)));
bottom: calc(50% - var(--move-unit));
width: 70%;
}
.nav__mobile__trigger .morphing-trigger span.middle {
transform: translateY(-50%);
top: 50%;
display: none;
}
.nav__mobile__cta {
margin-left: auto;
margin-right: 0px;
}
.nav__mobile__cta li {
display: flex;
}
.nav__mobile__cta li a {
height: var(--nav-height);
width: 40px;
margin-right: -10px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.nav__mobile__cta li a svg {
width: 50px;
height: 20px;
}
.nav__mobile__cta li a svg path {
stroke-width: 1.5px;
}
.nav__mobile__logo {
position: relative;
top: calc(2px + var(--nav-offset) * 0.4);
transition: top 0.25s var(--trns);
will-change: top;
}
@media only screen and (max-width: 770px) {
.nav__mobile__logo {
top: 1px;
}
}
.nav__mobile__logo svg {
width: auto;
height: 24px;
}
.navigation {
display: flex;
flex-flow: wrap;
margin: 0px;
margin-right: 1rem;
margin-left: 1rem;
position: relative;
padding-left: 0px;
}
@media only screen and (max-width: 1270px) and (min-width: 990px) {
.navigation {
flex-flow: nowrap;
}
}
@media only screen and (max-width: 770px) {
.navigation {
margin-right: var(--gap);
margin-left: var(--gap);
--nav-height: 44px;
}
}
.navigation .sub-menu {
position: fixed;
display: flex;
top: calc(var(--nav-height) + var(--admin-bar));
width: 100%;
left: 0px;
justify-content: center;
background: #F4F4F4;
padding: 0px 20px;
transition: top 0.25s var(--trns), transform 0.25s var(--trns), opacity 0.25s var(--trns), height 0.25s var(--trns), padding 0.25s var(--trns);
will-change: top, transform, opacity, height, padding;
opacity: 0;
transform-origin: top;
transform: scaleY(0.5);
pointer-events: none;
}
@media only screen and (max-width: 990px) {
.navigation .sub-menu {
position: relative;
top: unset !important;
padding: 10px 0px;
flex-flow: column;
padding: 0px 20px;
transform: scaleY(1);
overflow: hidden;
background: transparent;
height: auto;
}
.--init .navigation .sub-menu {
padding: 0px 0px;
height: 0px;
}
}
.navigation .sub-menu > li {
display: flex;
}
.navigation .sub-menu > li > a {
display: flex;
align-items: center;
height: 70px;
font-weight: 500;
color: var(--gray2);
letter-spacing: 1.1px;
padding: 3px 20px 0px;
text-decoration: none;
transition: background 0.2s var(--trns), color 0.2s var(--trns), font-weight 0.2s var(--trns);
}
.navigation .sub-menu > li > a:hover {
color: var(--red);
}
.navigation .sub-menu > li > a:active, .navigation .sub-menu > li > a:focus-within {
color: var(--red);
background-color: var(--red-alpha-10);
}
@media only screen and (max-width: 990px) {
.navigation .sub-menu > li > a {
color: var(--black7);
justify-content: center;
height: 40px;
width: 100%;
}
}
@media only screen and (max-width: 1270px) and (min-width: 990px) {
.navigation .sub-menu > li > a {
padding: 2px 10px 0;
}
}
.navigation .sub-menu > li.current-menu-item > a {
color: var(--red);
-webkit-text-stroke: 0.6px;
}
.navigation > li {
display: flex;
}
@media only screen and (max-width: 990px) {
.navigation > li.search-trigger {
display: none;
}
}
.navigation > li.menu-item-has-children {
flex-flow: column;
}
@media only screen and (max-width: 990px) {
.navigation > li.menu-item-has-children {
position: relative;
}
.navigation > li.menu-item-has-children:after {
content: "";
width: 40%;
height: 100%;
display: block;
position: absolute;
right: 0px;
top: 0px;
}
}
.navigation > li.menu-item-has-children > a {
position: relative;
padding-right: calc(var(--menu-item-gap) + 20px);
}
.navigation > li.menu-item-has-children > a::before {
content: "";
width: 8px;
height: 8px;
border-right: 2px currentColor solid;
border-bottom: 2px currentColor solid;
transform: rotate(45deg) scale(0.8);
position: absolute;
right: var(--menu-item-gap);
top: calc(50% - 4px);
opacity: 0.7;
transition: transform 0.25s var(--trns), border 0.25s var(--trns);
}
@media only screen and (max-width: 990px) {
.navigation > li.menu-item-has-children > a::before {
right: -40px;
left: unset;
pointer-events: none;
}
}
@media only screen and (max-width: 990px) {
.navigation > li.menu-item-has-children > a {
padding-right: var(--menu-item-gap);
display: flex;
}
.navigation > li.menu-item-has-children > a::after {
content: "";
display: block !important;
width: 8px;
height: 8px;
border-right: 2px currentColor solid;
border-bottom: 2px currentColor solid;
transform: rotate(45deg) scale(0.9);
transform-origin: center;
position: relative;
margin-left: 14px;
top: 0px;
opacity: 1;
transition: transform 0.25s var(--trns), border 0.25s var(--trns);
}
}
@media only screen and (max-width: 990px) and (max-width: 990px) {
.navigation > li.menu-item-has-children > a::after {
top: -2px;
left: unset;
pointer-events: none;
}
}
@media only screen and (max-width: 990px) {
.navigation > li.menu-item-has-children > a::before {
display: none;
}
}
.navigation > li.menu-item-has-children:hover > a:before, .navigation > li.menu-item-has-children:focus > a:before, .navigation > li.menu-item-has-children:focus-within > a:before {
transform: translateY(4px) rotate(-135deg) scale(0.8);
}
@media only screen and (max-width: 990px) {
.navigation > li.menu-item-has-children:hover > a:after, .navigation > li.menu-item-has-children:focus > a:after, .navigation > li.menu-item-has-children:focus-within > a:after {
transform: translateY(4px) rotate(-135deg) scale(0.9);
}
}
.navigation > li.menu-item-has-children:hover .sub-menu, .navigation > li.menu-item-has-children:focus .sub-menu, .navigation > li.menu-item-has-children:focus-within .sub-menu {
opacity: 1;
transform: scaleY(1);
pointer-events: all;
}
@media only screen and (max-width: 990px) {
.navigation > li.menu-item-has-children:hover .sub-menu, .navigation > li.menu-item-has-children:focus .sub-menu, .navigation > li.menu-item-has-children:focus-within .sub-menu {
transform: scaleY(1);
padding: 10px 0px;
overflow: hidden;
background: transparent;
height: calc(var(--js-sub-menu) + 20px);
}
}
.navigation > li.menu-item-has-children.current-menu-item > a:after, .navigation > li.menu-item-has-children.current_page_item > a:after, .navigation > li.menu-item-has-children.current-menu-ancestor > a:after {
transform: rotate(45deg) scale(0.92);
}
.navigation > li.menu-item-has-children.current-menu-item:hover > a:before, .navigation > li.menu-item-has-children.current_page_item:hover > a:before, .navigation > li.menu-item-has-children.current-menu-ancestor:hover > a:before {
transform: translateY(4px) rotate(-135deg) scale(0.92);
}
@media only screen and (max-width: 990px) {
.navigation > li.menu-item-has-children.current-menu-item:hover > a:after, .navigation > li.menu-item-has-children.current_page_item:hover > a:after, .navigation > li.menu-item-has-children.current-menu-ancestor:hover > a:after {
transform: translateY(4px) rotate(-135deg) scale(0.9);
}
}
@media only screen and (max-width: 770px) {
.navigation > li {
width: 100%;
}
}
.navigation > li > a {
color: var(--gray4);
text-decoration: none;
display: flex;
padding: 2px var(--menu-item-gap) 0px;
height: var(--nav-height);
align-items: center;
font-size: 1rem;
letter-spacing: 1.1px;
font-weight: 400;
position: relative;
transition: -webkit-text-stroke 0.25s var(--trns), height 0.25s var(--trns), color 0.25s var(--trns), background 0.25s var(--trns);
will-change: -webkit-text-stroke, height, color, background;
}
@media only screen and (max-width: 990px) {
.navigation > li > a {
font-size: 1.5rem;
color: #fff;
justify-content: center;
padding: 5px 1rem 0px;
}
}
.navigation > li > a svg path {
stroke: currentColor;
transition: stroke 0.25s var(--trns);
will-change: stroke;
}
@media only screen and (max-width: 1170px) {
.navigation > li > a {
font-weight: 500;
}
}
@media only screen and (max-width: 1270px) and (min-width: 990px) {
.navigation > li > a {
padding: 2px 10px 0;
font-size: 12px;
}
}
@media only screen and (max-width: 770px) {
.navigation > li > a {
width: calc(100% + var(--gap) * 2);
padding: 2px var(--gap) 0px;
margin-right: calc(0px - var(--gap));
margin-left: calc(0px - var(--gap));
}
.navigation > li > a:before {
content: "";
position: absolute;
bottom: 0;
left: var(--gap);
background: radial-gradient(farthest-side at 50% 100%, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0));
width: calc(100% - var(--gap) * 2);
height: 50%;
opacity: 0.1;
transition: opacity 0.25s var(--trns), transform 0.25s var(--trns), background 0.25s var(--trns);
}
}
@media only screen and (max-width: 440px) {
.navigation > li > a {
font-weight: 400;
}
}
@media only screen and (min-width: 990px) {
.navigation > li > a:after {
content: "";
position: absolute;
bottom: 0;
left: var(--menu-item-gap);
background: radial-gradient(farthest-side at 50% 100%, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0));
width: calc(100% - var(--menu-item-gap) * 2);
border-bottom: 2px var(--gray6) solid;
height: 50%;
opacity: 0;
transform: scale(0.6);
transform-origin: bottom;
transition: opacity 0.25s var(--trns), transform 0.25s var(--trns), background 0.25s var(--trns);
}
}
@media only screen and (min-width: 990px) and (max-width: 770px) {
.navigation > li > a:after {
transform-origin: bottom left;
left: var(--gap);
width: calc(100% - var(--gap) * 2);
}
}
@media only screen and (min-width: 990px) {
.--init .navigation > li > a:after {
display: none;
}
}
.navigation > li > a:hover, .navigation > li > a:focus, .navigation > li > a:focus-within {
color: var(--white);
}
.navigation > li > a:active {
background-color: rgba(255, 255, 255, 0.0745098039);
}
@media only screen and (max-width: 990px) {
.navigation > li > a:hover {
background-color: rgba(255, 255, 255, 0.0745098039);
}
}
.navigation > li.current-menu-item > a, .navigation > li.current_page_item > a, .navigation > li.current-menu-ancestor > a {
color: var(--red);
-webkit-text-stroke: 0.6px;
}
.navigation > li.current-menu-item > a:focus-within, .navigation > li.current-menu-item > a:active, .navigation > li.current_page_item > a:focus-within, .navigation > li.current_page_item > a:active, .navigation > li.current-menu-ancestor > a:focus-within, .navigation > li.current-menu-ancestor > a:active {
background-color: var(--red-alpha-10);
}
.navigation__bar {
position: absolute;
width: var(--js-width);
left: var(--js-left);
bottom: 0px;
opacity: 0;
height: 100%;
pointer-events: none;
}
.--init .navigation__bar {
opacity: 1;
transition: left 0.25s var(--trns), width 0.25s var(--trns);
}
.navigation__bar:after {
content: "";
position: absolute;
bottom: 0;
left: var(--menu-item-gap);
width: calc(100% - var(--menu-item-gap) * 2);
border-bottom: 2px var(--gray6) solid;
height: 50%;
opacity: 0;
transform: scale(0.6);
transform-origin: bottom;
}
.--has-current .navigation__bar:after {
border-color: var(--red);
}
.--has-current .navigation__bar:after {
opacity: 1;
transform: scale(1);
}
.--init .navigation__bar:after {
transition: opacity 0.25s var(--trns), transform 0.25s var(--trns), border-color 0.25s var(--trns);
}
.navigation:hover .navigation__bar:after {
opacity: 1;
transform: scale(1);
border-color: var(--white);
}
.--on-current .navigation:hover .navigation__bar:after {
border-color: var(--red);
}
.navigation:hover .navigation__bar:before {
opacity: 0.4;
transform: scale(1);
}
.--pressed .navigation:hover .navigation__bar:before {
transition: opacity 0.15s var(--trns);
opacity: 1;
}
.searchform {
--bar-height: 44px;
--input-color: var(--gray6);
--gap-x: 10px;
width: 100%;
display: flex;
}
.searchform .search-field {
width: calc(100% - var(--bar-height) - var(--gap-x));
display: flex;
position: relative;
transition: background 0.2s var(--trns);
}
.searchform .search-field:hover, .searchform .search-field:focus-within {
background-color: rgba(255, 255, 255, 0.0666666667);
}
.searchform .search-field__input {
width: 100%;
padding-top: 5px;
margin-left: calc(var(--bar-height));
font-size: 1rem;
height: var(--bar-height);
line-height: calc(var(--bar-height) * 1.1);
background: transparent;
color: var(--input-color);
border: none;
outline: none;
letter-spacing: 1px;
}
.searchform .search-field__submit {
height: var(--bar-height);
position: absolute;
right: 0px;
display: none;
}
.searchform .search-field__exit {
height: var(--bar-height);
width: var(--bar-height);
justify-content: center;
display: flex;
margin-left: var(--gap-x);
color: var(--gray6);
align-items: center;
cursor: pointer;
transition: background 0.2s var(--trns), color 0.2s var(--trns);
}
.searchform .search-field__exit:hover {
background-color: var(--red-alpha-10);
color: var(--red);
}
.searchform .search-field__exit:active, .searchform .search-field__exit:focus-within {
transition: background 0.1s var(--trns), color 0.1s var(--trns);
color: var(--red);
background-color: var(--red-alpha-20);
}
.searchform .search-field__exit span {
width: 20px;
height: 2px;
background-color: currentColor;
transform: rotate(45deg);
position: absolute;
}
.searchform .search-field__exit span:nth-child(2) {
transform: rotate(135deg);
}
.searchform .search-field__icon {
position: absolute;
left: 0px;
pointer-events: none;
height: var(--bar-height);
width: var(--bar-height);
justify-content: center;
display: flex;
align-items: center;
}
.searchform .search-field__icon svg {
width: 18px;
height: 18px;
}
.grid-archive {
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
.x-archive-header {
width: 34%;
padding-right: 6rem;
}
.x-archive-header__inner {
position: sticky;
top: 9rem;
display: flex;
flex-flow: column;
}
.x-archive-header .wpb_text_column {
margin-bottom: 3rem;
}
@media only screen and (max-width: 1170px) {
.x-archive-header {
width: 41%;
padding-right: 5rem;
}
}
@media only screen and (max-width: 990px) {
.x-archive-header {
width: 100%;
padding-right: 0px;
margin-bottom: 5rem;
}
}
.x-archive-container {
--outline-color: rgba(255, 255, 255, 0.096);
--padding-left: 4rem;
--icon-size: 64px;
border-left: 2px var(--outline-color) solid;
padding-left: var(--padding-left);
width: 66%;
}
@media only screen and (max-width: 1170px) {
.x-archive-container {
width: 59%;
}
}
@media only screen and (max-width: 990px) {
.x-archive-container {
width: calc(100% - 2rem);
margin-left: 2rem;
}
}
@media only screen and (max-width: 770px) {
.x-archive-container {
--padding-left: 2rem;
--icon-size: 58px;
width: calc(100% - 0rem);
margin-left: 0px;
}
}
.x-link-list {
--gap: 7px;
--gap-y: 13px;
display: flex;
align-items: center;
justify-content: center;
display: flex;
flex-flow: wrap;
margin: 0 calc(0px - var(--gap)) calc(0px - var(--gap-y)) !important;
}
.x-link-list > * {
width: calc(100% / var(--cols) - var(--gap) * 2);
margin: 0 var(--gap) var(--gap-y) !important;
}
.x-link-list.--stacked {
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;
}
@media only screen and (max-width: 990px) {
.x-link-list.--stacked {
flex-flow: wrap;
}
}
.x-link-list.--stacked .x-link {
width: calc(96% - var(--gap-y) * 2);
}
@media only screen and (max-width: 990px) {
.x-link-list.--stacked .x-link {
width: auto;
}
}
.x-link-list .x-link {
display: inline-block;
line-height: 1.6em;
font-size: 0.9rem;
text-transform: uppercase;
padding: 14px 2rem 10px;
border-radius: 7px;
color: var(--gray4);
font-weight: 500;
text-decoration: none;
text-align: center;
letter-spacing: 1px;
position: relative;
transition: color 0.2s var(--trns), background 0.2s var(--trns), font-weight 0.2s var(--trns), letter-spacing 0.2s var(--trns), padding 0.2s var(--trns);
}
.x-link-list .x-link:after {
content: "";
position: absolute;
position: absolute;
border-radius: 7px;
box-shadow: inset 0 0 0 2px currentColor;
opacity: 0.3;
transition: opacity 0.2s var(--trns), box-shadow 0.2s var(--trns);
}
@supports (inset: 0px) {
.x-link-list .x-link:after {
inset: 0px;
}
}
@supports not (inset: 0px) {
.x-link-list .x-link:after {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.x-link-list .x-link:hover {
color: var(--gray6);
}
.x-link-list .x-link:hover:after {
opacity: 0.6;
}
.x-link-list .x-link:active, .x-link-list .x-link:focus, .x-link-list .x-link:focus-within {
color: var(--gray6);
}
.x-link-list .x-link:active:after, .x-link-list .x-link:focus:after, .x-link-list .x-link:focus-within:after {
opacity: 1;
transition: opacity 0.1s var(--trns), box-shadow 0.1s var(--trns);
}
.x-link-list .x-link.--active {
font-weight: 700;
color: var(--gray1);
background: var(--gray6);
}
.x-link-list .x-link.--active::after {
opacity: 0;
}
.x-archive-section__title {
padding: 1rem 0px 2rem;
border-bottom: 2px var(--outline-color) solid;
padding-left: var(--padding-left);
margin-left: calc(0px - var(--padding-left));
}
.x-archive-section__title h2 {
--local-grad: linear-gradient(45deg, var(--yellow), var(--red));
margin-bottom: 0px;
display: inline-block;
font-weight: 600;
font-size: 2.2rem;
background: var(--local-grad);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
}
@media only screen and (max-width: 770px) {
.x-archive-section__title h2 {
font-size: 1.5rem;
}
}
.x-archive-section:not(:first-child) .x-archive-section__title {
padding: var(--padding-left) 0px 2rem;
border-top: 2px var(--outline-color) solid;
padding-left: var(--padding-left);
}
.x-archive-section:last-child .x-testimonial:last-child {
padding-bottom: 0px;
}
.x-testimonial {
padding-top: calc(var(--padding-left) * 1);
padding-left: var(--padding-left);
padding-bottom: calc(var(--padding-left) * 1);
margin-left: calc(0px - var(--padding-left));
}
.x-testimonial__header {
text-decoration: none !important;
display: flex;
flex-flow: wrap;
position: relative;
padding-left: var(--padding-left);
margin-left: calc(0px - var(--padding-left));
margin-bottom: calc(var(--padding-left) * 0.6);
}
@media only screen and (max-width: 770px) {
.x-testimonial__header {
margin-bottom: calc(var(--padding-left) * 0.9);
}
}
.x-testimonial__header .simple-btn {
position: absolute;
right: 0px;
top: calc(50% - var(--btn-height) / 2);
}
.x-testimonial__header__icon {
font-size: 1.25rem;
padding-top: 3px;
color: var(--white);
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2666666667);
width: var(--icon-size);
height: var(--icon-size);
border-radius: 50%;
background: var(--em-grad);
display: flex;
align-items: center;
justify-content: center;
font-weight: 300;
position: absolute;
left: calc(0px - var(--icon-size) / 2 - 1px);
top: calc(50% - var(--icon-size) / 2 - 1px);
z-index: 1;
transition: transform 0.1s var(--trns);
}
@media only screen and (max-width: 770px) {
.x-testimonial__header__icon {
position: relative;
left: -5px;
top: 0px;
margin-bottom: 1rem;
}
}
.x-testimonial__header__icon::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
left: -20%;
background: var(--em-grad);
bottom: -20%;
filter: blur(40px);
transform: scale(1.1);
opacity: 0.6;
z-index: -1;
}
.x-testimonial__header__icon::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
left: 0%;
background: var(--em-grad);
bottom: 0%;
opacity: 0;
z-index: -1;
transform: scale(1);
transition: transform 0.2s var(--trns), opacity 0.2s var(--trns);
}
.x-testimonial__header h3 {
padding-top: 2px;
margin-bottom: 7px;
font-weight: 500;
letter-spacing: 0.45px;
color: var(--gray6);
width: 80%;
font-size: 1.25rem;
line-height: 1.4em;
}
@media only screen and (max-width: 770px) {
.x-testimonial__header h3 {
width: 100%;
display: block;
}
}
.x-testimonial__header__info {
width: 80%;
font-weight: 400;
font-size: 0.9rem;
color: var(--gray4);
letter-spacing: 0.5px;
display: block;
line-height: 1.4em;
margin-top: 0px;
opacity: 0.8;
}
.x-testimonial__header:hover .x-testimonial__header__icon:after {
transform: scale(1.3);
opacity: 0.2;
}
.x-testimonial__header:active .x-testimonial__header__icon {
transform: scale(0.9);
}
.x-testimonial:not(:last-child) {
border-bottom: 2px var(--outline-color) solid;
}
.post-type-archive-testimonial .deco-sphere:nth-child(1) {
right: 2rem;
top: -4rem;
left: unset;
}
@media only screen and (max-width: 770px) {
.post-type-archive-testimonial .deco-sphere:nth-child(1) {
right: 0rem;
top: -2rem;
}
}
.post-type-archive-testimonial .deco-sphere:nth-child(2) {
right: -10rem;
}
@media only screen and (max-width: 770px) {
.post-type-archive-testimonial .deco-sphere:nth-child(2) {
display: none;
}
}
@media only screen and (max-width: 770px) {
.post-type-archive-testimonial {
left: unset;
}
}
.archive main {
overflow: clip;
}
.wp-block-media-text {
box-sizing: border-box;
direction: ltr;
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
}
.single .entry-content img,
.page .entry-content img,
.wp-block-image img {
max-height: 70vh !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
.aligncenter,
.wp-block-image.aligncenter,
.wp-block-image figure.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.alignleft,
.wp-block-image.alignleft,
.wp-block-image figure.alignleft {
float: left;
margin: 0 1.5rem 1.5rem 0;
}
.alignright,
.wp-block-image.alignright,
.wp-block-image figure.alignright {
float: right;
margin: 0 0 1.5rem 1.5rem;
}
.has-text-align-center,
.wp-block-heading.has-text-align-center {
text-align: center !important;
}
.has-text-align-right,
.wp-block-heading.has-text-align-right {
text-align: right !important;
}
.wpb_text_column ul li:not(:last-child) {
margin-bottom: 0.8rem;
}
.overflow-h {
overflow: hidden;
}
@media only screen and (max-width: 990px) {
.single-post h1 {
font-size: 1.714rem;
line-height: 1.35em;
}
}
.single-post__location {
font-size: 0.875rem;
letter-spacing: 0.3px;
line-height: 1.3em;
color: var(--black6);
}
.bg-dark .single-post__location {
margin-bottom: 0.5rem;
}
.single-post__location a {
text-decoration: none;
-webkit-text-stroke: 0.2px;
color: var(--black4);
transition: color 0.2s var(--trns);
}
.bg-dark .single-post__location a {
color: var(--black7);
}
.single-post__location a:hover, .single-post__location a:focus, .single-post__location a:focus-within {
color: var(--red);
}
@media only screen and (max-width: 990px) {
.single-post__location {
height: 1.3em;
overflow: hidden;
text-overflow: ellipsis;
}
}
.single-post__thumbnail {
overflow: hidden;
display: flex;
align-items: center;
flex-flow: column;
justify-content: center;
}
.single-post__thumbnail img {
width: 100%;
background: rgba(34, 34, 34, 0.05);
height: auto;
}
.single-post__thumbnail .caption-text {
align-self: flex-start;
margin-top: 21px;
padding-left: 20px;
border-left: 2px #dedede solid;
padding-top: 3px;
letter-spacing: 0.2px;
}
.single-post .container {
margin-bottom: 3rem !important;
}
@media only screen and (max-width: 990px) {
.single-post .container {
margin-bottom: 2rem !important;
}
}
.single-post .container:last-child {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 990px) {
.single-post .container:last-child {
margin-bottom: 0rem !important;
}
}
.single-post__meta {
display: flex;
flex-flow: wrap;
align-items: center;
font-size: 0.875rem;
letter-spacing: 0.3px;
color: var(--black6);
}
.single-post__meta .author-box {
margin-right: 1rem;
display: flex;
flex-flow: wrap;
align-items: center;
color: var(--black2);
-webkit-text-stroke: 0.4px;
}
.single-post__meta .author-box img {
background: #f4f4f4;
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 10px;
}
.single-post .button-container {
width: 100%;
}
.single-post .button-container .btn, .single-post .button-container .btn__content, .single-post .button-container .btn__content__text {
width: 100%;
text-align: center;
}
.single-post__content {
max-width: 100%;
}
.single-post__content p {
word-break: break-word;
}
@media only screen and (max-width: 990px) {
.single-post__content {
padding-left: 12px;
padding-right: 12px;
}
.single-post__content .single-post__content {
padding-left: 0px;
padding-right: 0px;
}
}
.single-post__content img {
max-width: 100%;
height: auto;
}
.single-post__content > div {
max-width: 100%;
width: 100% !important;
}
.single-post__content .wp-caption {
max-width: 100%;
width: 100% !important;
}
.single-post__footer {
padding-top: calc(2rem - 10px);
border-top: 2px rgba(217, 217, 217, 0.5) solid;
}
@media only screen and (max-width: 990px) {
.single-post__footer .x-grid {
flex-flow: column;
align-items: center;
}
.single-post__footer .x-grid .x-tags.--empty {
display: none;
}
}
.single-post .wpb_text_column {
--p-scale: 1.125;
--li-scale: 1.125;
--bq-scale: 1.5;
--h3-scale: .681;
--h3-weight: 700;
}
@media only screen and (max-width: 990px) {
.single-post .wpb_text_column {
--p-scale: 1.1428571;
--li-scale: 1.1428571;
}
}
.single-post .wpb_text_column a {
text-underline-offset: 1.5px;
text-decoration: underline !important;
color: var(--red);
}
.single-post .wpb_text_column a strong {
color: var(--red);
transition: color 0.2s var(--trns);
}
.single-post .wpb_text_column a:hover strong {
color: var(--red);
}
.single-post .wpb_text_column div {
color: var(--base-color);
font-size: clamp(1rem, 1rem * var(--p-scale, 1) * var(--amplifier), 1.25rem);
line-height: calc(1.9em * var(--p-height, 1));
font-weight: var(--p-weight, 400);
letter-spacing: 0.5px;
}
.single-post .wpb_text_column > div {
margin-bottom: var(--vertical-spacing) !important;
}
.single-post .wpb_text_column > div:last-of-type {
margin-bottom: 0px !important;
}
/* Target YouTube video iframes */
iframe[src*="youtube.com"],
iframe[src*="vimeo.com"],
iframe[src*="facebook.com"] {
width: 100%;
display: flex;
border-radius: 0rem;
height: auto;
aspect-ratio: 16/9;
}
.x-table {
border-spacing: 0px;
--tables-border-radius-gap: 10px;
--tables-padding: 0rem;
padding: var(--tables-padding);
}
.x-table thead tr th {
padding: 0.7rem 0.6rem 0.6rem;
padding-top: 2rem;
padding-bottom: 0rem;
background: transparent;
color: var(--gray6);
text-align: left;
font-weight: 300;
letter-spacing: 0.5px;
line-height: 1.5em;
}
.x-table thead tr th h4 {
font-weight: 400;
font-size: 1.5rem;
color: var(--gray6);
margin-bottom: 0px;
}
@media only screen and (max-width: 990px) {
.x-table thead tr th h4 {
line-height: 1.35em;
margin-bottom: 5px;
}
}
.x-table thead tr th:last-child {
padding-right: 2rem;
border-top-right-radius: 10px;
}
@media only screen and (max-width: 990px) {
.x-table thead tr th:last-child {
padding-right: var(--gap-size);
}
}
.x-table thead tr:first-child th:first-child {
padding-left: 2rem;
border-top-left-radius: 10px;
}
@media only screen and (max-width: 990px) {
.x-table thead tr:first-child th:first-child {
padding-left: var(--gap-size);
}
}
.x-table thead tr:last-child th {
padding-bottom: 20px;
}
.x-table tbody tr:first-child td {
border-top: 2px var(--gray1) solid;
}
.x-table tbody tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.034);
border-radius: 0.5rem;
}
.x-table tbody tr td {
padding: 0.9rem 0.6rem 0.7rem;
font-size: 0.8rem;
line-height: 1.65em;
letter-spacing: 0.5px;
font-weight: 400;
position: relative;
}
.x-table tbody tr td:not(:last-child) {
border-right: 2px var(--gray1) solid;
}
.x-table tbody tr td:first-child {
padding-left: 2rem;
padding-right: 1rem;
}
@media only screen and (max-width: 990px) {
.x-table tbody tr td:first-child {
padding-left: var(--gap-size);
}
}
.x-table tbody tr td:last-child {
padding-right: 2rem;
}
@media only screen and (max-width: 990px) {
.x-table tbody tr td:last-child {
padding-right: var(--gap-size);
}
}
@media only screen and (min-width: 990px) {
.x-table tbody tr:hover td::after {
opacity: 1;
transform: translateY(0px);
}
}
.x-table tbody tr:first-child td {
padding-top: 2rem;
}
.x-table tbody tr:last-child td {
padding-bottom: 2rem;
}
.x-table tbody tr:last-child td:after {
top: calc(100% - 2px - 1.4rem);
}
.x-table tbody:nth-child(2) tr:first-child td {
padding-top: 1rem;
}
.x-tags {
display: flex;
flex-flow: wrap;
margin-top: 10px !important;
margin-left: calc(var(--gap) - 10px) !important;
margin-right: calc(var(--gap) - 10px) !important;
}
@media only screen and (max-width: 990px) {
.x-tags {
justify-content: center;
}
}
.x-tags a {
text-decoration: none;
-webkit-text-stroke: 0.4px;
height: 24px;
line-height: 26px;
color: var(--black4);
font-size: 0.875rem;
letter-spacing: 1px;
text-transform: uppercase;
transition: color 0.2s var(--trns);
margin-right: 10px;
margin-left: 10px;
}
.x-tags a:hover, .x-tags a:focus {
color: var(--red);
}
.blog-loop {
--gap: 20px;
--gap-y: 40px;
--cols: 1;
}
@media only screen and (max-width: 770px) {
.blog-loop {
--gap-y: 24px;
}
}
.blog-loop h2 {
text-align: center;
color: var(--black1);
text-transform: lowercase;
}
@media only screen and (max-width: 770px) {
.blog-loop h2 {
font-size: 1.28rem;
}
}
.--project-taxonomy-loop .blog-loop {
--cols: 2;
}
@media only screen and (max-width: 990px) {
.--project-taxonomy-loop .blog-loop {
--cols: 1;
}
}
.--project-taxonomy-loop .blog-loop .blog-item {
border-color: transparent;
}
.--project-taxonomy-loop .blog-loop .blog-item__thumbnail {
padding-top: 30%;
}
.--project-taxonomy-loop .blog-loop .blog-item__text {
align-self: center;
}
.--project-taxonomy-loop .blog-loop .blog-item__text p {
display: none;
}
.--project-taxonomy-loop .blog-loop .blog-item__text .list-item__meta {
display: none;
}
.--project-taxonomy-loop .blog-loop .blog-item__title {
font-size: 1.125rem;
line-height: 1.62em;
margin-bottom: 0px;
}
@media only screen and (max-width: 1170px) {
.blog-loop {
--cols: 1;
}
}
@media only screen and (max-width: 770px) {
.blog-loop {
--cols: 1;
}
}
@media only screen and (min-width: 990px) {
.blog-loop.--larger-gaps {
--gap-y: 4rem;
}
}
@media only screen and (max-width: 990px) {
section.--blog-page {
padding-top: 2rem;
padding-bottom: 1rem;
}
section.--blog-page .tag-nav__wrapper {
display: none;
}
section.--blog-page .x-grid {
--gap: 10px;
}
}
.x-modal.--blog-video {
--close-color: var(--orange);
--close-color-bars: var(--orange);
--close-hover: var(--orange);
--close-hover-bars: var(--orange);
--close-active-bg: rgba(255, 134, 46, 0.3);
--close-h-offset: 0rem;
--close-v-offset: 0rem;
--close-top: 0px;
}
.x-modal.--blog-video .x-modal__box {
border-radius: 0px;
padding: 0rem;
padding-top: 4rem;
}
@media only screen and (max-width: 770px) {
.x-modal.--blog-video .x-modal__box {
padding-top: 0rem;
overflow-y: visible;
overflow-x: visible;
}
}
.x-video {
--btn-size: 140px;
--btn-size: 150px;
--border-radius: 1rem;
--btn-offset: 0px;
position: relative;
}
@media only screen and (max-width: 990px) {
.x-video {
--btn-size: 80px;
--border-radius: 1rem;
}
}
.x-video.--bg {
--border-radius: 0rem;
pointer-events: none;
}
.x-video__video {
font-family: Kumbh Sans, "Helvetica", "Arial", sans-serif;
background-color: transparent;
}
.x-video__video.vjs-fullscreen {
--border-radius: 0rem 0rem 0rem 0rem;
}
.x-video__video.vjs-fullscreen .vjs-control-bar {
width: 100%;
left: 0%;
bottom: 0px;
border-radius: 0 0 0px 0px;
}
.x-video__video iframe {
clip-path: inset(0 round var(--border-radius));
}
.x-video__video .vjs-poster {
clip-path: inset(0 round var(--border-radius));
}
@media only screen and (max-width: 990px) {
.x-video__video .vjs-control:not(.vjs-time-control) {
width: 2.4em;
}
.x-video__video .vjs-time-control {
padding-left: 0em;
padding-right: 0em;
}
}
.x-video__video .vjs-control-bar {
width: 80%;
left: 0%;
font-size: 1rem;
bottom: 0px;
border-radius: 0 1rem;
opacity: 1;
background-color: var(--orange);
}
@media only screen and (max-width: 990px) {
.x-video__video .vjs-control-bar {
width: calc(100% - 3rem);
left: 1.5rem;
bottom: calc(-3em + 0px);
border-radius: 0 0 1rem 1rem;
padding: 0 0.5rem;
}
}
.x-video__video .vjs-control-bar .vjs-slider {
background-color: rgba(79, 79, 79, 0.35);
}
.x-video__video .vjs-control-bar .vjs-load-progress {
background-color: transparent;
}
.x-video__video .vjs-control-bar .vjs-load-progress div {
background: rgba(79, 79, 79, 0.5);
}
.x-video__video .vjs-big-play-button {
--a-transform1: scale(1.18);
--a-opacity1: .45;
--a-transform2: scale(1.5);
--a-opacity2: .15;
--local-color: var(--orange);
width: var(--btn-size);
height: var(--btn-size);
border-radius: 50%;
position: absolute;
top: calc(50% - var(--btn-size) / 2);
left: calc(50% - var(--btn-size) / 2);
transform: scale(1);
z-index: 1;
border: none !important;
transition: transform 0.2s var(--trns);
}
.x-video__video .vjs-big-play-button:hover {
--a-transform1: scale(1.1);
--a-opacity1: 1;
--a-transform2: scale(1.4);
--a-opacity2: .3;
--local-color: var(--gray6);
}
@media only screen and (max-width: 990px) {
.x-video__video .vjs-big-play-button {
top: calc(100% - var(--btn-size) / 2);
left: calc(50% - var(--btn-size) / 2 + var(--btn-offset));
}
}
.x-video__video .vjs-big-play-button:active, .x-video__video .vjs-big-play-button:focus, .x-video__video .vjs-big-play-button:focus-within {
transform: scale(0.93);
transition: 0.1s ease-out;
}
.x-video__video .vjs-big-play-button:after, .x-video__video .vjs-big-play-button::before {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
top: 0px;
left: 0px;
position: absolute;
z-index: -1;
pointer-events: none;
background-color: var(--local-color);
transition: transform 0.2s var(--trns), opacity 0.2s var(--trns), background-color 0.2s var(--trns);
}
.x-video__video .vjs-big-play-button:active:after, .x-video__video .vjs-big-play-button:active::before {
pointer-events: all;
}
.x-video__video .vjs-big-play-button::after {
transform: var(--a-transform1);
opacity: var(--a-opacity1);
}
.x-video__video .vjs-big-play-button::before {
transform: var(--a-transform2);
opacity: var(--a-opacity2);
}
.x-video__video .vjs-big-play-button .vjs-icon-placeholder {
background: var(--orange);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-image: var(--icon-bg);
background-repeat: no-repeat;
background-size: calc(var(--btn-size) * 0.6);
background-position: center;
}
.x-video__video .vjs-big-play-button .vjs-icon-placeholder:before {
display: none !important;
}
.x-video__video .vjs-loading-spinner {
pointer-events: none;
margin: -60px 0 0 -60px;
opacity: 1;
border: 4px solid rgba(255, 255, 255, 0.39);
width: 120px;
height: 120px;
z-index: 2;
border-radius: 120px;
}
.x-video__video .vjs-loading-spinner:before {
content: "";
position: absolute;
margin: -4px;
opacity: 1;
border-top-color: rgba(255, 255, 255, 0.8);
}
.x-video__video .vjs-loading-spinner:after {
margin: -4px;
}
.x-video__video.vjs-waiting .vjs-loading-spinner:before {
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
}
.x-video__video.vjs-waiting .vjs-loading-spinner:after {
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
animation-delay: 0.44s;
}
.x-video__video:after {
content: "";
position: absolute;
width: 50%;
pointer-events: none;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(to right, var(--orange), transparent);
transition: opacity 0.2s var(--trns);
clip-path: inset(0 round var(--border-radius));
}
@media only screen and (max-width: 990px) {
.x-video__video:after {
bottom: 0px;
top: unset;
width: 100%;
height: 75%;
background: linear-gradient(to top, var(--orange), transparent);
}
}
.x-video__video.vjs-has-started:after {
opacity: 0;
}
.x-video__video.vjs-has-started + .x-video__overlay {
opacity: 0;
}
.x-video__overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
pointer-events: none;
transition: opacity 0.2s var(--trns);
}
@media only screen and (max-width: 990px) {
.x-video__overlay {
align-items: flex-end;
padding-bottom: var(--btn-size);
}
}
.x-video__overlay__text {
color: var(--white);
position: relative;
pointer-events: none;
z-index: 4;
padding-left: calc(var(--btn-size) / 2 + var(--btn-offset) + 2.7rem);
}
@media only screen and (max-width: 990px) {
.x-video__overlay__text {
width: 100%;
text-align: center;
padding: 0 1rem;
}
}
.x-video__overlay__text h3 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.4em;
color: var(--white);
letter-spacing: 0.5px;
margin-bottom: 0px;
}
@media only screen and (max-width: 990px) {
.x-video__overlay__text h3 {
margin-bottom: 0px;
font-size: 1.35rem;
}
}
.x-video__overlay__text span {
display: block;
font-size: 1rem;
letter-spacing: 0.3px;
color: var(--white);
}
.blog .spheres-holder, .archive.category .spheres-holder {
width: var(--container);
}
.blog .spheres-holder .deco-sphere:nth-child(1), .archive.category .spheres-holder .deco-sphere:nth-child(1) {
right: 4rem;
}
@media only screen and (max-width: 770px) {
.blog .spheres-holder .deco-sphere:nth-child(1), .archive.category .spheres-holder .deco-sphere:nth-child(1) {
left: unset;
right: -1rem;
top: 8rem;
}
}
.blog .spheres-holder .deco-sphere:nth-child(2), .archive.category .spheres-holder .deco-sphere:nth-child(2) {
top: -2rem;
left: 2rem;
}
@media only screen and (max-width: 770px) {
.blog .spheres-holder .deco-sphere:nth-child(2), .archive.category .spheres-holder .deco-sphere:nth-child(2) {
top: 9rem;
left: -3rem;
}
}
@media only screen and (max-width: 990px) {
.blog .spheres-holder .deco-sphere, .archive.category .spheres-holder .deco-sphere {
--ratio: -.07;
}
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
* {
outline: none;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
input:-webkit-autofill {
-webkit-transition: background-color 1s 5000s ease-in-out;
transition: background-color 1s 5000s ease-in-out;
-webkit-text-fill-color: var(--input-color);
}
/**
* 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; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
.single-product main {
overflow: hidden;
}
.product-header {
--cols: 2;
}
.product-header .product-image-wrapper {
margin-right: -20%;
margin-left: 10%;
margin-top: -15%;
margin-bottom: -10%;
display: flex;
}
@media only screen and (max-width: 440px) {
.product-header .product-image-wrapper {
margin-right: 0%;
margin-left: 0%;
margin-top: -15%;
margin-bottom: -10%;
}
}
.product-header .product-image-wrapper figure {
position: relative;
}
.product-header .product-image-wrapper figure::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0%;
left: 0%;
background: var(--theme-gradient);
filter: blur(40px);
opacity: 0.2;
z-index: 0;
border-radius: 50%;
}
.product-header .product-image-wrapper .sphere-ripple {
opacity: calc(1.1 * var(--ratio) + 0.05);
--sphere-step: 33%;
--side: 3%;
border-radius: 50%;
position: absolute;
z-index: -1;
background: var(--theme-gradient);
position: absolute;
}
@supports (inset: calc(0% - var(--side) + var(--sphere-step) * var(--ratio))) {
.product-header .product-image-wrapper .sphere-ripple {
inset: calc(0% - var(--side) + var(--sphere-step) * var(--ratio));
}
}
@supports not (inset: calc(0% - var(--side) + var(--sphere-step) * var(--ratio))) {
.product-header .product-image-wrapper .sphere-ripple {
--inset-value: calc(0% - var(--side) + var(--sphere-step) * var(--ratio));
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.product-header .product-image-wrapper .sphere-ripple:after {
content: "";
position: absolute;
position: absolute;
border-radius: 50%;
background-color: var(--gray0);
}
@supports (inset: 3px) {
.product-header .product-image-wrapper .sphere-ripple:after {
inset: 3px;
}
}
@supports not (inset: 3px) {
.product-header .product-image-wrapper .sphere-ripple:after {
--inset-value: 3px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.product-header .product-image-wrapper img {
position: relative;
}
@media only screen and (min-width: 770px) and (max-width: 990px) {
.product-header .x-grid {
position: relative;
}
.product-header__image {
position: absolute;
max-width: 360px;
top: 20px;
right: 0px;
}
.product-header__content .wpb_text_column {
width: calc(100% - 360px + 1rem);
}
}
@media only screen and (max-width: 770px) {
.product-header .x-grid {
flex-flow: column-reverse;
}
.product-header__image {
position: static;
max-width: 360px;
right: 0px;
margin: 6rem auto 5rem;
}
}
.--size-s {
--ratio: 0;
}
.--size-m {
--ratio: .27;
}
.--size-l {
--ratio: .45;
}
figure {
display: flex;
margin: 0;
padding: 0;
position: relative;
}
.deco-sphere {
border-radius: 50%;
background: var(--em-grad);
width: calc(200px * var(--ratio) + 80px);
height: calc(200px * var(--ratio) + 80px);
position: absolute;
top: 13%;
right: 21%;
z-index: 2;
}
@media only screen and (max-width: 770px) {
.deco-sphere {
--ratio: -0.05;
top: 4%;
right: unset;
left: 11%;
}
}
.deco-sphere.--animation {
--float-amplitute: 1.5;
animation: float 10s ease-in-out infinite;
}
.deco-sphere:after {
content: "";
background: inherit;
z-index: 1;
width: 110%;
height: 110%;
border-radius: 50%;
opacity: 0.6;
-webkit-filter: blur(40px);
filter: blur(30px);
position: absolute;
left: -1rem;
top: -1rem;
}
.price-box {
margin-top: 3.8rem;
margin-bottom: 2rem;
padding-bottom: 1.5rem;
border-bottom: 2px rgba(255, 255, 255, 0.0666666667) solid;
display: flex;
justify-content: space-between;
}
.price-box__desc {
width: 50%;
}
.price-box__price {
width: 50%;
width: 50%;
text-align: right;
display: flex;
flex-flow: column;
}
@media only screen and (max-width: 440px) {
.price-box__price {
justify-content: end;
}
}
.price-box h5 {
font-weight: 600;
font-size: 1rem;
letter-spacing: 0.4px;
line-height: 1.4em;
margin-bottom: 6px;
width: fit-content;
margin-left: auto;
display: inline-block;
background: linear-gradient(90deg, var(--yellow), var(--orange));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
}
.price-box p {
display: block;
font-size: 0.75rem;
line-height: 1.6em;
letter-spacing: 0.4px;
margin-bottom: 0px;
}
.x-price ins {
text-decoration: none;
color: var(--gray6);
font-weight: 500;
letter-spacing: 0px;
margin-left: 0.8rem;
}
.x-price ins .woocommerce-Price-amount bdi {
font-size: 2.25rem;
}
@media only screen and (max-width: 440px) {
.x-price ins .woocommerce-Price-amount bdi {
font-size: 2.05rem;
}
}
.x-price del {
text-decoration: none;
font-size: 1.2rem;
font-weight: 300;
letter-spacing: 0.5px;
position: relative;
color: var(--gray4);
}
.x-price del:after {
content: "";
position: absolute;
left: -5px;
top: calc(50% - 1px);
transform: rotate(-6deg) scaleY(0.6) scaleX(0.95);
width: calc(100% + 10px);
height: 2px;
background-color: currentColor;
box-shadow: 0 2px 0 0 var(--gray0), 0 3px 0 0 var(--gray0), 0 -2px 0 0 var(--gray0);
}
.product-header form {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 0px !important;
}
.product-header form .quantity {
margin-right: 20px !important;
}
@media only screen and (max-width: 440px) {
.product-header form {
flex-flow: column;
align-items: flex-end;
}
.product-header form .quantity {
margin-right: unset !important;
margin-bottom: 20px !important;
}
.product-header form .quantity .x-quantity {
--input-height: 42px;
}
}
.x-quantity {
--input-height: 46px;
height: var(--input-height);
position: relative;
border-radius: 40px;
background-color: var(--gray1);
}
.x-quantity__button {
position: absolute;
top: 5px;
border-radius: 50%;
left: 5px;
width: calc(var(--input-height) - 10px);
height: calc(var(--input-height) - 10px);
border: none;
outline: none;
cursor: pointer;
background-color: var(--gray2);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0);
transition: box-shadow 0.2s var(--trns);
}
.x-quantity__button:hover {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3333333333);
}
.x-quantity__button:active {
transition: box-shadow 0.1s var(--trns);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}
.x-quantity__button.--plus {
left: auto;
right: 5px;
}
.x-quantity__button span {
width: 12px;
height: 2px;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 6px);
background: var(--gray5);
}
.x-quantity__button span.icon-plus:after {
content: "";
position: absolute;
position: absolute;
transform: rotate(90deg);
background: inherit;
}
@supports (inset: 0px) {
.x-quantity__button span.icon-plus:after {
inset: 0px;
}
}
@supports not (inset: 0px) {
.x-quantity__button span.icon-plus:after {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.x-quantity__button span.icon-minus {
left: calc(50% - 5px);
width: 10px;
}
.x-quantity__button:disabled {
opacity: 0.4;
pointer-events: none;
}
.x-quantity input {
width: 128px !important;
border-radius: 40px;
background-color: transparent;
border: none;
padding-top: 4px;
font-weight: 500;
font-size: 1rem;
outline: none;
height: 46px;
color: var(--gray5);
-moz-appearance: textfield;
}
@media only screen and (max-width: 440px) {
.x-quantity input {
width: 110px !important;
height: 40px;
}
}
.x-quantity input::-webkit-outer-spin-button, .x-quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.x-quantity input:-webkit-autofill {
transition: background-color 1s 5000s ease-in-out;
-webkit-text-fill-color: var(--gray5);
}
.css-comp {
position: relative;
}
.css-comp .wpb_content_element:not(.img-central) {
position: absolute;
z-index: 2;
}
@media only screen and (max-width: 990px) {
.css-comp .wpb_content_element:not(.img-central) {
position: static;
}
}
.css-comp .img-central {
padding-bottom: 3rem;
margin-bottom: 0px !important;
}
.css-comp .img-central img {
border-radius: 2rem !important;
}
@media only screen and (max-width: 1170px) {
.css-comp .img-central img {
width: 80%;
}
}
@media only screen and (max-width: 990px) {
.css-comp .img-central {
margin-bottom: 4rem !important;
}
}
@media only screen and (min-width: 770px) and (max-width: 990px) {
.css-comp .img-central {
margin-right: 7rem;
}
}
@media only screen and (max-width: 440px) {
.css-comp .img-central {
text-align: left;
}
.css-comp .img-central img {
width: 90%;
}
}
.css-comp .img-secondary {
bottom: 0px;
right: 30%;
margin-bottom: 0px;
}
@media only screen and (max-width: 990px) {
.css-comp .img-secondary {
position: relative !important;
right: unset;
bottom: unset;
}
.css-comp .img-secondary figure {
position: absolute;
bottom: 4rem;
right: 18%;
}
}
@media only screen and (max-width: 990px) and (max-width: 440px) {
.css-comp .img-secondary figure {
right: 0px;
width: 50%;
}
}
.css-comp .icon-with-text {
width: 26%;
left: 0px;
top: 0%;
}
.css-comp .icon-with-text:nth-child(4) {
left: unset;
right: 0px;
top: 30%;
transform: translateY(-50%);
}
.css-comp .icon-with-text:nth-child(5) {
bottom: 3rem;
top: unset;
left: 2%;
}
@media only screen and (max-width: 1170px) {
.css-comp .icon-with-text:nth-child(5) {
bottom: -2rem;
}
}
.css-comp .icon-with-text .wpb_wrapper {
position: relative;
}
@media only screen and (max-width: 990px) {
.css-comp .icon-with-text .wpb_wrapper {
display: flex;
flex-flow: row-reverse;
}
}
@media only screen and (max-width: 440px) {
.css-comp .icon-with-text .wpb_wrapper {
flex-flow: column-reverse;
}
}
.css-comp .icon-with-text .wpb_wrapper .the_icon {
left: -150px;
top: 20px;
height: 90px;
width: 90px;
position: absolute;
border-radius: 50%;
background: var(--em-grad);
}
@media only screen and (max-width: 1170px) {
.css-comp .icon-with-text .wpb_wrapper .the_icon {
left: -133px;
}
}
@media only screen and (max-width: 990px) {
.css-comp .icon-with-text .wpb_wrapper .the_icon {
height: 80px;
width: 80px;
position: relative;
top: unset;
left: unset;
flex-shrink: 0;
margin-right: 2.5rem;
}
}
@media only screen and (max-width: 440px) {
.css-comp .icon-with-text .wpb_wrapper .the_icon {
margin-right: 0px;
margin-bottom: 2.5rem;
}
}
.css-comp .icon-with-text .wpb_wrapper .the_icon:after {
content: "";
position: absolute;
position: absolute;
background: var(--icon-bg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@supports (inset: 20px) {
.css-comp .icon-with-text .wpb_wrapper .the_icon:after {
inset: 20px;
}
}
@supports not (inset: 20px) {
.css-comp .icon-with-text .wpb_wrapper .the_icon:after {
--inset-value: 20px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.css-comp .icon-with-text .wpb_wrapper .the_icon::before {
content: "";
width: 120%;
height: 120%;
position: absolute;
z-index: -1;
left: -10px;
top: -10px;
filter: blur(30px);
opacity: 0.3;
background: inherit;
}
.css-comp .icon-with-text.--swap .the_icon {
right: -150px;
left: unset;
}
@media only screen and (max-width: 1270px) {
.css-comp .icon-with-text.--swap .the_icon {
right: -120px;
}
}
@media only screen and (max-width: 990px) {
.css-comp .icon-with-text.--swap .the_icon {
right: unset;
}
}
.css-comp .icon-with-text.--rejuvenation .the_icon::after {
position: absolute;
}
@supports (inset: 15px) {
.css-comp .icon-with-text.--rejuvenation .the_icon::after {
inset: 15px;
}
}
@supports not (inset: 15px) {
.css-comp .icon-with-text.--rejuvenation .the_icon::after {
--inset-value: 15px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
@media only screen and (max-width: 990px) {
.css-comp .icon-with-text {
width: 100%;
transform: none !important;
}
}
.tablify {
--br: 2rem;
--local-grad: linear-gradient(45deg, var(--orange), var(--yellow));
}
.tablify ul {
border-radius: var(--br);
background: var(--gray1);
}
.tablify ul li {
margin-bottom: 0px !important;
padding: 1.7rem 19rem 1.5rem 3rem;
}
.tablify ul li:first-child {
border-radius: var(--br) var(--br) 0 0;
padding-top: 2.1rem;
}
.tablify ul li:nth-child(even) {
background: rgba(0, 0, 0, 0.1333333333);
}
.tablify ul li:last-child {
padding-bottom: 2rem;
border-radius: 0 0 var(--br) var(--br);
}
@media only screen and (max-width: 770px) {
.tablify ul li {
padding: 2.2rem 2rem 2rem 2rem;
}
.tablify ul li br {
display: block !important;
}
}
.tablify ul li:before {
display: none;
}
.tablify ul li a {
position: absolute;
right: 3rem;
top: calc(50% - 23px);
height: 46px;
line-height: 49px;
padding-right: 4rem;
}
@media only screen and (max-width: 770px) {
.tablify ul li a {
display: block;
width: fit-content;
margin-left: auto;
margin-top: 2rem;
top: unset;
right: unset;
position: relative;
text-align: right;
}
}
.tablify ul li a::before {
content: "";
position: absolute;
top: calc(50% - 1.5rem);
right: 0px;
border-radius: 50%;
width: 3rem;
height: 3rem;
background: var(--yellow);
opacity: 0.08;
transition: opacity 0.2s var(--trns);
}
.tablify ul li a:after {
transition: background 0.2s var(--trns), box-shadow 0.2s var(--trns);
content: "";
position: absolute;
top: calc(50% - 1.5rem);
right: 0px;
border-radius: 50%;
width: 3rem;
height: 3rem;
background-size: 40%;
background-repeat: no-repeat;
background-position: 50% 52%;
box-shadow: inset 0 0 0 0px rgba(254, 187, 57, 0);
}
.tablify ul li a:hover:before {
opacity: 0.1;
}
.tablify ul li a:hover:after {
box-shadow: inset 0 0 0 2px rgba(254, 187, 57, 0.5);
background-position: 50% 52%;
}
.tablify ul li a:active:before, .tablify ul li a:focus:before, .tablify ul li a:focus-within:before {
transition: opacity 0.1s var(--trns);
opacity: 0.3;
}
.tablify ul li a:active:after, .tablify ul li a:focus:after, .tablify ul li a:focus-within:after {
transition: background 0.1s var(--trns), box-shadow 0.1s var(--trns);
background-position: 50% 57%;
box-shadow: inset 0 0 0 2px rgba(254, 187, 57, 0.2);
}
.checkout.woocommerce-checkout {
--title-height: 5rem;
display: flex;
flex-flow: wrap;
justify-content: space-between;
position: relative;
}
.checkout.woocommerce-checkout h3 {
font-size: 1.3rem;
letter-spacing: 0.4px;
line-height: 1.7em;
font-weight: 300;
height: var(--title-height);
position: relative;
margin-bottom: 0px;
}
.checkout.woocommerce-checkout h3:after {
content: "";
width: 100%;
height: 2px;
background: var(--gray1);
position: absolute;
bottom: 2rem;
left: 0px;
}
.checkout.woocommerce-checkout #customer_details {
width: calc(60% - 4rem);
display: flex;
flex-flow: column;
border-right: 2px var(--gray1) solid;
padding-right: 4rem;
margin-right: 4rem;
}
.checkout.woocommerce-checkout #customer_details > div {
width: 100%;
float: none;
}
@media only screen and (max-width: 990px) {
.checkout.woocommerce-checkout #customer_details {
width: calc(60% - 2rem);
padding-right: 2rem;
margin-right: 2rem;
}
}
@media only screen and (max-width: 770px) {
.checkout.woocommerce-checkout #customer_details {
width: 100%;
padding-right: 0rem;
margin-right: 0rem;
border-right: 0px;
}
}
.checkout.woocommerce-checkout > h3 {
position: absolute;
width: 40%;
right: 0px;
top: 0px;
}
@media only screen and (max-width: 770px) {
.checkout.woocommerce-checkout > h3 {
width: 100%;
position: relative;
margin-top: 3.5rem;
}
}
.checkout.woocommerce-checkout #order_review {
width: 40%;
margin-top: var(--title-height);
}
@media only screen and (max-width: 770px) {
.checkout.woocommerce-checkout #order_review {
width: 100%;
margin-top: 0px;
}
}
.checkout.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-top: 3.5rem;
}
.already-in-cart {
display: flex;
justify-content: space-between;
align-items: center;
}
#netopia-methods {
display: none !important;
}
.payment_method_netopiapayments p {
margin-bottom: 0px !important;
}
.woocommerce .woocommerce-checkout #payment {
background-color: var(--gray1);
border-radius: 1rem;
padding: 2rem;
}
.woocommerce .woocommerce-checkout #payment h4 {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
font-size: 0.8rem;
color: var(--gray3);
padding-left: 0px;
margin-top: 0.45em;
margin-bottom: 0.45em;
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods {
padding: 0px;
padding-bottom: 1rem;
border-bottom: 0px;
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li {
display: block;
position: relative;
border-radius: 0px;
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li.payment_method_netopiapayments label:before {
content: "";
pointer-events: none;
width: 200px;
letter-spacing: 0.5px;
color: var(--gray5);
position: absolute;
right: 0px;
top: calc(50% - 12px);
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media only screen and (max-width: 1170px) {
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li.payment_method_netopiapayments label:before {
position: static;
display: block;
margin-top: -5px;
}
}
@media only screen and (max-width: 1170px) {
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li.payment_method_netopiapayments label {
display: flex;
flex-flow: column-reverse;
min-height: 62px;
height: auto;
padding-bottom: 20px;
}
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li::before {
width: calc(100% - 47px);
height: 2px;
background: var(--gray2);
opacity: 0.5;
content: "";
position: absolute;
bottom: 0px;
right: 0px;
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li input {
visibility: hidden;
opacity: 0;
position: absolute;
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li label {
display: block;
height: 62px;
cursor: pointer;
line-height: 64px;
position: relative;
padding-left: 47px;
letter-spacing: 0.5px;
transition: color 0.2s var(--trns);
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li label img {
display: none;
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li label::after {
content: "";
position: absolute;
left: 0px;
width: 26px;
top: calc(50% - 13px);
height: 26px;
border-radius: 50%;
box-shadow: inset 0 0 0 2px var(--gray3), inset 0 0 0 14px var(--gray1);
transition: box-shadow 0.2s var(--trns), backgorund 0.2s var(--trns);
}
@media only screen and (max-width: 1170px) {
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li label::after {
top: 18px;
}
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li label:hover {
color: var(--gray5);
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li label:hover:after {
box-shadow: inset 0 0 0 2px var(--gray5), inset 0 0 0 14px var(--gray1);
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li input:checked ~ label:after {
background-color: var(--orange);
box-shadow: inset 0 0 0 2px var(--orange), inset 0 0 0 8px var(--gray1);
}
.woocommerce .woocommerce-checkout #payment .wc_payment_methods li:last-child {
margin-bottom: 0px;
}
.woocommerce .woocommerce-checkout #payment div.form-row {
padding: 0px;
padding-top: 1rem;
}
.woocommerce .woocommerce-checkout #payment div.form-row .btn.--checkout {
margin: 0 auto;
float: none;
display: block;
}
.woocommerce .woocommerce-checkout #payment div.form-row .btn.--checkout.--disabled {
cursor: not-allowed;
}
.woocommerce .woocommerce-checkout #payment div.form-row .btn.--checkout.--disabled .btn__backdrop:after {
filter: saturate(0);
}
.woocommerce .woocommerce-checkout #payment div.form-row .btn.--checkout.--disabled:hover .btn__backdrop:after {
opacity: 0.3;
}
.woocommerce .woocommerce-checkout .payment_box {
display: none !important;
}
.woocommerce .woocommerce-checkout .blockOverlay {
background-color: var(--gray0) !important;
border-radius: 1rem !important;
}
.woocommerce form .form-row {
padding: 0px;
margin: 0px;
}
.woocommerce-terms-and-conditions-wrapper p {
font-size: 0.9rem;
line-height: 1.8em;
color: var(--gray4);
font-weight: 300;
letter-spacing: 0.4px;
margin: 0px;
}
@media only screen and (max-width: 770px) {
.woocommerce-terms-and-conditions-wrapper p {
font-size: 1rem;
}
}
.woocommerce-terms-and-conditions-wrapper p a {
color: var(--gray5);
}
.woocommerce-form__label-for-checkbox .required {
display: none;
}
.woocommerce-form__label-for-checkbox input {
position: absolute;
left: -9999px;
opacity: 0px;
}
.woocommerce-form__label-for-checkbox input:checked ~ .woocommerce-terms-and-conditions-checkbox-text:before {
background: var(--orange);
box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0), 0 0 0 0px rgba(242, 153, 74, 0);
}
.woocommerce-form__label-for-checkbox input:checked ~ .woocommerce-terms-and-conditions-checkbox-text:after {
opacity: 1;
border-color: var(--white);
}
.woocommerce-form__label-for-checkbox input:checked ~ .woocommerce-terms-and-conditions-checkbox-text:hover:before {
box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0), 0 0 0 4px rgba(242, 153, 74, 0.1333333333);
}
.woocommerce-form__label-for-checkbox input:checked ~ .woocommerce-terms-and-conditions-checkbox-text:active:before {
box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0), 0 0 0 4px rgba(242, 153, 74, 0.2);
}
.woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
position: relative;
line-height: 1.6em;
color: var(--gray6);
display: block;
align-items: center;
padding-left: 47px;
letter-spacing: 0.4px;
font-weight: 300;
min-height: 30px;
cursor: pointer;
}
.woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text:before {
content: "";
width: 26px;
height: 26px;
border-radius: 4px;
box-shadow: inset 0 0 0 2px rgba(242, 153, 74, 0.6666666667), 0 0 0 0px rgba(242, 153, 74, 0);
position: absolute;
background: #544333;
left: 0;
top: 2px;
transition: box-shadow 0.2s var(--trns), background 0.2s var(--trns);
}
.woocommerce-invalid .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text:before {
background: #543333;
box-shadow: inset 0 0 0 2px rgba(242, 74, 74, 0.6666666667), 0 0 0 0px rgba(242, 74, 74, 0);
}
.woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text:hover:before {
box-shadow: inset 0 0 0 2px #f2994a, 0 0 0 4px rgba(242, 153, 74, 0.1333333333);
}
.woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text:hover:after {
opacity: 1;
border-color: #f2994a;
}
.woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text:active:before {
box-shadow: inset 0 0 0 2px #f2994a, 0 0 0 4px rgba(242, 153, 74, 0.2);
}
.woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text:after {
content: "";
display: flex;
width: 7px;
height: 14px;
border-right: 2px var(--gray3) solid;
border-bottom: 2px var(--gray3) solid;
position: absolute;
left: 0;
top: 2px;
transform: translateY(4.5px) translateX(9.5px) rotate(45deg);
opacity: 0;
transition: opacity 0.2s var(--trns), border-color 0.2s var(--trns);
}
.woocommerce-privacy-policy-text {
padding-left: 0px;
padding-bottom: 1.75rem;
}
#order_review table {
border-spacing: 0px;
border: 2px var(--gray2) solid;
font-weight: 400;
border-radius: 1rem;
width: 100%;
margin-bottom: 2rem;
text-align: left;
}
#order_review table thead tr th {
font-size: 0.75rem;
font-weight: 400;
color: var(--orange);
}
#order_review table tr td, #order_review table tr th {
padding: 10px 1rem 8px;
border: none;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.3px;
}
#order_review table tr #shipping_method {
display: block;
margin-bottom: 0px;
padding-left: 0px;
}
#order_review table tr #shipping_method li {
display: block;
}
#order_review table tr #shipping_method li:last-child {
margin-bottom: 0px;
}
#order_review table tr td strong, #order_review table tr th strong {
font-weight: 500;
letter-spacing: 0.3px;
}
#order_review table tr > *:first-child {
border-right: 2px var(--gray2) solid;
padding-left: 2rem;
}
#order_review table thead tr th {
padding-top: 1rem;
}
#order_review table tbody tr:nth-child(odd) td {
background-color: rgba(255, 255, 255, 0.048);
}
#order_review table tfoot tr:first-child td {
border-top: 2px var(--gray2) solid;
}
#order_review table tfoot tr.order-total > * {
padding-bottom: 1rem;
background-color: rgba(255, 255, 255, 0.048);
}
#order_review table tfoot tr.order-total th {
border-radius: 0 0 0 calc(1rem - 3px);
}
#order_review table tfoot tr.order-total td {
border-radius: 0 0 calc(1rem - 3px) 0;
}
#order_review table tfoot .cart-subtotal {
display: none;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper, .woocommerce form .woocommerce-additional-fields__field-wrapper {
display: flex;
flex-flow: wrap;
--pad-r: 1rem;
--pad-l: 1rem;
--pad-t: 1.5rem;
--pad-b: .5rem;
--input-height: 56px;
--input-color: var(--gray5);
--cols: 1;
--input-radius: 10px;
--gap-x: .65rem;
--gap-y: 1.3rem;
margin: 0 calc(0px - var(--gap-x)) calc(0px - var(--gap-y));
}
.woocommerce form .woocommerce-billing-fields__field-wrapper > *, .woocommerce form .woocommerce-additional-fields__field-wrapper > * {
width: calc(100% / var(--cols) - var(--gap-x) * 2);
margin: 0 var(--gap-x) var(--gap-y);
}
@media only screen and (max-width: 770px) {
.woocommerce form .woocommerce-billing-fields__field-wrapper, .woocommerce form .woocommerce-additional-fields__field-wrapper {
--input-height: 51px;
--pad-t: 1.6rem;
--pad-b: 0.6rem;
}
}
.woocommerce form .woocommerce-billing-fields__field-wrapper > .form-row-first, .woocommerce form .woocommerce-billing-fields__field-wrapper > .form-row-last, .woocommerce form .woocommerce-additional-fields__field-wrapper > .form-row-first, .woocommerce form .woocommerce-additional-fields__field-wrapper > .form-row-last {
--cols: 2;
}
@media only screen and (max-width: 440px) {
.woocommerce form .woocommerce-billing-fields__field-wrapper > .form-row-first, .woocommerce form .woocommerce-billing-fields__field-wrapper > .form-row-last, .woocommerce form .woocommerce-additional-fields__field-wrapper > .form-row-first, .woocommerce form .woocommerce-additional-fields__field-wrapper > .form-row-last {
--cols: 1;
}
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row {
position: relative;
height: var(--input-height);
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row.woocommerce-invalid:before, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row.woocommerce-invalid:before {
box-shadow: inset 0 0 0 2px var(--red);
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row:before, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row:before {
content: "";
position: absolute;
position: absolute;
border-radius: var(--input-radius);
box-shadow: inset 0 0 0 2px var(--gray2);
display: block;
pointer-events: none;
transition: box-shadow 0.2s var(--trns), backgorund 0.2s var(--trns);
}
@supports (inset: 0px) {
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row:before, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row:before {
inset: 0px;
}
}
@supports not (inset: 0px) {
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row:before, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row:before {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row:not(#billing_country_field):hover:before, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row:not(#billing_country_field):hover:before {
box-shadow: inset 0 0 0 2px var(--gray3);
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row:not(#billing_country_field):focus-within:before, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row:not(#billing_country_field):focus-within:before {
box-shadow: inset 0 0 0 2px var(--gray5);
background: rgba(255, 255, 255, 0.0666666667);
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row label, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row label {
position: absolute;
top: 0.7rem;
left: var(--pad-l);
font-size: 0.7rem;
color: var(--orange);
color: #a1a1a1;
opacity: 1;
letter-spacing: 0.5px;
font-weight: 400;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row label abbr, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row label abbr {
color: var(--red);
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row .select2, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row .select2 {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row .select2 .select2-selection__rendered, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row .select2 .select2-selection__rendered {
color: var(--input-color);
padding-left: 0px;
padding-right: 0px;
}
@media only screen and (max-width: 770px) {
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row .select2 .select2-selection__rendered, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row .select2 .select2-selection__rendered {
line-height: 23px;
}
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row .select2 .select2-selection__arrow, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row .select2 .select2-selection__arrow {
height: 26px;
position: absolute;
top: calc(50% - 13px);
right: 14px;
width: 20px;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row select, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row select {
opacity: 0;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row input, .woocommerce form .woocommerce-billing-fields__field-wrapper .form-row textarea, .woocommerce form .woocommerce-billing-fields__field-wrapper .form-row strong, .woocommerce form .woocommerce-billing-fields__field-wrapper .form-row .select2-selection, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row input, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row textarea, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row strong, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row .select2-selection {
padding: var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l);
position: absolute;
top: 0px;
background-color: transparent;
font-size: 1rem;
font-weight: 400 !important;
letter-spacing: 0.5px;
line-height: 1.7em;
left: 0px;
width: 100%;
height: 100%;
border: none;
outline: none;
color: var(--input-color);
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row input:-webkit-autofill, .woocommerce form .woocommerce-billing-fields__field-wrapper .form-row textarea:-webkit-autofill, .woocommerce form .woocommerce-billing-fields__field-wrapper .form-row strong:-webkit-autofill, .woocommerce form .woocommerce-billing-fields__field-wrapper .form-row .select2-selection:-webkit-autofill, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row input:-webkit-autofill, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row textarea:-webkit-autofill, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row strong:-webkit-autofill, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row .select2-selection:-webkit-autofill {
-webkit-transition: background-color 1s 5000s ease-in-out;
transition: background-color 1s 5000s ease-in-out;
-webkit-text-fill-color: var(--input-color);
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row textarea, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row textarea {
max-height: 120px;
min-height: 120px;
min-width: 100%;
max-width: 100%;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row#billing_address_1_field, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row#billing_address_1_field {
--input-radius: 10px 10px 0 0;
z-index: 1;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row#billing_address_2_field, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row#billing_address_2_field {
--input-height: 46px;
--input-radius: 0 0 10px 10px;
--pad-t: 0.7rem;
margin-top: calc(0px - var(--gap-y) - 2px);
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row#billing_city_field, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row#billing_city_field {
--cols: 2 ;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row#billing_state_field, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row#billing_state_field {
--cols: 2 ;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row#billing_postcode_field, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row#billing_postcode_field {
--cols: 2 ;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row#billing_phone_field, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row#billing_phone_field {
--cols: 2 ;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row#order_comments_field, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row#order_comments_field {
--input-height: 120px;
--pad-t:2rem;
}
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row#order_comments_field textarea, .woocommerce form .woocommerce-additional-fields__field-wrapper .form-row#order_comments_field textarea {
line-height: 1.4em;
}
.select2-container .select2-dropdown {
border: none;
border-radius: 10px !important;
}
.select2-container .select2-dropdown--below {
transform: translateY(10px);
}
.select2-container .select2-dropdown--above {
transform: translateY(-10px);
}
.select2-container .select2-search {
padding: 1rem;
border-radius: 10px 10px 0 0;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1333333333);
}
.select2-container .select2-results__options li {
padding-left: 1rem;
color: var(--gray2);
}
.select2-container .select2-results__options li:hover {
background: var(--blue);
}
.select2-container .select2-results__option--highlighted[data-selected] {
background: var(--blue);
}
.woocommerce-NoticeGroup {
position: absolute;
bottom: 100%;
right: 0px;
z-index: 20;
}
.woocommerce-NoticeGroup .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-message {
border-radius: 10px;
border-top: none;
border-bottom: 3px solid transparent;
}
.woocommerce-NoticeGroup .woocommerce-error {
border-color: var(--red);
}
.woocommerce-NoticeGroup .woocommerce-error li:not(:last-child) {
margin-bottom: 4px;
}
.woocommerce-NoticeGroup .woocommerce-error:before {
color: var(--red);
}
.woocommerce-order-received .deco-sphere {
width: calc(120px * var(--ratio) + 70px);
height: calc(120px * var(--ratio) + 70px);
}
.woocommerce-order-received .deco-sphere:nth-child(1) {
right: 5%;
top: -2rem;
}
.woocommerce-order-received .deco-sphere:nth-child(2) {
left: -3%;
top: -4rem;
}
.woocommerce-order-received .deco-sphere:nth-child(3) {
right: 2%;
bottom: -1rem;
top: unset;
}
.woocommerce-checkout .deco-sphere {
width: calc(120px * var(--ratio) + 70px);
height: calc(120px * var(--ratio) + 70px);
}
@media only screen and (max-width: 770px) {
.woocommerce-checkout .deco-sphere {
display: none !important;
}
}
.woocommerce-checkout .deco-sphere:nth-child(1) {
right: 0%;
top: -2rem;
}
.woocommerce-checkout .deco-sphere:nth-child(2) {
left: -14rem;
top: -4rem;
}
.woocommerce-checkout .deco-sphere:nth-child(3) {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--yellow) 20%, var(--green) 80%);
right: -6rem;
bottom: -1rem;
top: unset;
}
.woocommerce-checkout .deco-sphere.--red-to-orange {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--sky-blue) 20%, var(--blue) 80%);
}
.spheres-holder {
position: absolute;
height: 1px;
width: 100%;
}
.bar.--overview {
position: relative;
}
.bar.--overview .woocommerce-order-overview {
padding: 0px !important;
margin-bottom: -20px !important;
flex-flow: wrap;
}
.bar.--overview .woocommerce-order-overview:after {
display: none;
}
.bar.--overview .woocommerce-order-overview:before {
display: none;
}
.bar.--overview .woocommerce-order-overview li {
margin: 0 !important;
margin-bottom: 20px !important;
float: none;
padding: 0px !important;
padding-left: 2rem !important;
padding-top: 2px !important;
font-size: 0.715em;
border-right: none;
line-height: 1.6em;
letter-spacing: 1px;
color: #999;
position: relative;
}
@media only screen and (max-width: 770px) {
.bar.--overview .woocommerce-order-overview li {
padding-left: 1rem !important;
}
}
.bar.--overview .woocommerce-order-overview li:before {
content: "";
width: 2px;
height: 90%;
top: 5%;
background-color: var(--gray2);
position: absolute;
left: 0px;
display: block !important;
}
.bar.--overview .woocommerce-order-overview li strong {
color: var(--gray5);
letter-spacing: 0.5px;
font-size: 1rem;
margin-bottom: 0px !important;
}
@media only screen and (max-width: 770px) {
.bar.--overview .woocommerce-order-overview li strong {
font-size: 1.1rem;
}
}
.woocommerce-order {
display: flex;
flex-flow: wrap;
}
.woocommerce-order div.section {
width: 100%;
}
.woocommerce-order .woocommerce-order-details {
width: 50%;
}
.woocommerce-order .woocommerce-customer-details {
width: 50%;
}
.woocommerce-notices-wrapper {
display: none !important;
}
@media only screen and (max-width: 1170px) {
.woocommerce-page main {
overflow-x: hidden;
}
}
body {
min-height: calc(100vh - var(--admin-bar));
margin: 0;
padding: 0;
display: flex;
flex-flow: column;
color: var(--gray3);
justify-content: space-between;
background-color: #fff;
font-family: var(--base-font);
--admin-bar: 0px;
}
body.admin-bar {
--admin-bar: 32px;
}
@media only screen and (max-width: 770px) {
body.admin-bar {
--admin-bar: 46px;
}
}
html.--open-menu {
overflow: hidden;
}
main {
position: relative;
padding-top: var(--page-offset);
}
.home main, .tax-project_category main {
--page-offset: 0px;
}
img {
height: auto;
}
#wpadminbar {
background: var(--black1);
}
*, *::after, *::before {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
.counter-box {
width: fit-content;
padding: 1rem 2rem;
border-radius: 15px;
}
@supports (backdrop-filter: blur(22px) saturate(1.9) brightness(1.3)) {
.counter-box {
background: rgba(255, 255, 255, 0.0666666667);
backdrop-filter: blur(22px) saturate(1.9) brightness(1.3);
}
}
@supports not (backdrop-filter: blur(22px) saturate(1.9) brightness(1.3)) {
.counter-box {
background: var(--gray1);
}
}
.counter-box p {
text-align: center;
}
.counter-box p strong {
font-size: 1.5rem;
display: block;
color: var(--gray6);
font-weight: 600;
}
.container {
max-width: var(--container-gaps);
padding-left: var(--gap-x);
padding-right: var(--gap-x);
margin: 0 auto;
position: relative;
}
.container:not(:last-child) {
margin-bottom: calc(var(--spacing) * 0.75);
}
.--no-interpad .container:not(:last-child) {
margin-bottom: calc(var(--spacing) * 0);
}
.container.--relative {
position: relative;
}
.container .--no-size {
margin-bottom: 0px !important;
height: 0px !important;
}
main > .container {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 770px) {
.container {
width: 100%;
}
}
.container.section-narrow {
width: calc(var(--container-gaps) / 12 * 8);
margin: 0 auto;
}
.container.section-narrow-s {
width: calc(var(--container-gaps) / 12 * 10);
}
@media only screen and (max-width: 990px) {
.container.section-narrow-s {
width: var(--container-gaps);
}
}
@media only screen and (max-width: 990px) {
.container.section-narrow {
width: var(--container-gaps);
}
}
.vc_row {
display: flex;
flex-flow: wrap;
margin: 0 calc(0px - var(--gap-x)) calc(0px - var(--gap-y));
width: calc(100% + var(--gap-x) * 2);
}
.vc_row.vc_row-o-content-middle {
align-items: center;
}
.vc_row.vc_row-o-content-bottom {
align-items: flex-end;
}
.vc_row.vc_row-o-content-top {
align-items: flex-start;
}
.wpb_column {
max-width: var(--container-gaps);
padding-left: var(--gap-x);
padding-right: var(--gap-x);
margin-bottom: var(--gap-y);
position: relative;
}
@media only screen and (max-width: 770px) {
.wpb_column {
width: 100%;
}
}
.wpb_column > .vc_column-inner {
padding: 0;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 10rem;
}
.--red-to-orange {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--red) 20%, var(--orange) 80%);
}
.--orange-to-yellow {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--orange) 35%, var(--yellow) 90%);
}
.--yellow-to-green {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--yellow) 10%, var(--green) 65%);
}
.--green-to-sky-blue {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--green) 20%, var(--sky-blue) 80%);
}
.--green-to-dark-green {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--green) 20%, #39D29B 80%);
}
.--sky-blue-to-blue {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--sky-blue) 20%, var(--blue) 80%);
}
.--blue-to-purple {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--blue) 20%, var(--purple) 80%);
}
.--purple-to-red {
--em-grad: linear-gradient(var(--em-grad-deg, 45deg), var(--purple) 20%, var(--red) 80%);
}
.simple-btn {
--base-color: var(--gray5);
--btn-height: 46px;
--btn-radius: 40px;
min-height: var(--btn-height);
padding: 2px 2.4rem 0px;
display: inline-flex;
align-items: center;
position: relative;
text-decoration: none;
z-index: 1;
}
.simple-btn.--red {
--base-color: var(--red);
}
.simple-btn.--red .simple-btn__text {
font-weight: 600;
}
@media only screen and (max-width: 770px) {
.simple-btn {
--btn-height: 40px;
}
}
@media only screen and (max-width: 770px) {
.simple-btn {
padding: 2px 2.1rem 0px;
}
}
.simple-btn__text {
font-weight: 500;
letter-spacing: 1.4px;
text-transform: uppercase;
font-size: 0.875rem;
color: var(--base-color);
transition: color 0.2s var(--trns);
}
@media only screen and (max-width: 770px) {
.simple-btn__text {
font-size: 1rem;
}
}
.simple-btn__arrow {
width: 20px;
height: 2px;
background: var(--base-color);
position: relative;
display: block;
margin-left: 10px;
transform: translateX(0px);
transition: background 0.2s var(--trns), transform 0.2s var(--trns);
}
@media only screen and (max-width: 770px) {
.simple-btn__arrow {
width: 17px;
}
}
.simple-btn__arrow:after, .simple-btn__arrow:before {
content: "";
width: 11px;
background: var(--base-color);
position: absolute;
right: -1px;
transform: rotate(-45deg);
height: 100%;
top: 0px;
transform-origin: right top;
transition: background 0.2s var(--trns);
}
@media only screen and (max-width: 770px) {
.simple-btn__arrow:after, .simple-btn__arrow:before {
width: 9px;
}
}
.simple-btn__arrow:after {
transform: rotate(45deg);
transform-origin: right bottom;
}
.simple-btn::before {
content: "";
position: absolute;
position: absolute;
border-radius: var(--btn-radius);
background: var(--base-color);
z-index: -1;
opacity: 0.1;
transition: background 0.2s var(--trns), opacity 0.2s var(--trns);
}
@supports (inset: 0px) {
.simple-btn::before {
inset: 0px;
}
}
@supports not (inset: 0px) {
.simple-btn::before {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.simple-btn::after {
content: "";
position: absolute;
position: absolute;
border-radius: var(--btn-radius);
opacity: 1;
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
transition: box-shadow 0.2s var(--trns);
}
@supports (inset: 0px) {
.simple-btn::after {
inset: 0px;
}
}
@supports not (inset: 0px) {
.simple-btn::after {
--inset-value: 0px;
left: calc(0px + var(--inset-value));
top: calc(0px + var(--inset-value));
width: calc(100% - var(--inset-value) * 2);
height: calc(100% - var(--inset-value) * 2);
}
}
.simple-btn:hover .simple-btn__arrow {
transform: translateX(5px);
}
.simple-btn:hover::after {
box-shadow: 0 0 0 2px var(--base-color);
}
.simple-btn:active .simple-btn__arrow, .simple-btn:focus .simple-btn__arrow, .simple-btn:focus-within .simple-btn__arrow {
transform: translateX(5px);
}
.simple-btn:active:before, .simple-btn:focus:before, .simple-btn:focus-within:before {
opacity: 0.25;
}
.simple-btn:active:after, .simple-btn:focus:after, .simple-btn:focus-within:after {
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
}
.--color-bar-right {
position: relative;
}
.--color-bar-right:before {
content: "";
width: 3px;
height: 100%;
border-radius: 2px;
top: 0;
right: calc(var(--gap-x) * 2);
position: absolute;
background: linear-gradient(to top, var(--purple) 0%, var(--purple) 14%, var(--blue) 14%, var(--blue) 28%, var(--sky-blue) 28%, var(--sky-blue) 42%, var(--green) 42%, var(--green) 57%, var(--yellow) 57%, var(--yellow) 71%, var(--orange) 71%, var(--orange) 85%, var(--red) 85%, var(--red) 100%);
}
.--color-bar-right .vc_column-inner {
padding-right: calc(var(--gap-x) * 5);
}
@media only screen and (max-width: 990px) {
.--color-bar-right .vc_column-inner {
padding-right: 0px;
padding-left: 1rem;
}
.--color-bar-right:before {
content: "";
width: 5px;
height: 100%;
border-radius: 0 4px 4px 0px;
top: 0px;
right: unset;
left: 0px;
position: absolute;
}
}
@media only screen and (max-width: 770px) {
.--color-bar-right .wpb_single_image {
width: 50%;
margin-bottom: 1.3rem;
}
}
.sticky-element > .vc_column-inner {
position: sticky;
top: calc(var(--nav-height) + var(--admin-bar) + 2rem);
}
#splash {
overflow: hidden;
position: relative;
--spacing-ratio-top: 1.5;
margin-top: calc(0px - var(--page-offset));
padding-top: calc(var(--s-padding-top) + var(--page-offset));
display: flex;
flex-flow: column;
align-items: center;
}
#splash .container {
width: var(--container-gaps);
}
@media only screen and (max-width: 770px) {
#splash .container {
width: 100%;
}
}
@media only screen and (max-width: 1170px) {
#splash {
--spacing-ratio-top: 1;
}
}
@media only screen and (max-width: 770px) {
#splash {
--spacing-ratio-top: 1;
}
#splash h1 {
padding-right: 2rem;
}
#splash h4 {
padding-right: 4rem;
}
}
#splash .wpb_text_column.--colorful-title {
position: relative;
margin-bottom: 3rem !important;
}
@media only screen and (max-width: 1170px) {
#splash .wpb_text_column.--colorful-title {
margin-bottom: 0rem !important;
}
}
#splash .deco-circle {
--scale: 1;
--amp: 1;
position: absolute;
width: calc(4rem * var(--scale) * var(--amp));
height: calc(4rem * var(--scale) * var(--amp));
border-radius: 50%;
animation: float 10s ease-in-out infinite;
}
@media only screen and (max-width: 1270px) {
#splash .deco-circle {
animation: none;
}
}
@media only screen and (max-width: 1170px) {
#splash .deco-circle {
--amp: 0.9;
}
}
@media only screen and (max-width: 770px) {
#splash .deco-circle {
--amp: 0.7;
}
}
#splash .deco-circle:nth-of-type(1) {
animation-duration: 8s;
animation-delay: 2s;
--scale: 3;
top: -9rem;
right: -16rem;
background: linear-gradient(267deg, var(--yellow), var(--orange), var(--red));
}
@media only screen and (max-width: 1170px) {
#splash .deco-circle:nth-of-type(1) {
top: unset;
bottom: -9rem;
right: -7rem;
}
}
@media only screen and (max-width: 770px) {
#splash .deco-circle:nth-of-type(1) {
bottom: unset;
right: -6rem;
top: -4rem;
}
}
#splash .deco-circle:nth-of-type(1):after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
border-radius: 50%;
background-image: url("http://nokta.local/wp-content/uploads/2021/11/img_glob.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 80%;
opacity: 0.05;
animation: rotateMe 3s linear infinite;
}
#splash .deco-circle:nth-of-type(1):before {
content: "";
background: inherit;
z-index: -1;
width: 110%;
height: 110%;
border-radius: 50%;
opacity: 0.6;
filter: blur(40px);
position: absolute;
left: -3rem;
bottom: -3rem;
}
#splash .deco-circle:nth-of-type(2) {
animation-duration: 9s;
animation-delay: 1s;
--scale: 2;
bottom: -2rem;
left: -12rem;
background: linear-gradient(37deg, var(--blue), var(--purple));
}
@media only screen and (max-width: 1170px) {
#splash .deco-circle:nth-of-type(2) {
bottom: -6rem;
left: -5rem;
}
}
#splash .deco-circle:nth-of-type(2):before {
content: "";
background: inherit;
z-index: -1;
width: 110%;
height: 110%;
border-radius: 50%;
opacity: 0.6;
filter: blur(40px);
position: absolute;
right: -3rem;
top: -3rem;
}
#splash .deco-circle:nth-of-type(3) {
animation-duration: 6s;
animation-delay: 0.5s;
--scale: 1;
top: -7rem;
left: 16rem;
background: linear-gradient(120deg, var(--blue), var(--sky-blue));
}
@media only screen and (max-width: 1170px) {
#splash .deco-circle:nth-of-type(3) {
top: -5.9rem;
}
}
@media only screen and (max-width: 770px) {
#splash .deco-circle:nth-of-type(3) {
top: unset;
bottom: -4rem;
right: 0rem;
left: unset;
--amp: 1;
}
}
#splash .deco-circle:nth-of-type(3):before {
content: "";
background: inherit;
z-index: -1;
width: 110%;
height: 110%;
border-radius: 50%;
opacity: 0.6;
filter: blur(40px);
position: absolute;
right: -1rem;
top: -1rem;
}
#splash .deco-circle:nth-of-type(4) {
--scale: 1.2;
animation-duration: 4s;
animation-delay: 0.9s;
bottom: -6rem;
right: 8rem;
background: linear-gradient(229deg, var(--green), var(--sky-blue));
}
@media only screen and (max-width: 1170px) {
#splash .deco-circle:nth-of-type(4) {
bottom: -8rem;
display: none;
}
}
#splash .deco-circle:nth-of-type(4):before {
content: "";
background: inherit;
z-index: -1;
width: 110%;
height: 110%;
border-radius: 50%;
opacity: 0.6;
filter: blur(40px);
position: absolute;
left: -1rem;
top: -1rem;
}
.wpb_single_image {
display: flex;
}
.wpb_single_image figure {
display: inline-flex;
}
.wpb_single_image figure .vc_single_image-wrapper {
display: inline-flex;
}
.wpb_single_image figure .vc_single_image-wrapper img {
max-width: 100%;
height: auto;
}
.wpb_single_image.vc_align_center {
text-align: center;
justify-content: center;
}
.wpb_single_image.--absolute {
position: absolute;
bottom: 0px;
left: 0%;
width: 100%;
}
@media only screen and (max-width: 1170px) {
.wpb_single_image.--absolute {
left: 9%;
width: 90%;
}
}
@media only screen and (max-width: 770px) {
.wpb_single_image.--absolute {
left: 13%;
width: 76%;
}
}
.wpb_single_image:last-child {
margin-bottom: 0px;
}
.wpb_single_image.--has-shadow figure {
z-index: 1;
position: relative;
}
.wpb_single_image.--has-shadow figure::before {
z-index: -1;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 2rem;
left: 2rem;
background: var(--local-grad);
filter: blur(30px);
opacity: 0.3;
}
.home section:nth-child(3) .wpb_single_image.--has-shadow figure::before {
height: 80%;
}
.wpb_single_image.--round img {
border-radius: 20px;
}
.--grad1 {
--local-grad: linear-gradient(45deg, var(--purple), var(--blue));
}
.--grad2 {
--local-grad: linear-gradient(45deg, var(--purple), var(--orange));
}
.--grad3 {
--local-grad: linear-gradient(45deg, var(--blue), var(--sky-blue));
}
.image-comp > .vc_column-inner > .wpb_wrapper {
padding-bottom: 3rem;
position: relative;
}
@media only screen and (max-width: 770px) {
.image-comp > .vc_column-inner > .wpb_wrapper {
padding-bottom: 16rem;
}
}
.image-comp > .vc_column-inner > .wpb_wrapper > *:nth-child(2) {
position: absolute;
bottom: 0rem;
right: 3rem;
}
@media only screen and (max-width: 770px) {
.image-comp > .vc_column-inner > .wpb_wrapper > *:nth-child(2) {
right: 0rem;
bottom: var(--s-padding-bottom);
}
}
.image-comp.--trio .wpb_single_image figure {
width: 220px;
}
@media only screen and (max-width: 770px) {
.image-comp.--trio .wpb_single_image figure {
width: 160px;
}
}
.image-comp.--trio > .vc_column-inner > .wpb_wrapper {
padding-bottom: 0rem;
}
.image-comp.--trio .wpb_content_element {
margin-bottom: 0px;
}
@media only screen and (max-width: 440px) {
.image-comp.--trio .wpb_content_element:nth-child(1) {
padding: 2rem 0;
}
}
.image-comp.--trio .wpb_content_element:nth-child(2) {
position: absolute;
bottom: calc(50% - 20px);
right: calc(50% + 20px);
}
@media only screen and (max-width: 440px) {
.image-comp.--trio .wpb_content_element:nth-child(2) {
right: unset;
left: 0px;
top: 0px;
bottom: unset;
}
}
.image-comp.--trio .wpb_content_element:nth-child(3) {
position: absolute;
top: calc(50% - 18px);
left: calc(50% + 20px);
}
@media only screen and (max-width: 440px) {
.image-comp.--trio .wpb_content_element:nth-child(3) {
right: 0px;
left: unset;
top: unset;
bottom: 0px;
}
}
.wpb_content_element:last-child {
margin-bottom: 0px;
}
#cohal .--pad-bot {
padding-bottom: 6rem;
}
.smaller-interspacing {
--gap-y: var(--gap);
}
.bar {
padding: 2rem 2.5rem;
background-color: var(--gray1);
border-radius: 1.5rem;
--bullet-bg: var(--gray2);
--bullet-radius: 2px;
--bullet-size: 2px;
}
@media only screen and (max-width: 990px) {
.bar {
padding: 1.6rem 2rem;
}
}
@media only screen and (max-width: 770px) {
.bar {
--bullet-padding: calc(var(--bullet-size) + 1.1rem);
}
}
.bar ul {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: -0.8rem !important;
}
@media only screen and (max-width: 990px) {
.bar ul {
flex-flow: wrap;
}
}
.bar ul li {
margin-bottom: 0.8rem !important;
font-size: 0.75rem;
line-height: 1.4em;
}
@media only screen and (max-width: 1170px) {
.bar ul li {
color: var(--gray3);
}
}
.bar ul li strong {
font-weight: 400;
line-height: 1.5em;
font-size: 1rem;
color: var(--gray5);
display: inline-block;
margin-bottom: 5px;
}
.bar ul li:before {
height: calc(100% - 10px);
top: 4px;
}
@media only screen and (max-width: 1170px) {
.bar ul li {
width: 50%;
}
}
@media only screen and (max-width: 770px) {
.bar ul li {
width: 100%;
}
}
.bar.--icons {
max-width: 1050px;
margin: 0 auto;
}
@media only screen and (max-width: 770px) {
.bar.--icons {
padding: 2.7rem 2rem;
}
}
.bar.--icons ul {
justify-content: space-around;
}
@media only screen and (max-width: 770px) {
.bar.--icons ul {
margin-bottom: -2.5rem !important;
}
}
.bar.--icons ul li {
padding-left: 4.5rem;
}
@media only screen and (max-width: 770px) {
.bar.--icons ul li {
margin-bottom: 2.5rem !important;
}
}
.bar.--icons ul li strong {
top: 2px;
position: relative;
}
.bar.--icons ul li:before {
width: 3rem;
height: 3rem;
position: absolute;
left: 0px;
top: calc(50% - 1.5rem);
background: var(--icon-bg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media only screen and (min-width: 770px) and (max-width: 990px) {
.bar.--icons ul li {
padding-top: 4rem;
text-align: center;
padding-left: 0px;
width: auto;
}
.bar.--icons ul li:before {
top: 0px;
left: calc(50% - 1.5rem);
}
}
.wpb_wrapper .wpb_content_element.hidden-sm {
margin-bottom: 0px;
}
.page-id-279 .spheres-holder .deco-sphere:nth-child(1) {
left: -20rem;
}
.page-id-279 .spheres-holder .deco-sphere:nth-child(2) {
right: -17rem;
top: 2rem;
}
@media only screen and (max-width: 770px) {
.page-id-279 .spheres-holder .deco-sphere:nth-child(2) {
left: unset;
right: 0px;
top: -2rem;
--ratio: 0.05;
}
}
.page-id-279 .spheres-holder .deco-sphere:nth-child(3) {
left: -10rem;
top: 10rem;
}
@media only screen and (max-width: 990px) {
.page-id-279 .spheres-holder .deco-sphere:nth-child(3) {
top: 7rem;
}
}
@media only screen and (max-width: 990px) {
.page-id-279 .spheres-holder .deco-sphere {
width: calc(100px * var(--ratio) + 60px);
height: calc(100px * var(--ratio) + 60px);
}
}
section.--relative-container {
z-index: 1;
}
.css-comp2 {
position: static;
width: 45%;
margin-left: 27.5%;
margin-bottom: -4rem;
--cond-padd: 30px;
}
@media only screen and (max-width: 990px) {
.css-comp2 {
width: 100%;
margin-bottom: 3rem;
margin-left: 0%;
}
.css-comp2 > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-flow: wrap-reverse;
}
.css-comp2 .wpcf7 {
margin-top: 3rem;
}
}
.css-comp2 .wpb_text_column {
margin-bottom: 0px !important;
}
.css-comp2 .wpb_text_column.--floating {
position: absolute;
left: var(--gap-x);
bottom: calc(var(--gap-y));
width: 25%;
padding-right: var(--cond-padd);
}
.css-comp2 .wpb_text_column.--floating.--right {
padding-right: 0px;
padding-left: var(--cond-padd);
left: unset;
right: var(--gap-x);
}
@media only screen and (max-width: 1170px) {
.css-comp2 .wpb_text_column.--floating {
--cond-padd: 10px;
}
}
@media only screen and (max-width: 990px) {
.css-comp2 .wpb_text_column.--floating {
--cond-padd: 0px;
width: 50%;
position: static;
}
}
@media only screen and (max-width: 600px) {
.css-comp2 .wpb_text_column.--floating {
width: 100%;
}
.css-comp2 .wpb_text_column.--floating.--contact-list {
margin-top: 3rem;
}
}
.contact-map {
border-radius: 1rem;
}
.blog main, .category main {
overflow: hidden;
}
.visible {
visibility: visible;
display: block;
}
.visible-xl {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 1460px) {
.visible-xl {
visibility: visible;
display: block;
}
}
.visible-lg {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 1270px) {
.visible-lg {
visibility: visible;
display: block;
}
}
.visible-md {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 1170px) {
.visible-md {
visibility: visible;
display: block;
}
}
.visible-sm {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 990px) {
.visible-sm {
visibility: visible;
display: block;
}
}
.visible-xs {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 770px) {
.visible-xs {
visibility: visible;
display: block;
}
}
.visible-xxs {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 440px) {
.visible-xxs {
visibility: visible;
display: block;
}
}
.visible-only {
visibility: visible;
display: block;
}
.visible-only-xl {
display: none;
visibility: hidden;
}
@media only screen and (min-width: 1270px) and (max-width: 1460px) {
.visible-only-xl {
visibility: visible;
display: block;
}
}
.visible-only-lg {
display: none;
visibility: hidden;
}
@media only screen and (min-width: 1170px) and (max-width: 1270px) {
.visible-only-lg {
visibility: visible;
display: block;
}
}
.visible-only-md {
display: none;
visibility: hidden;
}
@media only screen and (min-width: 990px) and (max-width: 1170px) {
.visible-only-md {
visibility: visible;
display: block;
}
}
.visible-only-sm {
display: none;
visibility: hidden;
}
@media only screen and (min-width: 770px) and (max-width: 990px) {
.visible-only-sm {
visibility: visible;
display: block;
}
}
.visible-only-xs {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 770px) {
.visible-only-xs {
visibility: visible;
display: block;
}
}
.visible-only-xxs {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 440px) {
.visible-only-xxs {
visibility: visible;
display: block;
}
}
.flex-visible {
visibility: visible;
display: flex;
}
.flex-visible-xl {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 1460px) {
.flex-visible-xl {
visibility: visible;
display: flex;
}
}
.flex-visible-lg {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 1270px) {
.flex-visible-lg {
visibility: visible;
display: flex;
}
}
.flex-visible-md {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 1170px) {
.flex-visible-md {
visibility: visible;
display: flex;
}
}
.flex-visible-sm {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 990px) {
.flex-visible-sm {
visibility: visible;
display: flex;
}
}
.flex-visible-xs {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 770px) {
.flex-visible-xs {
visibility: visible;
display: flex;
}
}
.flex-visible-xxs {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 440px) {
.flex-visible-xxs {
visibility: visible;
display: flex;
}
}
.hidden {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 1460px) {
.hidden-xl {
display: none;
visibility: hidden;
}
}
@media only screen and (max-width: 1270px) {
.hidden-lg {
display: none;
visibility: hidden;
}
}
@media only screen and (max-width: 1170px) {
.hidden-md {
display: none;
visibility: hidden;
}
}
@media only screen and (max-width: 990px) {
.hidden-sm {
display: none;
visibility: hidden;
}
}
@media only screen and (max-width: 770px) {
.hidden-xs {
display: none;
visibility: hidden;
}
}
@media only screen and (max-width: 440px) {
.hidden-xxs {
display: none;
visibility: hidden;
}
}
.hidden-only {
display: none;
visibility: hidden;
}
@media only screen and (min-width: 1270px) and (max-width: 1460px) {
.hidden-only-xl {
display: none;
visibility: hidden;
}
}
@media only screen and (min-width: 1170px) and (max-width: 1270px) {
.hidden-only-lg {
display: none;
visibility: hidden;
}
}
@media only screen and (min-width: 990px) and (max-width: 1170px) {
.hidden-only-md {
display: none;
visibility: hidden;
}
}
@media only screen and (min-width: 770px) and (max-width: 990px) {
.hidden-only-sm {
display: none;
visibility: hidden;
}
}
@media only screen and (max-width: 770px) {
.hidden-only-xs {
display: none;
visibility: hidden;
}
}
@media only screen and (max-width: 440px) {
.hidden-only-xxs {
display: none;
visibility: hidden;
}
}
.visible-unhide {
visibility: visible;
display: flex;
}
@media only screen and (max-width: 1460px) {
.visible-unhide-xl {
visibility: visible;
display: flex;
}
}
@media only screen and (max-width: 1270px) {
.visible-unhide-lg {
visibility: visible;
display: flex;
}
}
@media only screen and (max-width: 1170px) {
.visible-unhide-md {
visibility: visible;
display: flex;
}
}
@media only screen and (max-width: 990px) {
.visible-unhide-sm {
visibility: visible;
display: flex;
}
}
@media only screen and (max-width: 770px) {
.visible-unhide-xs {
visibility: visible;
display: flex;
}
}
@media only screen and (max-width: 440px) {
.visible-unhide-xxs {
visibility: visible;
display: flex;
}
}
@media only screen and (max-width: 770px) {
.inverse-row {
display: flex;
flex-flow: column-reverse;
}
.inverse-row > .wpb_column {
margin-bottom: var(--gap-y);
}
.inverse-row > .wpb_column:first-of-type {
margin-bottom: 0;
}
}
@media only screen and (max-width: 990px) {
#cohal .wpb_text_column.--pad-bot {
padding-bottom: 3rem;
}
}
@media only screen and (max-width: 770px) {
#cohal .wpb_text_column.--pad-bot {
padding-bottom: 0rem;
}
}
.grecaptcha-badge {
z-index: -1;
display: none !important;
}
@media only screen and (max-width: 1170px) {
.page-id-279 main {
overflow: hidden;
}
}
.comp404 {
--gap: 40px;
display: flex;
align-items: center;
justify-content: center;
display: flex;
flex-flow: wrap;
margin: 0 calc(0px - var(--gap)) calc(0px - var(--gap-y)) !important;
}
@media only screen and (max-width: 770px) {
.comp404 {
--gap: 20px;
flex-flow: wrap-reverse;
}
}
.comp404 > * {
width: calc(100% / var(--cols) - var(--gap) * 2);
margin: 0 var(--gap) var(--gap-y) !important;
}
.comp404 img {
height: 300px;
width: auto;
margin-bottom: 0px;
}
.comp404__text {
text-align: left;
}
@media only screen and (max-width: 770px) {
.comp404__text {
text-align: center;
}
}
.error404 .comp404 .comp404__text {
margin: 0 var(--gap) var(--gap-y) !important;
}
figure {
margin: unset;
display: inline-block;
}
img {
max-width: 100%;
}
.wpb_content_element:not(:last-child) {
margin-bottom: 2rem;
}
.feature .wpb_content_element:not(:last-child) {
margin-bottom: 1rem;
}
.--title-block {
--p-scale: 1.125;
}
.--title-block p {
margin-top: -1.2rem;
}
.cpt-longridy_post .list-item__category,
.cpt-reportage_post .list-item__category {
display: none;
}
.main-header .cpt-longridy_post .list-item__category,
.main-header .cpt-reportage_post .list-item__category {
display: block;
}
@media only screen and (max-width: 990px) {
.x-row .x-col {
--col: 12;
}
}
.support-link figure {
width: 100%;
}
.support-link figure a {
width: 100%;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s var(--trns);
}
.support-link figure a:hover {
background-color: rgba(0, 0, 0, 0.0666666667);
}
.support-link figure a:focus-within, .support-link figure a:active {
background-color: rgba(0, 0, 0, 0.0823529412);
}
.outbound__cta {
position: absolute;
top: calc(var(--nav-offset) + var(--nav-height) + var(--admin-bar));
padding: var(--gap);
width: 100%;
}
.outbound__cta a {
display: flex;
justify-content: center;
}
.single-post__content p:first-child {
font-size: clamp(1.6rem, 1.6rem * var(--p-scale, 1) * var(--amplifier), 1.25rem);
color: var(--title-color) !important;
line-height: 32px;
font-weight: var(--p-weight, 700);
}
@media only screen and (max-width: 990px) {
.single-post__content p:first-child {
font-size: 18px;
line-height: 24px;
}
}
.single-post__content p:first-child strong {
color: var(--title-color) !important;
line-height: 32px;
}
@media only screen and (max-width: 990px) {
.single-post__content p:first-child strong {
font-size: 18px;
line-height: 24px;
}
}
.podcast-header-title {
font-size: 48px !important;
font-weight: 700 !important;
}
.podcast-item {
display: flex;
flex-direction: row;
}
.podcast-item .blog-item__thumbnail {
width: 104px;
height: 104px;
padding: 0;
min-width: auto;
}
.podcast-item .podcast-box {
border-bottom: 1px solid #D9D9D9;
padding-left: 32px;
}
.podcast-item .podcast-box .podcast-infobar {
display: flex;
align-items: center;
}
.podcast-item .podcast-box .podcast-infobar p {
font-size: 14px;
margin: 0;
font-weight: 700;
color: #929292;
}
.podcast-item .podcast-box .podcast-infobar .podcast-tags {
display: flex;
align-items: center;
padding: 0;
margin: 0;
}
.podcast-item .podcast-box .podcast-infobar .podcast-tags li {
list-style-type: none;
font-size: 14px;
font-weight: 700;
margin-right: 24px;
}
.podcast-item .podcast-box .podcast-infobar .podcast-tags li a {
color: #5D5D5D;
text-transform: uppercase;
}
.podcast-item .podcast-box .podcast-description p {
line-height: 24px;
margin-top: 24px;
margin-bottom: 24px;
color: #222222;
}
.podcast-item .podcast-box .podcast-player-box {
display: flex;
align-items: center;
}
.podcast-item .podcast-box .podcast-player-box .player {
display: flex;
align-items: center;
margin-right: 24px;
cursor: pointer;
}
.podcast-item .podcast-box .podcast-player-box .player img {
margin-right: 8px;
}
.podcast-item .podcast-box .podcast-player-box .player p {
margin: 0;
color: #FF595A;
font-size: 14px;
font-weight: 700;
}
.podcast-item .podcast-box .podcast-player-box .dot {
margin-right: 24px;
padding-bottom: 7px;
}
.podcast-item .podcast-box .podcast-player-box .item-count {
margin-right: 16px;
font-size: 14px;
}
.podcast-item .podcast-box .podcast-player-box .time {
font-size: 14px;
}
.podcast-item a {
text-decoration: none;
}
.podcast-item a .podcast-item-img {
width: 326px;
height: 326px !important;
padding: 0 !important;
margin-bottom: 0;
}
.podcast-item a h4 {
text-shadow: none !important;
}
.podcast-iframe.show {
display: block;
}
.podcast-iframe {
display: none;
margin-top: 24px;
}
.podcast-iframe .show {
display: block;
}
.podcast-iframe iframe {
width: 100%;
min-height: 160px;
}
.podcast-items {
position: relative;
padding: 0;
}
.podcast-items iframe {
width: 100%;
min-height: 160px;
margin-bottom: 24px;
}
.see-more {
display: flex;
justify-content: center;
margin: 64px 0;
}
.see-more img {
margin-right: 8px;
}
.see-more a {
border: 1px solid #929292;
padding: 18px;
display: flex;
text-decoration: none;
color: #222222;
font-size: 14px;
font-weight: 700;
}
.see-more a p {
margin: 0;
}
.post-link {
position: relative;
margin-bottom: 24px;
}
.post-link .invisible-link {
position: absolute;
top: 0;
left: 0;
width: 95%;
height: 45%;
z-index: 1;
opacity: 0;
}
.interactive-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: transparent;
}
.podcast-container {
display: flex;
}
.podcast-container .podcast {
width: 100%;
}
.podcast-container .podcast iframe {
width: 100%;
min-height: 160px;
padding-left: 160px;
}
.podcast-container .social ul {
padding: 0;
}
.podcast-container .social ul li {
list-style-type: none;
margin-bottom: 26px;
}
.mobile {
display: none;
}
.mobile-xs {
display: none;
}
.desktop {
display: flex;
}
.tablet {
display: flex;
}
.single-podcast-header {
padding-top: 64px;
}
.single-podcast-header .single-podcast-breadcrumb {
margin-bottom: 32px;
color: #5D5D5D;
}
.single-podcast-header .podcast-category-title h1 {
font-size: 48px;
}
.single-podcast-title {
margin-top: 32px;
margin-bottom: 64px;
font-size: 48px;
}
@media screen and (max-width: 1024px) {
.podcast-container {
display: grid;
}
.podcast-container .podcast iframe {
padding-left: 20px;
}
.podcast-container .social {
order: 2;
}
.podcast-container .social ul {
display: flex;
justify-content: center;
margin: 0;
}
.podcast-container .social ul li {
margin: 0 12px auto;
}
.see-more {
order: 3;
margin: 50px 0;
}
.mobile {
display: flex;
}
.desktop {
display: none;
}
}
@media screen and (max-width: 768px) {
.podcast-item {
margin-bottom: 16px !important;
}
.podcast-item a .podcast-item-img {
width: 88px;
height: 88px !important;
}
.podcast-item .podcast-box {
width: 100%;
border: none;
padding-left: 16px;
}
.podcast-item .podcast-box .podcast-description {
margin-bottom: 16px !important;
}
.podcast-item .podcast-box .podcast-description p {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.podcast-item .podcast-box .podcast-infobar {
display: grid;
}
.podcast-item .podcast-box .podcast-infobar p {
margin-top: 4px;
}
.podcast-item .podcast-box a h4 {
margin-bottom: 8px;
}
.podcast-player-box.mobile-xs {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 24px;
}
.podcast-player-box {
align-items: center;
}
.podcast-player-box .player {
display: flex;
align-items: center;
margin-right: 16px;
}
.podcast-player-box .player p {
margin: 0;
margin-left: 8px;
}
.podcast-player-box .dot {
margin-right: 16px;
padding-bottom: 6px;
}
.podcast-header-title {
font-size: 24px !important;
}
.tablet {
display: none !important;
}
.mobile-xs {
display: flex;
}
.podcast-category-title h1 {
font-size: 24px;
}
.single-podcast-breadcrumb {
margin-bottom: 16px !important;
}
.single-podcast-header {
padding-top: 24px;
}
.invisible-link {
width: 90%;
height: 29%;
}
.single-podcast-title {
margin-top: 16px;
margin-bottom: 24px;
}
}
.custom-btn-header {
display: inline-flex;
margin-right: 10px;
align-items: center;
justify-content: center;
color: white;
padding: 16px 20px; /* Adjust the padding to match the desired button size */
border: 1px solid #484848;
text-decoration: none; /* No underline on the text */
font-size: 14px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0.2px;
text-align: center;
cursor: pointer;
transition: background-color 0.3s ease; /* Smooth background color transition on hover */
}
@media only screen and (max-width: 767px) {
.custom-btn-header {
z-index: 1;
width: 100%; /* Full width */
margin-right: 0; /* Remove the right margin if it was added for desktop */
margin-bottom: 20px; /* Margin at the bottom */
justify-content: center; /* Center content horizontally */
}
}
.custom-btn-header:hover {
background-color: #495057; /* Slightly lighter grey on hover */
}
.btn-icon-header {
height: 20px; /* Height of the icon */
margin-right: 8px; /* Space between the icon and text */
}
.btn-text-header {
display: block; /* Ensure the span behaves like a block for centering */
}
.red-bg {
background-color: #FF595A; /* Red background color */
}
.red-bg:hover {
background-color: rgba(110, 3, 3, 0.01); /* Darker red on hover */
}
.no-margin {
margin-right: 0; /* Removes the margin */
}
.footer-donate {
margin-top: 54px;
margin-bottom: 64px;
width: 100%;
}
@media only screen and (max-width: 768px) {
.footer-donate {
flex-direction: column;
margin-top: 32px;
margin-bottom: 16px;
}
}
.footer-donate .footer-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 64px;
}
@media only screen and (max-width: 768px) {
.footer-donate .footer-content {
flex-direction: column;
margin-top: 32px;
}
}
.footer-donate .footer-line {
border: none; /* Removes the default border */
height: 1px; /* The thickness of your line */
background-color: #484848; /* The color of your line */
margin: 10px 0; /* Adds space above and below your line */
}
.footer-donate .footer-logos {
display: flex;
justify-content: flex-start;
align-items: center;
}
@media only screen and (max-width: 768px) {
.footer-donate .footer-logos {
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-bottom: 32px;
}
.footer-donate .footer-logos .footer-logo {
margin-right: 32px; /* Adjust spacing between logos */
height: 24px;
}
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
.footer-donate .footer-logos .footer-logo {
margin-right: unset;
height: 16px;
}
}
.footer-donate .footer-buttons {
display: flex;
align-items: center;
}
@media only screen and (max-width: 768px) {
.footer-donate .footer-buttons {
flex-direction: column;
width: 100%;
}
}
.back-to-top {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 999;
}