@font-face {
font-family: 'inter';
src: url(//itkombinat.designery.io/wp-content/themes/itkombinat/fonts/inter-bold.woff2) format('woff2');
font-weight: 700;
font-style: bold;
font-display: swap;
}
@font-face {
font-family: 'manrope';
src: url(//itkombinat.designery.io/wp-content/themes/itkombinat/fonts/manrope-regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'manrope';
src: url(//itkombinat.designery.io/wp-content/themes/itkombinat/fonts/manrope-bold.woff2) format('woff2');
font-weight: 700;
font-style: bold;
font-display: swap;
}
body, input, label, textarea, button {
font-family: 'manrope', Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, a, summary {
font-family: 'inter', Helvetica, sans-serif;
}
code, pre {
font-family: monospace;
display: inline-block;
} *, *:after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} html {
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
font-weight: 400;
font-style: normal;
color: var(--wp--preset--color--black);
font-size: 1rem;
line-height: 1.333;
background: var(--wp--preset--color--light-grey);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga' on;
margin: 0;
} a {
color: var(--wp--preset--color--primary);
text-decoration: none;
transition: 0.25s all;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .has-text-color a {
color: inherit;
}
a svg {
flex-shrink: 0;
transition: 0.25s all;
} h1, h2, h3, h4, h5, h6, summary {
font-weight: 600;
line-height: 1.28;
letter-spacing: -0.025em;
margin: 1rem 0;
scroll-margin-top: var(--wp--custom--padding);
color: var(--wp--preset--color--dark-green);
}
h1, .has-h-1-font-size {
font-size: var(--wp--preset--font-size--h-1); }
h2, .has-h-2-font-size {
font-size: var(--wp--preset--font-size--h-2);
}
h3, summary, .has-h-3-font-size {
font-size: var(--wp--preset--font-size--extra-large);
}
h4, .has-h-5-font-size {
font-size: var(--wp--preset--font-size--large);
}
h5, .has-h-5-font-size {
font-size: var(--wp--preset--font-size--normal);
}
h6, .has-h-6-font-size {
font-size: var(--wp--preset--font-size--small);
letter-spacing: 0.1em;
color: var(--wp--preset--color--dark-grey);
text-transform: uppercase;
font-weight: 600;
}
.has-h-1-font-size, .has-h-2-font-size, .has-h-3-font-size, .has-h-4-font-size, .has-h-5-font-size {
line-height: 1.28;
}
.wp-block-heading.has-background {
display: inline-block;
padding: 4px 12px;
border-radius: 3px;
} .editor-post-title {
font-size: var(--wp--preset--font-size--h-2);
} p {
font-size: 1.125rem;
padding: 0;
margin: 0.5rem 0 1rem;
}
.has-large-font-size {
line-height: 1.28;
}
.no-wrap {
white-space: nowrap;
} ul {
margin: 0;
padding: 0;
}
ul li {
margin-bottom: 0;
}
ol {
padding: 0 0 0.5em 2rem;
}
ol li {
margin-bottom: 0;
}
ol ol, ul ul, ol ul, ul ol {
padding-bottom: 0;
list-style-type: inherit;
}
details, address, dl {
margin: 0 0 var(--wp--style--block-gap);
}
.no-bullet-list {
list-style: none;
padding-left: 0;
} details {
border-bottom: 1px solid var(--wp--preset--color--black);
padding-bottom: 2.5rem;
counter-increment: accordion;
padding-left: 3rem;
}
details summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: baseline;
margin: 0;
padding: 1rem 0 0;
margin-left: -3rem;
justify-content: flex-start;
}
details summary::before {
content: counter(accordion, decimal-leading-zero) '.';
color: var(--wp--preset--color--green);
font-size: initial;
line-height: 1;
width: 3rem;
flex-shrink: 0;
}
details[open] summary ~ * {
animation: sweep 0.5s ease-in-out;
}
@keyframes sweep {
0% {
opacity: 0;
margin-left: -10px;
}
100% {
opacity: 1;
margin-left: 0px;
}
} .wp-block-quote {
border-top: 1px solid var(--wp--preset--color--black);
border-bottom: 1px solid var(--wp--preset--color--black);
padding: var(--wp--style--block-gap);
margin: var(--wp--style--block-gap) 0;
} table {
width: 100%;
}
caption {
padding: 0.5em;
}
td, th {
padding: 1em;
border-bottom: 1px solid var(--wp--preset--color--black);
} iframe {
width: 100%;
margin: 0;
}
.mejs-container {
margin: 2em 0;
}
.wp-block-embed.is-type-video {
position: relative;
height: 0;
padding-bottom: 56.25%; }
.wp-block-embed.is-type-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed.is-type-video.alignwide, .wp-block-embed.is-type-video.alignfull {
padding-bottom: calc(56.25% + 20%); } .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
border-radius: 0 !important;
}
.justifycenter {
justify-content: center;
}  hr {
border-bottom: 0 !important;
border-top: 1px solid var(--wp--preset--color--black);
} .wp-block-separator.is-style-wide {
width: 100vw;
height: 0.5rem;
background: linear-gradient(
90deg,     #d32300 15.1%,     #ffab50 41.79%,     #568a69 61%,     #3a5c47 83.41%
);
display: block;
z-index: 2;
border: 0 !important;
margin-top: -1px;
margin-bottom: 0;
} img {
max-width: 100%;
height: auto;
display: block;
}
figure {
display: block;
max-width: 100%;
}
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img{
border-radius: 25px;
overflow: hidden;
}
.wp-block-image figcaption {
width: var(--wp--style--global--content-size);
max-width: 100%;
margin: var(--wp--style--block-gap) auto 0;
font-size: inherit;
}
.wp-block-post-featured-image {
margin-bottom: calc(var(--wp--custom--gap) - 0.5em);
height: 26em;
overflow: hidden;
}
.wp-block-post-featured-image a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.wp-block-post-featured-image img {
object-fit: cover;
max-width: unset;
width: auto;
height: 100%;
flex: 1;
}
@media screen and (max-width: 1080px) {
.wp-block-post-featured-image {
max-height: 50vw;
}
} button {
transition: 0.25s all;
}
.wp-block-button__link {
background: var(--wp--preset--color--primary);
border-radius: 5rem;
color: white;
cursor: pointer;
display: flex;
font-weight: bold;
padding: 1rem 3em;
line-height: 1;
font-family: 'inter', Helvetica, sans-serif;
text-decoration: none;
width: auto;
align-items: center;
gap: 0.5rem;
white-space: nowrap;
flex-shrink: 0;
}
.forminator-button.wp-block-button__link {
background: var(--wp--preset--color--primary);
border-radius: 5rem;
color: white;
cursor: pointer;
display: flex !important;
line-height: 1;
text-decoration: none;
width: auto;
align-items: center;
gap: 0.5rem;
white-space: nowrap;
flex-shrink: 0;
display: flex;
padding: 14px 56px !important;
border-radius: 80px !important;
text-align: center !important;
font-size: 1em !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
letter-spacing: -0.32px !important;
-webkit-transition: .2s ease !important; 
}
.forminator-button.wp-block-button__link::after,
.wp-block-button__link::after { content: '⟶';
font-size: 0.8rem;
transition: 0.25s all;
color: inherit;
}
.cat-item .wp-block-button__link::after{
display: none;
}
.forminator-button.wp-block-button__link:hover::after, .wp-block-button__link:not(#load-more):hover::after {transform: scaleX(1.125) translateX(0.25rem) !important;}
.wp-block-button.is-style-outline a.wp-block-button__link, .wp-block-button.is-style-outline
> .wp-block-button__link:not(.has-text-color) {
border: 0;
padding: 0;
color: var(--wp--preset--color--primary);
background: transparent !important;
}
.no-arrow::after, .no-arrow > ::after {
display: none;
}  .wp-block-group {
padding: var(--wp--custom--padding) 0;
}
.wp-block-group .wp-block-group, .wp-block-cover .wp-block-group {
padding: 0;
} .wp-block-column {
word-break: normal;
overflow-wrap: normal;
} .wp-block-cover, .wp-block-cover-image {
padding: var(--wp--custom--gap);
min-height: 10em;
margin-bottom: 0;
border-radius: var(--wp--custom--radius);
}
.wp-block-cover .wp-block-columns {
margin-bottom: 0;
}
.wp-block-cover.alignfull, .wp-block-image.alignfull {
}
.wp-block-cover.alignfull::after {
content: '';
position: absolute;
right: -30vw;
top: -30vw;
width: 60vw;
height: 60vw;
border-radius: 50%;
background: radial-gradient(
50% 50% at 50% 50%,     rgba(58, 92, 71, 0.8) 0%,     rgba(9, 31, 25, 0) 100%
);
filter: blur(100px);
z-index: 1;
}
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
z-index: 2;
} .kununu-block.wp-block-cover .wp-block-column:first-child {
flex-basis: 12em; 
flex-grow: 0; 
}
@media screen and (max-width: 1080px) {
.kununu-block.wp-block-cover {
padding: 2em 2.5em !important;
}
.kununu-block.wp-block-cover .wp-block-columns { 
gap: 2em 2em; 
flex-wrap: nowrap !important;
} 
}
@media screen and (max-width: 781px) {
.kununu-block.wp-block-cover .wp-block-column:first-child { 
flex-basis: 7.5rem !important; 
}
}
@media screen and (max-width: 768px) {
.kununu-block.wp-block-cover .wp-block-columns { 
flex-wrap: wrap !important;
}
}
@media screen and (max-width: 360px) {
.kununu-block.wp-block-cover {
padding: 2em !important;
}
} .indiginox-logo figure img {
margin-left: auto;
margin-right: auto;
}
.has-border-radius {
border-radius: 20px;
overflow: hidden;
} .wp-block-column .wp-block-cover {
padding: var(--wp--custom--gap);
} .wp-block-file, .wp-block-file:not(.wp-element-button) {
font-size: 1.125rem;
background: white;
padding: var(--wp--style--block-gap);
border-radius: 1rem;
margin-top: var(--wp--style--block-gap);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--wp--style--block-gap);
}
.wp-block-file__embed {
flex: 100%;
flex-shrink: 0;
}
.wp-block-file *+.wp-block-file__button {
margin-left: 0;
}  .bg-cf-2 > figure > img{
height: 85rem !important;
}
@media screen and (max-width: 1440px) {
.bg-cf > figure > img {
height: auto !important;
object-fit: cover;
}
}
@media screen and (max-width: 1080px) {
.bg-cf > figure > img{
height: 500px !important;
}
.bg-cf-2 > figure > img{
height: 102rem !important;
}
.contact > img{
width: 340px !important;
height: 459px !important;
}
.contact-first-col{
flex-basis: 80% !important;
}
.contact-first-col > div{
gap: 3rem !important;
}
.stack-in-col{
gap: 0.5rem !important;
padding-top: unset !important;
}
}
@media screen and (max-width: 782px) {
.bg-cf-2 > figure > img{
height: 102rem !important;
}
}
@media screen and (max-width: 580px) {
.bg-cf > figure > img {
height: 360px !important;
}
}
@media screen and (max-width: 420px) {
.bg-cf > figure > img {
height: 240px !important;
}
} .about-us-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-gap: 6.5em !important;
}
.about-us-details > div > p {
width: 100%;
}
.about-us-details > summary, .about-us-details > summary::before {
color: var(--wp--preset--color--white);
}
.about-us-details > details {
border-bottom: 1px solid var(--wp--preset--color--white);
}
.columns-to-grid {
display: grid !important;
grid-template-columns: auto auto auto auto;
justify-content: space-between !important;
}
.infos.columns-to-grid {
grid-template-columns: auto auto auto !important;
}
.hidden-group-360{ } .about-us-details > .wp-block-group{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
max-width: 90ch;
}
.about-us-details > .wp-block-group ul{
list-style-type: disc;
margin-left: 2.5rem;
}
@media screen and (max-width: 1440px) {
.section-about,   .section-leadership,   .section-services {
padding-top: 10em !important;
padding-bottom: 10em !important;
}
}
@media screen and (max-width: 1080px) {
.about-us-grid {
display: grid !important;
grid-template-rows: 1fr;
grid-gap: 6.5em !important;
grid-template-columns: 35% 35%;
justify-content: center;
}
.row-with-logos {
gap: 3.75em !important;
}
.section-about,   .section-leadership {
padding-top: var(--wp--custom--padding) !important;
padding-bottom: var(--wp--custom--padding) !important;
}
.section-services {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.why-choose-section.stack-from-1080 img{
width: unset !important;
}
}
@media screen and (max-width: 782px) {
.about-us-grid {
display: grid !important;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-gap: 6.5em !important;
}
.about-us-grid.become-our{
padding-top: unset !important;
}
.row {
display: grid !important;
}
.row-1 {
grid-area: 1 / 1 / 2 / 2;
display: inline-grid;
}
.row-2 {
grid-area: 1 / 2 / 2 / 2;
}
.row-with-logos {
gap: 2em !important;
}
.group-logo-rows {
padding-top: 2em !important;
padding-right: 3em !important;
padding-bottom: 2em !important;
padding-left: 3em !important;
}
.about-us-hidden-elements {
display: none ;
}
.columns-to-grid {
display: grid !important;
grid-template-columns: auto auto;
grid-column-gap: unset !important;
grid-row-gap: 2.5rem !important;
justify-content: flex-start;
margin-right: unset !important;
margin-left: unset !important;
}
.column-grid:nth-child(1) {
grid-area: 1 / 1 / 2 / 3;
display: grid;
}
.column-grid:nth-child(2) {
grid-area: 2 / 1 / 3 / 3;
display: grid;
}
.column-grid:nth-child(3) {
grid-area: 3 / 1 / 4 / 3;
display: grid;
}
.column-grid > img {
grid-area: 1 / 1 / 2 / 2;
}
.column-grid > * {
align-items: start !important;
margin: unset !important;
}
.column-grid {
gap: 2em;
}
.row-with-logos > figure > img {
width: 75% !important;
height: 75% !important;
}
.columns-to-grid > .column-grid > div > p {
text-align: start !important;
}
.about-us-details > div > figure > img {
object-fit: cover;
width: 64px !important;
height: 64px !important;
max-width: 88px !important;
max-height: 88px !important;
}
.about-us-details > .wp-block-group ul {
margin-left: 0;
}
.about-us-details > div {
align-items: start;
}
.leadership {
display: grid !important;
grid-template-columns: auto auto !important;
}
.section-about > div > div > h2 {
font-size: 3.5em !important;
}
.mobile-aspect-ratio {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mobile-aspect-ratio > img {
aspect-ratio: 2.7;
}
.infos.columns-to-grid {
grid-template-columns: auto !important;
}
}
@media screen and (max-width: 600px) {
.leadership{
display: flex !important;
}
}
@media screen and (max-width: 360px) {
.section-about > div > div > h2 {
font-size: 2em !important;
}
.row,   .row-1,   .row-2 {
display: unset;
grid-area: unset;
}
.row-with-logos {
gap: 0.5em !important;
}
.group-logo-rows {
padding-right: 2em !important;
padding-left: 2em !important;
}
.columns-to-grid > div > h1,   .columns-to-grid > div > p,   .columns-to-grid > div > figure {
text-align: start !important;
}
.columns-to-grid {
grid-template-columns: auto;
}
.columns-to-grid > .aligncenter {
margin-left: unset !important;
}
.columns-to-grid > .column-grid > figure {
margin-left: unset !important;
}
.about-us-details > div > figure > img {
width: 48px !important;
height: 48px !important;
}
.mobile-aspect-ratio img {
aspect-ratio: 1.27;
}
.flex-basis-100{
flex-basis: 100% !important;
}
.section-about,   .section-services {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.section-leadership {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.columns-to-grid > div > h1 {
font-size: 3.5rem !important;
}
.column-grid > div {
gap: 0.5rem !important;
}
.about-us-grid.wp-block-columns-is-layout-flex {
grid-gap: 3rem !important;
}
.group-logo-rows > .row-with-logos:nth-child(2) {
margin-top: 2rem !important;
}
.group-logo-rows {
padding-right: 1.5em !important;
padding-left: 1.5em !important;
margin-top: 4em !important;
margin-bottom: 4em !important;
}
.section-clients {
padding-top: 2.5em !important;
padding-bottom: 2.5em !important;
}
.hidden-group-360{
display: block !important;
}
.group-logo-rows{
display: none;
}
} .section-box {
position: relative;
padding-top: 10em;
padding-bottom: 0;
z-index: 9;
}
.section-box > div {
position: absolute;
transform: translateY(-40%);
}
.section-box > div > div:nth-child(1) {
flex-basis: 100% !important;
}
.security-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 3.5rem !important;
grid-row-gap: 6rem !important;
}
.security-grid > div > div > figure > img {
margin-left: unset !important;
}
.stack-to-row {
flex-direction: column !important;
}
@media screen and (max-width: 1440px){
.section-absolute-top,   .section-open-top{
padding-top: 7.5rem !important;
padding-bottom: 20rem !important;
}
.section-absolute-bottom {
padding-top: 20rem !important;
padding-bottom: 7.5rem !important;
}
}
@media screen and (max-width: 1080px) {
.section-absolute-top,
.section-small-top {
padding-top: 10rem !important;
padding-bottom: 20rem !important;
}
.section-absolute-bottom,
.section-contact-services {
padding-top: 22rem !important; }
.section-open-top{
padding-top: 7.5rem !important;
padding-bottom: 20rem !important;
}
.basic{
padding-top:  var(--wp--custom--padding) !important;
padding-bottom: var(--wp--custom--padding) !important;
}
.section-graph{
padding-top: var(--wp--custom--padding) !important;
padding-bottom: var(--wp--custom--padding) !important;
}
.stack-from-1080.contact{
gap: 2rem !important;
}
}
@media screen and (max-width: 782px) {
.security-grid {
display: grid !important;
grid-template-columns: 100%;
grid-template-rows: 1fr;
grid-column-gap: 3.5rem !important;
grid-row-gap: 6rem !important;
}
.section-absolute-top {
padding-top: 10rem !important;
padding-bottom: 20rem !important;
}
.section-absolute-bottom {
padding-top: 20rem !important;
padding-bottom: 10rem !important;
}
.section-absolute-top.section-open-services, 
.section-small-top{
padding-top: 7.5rem !important;
}
.section-contact-services{
padding-bottom: var(--wp--custom--padding) !important;
}
.section-box > div{
flex-direction: column-reverse !important;
padding-top: 2rem !important;
padding-right: 3rem !important;
padding-bottom: 2rem !important;
padding-left: 3rem !important;
}
.section-box > div > div > figure > img {
margin-left: unset !important;
max-height: 10em;
width: auto;
}
.software > img {
margin-top: 5rem !important;
width: 100vw !important;
}
.software-grid-template{
display: flex !important;
}
.software-grid-template > div {
width: fit-content !important;
}
.section-key-aspect > .security-grid {
grid-row-gap: 3.5rem !important;
}
.software-grid-template > div > .wp-block-heading{
padding-top: unset !important;
}
.open-positions-heading h2{
font-size: 3.5rem !important;
}
}
@media screen and (max-width: 500px){
.section-box.services{
transform: translateY(2em) !important;
margin-top: 1rem;
}
.section-box > div {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.section-contact-services {
padding-top: 24rem !important;
}
}
@media screen and (max-width: 360px) {
.section-absolute-top {
padding-top: 5rem !important;
padding-bottom: 19.5rem !important;
}
.section-open-top{
padding-top: 2.5rem !important;
padding-bottom: 15rem !important;
}
.section-absolute-bottom{
padding-top: 19.55rem !important;
padding-bottom: 5rem !important;
}
.section-box {
transform: translateY(-4em);
}
.section-small-top{
padding-top: 5rem !important;
padding-bottom: 19.5rem !important;
}
.section-contact-services{
padding-top: 19.5rem !important;
padding-bottom: 5rem !important;
margin-top: 1em !important;
}
.software-grid-template{
flex-direction: column;
}
.software > img{
margin-top: 3.5rem !important;
width: 312px !important;
height: 200px !important;
}
.section-about-software > div {
padding-top: 3.5rem !important;
}
.section-box.services > div{
padding: 1.5rem !important;
}
.open-positions-heading h2{
font-size: 2rem !important;
}
} @media screen and (max-width: 1080px) {
.section-about.section-about-security{
padding-top: unset !important;
}
}
@media screen and (max-width: 782px) {
.about-security{
padding-top: unset !important;
padding-bottom: auto !important;
}
.partners-card{
flex-direction: column-reverse;
}
.partners-card > div > figure{
float: left !important;
}
}
@media screen and (max-width: 360px) {
.about-security-360{
margin-top: unset !important;
}
} .impressum {
max-width: 43.75rem !important;
}
.section-contact{
padding-bottom: 0 !important;
}
@media screen and (max-width: 782px) {
.impressum,   .section-open-position,   .section-contact-us{
padding-left: 4rem!important;
padding-right: 4rem !important;
word-wrap: anywhere;
}
.section-contact{
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important;
}
}
@media screen and (max-width: 360px) {
.impressum,   .section-open-position,   .section-contact-us{
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
word-wrap: anywhere;
}
.section-contact{
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
} @media screen and (max-width: 1080px){
.section-open-position > div{
gap: 4.5rem !important;
}
.section-open-position > div > div:nth-child(2) > figure > img{
width: 440px !important;
height: 434px !important;
}
.section-open-position{
padding-top: var(--wp--custom--padding) !important;
padding-bottom: var(--wp--custom--padding) !important;
}
}
@media screen and (max-width: 782px){
.section-open-position > div > div:nth-child(2) > figure > img{
margin-left: unset !important;
}
.open-positions > img {
margin: unset !important;
width: 440px !important;
height: 434px !important;
}
}
@media screen and (max-width: 360px){
.section-open-position > div > div:nth-child(2) > figure > img{
width: 312px !important;
height: 308px !important;
}
.section-open-position{
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.open-positions > img {
width: 312px !important;
height: 308px !important;
}
} .details-grid{
column-count: 2;
break-inside: avoid-column;
gap: 6.5rem;
}
.management-center{
max-width: 30rem !important;
}
@media screen and (max-width: 1080px) {
.management-center{
align-self: center !important;
}
.details-grid {
display: flex !important;
flex-direction: column !important;
gap: unset !important;
}
.integrim-columns{
gap: unset !important;
}
}
@media screen and (max-width: 782px) {
.management-center img{
object-fit: contain !important;
height: 80% !important;
}
.it-infrastructure-hr{
margin-top: 2em !important;
margin-bottom: 2em !important;
}
.section-jorg{
padding-top: 3em !important;
}
.wp-block-file{
margin-block-start: 3rem !important;
}
}
@media screen and (max-width: 360px) {
.managment-center > figure > img {
height: unset !important;
}
.section-jorg{
padding-top: 1em !important;
}
}   .wp-block-cover.hero {
padding-top: clamp(15em, 25%, 22.5em);
}
@media screen and (max-width: 600px) {
.wp-block-cover.hero .wp-block-separator {
margin-top: 3.5rem !important;
}
.wp-block-cover.hero {
padding-top: 12em;
}
.stack-from-600{
flex-direction: column !important;
padding-bottom: unset !important;
}
} .service-card, .team-card {
padding: var(--wp--custom--gap);
background: var(--wp--preset--color--light-grey);
border-radius: var(--wp--custom--radius);
display: flex;
min-height: 20em;
justify-content: space-between;
align-items: flex-end;
position: relative;
overflow: hidden;
}
.team-card{
padding: 3em 3.5em;
min-width: 34.5em;
background: var(--wp--preset--color--grey);
display: inline-table;
overflow: visible !important;
align-content: end !important;
}
.team-card > section{
display: grid;
grid-template-columns: 60%;
}
.team-card.deceased::before,
.portrait.deceased::before  {
content: '';
position: absolute;
left: 0;
top: 0;
background: url(//itkombinat.designery.io/wp-content/themes/itkombinat/images/deceased.svg) no-repeat;
background-size: contain;
width: 5rem;
height: 4.5rem;
}
.service-card:hover, .service-card:focus, .team-card:hover, .team-card:focus, .explore-by-teams:hover {
background: var(--wp--preset--color--light-red) !important;
box-shadow: var(--wp--preset--shadow--universal);
transition: all .3s;
}
.service-card:hover path, .service-card:focus path, .team-card:hover path, .team-card:focus path{
fill: var(--wp--preset--color--primary);
}
.service-card > * { position: relative; z-index: 1; }
.team-card-image {
position: absolute;
bottom: 0;
right: 0;
height: 115% !important;
object-fit: contain;
opacity: 1;
}
.service-card-hover-image {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100% !important;
min-height: 100%;
object-fit: fill;
z-index: 0;
opacity: 0;
transition: all .3s;
min-width: 100%;
}
.team-card-hover-image{
position: absolute;
bottom: 0;
right: 0;
height: 115% !important;
object-fit: contain;
opacity: 0;
}
.team-card-hover-image:hover{
position: absolute;
bottom: 0;
right: 0;
height: 115%;
object-fit: contain;
opacity: 1;
}
.service-card:hover .service-card-hover-image, .service-card:focus .service-card-hover-image {
opacity: 1;
}
.team-card:hover .team-card-image, .team-card:focus .team-card-image:hover{
opacity: 0;
}
.service-card h3, .team-card {
max-width: 15rem;
}
.team-card-position, .secondary-position {
display: flex;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 80px;
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--green) !important;
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.28px;
width: fit-content;
}
.team-card-position{
margin-bottom: 0.5rem;
}
.team-card-position::before{
content: url(//itkombinat.designery.io/wp-content/themes/itkombinat/images/icon-star.svg);
width: 16px;
height: 16px;
}
.secondary-positions{
display: flex;
flex-wrap: wrap;
gap: 0.5em;
}
.team-card:hover .team-card-image {
opacity: 0;
}
.team-card.hovered .team-card-hover-image {
opacity: 1;
}
@media screen and (max-width: 782px) {
.service-card {
min-height: 12em;
}
} .it-kollective{
display: grid !important;
grid-template-columns: 1fr 1fr;
grid-row-gap: 6em !important;
grid-column-gap: 6em !important;
}
.portrait.wp-block-image .components-resizable-box__container {
max-width: 100% !important; }
.portrait{
background-color: var(--wp--preset--color--light-green);
border-radius: 20px;
height: 100%;
display: flex;
align-items: flex-end;
}
.portrait img{
border-radius: 20px;
object-fit: cover;
height: 100%;
aspect-ratio: auto !important;
width: 100% !important;
height: 38em;
}
.portrait.katrin img {
margin-left: -1rem;
height: auto;
}
.portrait.karsten img {
padding-top: 3rem;
margin-left: 1rem;
}
@media screen and (max-width: 1080px) {
.portrait img{
height: 25em;
}
}
.explore-by-teams{
display: flex;
min-height: 134px;
padding: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1 0 0;
border-radius: 20px;
}
.wp-block-group .secondary-tags-for-person{
gap: 1rem;
}
@media screen and (max-width: 1440px) {
.it-kollective{
gap: 3em !important;
}
}
@media screen and (max-width: 1280px) {
.it-kollective{
display: flex !important;
flex-direction: column;
gap: 3em !important;
}
.it-kollective-group{
gap: 3em !important;
}
.team-card{
min-width: 100%;
}
}
@media screen and (max-width: 1080px) {
.explore-grid{
display: grid !important;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 782px) {
.explore-grid{
display: grid !important;
grid-template-columns: 1fr;
}
.explore-by-teams{
min-height: 54px;
}
.it-kollective, .it-kollective-group{
gap: 2.5em !important;
}
}
@media screen and (max-width: 520px) {
.team-card > section {
grid-template-columns: 100%;
justify-items: center;
}
.team-card-image, .team-card-hover-image, .team-card-hover-image:hover{
bottom: 0;
left: 0;
right: 0;
margin: 0 auto; 
}
.team-card-images{
position: relative;
min-height: inherit;
margin-bottom: 0;
}
.team-card-position {
margin-top: 0;
}
.secondary-positions{
justify-content: center;
}
} .section-highlights {
overflow: initial;
padding-bottom: 25em;
padding-top: calc(2 * var(--wp--custom--padding));
}
.section-highlights .wp-block-cover__background {
background-image: url(//itkombinat.designery.io/wp-content/themes/itkombinat/images/map.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 45vw;
}
.section-highlights p {
max-width: 12em;
}
.wp-block-cover.alignfull.section-highlights::after {
bottom: 0;
top: auto;
right: -40%;
}
.section-highlights::before {
content: '';
position: absolute;
left: -30vw;
top: -30vw;
width: 60vw;
height: 60vw;
border-radius: 50%;
background: radial-gradient(
50% 50% at 50% 50%,     rgba(255, 188, 71, 0.8) 0%,     rgba(211, 35, 0, 0) 100%
);
filter: blur(100px);
opacity: 0.15;
z-index: 2;
}
.section-highlights .wp-block-media-text {
grid-template-columns: 3rem auto !important; }
@media screen and (max-width: 782px) {
.section-highlights .wp-block-cover__background {
background-position: right 78%;
background-size: 80vw;
}
}
@media screen and (max-width: 360px) {
.highlights-col {
flex-direction: column !important;
}
.section-highlights {
padding-top: 7.5rem !important;
padding-bottom: 22.5rem !important;
}
.homepage-box {
max-height: 280px !important;
}
} .section-logos {
position: relative;
padding-top: 0;
padding-bottom: 0;
z-index: 9;
width: 100%;
}
.section-logos > .wp-block-group {
position: absolute;
transform:translateY(-70%);
width: 100%;
}
.section-logos .wp-block-columns {
display: flex;
justify-content: center;
width: 100%;
padding: 3em 5em;
margin-top: 3.5em;
box-shadow: 0px 8px 24px 0px rgba(28, 93, 75, 0.33);
}
.section-logos .wp-block-column {
flex-basis: fit-content !important;
}
.section-logos .wp-block-column figure {
display: flex;
justify-content: center;
max-width: unset;
margin-left: auto;
margin-right: auto;
}
.section-logos .wp-block-column img {
max-height: 6em;
max-width: 160px;
}
.section-logos.without-shaddow div.wp-block-columns{
box-shadow: unset;
}
@media screen and (max-width: 1079px) {
.section-logos .wp-block-columns  {
flex-wrap: wrap !important;
padding: 2em 16%;
row-gap: 2em;
}
.section-logos .wp-block-column {
flex-basis: calc(30% - 2em) !important;
}
.section-logos .wp-block-column img {
max-height: 5em;
}
.section-logos .wp-block-column:nth-child(4) figure {
padding-left: 20%;
}
.section-logos .wp-block-column:nth-child(5) figure {
padding-right: 20%;
}
}
@media screen and (max-width: 781px) {
.section-logos .wp-block-columns  {
padding: 2em 12%;
}
}
@media screen and (max-width: 600px) {
.section-logos .wp-block-columns {
padding: 2em 8%;
column-gap: 1em;
}
.section-logos .wp-block-column {
flex-basis: fit-content !important;
}
.section-logos .wp-block-column img {
max-height: 3.75em;
max-width: 140px;
}
.section-logos .wp-block-column:nth-child(4) figure {
padding-left: 0;
}
.section-logos .wp-block-column:nth-child(5) figure {
padding-right: 0;
}
} .section-core {
padding-top: 12em;
}
.section-core figure img {
margin-left: inherit;
}
@media screen and (max-width: 1440px) {
.section-core h1 {
font-size: var(--wp--preset--font-size--h-1) !important;
}
}
@media screen and (max-width: 782px) {
.section-core hr {  }
.section-core .wp-block-column > div {
margin-top: 1em;
gap: 0.5em !important;
}
.section-core > div.wp-block-columns { }
}  ul{
list-style-type: none;
}
.list li{
margin-bottom: 0.5rem;
background: url(https://itkombinat.designery.io/wp-content/uploads/list-style-image.png) no-repeat left top;
padding: 0px 0 0 2.5rem;
}
.margin-unset > figure{
margin-left: unset !important;
margin-right: unset !important;
} @media screen and (max-width: 1440px) {
body {
--wp--custom--padding: 6em;
}
.wp-block-group-is-layout-constrained > * {
margin-block-start: 3.5em;
}
} @media screen and (max-width: 1280px) { body {
--wp--custom--gap: 2.5em;
--wp--custom--margin: 4em;
--wp--preset--font-size--h-1: 4em;
}
.wp-block-columns-is-layout-flex {
gap: 3.5em;
} .wrapper > .is-layout-constrained.alignfull,   .wrapper > .wp-block-cover.alignfull {
padding-left: var(--wp--custom--margin);
padding-right: var(--wp--custom--margin);
}
} @media screen and (max-width: 1080px) { body {
--wp--preset--font-size--h-2: 2.25em;
} .stack-from-1080 {
flex-direction: column;
}
.stack-from-1080 figure {
display: flex !important;
justify-content: center;
}
.stack-from-1080 img {
width: 25em !important;
}
.reverse {
flex-direction: reverse;
}
}  @media screen and (max-width: 781px) { body {
font-size: 0.875rem;
--wp--custom--padding: 4em;
--wp--custom--margin: 2.5em;
--wp--preset--font-size--h-1: 2.75em;
--wp--preset--font-size--h-2: 2.25em;
--wp--preset--font-size--extra-extra-large: 2em;
--wp--preset--font-size--extra-large: 1.5em;
--wp--preset--font-size--large: 1.25em;
--wp--preset--font-size--small: 1em;
--wp--preset--font-size--normal: 1.125em;
--wp--preset--font-size--tiny: 0.875em;
--wp--custom--gap: 1.5rem;
}
p {
font-size: 1rem;
} h1 br, h2 br, h3 br, .has-large-font-size br, .has-extra-large-font-size br {
display: none;
} h1, h2, h3, summary, .break-word-on-mobile {  
word-break: break-word;
hyphens: auto;
} .has-text-align-right {
text-align: initial;
}
.is-content-justification-right {
justify-content: initial !important;
} .hide-on-mobile {
display: none !important;
} .column-reverse {
flex-direction: column-reverse;
}
} @media screen and (max-width: 600px) {
.stack-on-mobile, .wp-block-columns.is-not-stacked-on-mobile.stack-on-mobile {
flex-wrap: wrap !important;
}
.stack-on-mobile .wp-block-column, .wp-block-columns.is-not-stacked-on-mobile.stack-on-mobile .wp-block-column {
flex-basis: 100% !important;
}  
}
@media screen and (max-width: 480px) {
body {
font-size: 0.825rem;
--wp--preset--font-size--h-1: 2.5em;
}
}body {
background: var(--wp--preset--color--black);
}
#container {
max-width: 100vw;
opacity: 1 !important;
background: var(--wp--preset--color--light-grey);
overflow-x: hidden; 
}
.wrapper {
width: var(--wp--style--global--content-size); margin: 0 auto;
padding: 0;
max-width: 100%;
}
@media screen and (max-width: 1280px) {
.wrapper {
width: 100%;
padding: 0 var(--wp--custom--margin);
}
}
@media screen and (max-width: 781px) {
#container {
overflow-x: hidden;
}
}
#footer {
padding: var(--wp--custom--padding) 0;
background: var(--wp--preset--color--black);
color: white;
}
.entry-header {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
border-radius: 0 !important;
overflow: hidden;
}  #header {
height: auto;
margin: 0;
padding: var(--wp--custom--margin) 0;
position: fixed;
width: 100vw;
top: 0;
background: transparent;
z-index: 300;
transition: all 0.2s ease-in;
box-shadow: none;
}
.admin-bar #header {
top: 32px;
}
#header.hidden,
body.admin-bar #header.hidden {
top: -14rem;
} @media screen and (min-width: 599px) {
body.admin-bar #header {
top: 2rem;
} }
#header.scrolled {
background: var(--wp--preset--color--black);
padding: 0;
}
#header .wrapper {
display: flex;
}
#header-logo {
margin-right: auto;
margin-top: 0;
}
#header-logo svg {
width: 7.5em;
max-width: 20vw;
height: auto;
display: block;
} .language-switcher {
display: flex;
align-items: center;
position: relative;
z-index: 200;
}
.language-switcher li a {
color: var(--wp--preset--color--white);
text-transform: uppercase;
font-size: var(--wp--preset--font-size--extra-large) !important;
font-weight: 400;
font-family: 'manrope', Helvetica, sans-serif;
padding: 0.5rem;
}  .menu {
}
.menu li {
padding: 0;
}
.menu li.current-menu-item > a,
.menu li.current_page_parent > a {  }
.menu li a {
font-weight: bold;
display: block;
}
.menu li a:hover,
.menu li a:focus {
color: var(--wp--preset--color--lighter-green);
}
#extras {
display: flex;
align-items: center;
margin-left: 2em;
}
.menu > .wrapper > ul > li:nth-last-child(1),
.menu > .wrapper > ul > li:nth-last-child(2) {
padding-top: var(--wp--custom--gap);
}
@media screen and (max-width: 782px) {
.menu-main ul.sub-menu li { padding-bottom: 1em;
line-height: 1.1;
}
} .menu-toggle {
display: flex;
width: 3rem;
padding: 0;
cursor: pointer;
z-index: 400;
position: relative;
justify-content: center;
align-items: center;
flex-direction: column;
}
input#menutoggle:checked ~ .menu {
transform: translateX(0);
}
input#menutoggle:checked ~ label { }
.menu-toggle span {
width: 100%;
height: 2px;
background: var(--wp--preset--color--white);
margin: 0.4rem 0;
position: relative;
transition: all 0.2s;
}
label#menutogglebutton span:nth-child(2) {
height: 3px;
}
label#menutogglebutton span:nth-child(3) {
height: 4px;
}
label#menutogglebutton {
display: flex;
align-items: flex-end;
margin-left: 2em;
}
body:not(.menu-shown) label#menutogglebutton:hover span:nth-child(2) {
width: 90%;
}
body:not(.menu-shown) label#menutogglebutton:hover span:nth-child(3) {
width: 80%;
}
.menu-main {
position: fixed;
background: var(--wp--preset--color--black);
display: flex;
width: 100vw;
height: 100vh;
overflow-y: auto;
margin: 0;
right: 0;
top: 0;
padding: 0;
padding-top: calc(var(--wp--custom--margin) + var(--wp--style--block-gap));
flex-direction: column;
align-items: flex-end;
transform: translateX(100vw);
z-index: 100;
transition: transform 0.2s ease-in-out;
overscroll-behavior: contain;
}
.menu-main li a {
color: white;
padding: 0;
font-size: var(--wp--preset--font-size--h-2);
}
.menu-main li.menu-item-has-children {
padding-top: var(--wp--custom--gap);
}
.menu-main li a[href='#'] {
font-weight: 400;
font-family: Manrope, sans-serif;
font-size: var(--wp--preset--font-size--extra-large);
cursor: default;
color: white !important;
margin-bottom: 0.5rem;
}
body.admin-bar .menu-main {
padding-top: calc(
var(--wp--custom--margin) + var(--wp--style--block-gap) +
var(--wp-admin--admin-bar--height)
);
}
input#menutoggle {
visibility: hidden;
position: absolute;
}
input#menutoggle:checked ~ label span {
background: white;
transform: rotate(45deg);
top: 7px;
}
input#menutoggle:checked ~ label span:nth-child(2) {
transform: rotate(-45deg);
top: -8px;
height: 2px;
}
input#menutoggle:checked ~ label span:nth-child(3) {
display: none;
}
.menu-main .wp-block-separator {
margin-top: auto;
flex-shrink: 0;
}
body.menu-shown {
overflow: hidden;
position: sticky;
height: 100vh;
}
.menu > .wrapper > ul {
padding: 0 0 10rem 0;
}
@media screen and (max-width: 782px) {
#menutogglebutton > span, body:not(.menu-shown) label#menutogglebutton:hover span:nth-child(2),
body:not(.menu-shown) label#menutogglebutton:hover span:nth-child(3) {
width: 32px;
margin-top: 4px;
margin-bottom: 4px;
}
input#menutoggle:checked ~ label span:nth-child(2) {
top: -10px;
}
label#menutogglebutton {
margin-left: 0.5em;
}
}   .entry-image {
margin-top: var(--wp--custom--padding);
margin-bottom: 0;
}
.entry-image img {
display: block;
width: 100%;
height: auto;
margin: 0;
} .posts {
display: flex;
list-style: none;
padding: 0;
gap: var(--wp--custom--gap);
flex-wrap: wrap;
align-content: space-between;
margin-top: var(--wp--custom--margin);
padding-bottom: var(--wp--custom--padding);
flex-direction: row;
justify-content: space-between;
}
.posts > li {
width: calc(50% - var(--wp--custom--gap)/2);
margin-bottom: 0;
}
@media screen and (max-width: 781px) {
.posts > li {
width: 100%;
margin-bottom: var(--wp--style--block-gap);
}
.posts .excerpt-image {  }
}
.posts > li:hover svg {
transform: scaleX(1.125) translateX(0.25rem);
}
.wp-block-post-title a {
display: flex;
justify-content: space-between;
}
.wp-block-post-title a > * {
margin: 0;
max-width: 25rem;
}
.wp-block-post-title a svg {
width: 2em;
}
button#load-more {
margin: 0 auto var(--wp--custom--padding);
border: 2px solid transparent;
}
button#back-to-top {
margin: 0 auto var(--wp--custom--padding);
position: sticky;
bottom: var(--wp--custom--gap);
}
button#back-to-top.invisible {
opacity: 0;
}
button#load-more:hover, 
button#load-more:focus {
border-color: var(--wp--preset--color--green);
}
button#load-more::after {
content: '↓';
}
button#back-to-top::after {
content: '↑';
}
.loading button#load-more::after {
content: '↻';
animation: rotate 1s infinite linear;
}
@keyframes rotate{
from{ transform: rotate(0deg); }
to{ transform: rotate(360deg); }
} #blog {
background-color: var(--wp--preset--color--light-grey);
}
#blog .posts {
padding-bottom: 0;
flex-wrap: nowrap;
}
#blog .posts > li {
flex-shrink: 0;
}
#blog .posts.blog-carousel {
width: 100%;
display: block;
}
#blog .posts.blog-carousel li.post {
width: calc(50% - var(--wp--custom--gap));
margin-right: var(--wp--custom--gap);
}
@media screen and (max-width: 782px) {
#blog .posts.blog-carousel li.post {
width: 100%;
}
} .entry-content {
max-width: 60rem;
margin-left: auto;
margin-right: auto;
border-bottom: 2px solid var(--wp--preset--color--dark-green);
padding-bottom: var(--wp--custom--padding);
margin-bottom: calc(0px - var(--wp--custom--gap));
}
.entry-header {
background: var(--wp--preset--color--black);
color: white;
padding-top: clamp(14em, 22%, 20em);
padding-bottom: var(--wp--custom--gap);
position: relative;
}
@media screen and (max-width: 480px) {
.entry-header {
padding-top: 33vw;
}
}
.entry-header::after,
.menu-main::after {
content: '';
position: absolute;
right: -30vw;
top: -30vw;
width: 60vw;
height: 60vw;
border-radius: 50%;
background: radial-gradient(
50% 50% at 50% 50%,
rgba(58, 92, 71, 0.8) 0%,
rgba(9, 31, 25, 0) 100%
);
filter: blur(100px);
z-index: 1;
}
.menu-main::after {
position: fixed;
}
.entry-title {
color: white;  text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.entry-summary {
max-width: 92ch;
}
.entry-summary p {
font-size: var(--wp--preset--font-size--extra-large);
line-height: 1.28; text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 480px) {
.entry-summary br {
display: none;
}
}
.entry-breadcrumbs {
border-top: 1px solid var(--wp--preset--color--green);
padding-top: calc(0.85 * var(--wp--custom--gap));
margin-top: var(--wp--custom--gap);
font-size: var(--wp--preset--font-size--normal);
display: flex;
align-items: baseline;
}
.entry-breadcrumbs a {
color: white;
padding-right: 1.5em;
margin-right: 1.5em;
border-right: 1px solid white;
}
.entry-breadcrumbs span {
max-width: 40ch;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.entry-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: var(--wp--custom--gap);
row-gap: var(--wp--custom--gap);
}
.entry-meta .entry-info {
}
.entry-category {
}
.cat-item > span {
font-size: var(--wp--preset--font-size--normal);
padding-right: var(--wp--style--block-gap);
}
.cat-item > a {
border-radius: 4rem;
color: var(--wp--preset--color--green);
background: var(--wp--preset--color--light-green);
padding: 0.75em 1.5em;
font-size: initial;
border: 2px solid transparent;
margin: 0.5rem 0;
display: inline-block;
}
.categories-nav .cat-item > a {
white-space: nowrap;
}
.cat-item > a:hover {
border-color: var(--wp--preset--color--green);
}
.cat-item.current-cat a {
color: white;
background: var(--wp--preset--color--green);
}
.categories-nav {
margin: var(--wp--custom--margin) auto 0;
}
.categories-nav ul {
display: flex;
gap:  var(--wp--style--block-gap);
justify-content: center;
flex-wrap: wrap;
}
.categories-nav ul ul {
}
@media screen and (max-width: 1200px) {
.categories-nav ul {
flex-wrap: nowrap;
padding: 0 var(--wp--custom--margin);
justify-content: flex-start;
}
.categories-nav {
overflow-x: auto;
width: 100vw;
margin-left: calc(0px - (var(--wp--custom--margin)));
padding-bottom: 1em;
}
} .is-404 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.is-404 .entry-summary {
margin-left: auto;
margin-right: auto;
}
.is-404 svg {
}
@media screen and (max-width: 480px) {
.is-404 {
padding: 0;
}
}  .loop-nav {
display: flex;
justify-content: space-between; gap: var(--wp--custom--gap);
border-top: 1px solid var(--wp--preset--color--black);
padding-top: var(--wp--custom--gap);
}
.loop-nav > div {
flex: 0 1 50%;
}
.loop-nav-prev a::after {
order: -1;
transform: scale(-1, -1);
}
.loop-nav-next {
text-align: right;
margin-left: auto;
}
.loop-nav a {
display: inline-flex; }
.loop-nav h6 {
color: var(--wp--preset--color--green);
}
.arrow {     }
.loop-nav .arrow {
color: var(--wp--preset--color--black);
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
display: block;
font-size: 11pt;
font-weight: 700;
height: auto;
top: 1em;
right: 1em;
padding: 1em 2em;
width: auto;
z-index: 100000;
} #main[tabindex='-1']:focus {
outline: 0;
}  #cta {
text-align: center;
color: white;
background: var(--wp--preset--color--black);
position: relative;
}
#cta .wp-block-buttons {
align-items: stretch;
margin-top: var(--wp--custom--gap);
}
#cta .wp-block-buttons .wp-block-button:first-child {
width: 23em;
height: 4.5em;
}
#cta .wp-block-buttons :first-child .wp-block-button__link {
height: 100%;
padding-left: 7em;
padding-right: 8em;
padding-top: 1.6em;
padding-bottom: 1.5em;
}
#cta .wp-block-buttons .kununu .wp-block-button__link {
background: var(--wp--preset--color--dark-green);
border: 1px solid var(--wp--preset--color--green);
padding-left: 2.5rem;
padding-right: 2.5rem;
justify-content: center;
}
#cta .wp-block-buttons .kununu {
height: 4.5em;
}
@media screen and (max-width: 781px) {
#cta {
padding-top: 3.5em;
padding-bottom: 3.5em;
}
#cta .wp-block-buttons {
flex-direction: column;
align-content: center;
}
#cta .wp-block-buttons .kununu .wp-block-button__link {
}
} #footer {
background: url(//itkombinat.designery.io/wp-content/themes/itkombinat/images/footer-bg.png.webp) no-repeat;
background-size: cover;
}
#footer > .wrapper > div:first-child {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 25% 75%; column-gap: 0;
}
#footer .columns-text {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 6em;
row-gap: var(--wp--custom--gap);
}
#footer a {
color: inherit;
line-height: 1.28;
display: inline-block;
padding: 0.5em 0;
}
#footer a:hover,
#footer a:focus {
color: var(--wp--preset--color--lighter-green);
}
.footer-logo {
flex-shrink: 0;
flex-basis: auto !important;
}
#footer > div > div {
flex-grow: 1;
}
#footer .wrapper > div {
padding: var(--wp--custom--gap) 0;
}
#footer .copyright {
border-top: 1px solid var(--wp--preset--color--green);
display: flex;
flex-wrap: wrap;
align-items: baseline;
width: 100%;
justify-content: space-between;
gap: var(--wp--custom--gap);
}
#footer .copyright .has-tiny-font-size {
padding-top: 0.25em;
}
@media screen and (max-width: 1280px) {
#footer .columns-text { }
}
@media screen and (max-width: 1079px) {
#footer .columns-text {
grid-template-columns: auto auto;
grid-template-rows: auto auto; }
#footer > .wrapper > div:first-child {
grid-template-columns: 33% 66%; }
#footer > div > div:nth-child(1) > div.columns-text > div:nth-child(3) {
grid-column: 2;
}
#footer div div.copyright {
padding: 2em 0;
}
}
@media screen and (max-width: 782px) {
#footer {
padding-bottom: 3em;
}
#footer .columns-text {
grid-template-rows: auto auto auto;
grid-template-columns: auto;
}
#footer > .wrapper > div:first-child {
grid-template-columns: auto auto;   }
#footer > div > div:nth-child(1) > div.columns-text > div:nth-child(3) {
grid-column: auto;
}
#footer div div.copyright { flex-direction: column-reverse;
gap: var(--wp--custom--gap);
}
#footer
> div
> div.copyright
> div.is-vertically-aligned-bottom
> ul
> li:nth-child(1) {
padding-bottom: 1.1em;
}
#footer > div > div.copyright > div:nth-child(1) > ul > li:nth-child(1) {
padding-bottom: 1em;
}
#cta .wp-block-button {
max-width: 100%;
}
} form {
}
fieldset {
}
fieldset legend {
}
label {
font-weight: 600;
font-size: var(--wp--preset--font-size--normal);
}
input,
select,
textarea {
height: auto;
font-size: initial;
background-color: transparent;
border: 0;
border-bottom: 1px solid var(--wp--preset--color--dark-grey);
color: initial;
display: inline-block;
margin: 1em 0;
line-height: inherit;
outline: 0;
padding: 1em 0;
position: relative;
vertical-align: middle;
width: 100%;
accent-color: var(--wp--preset--color--purple);
}
textarea::placeholder {
height: auto;
font-size: 1.125em;
background-color: transparent;
display: inline-block;
margin: 1em 0;
line-height: inherit;
outline: 0;
padding: 1em 0;
position: relative;
vertical-align: middle;
width: 100%;
}
::placeholder {
color: var(--wp--preset--color--dark-grey);
}
input:hover {
border-color: var(--wp--preset--color--purple);
}
input:focus {
border-color: var(--wp--preset--color--purple);
}
input[type='checkbox'] {
width: 24px;
height: 24px;
border-color: currentColor;
border-width: 2px;
margin-right: 12px;
}
input[type='radio'] {
width: 24px;
height: 24px;
}
textarea {
overflow: auto;
padding-top: 0.75em;
}
select {
}
select optgroup {
}
select option {
}
button,
input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: var(--wp--preset--gradient--blue-purple);
border-radius: 4px;
color: white;
cursor: pointer;
display: flex;
font-weight: bold;
font-size: inherit;
padding: 0.75rem 1rem 0.85rem;
line-height: 1;
text-decoration: none;
width: auto;
justify-content: center;
align-items: center;
}
button:hover,
input[type='submit']:hover,
button:focus,
input[type='submit']:focus {
}
.search-form,
.post-password-form p {
display: flex;
align-items: flex-end;
}
.search-form > label,
.post-password-form label {
flex: 1;
margin-right: 8px;
}
button svg {
display: flex;
align-self: center;
} .forminator-required,
.forminator-error-message { font-size: 14px !important;
padding-left: 0 !important;
}
.forminator-error-message {
position: relative;
bottom: 0.5em;
}
.forminator-response-message {
padding: 6.5em 3.5em !important;
}
.forminator-response-message:empty {
display: none;
}
.forminator-response-message > ul > li:nth-child(1) {
display: block !important;
background-image: url(https://itkombinat.designery.io/wp-content/uploads/Success.svg) !important;
background-repeat: no-repeat !important;
width: 89px !important;
height: 66px !important;
margin: 0 auto !important;
}
.forminator-response-message > ul > li:nth-child(2) p {
color: var(--wp--preset--color--lighter-green) !important;
text-align: center !important;
font-family: Inter !important;
font-size: var(--wp--preset--font-size--h-2) !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
letter-spacing: -1.12px !important;
}
.forminator-response-message > ul > li:nth-child(3) p {
color: var(--wp--preset--color--white) !important;
text-align: center !important;
font-family: Manrope !important;
font-size: var(--wp--preset--font-size--large) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
}
.forminator-field > input,
.forminator-field > textarea,
.forminator-field .select2-selection {
border-bottom: 1px solid var(--wp--preset--color--white) !important;
resize: none !important;
}
.forminator-field > input:hover,
.forminator-field > textarea:hover,
.forminator-field .select2-selection:hover {
border-color: #568a69;
}
.forminator-select-dropdown ul.select2-results__options {
box-shadow: 5px 5px 5px;
}
.contact-button-left .wp-block-button__link {
padding: 0.875rem 3.5rem !important;
}
#forminator-open-positions-cf {
margin-top: unset !important;
}
div.forminator-row.forminator-row-last
> div.forminator-col
> div.forminator-field {
display: flex;
justify-content: center;
}
.forminator-row-last {
display: grid;
justify-content: center;
}
.forminator-error-message {
border-top: 1px solid var(--wp--preset--color--white) !important;
}
.error-message-without-border div > span.forminator-error-message {
border: unset !important;
}
.error-message-without-border > div > div > div p {
margin: 0 !important;
}
.forminator-field > label {
padding-bottom: 0.5em;
}
.forminator-row > div > .forminator-field > label {
font-size: 1.5rem !important;
}
.forminator-row > div > .forminator-field > input {
font-size: 1.125rem !important;
padding: 1rem 0 !important;
}
.forminator-ui.forminator-design--flat .forminator-checkbox__label p {
font-size: 1rem !important;
}
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid='open'] .forminator-row:not(:last-child), .forminator-ui.forminator-custom-form:not( .forminator-size--small)[data-grid='open'] .forminator-row:not(:last-child) {
margin-bottom: 3rem !important;
}
@media screen and (max-width: 782px) {
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child), .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child), .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid='open'] .forminator-row:not(:last-child), .forminator-ui.forminator-custom-form:not( .forminator-size--small)[data-grid='open'] .forminator-row:not(:last-child) {
margin-bottom: 1.5rem !important;
}
.forminator-ui.forminator-design--flat .forminator-checkbox__label p {
font-size: 14px !important;
}
}
#checkbox-1 > div > h4 {
display: none !important;
}
.forminator-checkbox-label {
font-size: 1rem !important;
}
.forminator-checkbox-box {
border-radius: 4px !important;
}
.forminator-field input[type='text'],
.forminator-field input[type='url'],
.forminator-field input[type='email'],
.forminator-field textarea {
padding-left: 0 !important;
}
.forminator-field input[type='text']::placeholder,
.forminator-field input[type='url']::placeholder,
.forminator-field input[type='email']::placeholder,
.forminator-field textarea::placeholder {
color: #dce3df !important;
}
.forminator-field .select2-selection__rendered {
padding-left: 0 !important;
font-size: 18px !important;
}
.forminator-select-dropdown .select2-results__option:hover {
color: #568a69;
} .forminator-select-dropdown {
border-radius: 0 0 10px 10px !important;
padding: 0 !important;
}
.forminator-select-dropdown .select2-results__option {
font-size: 18px !important;
}
.forminator-select-dropdown-container--open
.forminator-custom-form-789.forminator-dropdown--flat
.select2-results
.select2-results__options
.select2-results__option.select2-results__option--selected:hover {
background-color: var(--wp--preset--color--green);
} .open-positions-form-section {
overflow: unset;
}
.open-positions-form-section::after {
display: none;
}
#open-positions-form {
position: relative;
top: -15em;
z-index: 3;
}
#open-positions-form.contact-us {
top: 6em;
}
#open-positions-form.partners-form{
top: 3.5em;
}
.our-partners-group{
position: relative;
top: -30em;
}
.position-partner{
position: relative;
top: 4em;
}
#open-positions-form {
min-width: 75rem !important;
}
.wp-block-group.bg-cf{
padding: unset;
}
.bg-cf.our > figure > img{
position: relative;
top: -6em;
}
@media screen and (max-width: 1280px) {
#open-positions-form {
min-width: 100% !important;
width: 80vw;
}
}
@media screen and (max-width: 1080px) {
#current-openings {
padding-top: var(--wp--custom--padding) !important;
}
#open-positions-form {
padding: 2.5rem !important;
}
.forminator-row > div > .forminator-field > input,
div.forminator-field > textarea {
font-size: inherit !important;
}
#open-positions-form.our-partners {
flex-direction: column;
padding: 0 !important;
}
}
@media screen and (max-width: 472px) {
.et-db
#et-boc
.et_pb_module
.forminator-ui.forminator-custom-form:not(
.forminator-size--small
)[data-grid='open']
.forminator-row:not(:last-child),
.forminator-ui.forminator-custom-form:not(
.forminator-size--small
)[data-grid='open']
.forminator-row:not(:last-child),
#name-1 > div:first-child {
margin-bottom: 2em !important;
}
#open-positions-form {
padding: 16px !important;
}
.forminator-label {
font-size: 18px !important;
padding-bottom: 0 !important;
}
#select-1 {
padding-top: 0;
}
}
@media screen and (max-width: 360px) {
#open-positions-form {
min-width: 100% !important;
width: auto !important;
padding: 1.5rem !important;
}
#open-positions-form input,
#open-positions-form textarea {
font-size: 1em !important;
}
#open-positions-form label {
font-size: 1.125em !important;
}
}
#send-mail {
display: none;
text-align: center;
gap: 1.5em;
position: relative;
z-index: 2;
}
#send-mail.show{
display: block !important;
z-index: 66666;
}  #loader {
position: relative;
}
#loader svg {
width: 8em;
height: 8em;
animation: 2s rotate infinite linear;
}
#loader-back-circle {
stroke: var(--wp--preset--color--primary);
}
#loader-front-circle {
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
} .grecaptcha-badge {
visibility: hidden;
} .team-tags{
row-gap: 0;
} #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
border-color: var(--wp--preset--color--lighter-green) !important;
background-color: var(--wp--preset--color--lighter-green) !important;
border-radius: 8px;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
color: white !important;
background: var(--wp--preset--color--lighter-green) !important;
border-radius: 8px;
}
#CybotCookiebotDialogPoweredByText,
#CybotCookiebotDialogFooter
#CybotCookiebotDialogBodyLevelButtonCustomize
.CybotCookiebotDialogArrow,
#CybotCookiebotDialogPoweredbyLink {
display: none !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog
#CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a,
#CookiebotWidget .CookiebotWidget-consent-details button {
color: var(--wp--preset--color--lighter-green) !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
color: var(--wp--preset--color--lighter-green) !important;
}
#CybotCookiebotDialogNav
.CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
border-bottom: 1px solid var(--wp--preset--color--lighter-green) !important;
color: var(--wp--preset--color--lighter-green) !important;
}
#CybotCookiebotDialogTabContent
input:checked
+ .CybotCookiebotDialogBodyLevelButtonSlider {
background-color: var(--wp--preset--color--lighter-green) !important;
}
#CybotCookiebotDialog
.CookieCard
.CybotCookiebotDialogDetailBodyContentCookieContainerButton,
#CybotCookiebotDialog
.CookieCard
.CybotCookiebotDialogDetailBodyContentIABv2Tab {
display: flex;
align-items: flex-start;
}
#CookiebotWidget
.CookiebotWidget-body
.CookiebotWidget-consents-list
li.CookiebotWidget-approved
svg {
fill: var(--wp--preset--color--lighter-green) !important;
}
div #CookiebotWidget .CookiebotWidget-logo {
display: none;
}
div #CookiebotWidget:not(.CookiebotWidget-open) {
display: none;
}:root {
--delay-multiplier: 1;
--first-delay: 0.1s;
}  .menu-main ul li {
opacity: 0;
transform: translateY(-1rem);
transition: all 0.5s ease-out;
} body.menu-shown .menu-main ul li { 
opacity: 1;
transform: translateY(0);
} body.menu-shown .menu-main ul li:nth-child(1) { transition-delay: calc(var(--first-delay) + 0.1s * var(--delay-multiplier)); }
body.menu-shown .menu-main ul li:nth-child(2) { transition-delay: calc(var(--first-delay) + 0.2s * var(--delay-multiplier)); }
body.menu-shown .menu-main ul li:nth-child(3) { transition-delay: calc(var(--first-delay) + 0.3s * var(--delay-multiplier)); }
body.menu-shown .menu-main ul li:nth-child(4) { transition-delay: calc(var(--first-delay) + 0.4s * var(--delay-multiplier)); }
body.menu-shown .menu-main ul li:nth-child(5) { transition-delay: calc(var(--first-delay) + 0.5s * var(--delay-multiplier)); } .menu-main ul.sub-menu { --first-delay: 0.3s; }    .wrapper > div > * > * {
opacity: 1;
transform: translateY(0);
transition: all 0.25s ease-out;
--first-delay: 0.25s;
}
.wrapper > div.not-in-viewport > * > * { 
transform: translateY(-0.5rem);
opacity: 0;
}
.wrapper > div > * > *:nth-child(1) { transition-delay: calc(var(--first-delay) + 0.1s * var(--delay-multiplier)); }
.wrapper > div > * > *:nth-child(2) { transition-delay: calc(var(--first-delay) + 0.2s * var(--delay-multiplier)); }
.wrapper > div > * > *:nth-child(3) { transition-delay: calc(var(--first-delay) + 0.3s * var(--delay-multiplier)); }
.wrapper > div > * > *:nth-child(4) { transition-delay: calc(var(--first-delay) + 0.4s * var(--delay-multiplier)); }
.wrapper > div > * > *:nth-child(5) { transition-delay: calc(var(--first-delay) + 0.5s * var(--delay-multiplier)); }
.wrapper > div > * > *:nth-child(6) { transition-delay: calc(var(--first-delay) + 0.6s * var(--delay-multiplier)); } body.mo-script #page-loader { display: none; }
#page-loader {
position: fixed;width: 100vw;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;
background: var(--wp--preset--color--black); 
transform: translateX(0);
animation: reveal 0.75s forwards ease-in-out; animation-delay: 0.25s; 
}
#page-loader::before, #page-loader::after {
content: '';
position: absolute;
width: 100vw; height: 100%;
top: 0; left: 0; right: 0; bottom: 0;
transform: translateX(0);
}
#page-loader::before { background: var(--wp--preset--color--dark-green); 
animation: reveal 1s forwards ease-in-out; animation-delay: 0s; 
z-index: 1; }
#page-loader::after { background: var(--wp--preset--color--green); 
animation: reveal 0.5s forwards ease-in-out; animation-delay: 0s;
z-index: 2; opacity: 1; }
@keyframes reveal {
from { transform: translateX(0); }
to { transform: translateX(-100vw); }
}
body.unload #page-loader,
body.unload #page-loader::after,
body.unload #page-loader::before { animation-direction: reverse; }