li:focus-visible {
outline: none;
}
.site {
position: relative;
z-index: 150;
}
.top-site-area-image--image {
position: relative;
display: block;
width: 100%;
height: auto;
}
.top-site-area-image--image img {
width: 100%;
height: 100%;
object-fit: contain;
position: relative;
z-index: 2;
}
.top-site-area-image--image::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(//solarssk.com/wp-content/themes/ein-des-ein/assets/images/pseudo_bg.png);
background-position: center;
z-index: 1;
}
:root {
--top-image-height: 36px;
--header-height: 65px;
}
#page {
padding-top: calc(var(--top-image-height) + var(--header-height));
}
.top-site-area-image,
.top-site-area-image--image {
position: fixed;
top: 0;
left: 0;
right: 0;
height: var(--top-image-height);
z-index: 1;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: opacity 0.35s ease;
max-width: 1920px;
margin: auto;
z-index: 150;
}
.top-site-area-image__pseudo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center;
z-index: 0;
}
header.site-header {
position: fixed;
top: var(--top-image-height);
left: 0;
right: 0;
z-index: 1000;
background-color: #00022e;
transition: top 0.35s ease;
max-width: 1920px;
margin: auto;
}
#mobile-menu .lang-switcher-mobile {
display: none;
}
header.site-header .navbar {
max-width: 1280px;
margin: auto;
padding: 24px 12px;
transition: padding 0.4s ease;
}
header.site-header.fixed-header .navbar {
padding-top: 8px;
padding-bottom: 8px;
}
@media (max-width: 1279px) {
header.site-header .navbar {
padding: 12px;
}
}
@media (max-width: 767px) {
header.site-header .navbar {
padding: 8px 12px;
}
}
.site-header-brand {
padding: 0;
margin: 0;
}
header.site-header .navbar-brand {
width: 163px;
margin-top: -6px;
margin-right: 0;
}
.site-header-brand svg {
width: 163px;
height: 33px;
}
@media (max-width: 1279px) {
.site-header-brand svg {
width: 122px;
}
}
.main-menu {
position: relative;
}
.main-menu .menu-level-1 {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 12px;
}
.main-menu .menu-item {
position: relative;
cursor: pointer;
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #fff;
padding: 4px;
transition: 0.25s;
border-bottom: 1px solid transparent;
width: fit-content;
}
.main-menu .menu-item a,
.submenu a {
color: #fff;
}
.main-menu .menu-item:active,
.main-menu .menu-item:focus {
color: #a8b5dd;
border-bottom: 1px solid #a8b5dd;
}
.main-menu .menu-item:hover,
.main-menu .menu-item:hover a,
.submenu a:hover {
color: #3bb57c !important;
}
.main-menu .menu-item.hovered,
.main-menu .menu-item.hovered a {
color: #3bb57c;
}
.main-menu .menu-item.active-menu,
.main-menu .menu-item.active-menu a {
color: #a8b5dd;
text-decoration: underline;
}
.main-menu .menu-item.has-submenu::after {
content: "";
border: solid currentColor;
border-width: 0 1px 1px 0;
display: inline-block;
width: 6px;
height: 6px;
transform: rotate(45deg);
margin-left: 10px;
opacity: 0.8;
transition: transform 0.25s ease, opacity 0.25s ease, background 0.25s ease;
top: -1px;
position: relative;
}
.main-menu .menu-item.has-submenu:hover::after {
opacity: 1;
}
.main-menu .menu-item.has-submenu.hovered::after {
transform: rotate(-135deg);
}
.submenu .has-submenu::after {
content: "";
border: solid currentColor;
border-width: 0 1.5px 1.5px 0;
display: inline-block;
width: 6px;
height: 6px;
transform: rotate(-45deg);
margin-left: 6px;
opacity: 0.5;
transition: 0.25s;
top: -1px;
position: relative;
} .submenu {
position: absolute;
top: 100%;
left: 0;
background: #00022e;
box-shadow: 0 0 2px 0 rgba(168, 181, 221, 0.7);
border-radius: 8px;
padding: 4px;
z-index: 1000;
min-width: 240px;
max-width: fit-content;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, visibility 0.25s ease;
margin-top: 4px;
}
.submenu.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.submenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.submenu ul li {
cursor: pointer;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
padding: 4px;
line-height: 150%;
color: #fff;
transition: 0.2s;
}
.main-menu ul li:hover,
.main-menu ul li:hover а {
color: #3bb57c !important;
}
.submenu-level-2 {
left: 0;
position: absolute;
z-index: 1100;
padding-top: 0;
}
.submenu-header {
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #9192a5;
cursor: pointer;
margin-top: 8px;
margin-bottom: 6px;
padding-left: 6px;
}
.submenu-header:before {
content: "";
border: solid currentColor;
border-width: 0 1.5px 1.5px 0;
display: inline-block;
width: 7px;
height: 7px;
transform: rotate(135deg);
margin-right: 2px;
opacity: 0.5;
transition: 0.25s;
top: 0;
position: relative;
}
.site-header .navbar-toggler {
border: none;
width: 32px !important;
height: 32px !important;
}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:focus-visible {
box-shadow: none;
outline: none;
}
@media (min-width: 768px) {
.site-header-contact {
width: 30%;
}
}
@media (min-width: 1280px) {
.site-header-contact {
width: auto;
}
}
.site-header .navbar .site-header-contact i {
color: #3bb57c !important;
}
.lang-switcher {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 120%;
color: #b9c3e3;
cursor: pointer;
user-select: none;
min-width: 64px;
}
@media (min-width: 992px) {
.lang-switcher {
order: 2;
}
}
.lang-selected {
background: transparent;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
color: #9899ae;
padding: 8px;
}
.lang-selected::after {
content: "";
border: solid currentColor;
border-width: 0 1.5px 1.5px 0;
display: inline-block;
width: 6px;
height: 6px;
transform: rotate(45deg);
margin-left: 6px;
opacity: 0.5;
transition: transform 0.3s;
position: relative;
top: -1px;
}
.lang-switcher.open .lang-selected::after {
transform: rotate(225deg);
}
.lang-options {
position: absolute;
top: 100%;
left: 0;
background: #00022e;
box-shadow: 0 0 2px 0 rgba(168, 181, 221, 0.7);
border-radius: 8px;
list-style: none;
padding: 4px;
margin: 0;
width: 100%;
display: none;
z-index: 1000;
}
.lang-switcher.open .lang-options {
display: block;
}
.lang-options li {
padding: 4px 4px 8px 4px;
cursor: pointer;
transition: background 0.2s, color 0.2s;
display: flex;
align-items: center;
}
.lang-options li:last-child {
padding: 4px;
}
.site-header .navbar a {
font-size: 14px;
}
.site-header .navbar .lang-options li a {
color: #fff !important;
font-size: 14px;
}
.site-header .navbar .lang-options li:hover a {
color: #3bb57c !important;
}
.lang-options li.disabled {
color: #bebfd9;
cursor: default;
pointer-events: none;
opacity: 0.7;
}
.lang-selected img,
.lang-options img {
width: 16px;
height: 16px;
margin-right: 4px;
vertical-align: middle;
border-radius: 50%;
object-fit: cover;
}
.lang-options li[data-lang="ru"] img,
.lang-selected img[src*="/ru.png"] {
opacity: 0;
}
.lang-options li.disabled:hover {
color: #bebfd9;
background: transparent;
} @media (max-width: 1279px) {
.main-menu .menu-item {
width: 100%;
}
.submenu .has-submenu::after {
transform: rotate(45deg);
top: -3px;
}
.site-header__contact .lang-switcher {
display: none;
}
#mobile-menu .mobile-lang-switcher {
display: block;
margin-top: 1rem;
padding: 0 4px;
}
.site-header .navbar-toggler {
display: inline-flex !important;
}
.navbar-toggler {
display: block;
}
#mobile-menu {
display: none;
position: absolute;
top: 100%;
right: 0;
width: 350px;
height: calc(100vh - 100%);
z-index: 200;
padding: 8px 12px;
background: #00022e;
}
#mobile-menu.active {
display: block;
}
#mobile-menu .menu-level-1 {
display: flex;
flex-direction: column;
gap: 4px;
}
#mobile-menu .submenu {
display: none;
position: relative;
top: 0;
left: 0;
box-shadow: none;
}
#mobile-menu .submenu.active {
display: block;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
width: 100%;
}
#mobile-menu .submenu-level-2 {
background: #00022e;
}
.mobile-lang-switcher {
margin-top: 2rem;
}
.mobile-lang-switcher select {
width: 100%;
padding: 0.5rem;
}
#mobile-menu .menu-item.has-submenu {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-right: 16px;
border: none;
}
#mobile-menu .menu-item.has-submenu:active,
#mobile-menu .menu-item.has-submenu:active a {
color: rgb(168, 181, 221);
}
#mobile-menu .menu-item.has-submenu .submenu-arrow {
margin-left: 0;
background: transparent;
border: none;
cursor: pointer;
}
#mobile-menu .menu-item.has-submenu a {
flex: 1;
}
#mobile-menu .submenu .menu-item.has-submenu .submenu-arrow {
display: none;
}
#mobile-menu .submenu.active > .menu-item.has-submenu .submenu-arrow {
display: inline-block;
}
#mobile-menu .menu-level-1.has-active > .menu-item.has-submenu::after { pointer-events: none;
}
.submenu ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 16px;
}
}
@media (max-width: 767px) {
:root {
--header-height: 63px;
}
.site-header__contact .lang-switcher {
display: none;
}
#mobile-menu {
width: 100%;
height: 100vh !important;
}
:root {
--top-image-height: 0px !important;
}
#page {
padding-top: var(--header-height) !important;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.site-header__contact .lang-switcher {
display: flex;
}
#mobile-menu .mobile-lang-switcher {
display: block;
}
}
@media (min-width: 1280px) {
#mobile-menu .mobile-lang-switcher {
display: none;
}
.site-header__contact .lang-switcher {
display: flex;
}
}
@media (max-width: 480px) {
.site-header .lang-switcher {
display: none;
}
#mobile-menu {
padding-right: 24px;
}
#mobile-menu .lang-switcher-mobile {
display: block;
}
.lang-selected {
justify-content: flex-start;
margin-top: 12px;
padding-left: 4px;
}
.lang-switcher.open .lang-options {
width: 64px;
}
}
.header-contacts .contact-icon {
display: inline;
}
.header-contacts .contact-text {
display: none;
}
.header-contacts a[href^="tel"] {
pointer-events: auto;
cursor: pointer;
}
@media (min-width: 992px) {
.header-contacts .contact-icon {
display: none;
}
.header-contacts .contact-text {
display: inline;
color: #b9c3e3;
}
.header-contacts a[href^="tel"] {
color: inherit;
text-decoration: none;
}
.header-contacts a[href^="mailto"] {
transition: color 0.25s ease;
}
.header-contacts a[href^="mailto"]:hover {
color: #b9c3e3;
text-decoration: underline;
}
}
.btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 24px;
font-size: 18px;
line-height: 120%;
font-weight: 600;
width: auto;
min-width: 208px;
max-width: 310px;
border-radius: 50px;
cursor: pointer;
z-index: 1;
appearance: none;
border: none;
transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}
@media (max-width: 480px) {
.btn {
width: 100%;
max-width: 100%;
}
}
.btn span.arrow {
display: inline-block;
transform: rotate(320deg);
margin-left: 1px;
}
.btn:focus,
.btn:focus-visible {
outline: 0;
box-shadow: none;
}
a:-webkit-any-link:focus-visible {
outline: none;
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus {
color: var(--btn-text-primary-color) !important;
background-color: var(--btn-bg-primary-color) !important;
border-color: var(--btn-border-primary-color) !important;
border-radius: 50px !important;
font-weight: 600 !important;
width: auto !important;
}
.btn-primary:hover {
box-shadow: 0 0 4px 0 var(--btn-shadow-primary) !important;
background-color: var(--btn-hover-bg-primary-color) !important;
color: var(--btn-hover-text-primary-color) !important;
}
.btn-secondary,
.btn-secondary:active,
.btn-secondary:focus {
color: var(--btn-text-secondary-color) !important;
background-color: var(--btn-bg-secondary-color) !important;
border-color: var(--btn-border-secondary-color) !important;
}
.btn-secondary:hover {
box-shadow: 0 0 24px 0 var(--btn-shadow-secondary) !important;
background-color: var(--btn-hover-bg-secondary-color) !important;
color: var(--btn-hover-text-secondary-color) !important;
}
.btn-secondary.btn:before,
.btn-secondary.btn:after,
.btn-secondary.btn:hover:before,
.btn-secondary.btn:hover:after {
display: none;
}
.btn-white,
.btn-white:active,
.btn-white:focus {
color: #303256 !important;
background-color: #fff !important;
box-shadow: 0 0 4px 0 #b9c3e3 !important;
}
.btn-white:hover {
box-shadow: 0 0 24px 0 rgba(168, 181, 221, 0.6) !important;
background-color: #fff !important;
color: #303256 !important;
}
.btn.btn-primary:before {
display: none;
top: -75%;
background-image: radial-gradient(
circle,
var(--btn-bg-primary-color) 15%,
transparent 15%
),
radial-gradient(
circle,
transparent 15%,
var(--btn-bg-primary-color) 15%,
transparent 30%
),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(
circle,
transparent 10%,
var(--btn-bg-primary-color) 15%,
transparent 15%
),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%);
background-size: 10% 10%, 14% 14%, 15% 15%, 14% 14%, 18% 18%, 10% 10%, 15% 15%,
10% 10%, 18% 18%;
}
.btn.btn-primary:after {
display: none;
bottom: -75%;
background-image: radial-gradient(
circle,
var(--btn-bg-primary-color) 15%,
transparent 15%
),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(
circle,
transparent 10%,
var(--btn-bg-primary-color) 15%,
transparent 15%
),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%),
radial-gradient(circle, var(--btn-bg-primary-color) 15%, transparent 15%);
background-size: 14% 14%, 15% 15%, 18% 18%, 15% 15%, 14% 14%, 10% 10%, 15% 15%;
}
.btn-primary:active:focus {
box-shadow: none;
}
.btn:before,
.btn:after {
position: absolute;
content: "";
display: block;
width: 140%;
height: 100%;
left: 50%;
transform: translateX(-50%);
z-index: -1000;
transition: all ease-in-out 0.5s;
background-repeat: no-repeat;
}
.btn.animate:before {
display: block;
animation: topBubbles ease-in-out 0.75s forwards;
}
.btn.animate:after {
display: block;
animation: bottomBubbles ease-in-out 0.75s forwards;
}
.btn:hover:before {
display: block;
animation: topBubbles ease-in-out 0.75s forwards;
}
.btn:hover:after {
display: block;
animation: bottomBubbles ease-in-out 0.75s forwards;
}
@keyframes topBubbles {
0% {
background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%,
40% 90%, 55% 90%, 70% 90%;
}
50% {
background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%,
50% 50%, 65% 20%, 90% 30%;
}
100% {
background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%,
50% 40%, 65% 10%, 90% 20%;
background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
@keyframes bottomBubbles {
0% {
background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,
70% -10%, 70% 0%;
}
50% {
background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%,
105% 0%;
}
100% {
background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%,
110% 10%;
background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
.zoom-img {
display: block;
width: 100%;
max-width: 100%;
cursor: grab;
transition: transform 0.25s ease-out, filter 0.25s ease-out,
opacity 0.25s ease-out;
transform-origin: center center;
}
.zoom-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
background-repeat: no-repeat;
background-size: 200%;
background-position: 50% 50%;
transition: background-position 0.25s ease-out, filter 0.25s ease-out;
height: 100%;
width: 100%;
}
.zoom-wrapper:hover .zoom-img {
opacity: 0;
}
.zoom-wrapper.zooming {
filter: brightness(1.1);
}
.zoom-img.zooming {
transform: scale(1.8);
filter: brightness(1.1);
} .toZoom {
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
position: relative;
}
.toZoom-container {
display: inline-block;
position: relative;
}
.toZoom-container::after {
content: "⇱⇲";
position: absolute;
bottom: 8px;
right: 8px;
font-size: 12px;
color: black;
background: rgb(249 248 248 / 50%);
box-shadow: 0 0 5px rgb(0 0 0 / 12%);
padding: 6px;
border-radius: 50%;
pointer-events: none;
}
.toZoom-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0, 0, 0, 0.9);
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
box-sizing: border-box;
display: none;
}
.toZoom-modal img {
max-width: 90%;
max-height: 90%;
border-radius: 5px;
animation: zoom 0.6s ease;
}
@keyframes zoom {
from {
transform: scale(0.1);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.toZoom-modal .close {
position: absolute;
top: 20px;
right: 35px;
font-size: 40px;
color: #fff;
font-weight: bold;
cursor: pointer;
transition: color 0.3s;
}
.toZoom-modal .close:hover {
color: #bbb;
}
:root {
--slider-color-secondary: #26262b;
--slider-bg-dots: #85d1ae;
--slider-shadow-dots: rgb(89 205 151 / 100%);
}
.new-page-wrapper {
background-color: var(--bg-color);
color: var(--text-color);
font-family: "Montserrat", sans-serif;
margin-top: -32px;
}
h1,
h2,
h3,
h4 {
color: var(--h-color);
line-height: 120%;
position: relative;
margin: 0;
z-index: 1;
}
h2,
h3,
h4 {
text-align: center;
}
.decorated-letter {
position: relative;
display: inline-block;
z-index: 1;
}
h1 {
font-size: 32px;
font-weight: 700;
}
h1:before,
.decorated-letter::before {
content: "";
width: 32px;
height: 32px;
background-color: var(--circle-h-bg-color);
border-radius: 50%;
position: absolute;
z-index: -1;
top: -2px;
left: -18px;
}
h2 {
font-size: 30px;
font-weight: 600;
margin-bottom: 24px;
}
h1 span {
color: var(--span-color);
}
h1 span.decorated-letter {
color: inherit;
}
h3 {
font-weight: 600;
font-size: 26px;
line-height: 120%;
color: #434858;
}
section {
padding-top: 24px;
padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
margin-bottom: 40px;
}
h3 {
font-size: 24px;
}
section {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media screen and (min-width: 1440px) {
h1 {
font-size: 42px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 28px;
}
section {
padding-top: 56px;
padding-bottom: 56px;
}
}
p:not(footer p) {
font-size: 18px;
line-height: 150%;
color: var(--text-color);
font-weight: 400;
margin-bottom: 0;
}
p:last-child:not(footer p) {
margin-bottom: 0;
}
p:not(footer p) + p:not(footer p) {
margin-top: 16px;
}
.bg-primary {
background-color: var(--bg-primary) !important;
}
.bg-secondary {
background-color: var(--bg-secondary) !important;
}
.bg-green {
background-color: #3bb57c !important;
}
.bg-green h2 {
color: #fff;
}
.bg-green .decorated-letter::before {
background-color: #2f9163;
}
body.wp-admin h1:before {
content: none !important;
position: initial;
}
:where(.editor-styles-wrapper) .btn span.arrow {
display: none !important;
}
.wp-block-video {
max-width: 930px;
margin: auto;
}
.inner-video .wp-block-video {
display: inline-block;
width: 100%;
max-width: 100%;
background: #4c4c57;
border-radius: 4px;
overflow: hidden;
}
.inner-video .wp-block-video video {
display: block;
width: 100%;
height: auto;
}
.wp-admin .decorated-letter {
display: contents;
}
.wp-admin .decorated-letter::before {
background-color: transparent;
}
.title-wrapper,
.title-wrapper-inverse {
text-align: center;
margin-bottom: 40px;
}
.title-wrapper h2,
.title-wrapper-inverse h2 {
margin-bottom: 8px;
}
.title-wrapper-inverse h2,
.title-wrapper-inverse p {
color: var(--color-primary);
} .dots-menu-navigation {
display: none;
}
@media (min-width: 992px) {
.dots-menu-navigation-fixed {
display: block;
position: fixed;
top: 50%;
right: 28px;
transform: translateY(-50%);
z-index: 140;
}
.dots-menu-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.dots-menu-navigation li {
position: relative;
height: 20px;
margin: 12px 0;
}
.dots-menu-anchor {
display: block;
position: relative;
height: 20px;
cursor: pointer;
}
.dots-menu-dot {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 100%;
background: rgba(12, 36, 25, 0.24);
border: 1px solid rgba(255, 255, 255, 0.7);
display: inline-block;
transition: transform 0.2s ease, background-color 0.2s ease;
}
.dots-menu-dot:hover {
width: 16px;
height: 16px;
background: rgba(12, 36, 25, 0.6);
border: 3px solid rgba(255, 255, 255, 0.6);
}
.dots-menu-label {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -7px;
z-index: -1;
white-space: nowrap;
pointer-events: none;
border-radius: 40px;
padding: 4px 28px 4px 8px;
backdrop-filter: blur(4px);
background: rgba(255, 255, 255, 0.4);
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #22242c;
opacity: 0;
transition: opacity 0.3s ease;
}
.dots-menu-label span {
display: inline-block;
transform: translateY(5px);
transition: transform 0.3s ease;
}
.dots-menu-anchor:hover .dots-menu-label {
opacity: 1;
}
.dots-menu-anchor:hover .dots-menu-label span {
transform: translateY(0);
}
.dots-menu-anchor:hover .dots-menu-dot {
transform: translateY(-50%) scale(1);
right: -3px;
}
.dots-menu-anchor.is-selected {
}
} :root {
--form-text-color-primary: #fff;
--form-border-input-color: #bfc0cb;
--form-border-check-color: #a8b5dd;
--form-check-bg: #a8b5dd;
--form-check-shadow: rgb(168, 181, 221, 0.15);
}
.form-check-input {
background-color: transparent;
border: 1px solid var(--form-border-input-color);
}
.form-check-input:checked {
background-color: var(--form-check-bg);
border-color: var(--form-border-check-color);
}
.form-check-input:focus,
.form-check-input:active {
border-color: var(--form-check-bg);
outline: 0;
box-shadow: 0px 0px 3px 2px var(--form-check-shadow);
} .simple-list {
list-style: none;
padding: 0;
margin: 0;
}
.simple-list li {
position: relative;
padding-left: 16px;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: var(--slider-color-secondary);
}
.simple-list li + li {
margin-top: 8px;
}
.simple-list li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
background-color: var(--slider-bg-dots);
border-radius: 50%;
box-shadow: 0 0 3px var(--slider-shadow-dots);
}:root {
--form-text-color-primary: #fff;
--form-text-color-popup: #303256;
--form-text-color-secondary: #434858;
--form-bg-color-primary: #fff;
--form-bg-color: #fbfbfd;
--form-border-color: #a8b5dd;
--form-border-color-secondary: #333;
--form-border-upload-color: #3bb57c;
--form-border-output-color: #46b450;
--form-border-not-valid-color: #dd0004;
--form-bg-not-valid-color: rgba(221, 0, 4, 0.1);
--form-placeholder-color: #9192a5;
--form-select-bg-color: #ceedde;
--form-popup-bg: rgb(238 238 238 / 95%);
--form-popup-shadow: rgba(0, 0, 0, 0.3);
}
.form_new {
position: relative;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.form_new .decorated-letter::before {
background-color: var(--circle-h-bg-secondary-color);
}
@media (min-width: 768px) {
.form_new .col-select {
flex: 0 0 50%;
max-width: 50%;
}
}
.form__field .icon-user {
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: var(--form-text-color-secondary);
}
.form_new .form__field {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 24px;
border-radius: 8px;
}
.form_new .form__field:first-of-type {
margin: 0;
}
.form_new p {
margin: 0;
}
.form_new .form__input,
.form_new .form__textarea,
.form_new .wpcf7-form-control,
.form_new p {
font-weight: 400;
color: var(--form-text-color-secondary);
}
.form_new .form__input,
.form_new .form__textarea,
.form_new .wpcf7-form-control {
width: 100%;
border-radius: 8px;
border: 1px solid var(--form-border-color);
background: var(--form-bg-color);
padding: 8px 16px;
min-height: 50px;
box-sizing: border-box;
}
.form_new .form__textarea {
max-height: 198px;
}
.col-select p + p {
margin-top: 24px;
}
.custom-select-wrapper {
position: relative;
width: 100%;
font-size: 18px;
}
.custom-select-wrapper select {
display: none;
}
.custom-select-selected {
width: 100%;
border-radius: 8px;
background: var(--form-bg-color);
padding: 10px 16px;
font-weight: 400;
color: var(--form-text-color-secondary);
cursor: pointer;
min-height: 50px;
box-sizing: border-box;
position: relative;
box-shadow: 0 0 4px 0 var(--form-border-color);
}
.custom-select-selected::after {
content: "";
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: var(--form-border-color-secondary) transparent transparent
transparent;
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
pointer-events: none;
}
.custom-select-selected.placeholder {
border: 1px solid var(--form-border-color);
}
.custom-select-options {
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-height: 250px;
overflow-y: auto;
border: 1px solid var(--form-border-color);
border-radius: 8px;
background: var(--form-bg-color-primary);
z-index: 999;
display: none;
margin: 4px 0 0 0;
padding: 0;
list-style: none;
}
.custom-select-options li {
padding: 10px 20px;
cursor: pointer;
}
.custom-select-options li:hover {
background: var(--form-select-bg-color);
}
.country-select .country-list .country.highlight {
background: var(--form-select-bg-color);
}
.custom-select-wrapper.open .custom-select-options {
display: block;
box-shadow: 0 0 4px 0 var(--form-border-color);
border: none;
}
.custom-select-selected.placeholder {
color: var(--form-placeholder-color);
opacity: 1;
box-shadow: none;
}
.form_new .form__input-label {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: var(--form-placeholder-color);
transition: all 0.2s ease;
}
.form__input-label.active {
opacity: 0;
}
.has-file {
box-shadow: 0 0 4px 0 var(--form-border-color);
}
.flex-grow-1 .form__input-label {
top: 24px;
}
.form__field.icon-user:has(.form__input-label.active) {
box-shadow: 0 0 4px 0 var(--form-border-color);
}
.form__field.icon-user:has(.form__input-label.active) .form__input {
border: none;
}
.form_new .form__input:focus + .form__input-label,
.form_new .form__input:valid + .form__input-label,
.form_new .form__textarea:focus + .form__input-label,
.form_new .form__textarea:valid + .form__input-label,
.form_new .wpcf7-form-control:focus + .form__input-label,
.form_new .wpcf7-form-control:valid + .form__input-label {
top: 6px;
}
.form_new .form__field.icon-upload {
cursor: pointer;
background: var(--form-bg-color);
color: var(--form-placeholder-color);
padding: 8px 28px 8px 16px;
border-radius: 8px;
transition: 0.3s;
min-height: 51px;
border: 1px solid var(--form-border-upload-color);
position: relative;
}
.form_new .form__field.icon-upload:hover {
background: var(--form-bg-color);
}
.form_new
.form__field.icon-upload:hover
.form_new
.form__field.icon-upload.has-file {
box-shadow: none;
}
.form_new .wpcf7-form-control:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--form-bg-color) inset !important;
box-shadow: 0 0 0 1000px var(--form-bg-color) inset !important;
}
.form_new .form__file-input {
display: none;
}
.form_new .form__file-label {
pointer-events: none;
}
.form__field.icon-upload .form__file-label::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
margin-left: -6px;
margin-right: 4px;
background-image: url(//solarssk.com/wp-content/themes/ein-des-ein/assets/images/page-career/file.svg);
background-size: contain;
background-repeat: no-repeat;
vertical-align: bottom;
}
.form__field.icon-upload.has-file .form__file-label::before {
background-image: url(//solarssk.com/wp-content/themes/ein-des-ein/assets/images/page-career/file-green.svg);
}
.form_new .form__note {
display: flex;
font-size: 12px;
font-weight: 400;
line-height: 150%;
color: var(--form-text-color-primary);
position: relative;
width: fit-content;
margin: auto;
}
.form__remove {
position: absolute;
right: 8px;
width: 20px;
height: 20px;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.form__remove::before,
.form__remove::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 16px;
background-color: red;
transform-origin: center;
}
.form__remove::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.form__remove::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.form_new .wpcf7-submit {
display: flex;
margin: auto;
}
.form-check {
padding-left: 2.2em;
}
.form-check-label {
font-size: 14px;
line-height: 150%;
}
.form_new .wpcf7-submit {
display: flex;
margin: auto;
}
.form_new br {
display: none;
}
.form_new .wpcf7-spinner {
position: absolute;
}
.wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7-not-valid {
border: 1px solid var(--form-border-not-valid-color) !important;
outline: none !important;
background: var(--form-bg-not-valid-color) !important;
}
.custom-select-wrapper.wpcf7-not-valid .custom-select-selected {
border: 1px solid transparent;
background: var(--form-bg-not-valid-color);
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.custom-select-selected:focus-visible,
.wpcf7-form-control-wrap:focus-visible {
outline: none;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: var(--form-border-not-valid-color) !important;
color: var(--form-text-color-primary);
border-radius: 8px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: var(--form-border-output-color);
color: var(--form-text-color-primary);
border-radius: 8px;
} .iti--separate-dial-code .iti__selected-flag {
background-color: transparent !important;
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type="text"] {
padding-left: 52px !important;
}
.country-select .selected-flag {
display: flex;
align-items: center;
}
.comments.placeholder {
opacity: 1;
background-color: transparent;
}
.form_new-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--form-popup-bg);
color: var(--form-text-color-popup);
font-weight: 600;
padding: 20px 30px;
border-radius: 8px;
font-size: 16px;
z-index: 9999;
text-align: center;
box-shadow: 0 4px 12px var(--form-popup-shadow);
border: 1px solid var(--form-border-color);
opacity: 1;
transition: opacity 0.5s ease;
}
.cf7-popup-message.visible {
opacity: 1;
pointer-events: auto;
}
.phone .iti {
display: block;
}
.wpcf7-submit + .wpcf7-spinner {
display: none !important;
} .resume-form__icon-flag {
position: absolute;
z-index: 52;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 14px;
}
.js-region-wrapper .custom-select-selected {
padding-left: 45px;
}
.js-region-wrapper .custom-select-selected:before {
display: none;
}
.js-region-wrapper {
position: relative;
z-index: 10;
}
.js-region-wrapper * {
box-sizing: border-box;
}
.js-region-wrapper,
.js-region-wrapper label {
pointer-events: auto;
}
.js-region-wrapper .custom-select-selected {
cursor: pointer;
position: relative;
z-index: 50;
pointer-events: auto;
}
.js-region-wrapper .custom-select-options {
position: absolute;
z-index: 99999;
}
.custom-select-options li:first-child {
opacity: 0.5;
pointer-events: none;
}
#block,
.resume-form-download {
background-repeat: no-repeat;
background-size: cover;
}
.country-select .country-list {
z-index: 21 !important;
}@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important}