@charset "UTF-8";
            .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}     .tt-u {
text-transform: uppercase;
} .ta-l {
text-align: left;
}
.ta-c {
text-align: center;
}
.ta-r {
text-align: right;
}  .df {
display: -webkit-box;
display: -ms-flexbox;
display: flex;    }
.df--fw-w {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.df--fw-nw {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.df--ai-s {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.df--ai-c {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.df--jc-c {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.df--jc-sb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.df--fw-w {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.df--fw-nw {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}            .page-not-found {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
}
.page-not-found__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}
.page-not-found__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 45.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.page-not-found__content-text .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.page-not-found__content-text .title-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.page-not-found__content-text .title-text__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.page-not-found__content-text .title-text__icon img {
width: 100;
max-width: 6rem;
height: 6rem;
}
.page-not-found__content-text .title-text__icon h2 {
text-align: center;
}
.page-not-found__content-text .title-text__icon .subheader {
color: var(--Ajka-palette-Red-03-Primary-red, #e31e25);
}
.page-not-found__content-text .title-text p {
text-align: center;
}
.page-not-found__content-text .title .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (width <= 394px) {
.page-not-found__content-text .title .buttons {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}  @font-face {
font-display: swap;
font-family: "Satoshi-Regular";
src: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/fonts/Satoshi-Regular.woff2) format("woff2");
font-weight: normal;
font-style: normal;
} @font-face {
font-display: swap;
font-family: "Satoshi-Bold";
src: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/fonts/Satoshi-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
} @font-face {
font-display: swap;
font-family: "Inter-Light";
font-style: normal;
font-weight: 300;
src: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/fonts/Inter-Light.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Inter-Regular";
font-style: normal;
font-weight: 400;
src: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/fonts/Inter-Regular.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Inter-Medium";
font-style: normal;
font-weight: 500;
src: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/fonts/Inter-Medium.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Inter-SemiBold";
font-style: normal;
font-weight: 600;
src: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/fonts/Inter-SemiBold.ttf) format("truetype");
} h1,
.h1 { font-size: calc(var(--fs-rate) * 5.2rem);
line-height: 1;
font-family: "Satoshi-Bold", sans-serif;
font-weight: 700;
font-style: normal;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
h2,
.h2 { font-size: calc(var(--fs-rate) * 4.8rem);
line-height: 1.1458333333;
font-family: "Satoshi-Bold", sans-serif;
font-weight: 700;
font-style: normal;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
h3,
.h3 { font-size: calc(var(--fs-rate) * 4.3rem);
line-height: 1.1162790698;
font-family: "Satoshi-Bold", sans-serif;
font-weight: 700;
font-style: normal;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
h4,
.h4 { font-size: calc(var(--fs-rate) * 3.6rem);
line-height: 1;
font-family: "Satoshi-Bold", sans-serif;
font-weight: 700;
font-style: normal;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
h5,
.h5 { font-size: calc(var(--fs-small-rate) * 3rem);
line-height: 1;
font-family: "Satoshi-Bold", sans-serif;
font-weight: 700;
font-style: normal;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
h6,
.h6 { font-size: calc(var(--fs-small-rate) * 2.4rem); line-height: 1.1666666667;
font-family: "Satoshi-Bold", sans-serif;
font-weight: 700;
font-style: normal;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
} .d-text { font-size: calc(var(--fs-small-rate) * 1.8rem);
line-height: 1.7777777778;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
}
.d-hyperlink { font-size: calc(var(--fs-small-rate) * 1.8rem);
text-decoration: underline;
line-height: 1.7777777778;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.d-big { font-size: calc(var(--fs-small-rate) * 4.8rem); line-height: 1;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
} .subheader { font-size: calc(var(--fs-small-rate) * 1.4rem);
text-transform: uppercase;
line-height: 1.1428571429;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
p,
.body-text { font-size: 1.6rem;
line-height: 1.375;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
}
a,
.link { text-decoration: underline;
font-size: 1.6rem;
line-height: 1.1428571429;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
}
strong,
.strong { line-height: 1.375;
font-family: "Inter-Medium", sans-serif;
font-weight: 500;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.bbt { font-size: calc(var(--fs-small-rate) * 1.4rem);
line-height: 1.4285714286;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
}
small,
.smaller { font-size: 12px;
line-height: 1.0833333333;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
}
.sbt { font-size: 14px;
line-height: 1.7142857143;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
}
.tag-text { font-size: 12px;
line-height: 1.1666666667;
font-family: "Inter-SemiBold", sans-serif;
font-weight: 600;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.button { font-size: 14px;
line-height: 1.7142857143;
}
.mixed { font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.375;
font-family: "Inter-Regular", sans-serif;
font-weight: 400;
}              html,
body {
background: white;
color: black;
font-family: "Open Sans", Arial, sans-serif;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 1500px) {
html,
body {
font-size: 58%;
}
}
@media screen and (max-width: 1240px) {
html,
body {
font-size: 55%;
}
}
html.withMenu,
body.withMenu {
overflow: hidden;
}
body {
font-size: 1.6rem;
}
* {
margin: 0;
padding: 0;
border: none;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;  box-sizing: border-box;  --Ajka-palette-Red-01-red: #ffefef;
--Ajka-palette-red-02-red: #ffc2c2;
--Ajka-palette-red-03-primary-red: #e31e25;
--Ajka-palette-red-04-red: #cb2424;
--Ajka-palette-red-05-red: #b62020;
--Ajka-palette-blue-01-blue: #e4f3ff;
--Ajka-palette-blue-02-blue: #4a9dff;
--Ajka-palette-blue-03-blue: #0075ff;
--Ajka-palette-Blue-04-Primary-blue: #022e69;
--Ajka-palette-blue-05-blue: #001c41;
--Ajka-palette-grey-01-grey: #f2f4f8;
--Ajka-palette-grey-02-grey: #c1c7cd;
--Ajka-palette-grey-03-grey: #878d96;
--Ajka-palette-grey-04-grey: #4d5358;
--Ajka-palette-grey-05-grey: #21272a;
--Ajka-palette-grey-06-grey: #121619;
--primary: #031633;
--primary-rgb: 3, 22, 51;
--black: #333;
--black-rgb: 51, 51, 51;
--off-white: #FDFCF8;
--off-white-rgb: 253, 252, 248;
--violet-accent: #9C68E2;
--violet-accent-rgb: 156, 104, 226;
--fs-rate: 1;
--fs-small-rate: 1;
}
*:focus {
outline: none;
-webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 1024px) {
* {
--fs-rate: 0.85;
--fs-small-rate: 0.85;
}
}
@media screen and (max-width: 640px) {
* {
--fs-rate: 0.75;
--fs-small-rate: 0.8;
}
}
@media screen and (max-width: 450px) {
* {
--fs-rate: 0.65;
--fs-small-rate: 0.75;
}
}
input,
textarea,
select {
color: black;
font-size: 14px;
font-family: "Open Sans", Arial, sans-serif;
}
textarea {
resize: vertical;
}
a {
color: black;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a,
label,
input[type=button],
input[type=submit] {
cursor: pointer;
}
.clear,
.clearfix:after {
content: " ";
width: 100%;
height: 0px;
display: block;
overflow: hidden;
clear: both;
}
.hidden {
display: none;
}
.container {
margin: 0 auto;
position: relative;
padding: 0 2.5rem;
width: 100%;
max-width: 144rem;
}
img,
svg {
max-width: 100%;
height: auto;
}  .hamburger {
position: absolute;
top: 50%;
right: 8rem;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: calc(4rem * 0.5);
height: calc(4rem * 0.5);
margin: 0;
padding: 0;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
cursor: pointer; }
.hamburger:focus {
outline: none;
}
.hamburger:before {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 4px;
content: " ";
display: block;
width: 4rem;
height: 4rem;
position: absolute;
z-index: 0;
background: var(--White, #fff);
}
.hamburger span {
border-radius: 1.5px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 2px;
width: 100%;
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.hamburger span:before, .hamburger span:after {
border-radius: 1.5px;
content: "";
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.hamburger span:before {
top: -6px;
}
.hamburger span:after {
bottom: -6px;
}
.hamburger--htx {
background: transparent;
}
.hamburger--htx span:before, .hamburger--htx span:after {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hamburger--htx span:before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, -webkit-transform;
transition-property: top, transform;
transition-property: top, transform, -webkit-transform;
}
.hamburger--htx span:after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.hamburger--htx.is-active {
background: transparent;
}
.hamburger--htx.is-active span {
background: none;
-webkit-transition: none;
transition: none;
}
.hamburger--htx.is-active span:before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger--htx.is-active span:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.hamburger--htx.is-active span:before, .hamburger--htx.is-active span:after {
-webkit-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
} .btn_primary {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 1.6rem 3.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
z-index: 5;
color: var(--White, #fff);
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn_primary:hover {
background: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.btn_secondary {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 1.6rem 3.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
border-radius: 0.6rem;
border: 1.25px solid var(--Ajka-palette-Blue-03-blue, #0075ff);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn_secondary:hover {
border: 1.25px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.btn_primary-white {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 3.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-01-blue, #e4f3ff);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn_primary-white:hover {
background: var(--White, #fff);
}
.btn_position {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 3.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-01-blue, #e4f3ff);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn_position:hover {
background: var(--White, #fff);
}
.tag_light {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
backdrop-filter: blur(1px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tag_light:hover {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
color: var(--White, #fff);
}
.tag_dark {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
backdrop-filter: blur(1px);
}
.circle_play {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 8.2rem;
height: 8.2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 5rem;
}
.circle_play__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
border-radius: 5rem;
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.circle_play__content:hover {
background: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.circle_play__content .play-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 5rem;
height: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.circle_play__content .play-icon svg g path {
stroke: var(--White, #fff);
}
.icon-setting-light {
background: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/images/icon-setting-light.png);
width: 6rem;
height: 6rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.icon-setting-light:hover {
background: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/images/icon-setting-dark.png);
}
.arrow-down svg g path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
stroke: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.arrow-down:hover svg g path {
stroke: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.info-circle {
position: fixed;
width: 100%;
max-width: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 7;
right: 2.5rem;
bottom: 2.5rem;
background: var(--ajka-palette-red-03-primary-red, #e31e25);
border-radius: 5rem;
}
.info-circle__icon {
position: absolute;
width: 5rem;
height: 5rem;
content: "";
background: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/images/info-icon.svg);
background-repeat: no-repeat;
background-size: contain;
}
.inner {
padding-bottom: 11.5rem;
}
.inner-medium {
padding-bottom: 8rem;
}
.inner-large {
padding-bottom: 11.5rem;
}
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
border: none !important;
background: var(--Ajka-palette-Grey-01-grey, #f2f4f8) !important;
padding: 12.992px 0 !important;
font-size: 13.2px !important;
font-weight: 500 !important;
line-height: 17.6px !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
background: unset !important;
border: none !important;
padding: 16px 16px 16px 16px !important;
border-radius: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors h2 {
color: var(--Ajka-palette-Red-03-Primary-red, #e31e25) !important;
text-align: center;
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem !important;
font-style: normal;
font-weight: 500 !important;
line-height: 1.375 !important;
}  body {
padding-top: var(--site-header-height);
}
body.admin-bar .site-header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .site-header {
top: 46px;
}
}
.site-header {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 500;
background: var(--White, #fff);
padding: 2.5rem 0;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-header.scrolled {
-webkit-box-shadow: 0px 25px 37px rgba(0, 0, 0, 0.05);
box-shadow: 0px 25px 37px rgba(0, 0, 0, 0.05);
}
.site-header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-header .site-header__left-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.site-header .site-header__left-col a img {
width: 100%;
max-width: 15.2rem;
height: 5.6759rem;
}
.site-header .site-header__right-col {
position: relative;
text-align: left;
margin-right: 1.6rem;
}
.site-header .hamburger {
display: none;
}
.site-header nav {
display: inline-block;
vertical-align: middle;
}
.site-header #mobile-language {
display: none;
}
.site-header ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
list-style: none;
}
.site-header ul li a {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
font-size: 1.5rem;
text-align: center;
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 2.2rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-header ul li a:hover {
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.site-header ul .current-menu-item a {
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.site-header .site-header__language {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
}
.site-header .site-header__language a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.site-header .site-header__language a p {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-header .site-header__language a span {
margin-left: 0.3rem;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.site-header .site-header__language a:last-child span {
display: none;
}
.site-header .site-header__language a:hover p {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.site-header .site-header__language .current-lang-link p {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.site-header .mobile-lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.site-header__search {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 2rem;
}
.site-header__search.active input {
padding: 0 5rem 0 2rem;
width: 30rem;
border-radius: 0.6rem;
border: 1.25px solid var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.site-header__search form {
font-size: 0;
}
.site-header__search input {
position: absolute;
z-index: 1;
right: 4rem;
top: 0;
height: 100%;
padding: 0;
width: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: white;
}
.site-header__search button {
position: relative;
z-index: 2;
font-size: 0;
background: white;
color: white;
width: 40px;
text-align: center;
border: none;
aspect-ratio: 1/1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-header__search button:hover {
cursor: pointer;
color: red;
}
.site-header__search button svg circle {
stroke: var(--Ajka-palette-blue-04-primary-blue, #022e69);
}
.site-header__search button svg line {
stroke: var(--Ajka-palette-blue-04-primary-blue, #022e69);
} @media screen and (max-width: 970px) {
.site-header {
padding: 1.5rem 0;
}
.site-header .hamburger {
display: block;
right: 6.5rem;
}
.site-header .site-header__right-col {
margin-right: 0;
}
.site-header .menu-primary {
max-height: 0px;
position: fixed;
left: 0;
right: 0;
top: var(--site-header-height);
display: block;
overflow: hidden;
background: var(--White, #fff);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-header .menu-primary ul {
display: block;
text-align: center;
}
.site-header .menu-primary ul li {
margin: 1rem 0;
}
.site-header .menu-primary ul li a {
padding: 1.5rem 0;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
text-align: center;
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 2.2rem;
}
.site-header .menu-primary #mobile-language {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 2rem;
}
.site-header .mobile-lang {
display: none;
}
.site-header.withMenu .menu-primary {
max-height: 100vh;
overflow: auto;
}
} .single-pripadove-studie {
margin-top: 0 !important;
}
.single-pripadove-studie__content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.6rem;
margin-bottom: 2.4rem;
}
.single-pripadove-studie__content ul li p {
margin: 0;
}
.wp-block-video {
width: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.wp-block-video video {
width: 100%;
}
.blog,
.single-pripadove-studie {
margin-top: 11.5rem;
}
.blog__content,
.single-pripadove-studie__content {
width: 100%;
max-width: 75.2rem;
margin: 0 auto;
}
.blog__content-author,
.single-pripadove-studie__content-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2.4rem;
}
.blog__content-author .author-info,
.blog__content-author .blog-read,
.single-pripadove-studie__content-author .author-info,
.single-pripadove-studie__content-author .blog-read {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.8rem;
}
.blog__content-author .author-info svg g path,
.blog__content-author .blog-read svg g path,
.single-pripadove-studie__content-author .author-info svg g path,
.single-pripadove-studie__content-author .blog-read svg g path {
stroke: var(--Ajka-palette-blue-03-blue);
}
.blog__content h2,
.blog__content h3,
.blog__content h4,
.blog__content h5,
.blog__content h6,
.single-pripadove-studie__content h2,
.single-pripadove-studie__content h3,
.single-pripadove-studie__content h4,
.single-pripadove-studie__content h5,
.single-pripadove-studie__content h6 {
margin-bottom: 1.6rem;
}
.blog__content p,
.single-pripadove-studie__content p {
margin: 1.6rem 0 2.4rem 0;
}
.blog__content .wp-block-image,
.single-pripadove-studie__content .wp-block-image {
margin: 8rem 0;
}
.blog__content .wp-block-buttons,
.single-pripadove-studie__content .wp-block-buttons {
margin-bottom: 8rem;
}
.blog__content .wp-element-button,
.single-pripadove-studie__content .wp-element-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 3.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
color: var(--White, #fff);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 2.2rem; }
.blog__content ul,
.single-pripadove-studie__content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.6rem;
margin-bottom: 2.4rem;
}
.blog__content ul li,
.single-pripadove-studie__content ul li {
position: relative;
list-style: none;
padding-left: 3rem;
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
line-height: 1.375;
font-family: "Inter-Light", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
}
.blog__content ul li::before,
.single-pripadove-studie__content ul li::before {
position: absolute;
content: "";
background: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/images/arrow-badge-right.svg);
width: 2.4rem;
height: 2.4rem;
top: 0;
left: 0;
}
.blog__content ol,
.single-pripadove-studie__content ol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.6rem;
margin-left: 2rem;
margin-bottom: 2.4rem;
}
.blog__content ol li,
.single-pripadove-studie__content ol li {
padding-left: 0.8rem;
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
line-height: 1.375;
font-family: "Inter-Light", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
}
.blog__content ol li::marker,
.single-pripadove-studie__content ol li::marker {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 2.2rem;
}
.blog__content blockquote,
.single-pripadove-studie__content blockquote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
margin: 8rem 0;
}
.blog__content blockquote p,
.single-pripadove-studie__content blockquote p {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
text-align: center;
font-family: "Inter-Light", sans-serif;
font-size: 4.8rem;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-bottom: 0;
}
.blog__content blockquote cite,
.single-pripadove-studie__content blockquote cite {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
font-family: "Inter-Light", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
line-height: 2.2rem; text-transform: uppercase;
}
.blog__content iframe,
.single-pripadove-studie__content iframe {
width: 100%;
max-width: 76.2049rem;
height: 45.5rem;
}
.blog__content strong a,
.single-pripadove-studie__content strong a {
line-height: 1.375;
font-family: "Inter-Medium", sans-serif;
font-weight: 500;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blog__content strong a:hover,
.single-pripadove-studie__content strong a:hover {
text-decoration: underline;
}
.blog__content a strong,
.single-pripadove-studie__content a strong {
line-height: 1.375;
font-family: "Inter-Medium", sans-serif;
font-weight: 500;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blog__content a strong:hover,
.single-pripadove-studie__content a strong:hover {
text-decoration: underline;
} .site-footer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
padding: 8rem 0 4rem 0;
z-index: 5;
background: var(--Ajka-palette-Gradients-Blue-gradient-01, linear-gradient(79deg, #022e69 12.92%, #0075ff 95.76%));
}
.site-footer__content {
position: relative;
width: 100%;
max-width: 119.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8rem;
margin: 0 auto;
z-index: 6;
}
.site-footer__content-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
}
.site-footer__content-menu-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 9.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (width <= 1094px) {
.site-footer__content-menu-group {
gap: 4.8rem 9.8rem;
}
}
.site-footer__content-menu-group .maps-web,
.site-footer__content-menu-group .services,
.site-footer__content-menu-group .ajka-solution,
.site-footer__content-menu-group .contact-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
.site-footer__content-menu-group .maps-web h5,
.site-footer__content-menu-group .maps-web .h5,
.site-footer__content-menu-group .services h5,
.site-footer__content-menu-group .services .h5,
.site-footer__content-menu-group .ajka-solution h5,
.site-footer__content-menu-group .ajka-solution .h5,
.site-footer__content-menu-group .contact-footer h5,
.site-footer__content-menu-group .contact-footer .h5 {
color: var(--White, #fff);
}
.site-footer__content-menu-group .maps-web p,
.site-footer__content-menu-group .services p,
.site-footer__content-menu-group .ajka-solution p,
.site-footer__content-menu-group .contact-footer p {
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.site-footer__content-menu-group .maps-web ul li,
.site-footer__content-menu-group .services ul li,
.site-footer__content-menu-group .ajka-solution ul li,
.site-footer__content-menu-group .contact-footer ul li {
list-style: none;
padding-bottom: 0.8rem;
}
.site-footer__content-menu-group .maps-web ul li a,
.site-footer__content-menu-group .services ul li a,
.site-footer__content-menu-group .ajka-solution ul li a,
.site-footer__content-menu-group .contact-footer ul li a {
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
font-family: "Inter-Light", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
line-height: 0.7272727273;
text-decoration-line: underline;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-footer__content-menu-group .maps-web ul li a:hover,
.site-footer__content-menu-group .services ul li a:hover,
.site-footer__content-menu-group .ajka-solution ul li a:hover,
.site-footer__content-menu-group .contact-footer ul li a:hover {
color: var(--Ajka-palette-grey-02-grey, #c1c7cd);
}
.site-footer__content-menu-group .ajka-solution {
max-width: 24rem;
}
.site-footer__content-menu-group .contact-footer__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.site-footer__content-menu-group .contact-footer__content-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.site-footer__content-menu-group .contact-footer__content-icon .ico {
padding-top: 0.7rem;
padding-right: 0.8rem;
}
.site-footer__content-menu-group .contact-footer__content-icon svg {
padding-top: 0.5rem;
}
.site-footer__content-menu-group .contact-footer__content-icon svg g path {
stroke: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.site-footer__content-menu-group .contact-footer__content-icon .d-hyperlink {
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.site-footer__content-menu-group .contact-footer__content-icon .d-hyperlink.no-link {
text-decoration: none;
}
.site-footer__content-menu-group .contact-footer__content-icon a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-footer__content-menu-group .contact-footer__content-icon a:hover {
color: var(--Ajka-palette-grey-02-grey, #c1c7cd);
}
.site-footer__content-menu-group .contact-footer__content-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
gap: 1rem;
}
.site-footer__content-menu-group .contact-footer__content-social a img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.site-footer__content-seo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 2.4rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-footer__content-seo .seo-text-one {
width: 100%;
max-width: 42.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
.site-footer__content-seo .seo-text-one h6,
.site-footer__content-seo .seo-text-one .h6,
.site-footer__content-seo .seo-text-one p {
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.site-footer__content-seo .seo-text-two {
width: 100%;
max-width: 68.1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
.site-footer__content-seo .seo-text-two h6,
.site-footer__content-seo .seo-text-two p {
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.site-footer__content-copywright {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
z-index: 4;
}
.site-footer__content-copywright p {
max-width: 76rem;
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.site-footer__content-copywright .body-text {
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-footer__content-copywright .body-text:hover {
color: var(--Ajka-palette-grey-02-grey, #c1c7cd);
}
.site-footer__content-copywright span {
margin: 0.3rem;
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.site-footer__content-copywright span:last-child {
display: none;
}
.site-footer__content .created-by {
position: relative;
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
z-index: 4;
}
.site-footer__content .created-by .made-by-unifer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6rem;
line-height: 1.375;
font-family: "Inter-Light", sans-serif;
font-weight: 300;
color: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
@media only screen and (max-width: 600px) {
.site-footer__content-seo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.site-footer__content-copywright {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.6rem;
}
}
.dcb-privacy-policy-text {
padding-bottom: 4rem;
}
.dcb-privacy-policy-text h1,
.dcb-privacy-policy-text h2,
.dcb-privacy-policy-text h3,
.dcb-privacy-policy-text h4,
.dcb-privacy-policy-text h5,
.dcb-privacy-policy-text h6 {
padding-bottom: 1.6rem;
}
.dcb-privacy-policy-text p {
padding-bottom: 1.6rem;
}
.dcb-privacy-policy-text ol,
.dcb-privacy-policy-text ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
margin-left: 2rem;
margin-bottom: 2.4rem;
}
.dcb-privacy-policy-text ol li,
.dcb-privacy-policy-text ul li {
padding-left: 0.8rem;
padding-bottom: 0.4rem;
}
.dcb-privacy-policy-text ol li::marker,
.dcb-privacy-policy-text ul li::marker {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 2.2rem;
}
.dcb-table-top-titles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 85.2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 2.4rem;
border-radius: 0.6rem;
border: 1.25px solid var(--Ajka-palette-Blue-03-blue, #0075ff);
background: var(--White, #fff);
}
.dcb-table-top-titles thead {
width: 100%;
}
.dcb-table-top-titles thead tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.dcb-table-top-titles thead tr th {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
text-align: center;
font-family: "Inter-SemiBold", sans-serif;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 130%;
border-top: 1px solid var(--Ajka-palette-Blue-01-blue, #e4f3ff);
border-left: 1px solid var(--Ajka-palette-Blue-01-blue, #e4f3ff);
background: var(--Ajka-palette-Blue-01-blue, #e4f3ff) !important;
}
.dcb-table-top-titles tbody {
width: 100%;
}
.dcb-table-top-titles tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.dcb-table-top-titles tbody tr th {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
text-align: center;
font-family: "Inter-SemiBold", sans-serif;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 130%;
border-top: 1px solid var(--Ajka-palette-Blue-01-blue, #e4f3ff);
border-left: 1px solid var(--Ajka-palette-Blue-01-blue, #e4f3ff);
background: var(--Ajka-palette-Blue-01-blue, #e4f3ff) !important;
}
.dcb-table-top-titles tbody tr td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
border-top: 1px solid var(--Ajka-palette-Blue-01-blue, #e4f3ff);
border-left: 1px solid var(--Ajka-palette-Blue-01-blue, #e4f3ff);
background: var(--White, #fff) !important;
color: var(--Ajka-palette-Grey-04-grey, #4d5358);
line-height: 1.375;
font-family: "Inter-Light", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
}
.partial_entry_warning {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 1.375;
}           .magazines {
overflow: hidden;
}
.magazines .container .red-triangle {
position: absolute;
bottom: 20.5rem;
right: -8rem;
z-index: 1;
}
.magazines .container .red-triangle img {
width: 100%;
max-width: 32rem;
height: 32rem;
}
.magazines .container .white-triangle {
position: absolute;
bottom: 8rem;
right: 6rem;
z-index: 2;
}
.magazines .container .white-triangle img {
width: 100%;
max-width: 27.7rem;
height: 27.7rem;
}
.magazines .container .magazines__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
margin: 0 auto;
}
.magazines .container .magazines__content-header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.magazines .container .magazines__content-header h2,
.magazines .container .magazines__content-header .h2 {
width: 100%;
max-width: 59.2rem;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
text-align: center;
}
.magazines .container .magazines__content-header .posts-tags {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
}
.magazines .container .magazines__content-header .posts-tags .tags {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.magazines .container .magazines__content-header .posts-tags .tags .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
backdrop-filter: blur(1px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.magazines .container .magazines__content-header .posts-tags .tags .tag:hover {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.magazines .container .magazines__content-header .posts-tags .tags .tag:hover .tag-text {
color: var(--White, #fff);
}
.magazines .container .magazines__content-header .posts-tags .tags .active {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.magazines .container .magazines__content-header .posts-tags .tags .active .tag-text {
color: var(--White, #fff);
}
.magazines .container .magazines__content-header .posts-tags__cards {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 3;
}
.magazines .container .magazines__content-header .posts-tags__cards .box-magazines__image .tags {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
top: 0;
right: 0;
}
.magazines .container .magazines__content-header .posts-tags__cards .box-magazines__image .tags .tag .tag-text {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.magazines .container .magazines__content-header .posts-tags__cards .box-magazines__content-text-group .name svg g path,
.magazines .container .magazines__content-header .posts-tags__cards .box-magazines__content-text-group .time svg g path {
stroke: var(--Ajka-palette-blue-03-blue, #0075ff);
}
.magazines .container .magazines__content-header .posts-tags__cards .box-magazines:hover .tag {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.magazines .container .magazines__content-header .posts-tags__cards .box-magazines:hover .tag .tag-text {
color: var(--White, #fff);
}
.magazines .container .magazines__content-header .posts-tags__cards .box-magazines:hover .btn_secondary {
border: 1.25px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
@media only screen and (max-width: 705px) {
.magazines .container .magazines__content-header .box-group__cards .box-magazines {
max-width: 100%;
}
.magazines .container .magazines__content-header .box-group__cards .box-magazines__image {
max-width: 100%;
}
.magazines .container .magazines__content-header .box-group__cards .box-magazines__image img {
max-width: 100%;
}
}           .newsletter {
width: 100%;
background: var(--Ajka-palette-Gradients-Blue-gradient-01, linear-gradient(79deg, #022e69 12.92%, #0075ff 95.76%));
margin-bottom: 11.5rem;
}
.newsletter__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
margin: 0 auto;
padding: 7.7rem 0;
gap: 9.6rem;
}
.newsletter__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
.newsletter__content-text h2,
.newsletter__content-text .h2,
.newsletter__content-text p {
color: var(--White, #fff);
}
.newsletter__content-form {
width: 100%;
max-width: 48rem;
position: absolute;
right: 0;
}
.newsletter__content-form .newsletter__checkboxes {
display: grid;
grid-template-columns: 2fr 2fr;
gap: 1rem;
padding-bottom: 1rem;
}
@media screen and (max-width: 400px) {
.newsletter__content-form .newsletter__checkboxes {
grid-template-columns: 1fr;
}
}
.newsletter__content-form .newsletter__checkboxes .checkbox-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
}
.newsletter__content-form .newsletter__checkboxes input {
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
vertical-align: middle;
border: unset;
background: white;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
outline: none;
cursor: pointer;
}
.newsletter__content-form .newsletter__checkboxes input:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
clip-path: circle(50% at 50% 50%);
background-color: blue;
}
.newsletter__content-form .form {
position: relative;
z-index: 20;
}
.newsletter__content-form .tooltip {
font-size: 1.2rem;
color: #fff;
margin-bottom: 0.8rem;
}
.newsletter__content-form .select-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 40rem;
padding: 1rem 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.6rem;
background: var(--White, #fff);
margin: 0.8rem 0;
}
.newsletter__content-form .select-form option {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.375;
font-family: "Inter-Regular", sans-serif;
font-weight: 400;
}
.newsletter__content-form label { line-height: 1.375;
font-family: "Inter-Medium", sans-serif;
font-weight: 500;
color: var(--White, #fff);
}
.newsletter__content-form #se-webform-1,
.newsletter__content-form #se-webform-2,
.newsletter__content-form #se-webform-5,
.newsletter__content-form #se-webform-8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 48rem;
padding: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
backdrop-filter: blur(25px);
}
@media (width <= 500px) {
.newsletter__content-form #se-webform-1,
.newsletter__content-form #se-webform-2,
.newsletter__content-form #se-webform-5,
.newsletter__content-form #se-webform-8 {
padding: 2rem;
}
}
.newsletter__content-form #se-webform-1 .se-webform-inner,
.newsletter__content-form #se-webform-2 .se-webform-inner,
.newsletter__content-form #se-webform-5 .se-webform-inner,
.newsletter__content-form #se-webform-8 .se-webform-inner {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.6rem;
}
.newsletter__content-form #se-webform-1 #frm-webFormHtmlRenderer-webFormForm-fields-df_emailaddress,
.newsletter__content-form #se-webform-1 input,
.newsletter__content-form #se-webform-2 #frm-webFormHtmlRenderer-webFormForm-fields-df_emailaddress,
.newsletter__content-form #se-webform-2 input,
.newsletter__content-form #se-webform-5 #frm-webFormHtmlRenderer-webFormForm-fields-df_emailaddress,
.newsletter__content-form #se-webform-5 input,
.newsletter__content-form #se-webform-8 #frm-webFormHtmlRenderer-webFormForm-fields-df_emailaddress,
.newsletter__content-form #se-webform-8 input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 40rem;
padding: 1.6rem 2.4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.6rem;
background: var(--White, #fff);
}
.newsletter__content-form #se-webform-1 .gform_required_legend,
.newsletter__content-form #se-webform-2 .gform_required_legend,
.newsletter__content-form #se-webform-5 .gform_required_legend,
.newsletter__content-form #se-webform-8 .gform_required_legend {
display: none;
}
.newsletter__content-form #se-webform-1 label,
.newsletter__content-form #se-webform-2 label,
.newsletter__content-form #se-webform-5 label,
.newsletter__content-form #se-webform-8 label { line-height: 1.375;
font-family: "Inter-Medium", sans-serif;
font-weight: 500;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.newsletter__content-form #se-webform-1 .se-body ul li,
.newsletter__content-form #se-webform-2 .se-body ul li,
.newsletter__content-form #se-webform-5 .se-body ul li,
.newsletter__content-form #se-webform-8 .se-body ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
list-style: none;
}
.newsletter__content-form #se-webform-1 .se-body ul li label,
.newsletter__content-form #se-webform-2 .se-body ul li label,
.newsletter__content-form #se-webform-5 .se-body ul li label,
.newsletter__content-form #se-webform-8 .se-body ul li label { line-height: 1.375;
font-family: "Inter-Medium", sans-serif;
font-weight: 500;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.newsletter__content-form #se-webform-1 .se-submit button,
.newsletter__content-form #se-webform-2 .se-submit button,
.newsletter__content-form #se-webform-5 .se-submit button,
.newsletter__content-form #se-webform-8 .se-submit button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 3.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
color: var(--White, #fff);
cursor: pointer;
font-size: 1.6rem;
line-height: 1.375;
font-family: "Inter-Medium", sans-serif;
font-weight: 500;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.newsletter__content-form #se-webform-1 .se-submit button:hover,
.newsletter__content-form #se-webform-2 .se-submit button:hover,
.newsletter__content-form #se-webform-5 .se-submit button:hover,
.newsletter__content-form #se-webform-8 .se-submit button:hover {
background: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.newsletter__content-form #se-webform-1 .se-webform-primary-purpose,
.newsletter__content-form #se-webform-2 .se-webform-primary-purpose,
.newsletter__content-form #se-webform-5 .se-webform-primary-purpose,
.newsletter__content-form #se-webform-8 .se-webform-primary-purpose {
text-align: justify !important;
margin-top: 2.4rem;
}
.newsletter__content-form #se-webform-1 .se-webform-primary-purpose span,
.newsletter__content-form #se-webform-2 .se-webform-primary-purpose span,
.newsletter__content-form #se-webform-5 .se-webform-primary-purpose span,
.newsletter__content-form #se-webform-8 .se-webform-primary-purpose span {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69); font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.375;
font-family: "Inter-Regular", sans-serif;
font-weight: 400;
}
.newsletter__content-form #se-webform-1 .se-license-agreement,
.newsletter__content-form #se-webform-2 .se-license-agreement,
.newsletter__content-form #se-webform-5 .se-license-agreement,
.newsletter__content-form #se-webform-8 .se-license-agreement {
border-bottom: 1px solid #bbbbbb;
text-align: justify !important;
}
.newsletter__content-form #se-webform-1 .se-license-agreement:last-of-type,
.newsletter__content-form #se-webform-2 .se-license-agreement:last-of-type,
.newsletter__content-form #se-webform-5 .se-license-agreement:last-of-type,
.newsletter__content-form #se-webform-8 .se-license-agreement:last-of-type {
border-bottom: none !important;
}
.newsletter__content-form #se-webform-1 .se-license-agreement span,
.newsletter__content-form #se-webform-2 .se-license-agreement span,
.newsletter__content-form #se-webform-5 .se-license-agreement span,
.newsletter__content-form #se-webform-8 .se-license-agreement span {
font-size: 12px;
font-weight: 400;
}
.newsletter__content-form #se-webform-1 .se-license-agreement .se-checkbox input,
.newsletter__content-form #se-webform-2 .se-license-agreement .se-checkbox input,
.newsletter__content-form #se-webform-5 .se-license-agreement .se-checkbox input,
.newsletter__content-form #se-webform-8 .se-license-agreement .se-checkbox input {
margin: 1px 5px 1px 0 !important;
}
@media (width <= 1000px) {
.newsletter__content {
padding: 7.7rem 2.5rem;
}
}
@media (width <= 900px) {
.newsletter__content-form {
position: relative;
}
}
@media (width <= 768px) {
.newsletter__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.6rem;
}
.newsletter__content-text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.newsletter__content-text p {
text-align: center;
}
}
.spinner {
width: 40px;
height: 40px;
border: 4px solid var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
border-radius: 50%;
border-top-color: #fff; -webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
margin: 20px auto;
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#form-status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#form-status p {
font-size: 16px;
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
margin: 10px 0;
}
#form-success p {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.375;
font-family: "Inter-Regular", sans-serif;
font-weight: 400;
margin: 20px 0;
} .se-webform {
position: relative;
}           .contact-us {
padding: 8rem 0;
}
.contact-us__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4rem;
}
.contact-us__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.contact-us__content-text .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.contact-us__content-text .title .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
}
.contact-us__content-text .title .info_image {
width: 100%;
max-width: 8rem;
height: 8rem;
}
.contact-us__content-text .title .info_image .attachment-info_image {
width: 100%;
max-width: 8rem;
height: 8rem;
clip-path: ellipse(49% 50% at 50% 50%);
-o-object-fit: cover;
object-fit: cover;
}
.contact-us__content-text .title .info__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
.contact-us__content-text .title .info__content-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
}
.contact-us__content-text .title .info__content-tel, .contact-us__content-text .title .info__content-mail, .contact-us__content-text .title .info__content-address {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.contact-us__content-text .title .info__content-tel svg, .contact-us__content-text .title .info__content-mail svg, .contact-us__content-text .title .info__content-address svg {
width: 100%;
max-width: 2.4rem;
height: 2.4rem;
margin-top: 0.5rem;
}
.contact-us__content-text .title .info__content-tel svg g path, .contact-us__content-text .title .info__content-mail svg g path, .contact-us__content-text .title .info__content-address svg g path {
stroke: var(--ajka-palette-blue-03-blue, #0075ff);
}
.contact-us__content-text .title .info__content-tel__link, .contact-us__content-text .title .info__content-mail__link, .contact-us__content-text .title .info__content-address__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.contact-us__content-text .title .info__content-tel__link a, .contact-us__content-text .title .info__content-mail__link a, .contact-us__content-text .title .info__content-address__link a {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.contact-us__content-text .title .info__content .social-site {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
}
.contact-us__content-text .title .info__content .social-site a img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.contact-us__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 48rem;
padding: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 0.6rem;
background: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.contact-us__form #gform_wrapper_2 .gform_heading .gform_title,
.contact-us__form #gform_wrapper_4 .gform_heading .gform_title,
.contact-us__form #gform_wrapper_5 .gform_heading .gform_title,
.contact-us__form #gform_wrapper_7 .gform_heading .gform_title {
display: none;
}
.contact-us__form #gform_wrapper_2 .gform_required_legend,
.contact-us__form #gform_wrapper_4 .gform_required_legend,
.contact-us__form #gform_wrapper_5 .gform_required_legend,
.contact-us__form #gform_wrapper_7 .gform_required_legend {
display: none;
}
.contact-us__form #gform_wrapper_2 #gform_fields_2,
.contact-us__form #gform_wrapper_2 #gform_fields_4,
.contact-us__form #gform_wrapper_2 #gform_fields_5,
.contact-us__form #gform_wrapper_2 #gform_fields_7,
.contact-us__form #gform_wrapper_4 #gform_fields_2,
.contact-us__form #gform_wrapper_4 #gform_fields_4,
.contact-us__form #gform_wrapper_4 #gform_fields_5,
.contact-us__form #gform_wrapper_4 #gform_fields_7,
.contact-us__form #gform_wrapper_5 #gform_fields_2,
.contact-us__form #gform_wrapper_5 #gform_fields_4,
.contact-us__form #gform_wrapper_5 #gform_fields_5,
.contact-us__form #gform_wrapper_5 #gform_fields_7,
.contact-us__form #gform_wrapper_7 #gform_fields_2,
.contact-us__form #gform_wrapper_7 #gform_fields_4,
.contact-us__form #gform_wrapper_7 #gform_fields_5,
.contact-us__form #gform_wrapper_7 #gform_fields_7 {
grid-row-gap: 24px;
}
.contact-us__form #gform_wrapper_2 label,
.contact-us__form #gform_wrapper_4 label,
.contact-us__form #gform_wrapper_5 label,
.contact-us__form #gform_wrapper_7 label {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 1.375;
}
.contact-us__form #gform_wrapper_2 #validation_message_4_1,
.contact-us__form #gform_wrapper_2 #validation_message_4_3,
.contact-us__form #gform_wrapper_2 #validation_message_4_6,
.contact-us__form #gform_wrapper_2 #validation_message_5_1,
.contact-us__form #gform_wrapper_2 #validation_message_5_3,
.contact-us__form #gform_wrapper_2 #validation_message_5_6,
.contact-us__form #gform_wrapper_2 #validation_message_7_1,
.contact-us__form #gform_wrapper_2 #validation_message_7_3,
.contact-us__form #gform_wrapper_2 #validation_message_7_6,
.contact-us__form #gform_wrapper_4 #validation_message_4_1,
.contact-us__form #gform_wrapper_4 #validation_message_4_3,
.contact-us__form #gform_wrapper_4 #validation_message_4_6,
.contact-us__form #gform_wrapper_4 #validation_message_5_1,
.contact-us__form #gform_wrapper_4 #validation_message_5_3,
.contact-us__form #gform_wrapper_4 #validation_message_5_6,
.contact-us__form #gform_wrapper_4 #validation_message_7_1,
.contact-us__form #gform_wrapper_4 #validation_message_7_3,
.contact-us__form #gform_wrapper_4 #validation_message_7_6,
.contact-us__form #gform_wrapper_5 #validation_message_4_1,
.contact-us__form #gform_wrapper_5 #validation_message_4_3,
.contact-us__form #gform_wrapper_5 #validation_message_4_6,
.contact-us__form #gform_wrapper_5 #validation_message_5_1,
.contact-us__form #gform_wrapper_5 #validation_message_5_3,
.contact-us__form #gform_wrapper_5 #validation_message_5_6,
.contact-us__form #gform_wrapper_5 #validation_message_7_1,
.contact-us__form #gform_wrapper_5 #validation_message_7_3,
.contact-us__form #gform_wrapper_5 #validation_message_7_6,
.contact-us__form #gform_wrapper_7 #validation_message_4_1,
.contact-us__form #gform_wrapper_7 #validation_message_4_3,
.contact-us__form #gform_wrapper_7 #validation_message_4_6,
.contact-us__form #gform_wrapper_7 #validation_message_5_1,
.contact-us__form #gform_wrapper_7 #validation_message_5_3,
.contact-us__form #gform_wrapper_7 #validation_message_5_6,
.contact-us__form #gform_wrapper_7 #validation_message_7_1,
.contact-us__form #gform_wrapper_7 #validation_message_7_3,
.contact-us__form #gform_wrapper_7 #validation_message_7_6 {
display: none;
}
.contact-us__form #gform_wrapper_2 #input_2_6,
.contact-us__form #gform_wrapper_2 #input_2_4,
.contact-us__form #gform_wrapper_2 #input_4_1,
.contact-us__form #gform_wrapper_2 #input_4_7,
.contact-us__form #gform_wrapper_2 #input_4_6,
.contact-us__form #gform_wrapper_2 #input_4_3,
.contact-us__form #gform_wrapper_2 #input_5_1,
.contact-us__form #gform_wrapper_2 #input_5_7,
.contact-us__form #gform_wrapper_2 #input_5_6,
.contact-us__form #gform_wrapper_2 #input_5_3,
.contact-us__form #gform_wrapper_2 #input_7_1,
.contact-us__form #gform_wrapper_2 #input_7_7,
.contact-us__form #gform_wrapper_2 #input_7_6,
.contact-us__form #gform_wrapper_2 #input_7_3,
.contact-us__form #gform_wrapper_2 #input_7_4,
.contact-us__form #gform_wrapper_4 #input_2_6,
.contact-us__form #gform_wrapper_4 #input_2_4,
.contact-us__form #gform_wrapper_4 #input_4_1,
.contact-us__form #gform_wrapper_4 #input_4_7,
.contact-us__form #gform_wrapper_4 #input_4_6,
.contact-us__form #gform_wrapper_4 #input_4_3,
.contact-us__form #gform_wrapper_4 #input_5_1,
.contact-us__form #gform_wrapper_4 #input_5_7,
.contact-us__form #gform_wrapper_4 #input_5_6,
.contact-us__form #gform_wrapper_4 #input_5_3,
.contact-us__form #gform_wrapper_4 #input_7_1,
.contact-us__form #gform_wrapper_4 #input_7_7,
.contact-us__form #gform_wrapper_4 #input_7_6,
.contact-us__form #gform_wrapper_4 #input_7_3,
.contact-us__form #gform_wrapper_4 #input_7_4,
.contact-us__form #gform_wrapper_5 #input_2_6,
.contact-us__form #gform_wrapper_5 #input_2_4,
.contact-us__form #gform_wrapper_5 #input_4_1,
.contact-us__form #gform_wrapper_5 #input_4_7,
.contact-us__form #gform_wrapper_5 #input_4_6,
.contact-us__form #gform_wrapper_5 #input_4_3,
.contact-us__form #gform_wrapper_5 #input_5_1,
.contact-us__form #gform_wrapper_5 #input_5_7,
.contact-us__form #gform_wrapper_5 #input_5_6,
.contact-us__form #gform_wrapper_5 #input_5_3,
.contact-us__form #gform_wrapper_5 #input_7_1,
.contact-us__form #gform_wrapper_5 #input_7_7,
.contact-us__form #gform_wrapper_5 #input_7_6,
.contact-us__form #gform_wrapper_5 #input_7_3,
.contact-us__form #gform_wrapper_5 #input_7_4,
.contact-us__form #gform_wrapper_7 #input_2_6,
.contact-us__form #gform_wrapper_7 #input_2_4,
.contact-us__form #gform_wrapper_7 #input_4_1,
.contact-us__form #gform_wrapper_7 #input_4_7,
.contact-us__form #gform_wrapper_7 #input_4_6,
.contact-us__form #gform_wrapper_7 #input_4_3,
.contact-us__form #gform_wrapper_7 #input_5_1,
.contact-us__form #gform_wrapper_7 #input_5_7,
.contact-us__form #gform_wrapper_7 #input_5_6,
.contact-us__form #gform_wrapper_7 #input_5_3,
.contact-us__form #gform_wrapper_7 #input_7_1,
.contact-us__form #gform_wrapper_7 #input_7_7,
.contact-us__form #gform_wrapper_7 #input_7_6,
.contact-us__form #gform_wrapper_7 #input_7_3,
.contact-us__form #gform_wrapper_7 #input_7_4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 2.4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem;
background: var(--White, #fff);
}
.contact-us__form #gform_wrapper_2 #input_2_5,
.contact-us__form #gform_wrapper_2 #input_4_4,
.contact-us__form #gform_wrapper_2 #input_5_4,
.contact-us__form #gform_wrapper_2 #input_7_5,
.contact-us__form #gform_wrapper_4 #input_2_5,
.contact-us__form #gform_wrapper_4 #input_4_4,
.contact-us__form #gform_wrapper_4 #input_5_4,
.contact-us__form #gform_wrapper_4 #input_7_5,
.contact-us__form #gform_wrapper_5 #input_2_5,
.contact-us__form #gform_wrapper_5 #input_4_4,
.contact-us__form #gform_wrapper_5 #input_5_4,
.contact-us__form #gform_wrapper_5 #input_7_5,
.contact-us__form #gform_wrapper_7 #input_2_5,
.contact-us__form #gform_wrapper_7 #input_4_4,
.contact-us__form #gform_wrapper_7 #input_5_4,
.contact-us__form #gform_wrapper_7 #input_7_5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 12.6rem;
padding: 1.6rem 2.4rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem;
background: var(--White, #fff);
}
.contact-us__form #gform_wrapper_2 .gfield_required,
.contact-us__form #gform_wrapper_4 .gfield_required,
.contact-us__form #gform_wrapper_5 .gfield_required,
.contact-us__form #gform_wrapper_7 .gfield_required {
display: none;
}
.contact-us__form #gform_wrapper_2 .gchoice_2_8_1,
.contact-us__form #gform_wrapper_2 .gchoice_4_5_1,
.contact-us__form #gform_wrapper_2 .gchoice_5_5_1,
.contact-us__form #gform_wrapper_2 .gchoice_7_5_1,
.contact-us__form #gform_wrapper_4 .gchoice_2_8_1,
.contact-us__form #gform_wrapper_4 .gchoice_4_5_1,
.contact-us__form #gform_wrapper_4 .gchoice_5_5_1,
.contact-us__form #gform_wrapper_4 .gchoice_7_5_1,
.contact-us__form #gform_wrapper_5 .gchoice_2_8_1,
.contact-us__form #gform_wrapper_5 .gchoice_4_5_1,
.contact-us__form #gform_wrapper_5 .gchoice_5_5_1,
.contact-us__form #gform_wrapper_5 .gchoice_7_5_1,
.contact-us__form #gform_wrapper_7 .gchoice_2_8_1,
.contact-us__form #gform_wrapper_7 .gchoice_4_5_1,
.contact-us__form #gform_wrapper_7 .gchoice_5_5_1,
.contact-us__form #gform_wrapper_7 .gchoice_7_5_1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact-us__form #gform_wrapper_2 .gchoice_2_8_1 .icheckbox,
.contact-us__form #gform_wrapper_2 .gchoice_4_5_1 .icheckbox,
.contact-us__form #gform_wrapper_2 .gchoice_5_5_1 .icheckbox,
.contact-us__form #gform_wrapper_2 .gchoice_7_5_1 .icheckbox,
.contact-us__form #gform_wrapper_4 .gchoice_2_8_1 .icheckbox,
.contact-us__form #gform_wrapper_4 .gchoice_4_5_1 .icheckbox,
.contact-us__form #gform_wrapper_4 .gchoice_5_5_1 .icheckbox,
.contact-us__form #gform_wrapper_4 .gchoice_7_5_1 .icheckbox,
.contact-us__form #gform_wrapper_5 .gchoice_2_8_1 .icheckbox,
.contact-us__form #gform_wrapper_5 .gchoice_4_5_1 .icheckbox,
.contact-us__form #gform_wrapper_5 .gchoice_5_5_1 .icheckbox,
.contact-us__form #gform_wrapper_5 .gchoice_7_5_1 .icheckbox,
.contact-us__form #gform_wrapper_7 .gchoice_2_8_1 .icheckbox,
.contact-us__form #gform_wrapper_7 .gchoice_4_5_1 .icheckbox,
.contact-us__form #gform_wrapper_7 .gchoice_5_5_1 .icheckbox,
.contact-us__form #gform_wrapper_7 .gchoice_7_5_1 .icheckbox {
border-radius: 50%;
border: none;
}
.contact-us__form #gform_wrapper_2 .gchoice_2_8_1 .icheckbox::after,
.contact-us__form #gform_wrapper_2 .gchoice_4_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_2 .gchoice_5_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_2 .gchoice_7_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_4 .gchoice_2_8_1 .icheckbox::after,
.contact-us__form #gform_wrapper_4 .gchoice_4_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_4 .gchoice_5_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_4 .gchoice_7_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_5 .gchoice_2_8_1 .icheckbox::after,
.contact-us__form #gform_wrapper_5 .gchoice_4_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_5 .gchoice_5_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_5 .gchoice_7_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_7 .gchoice_2_8_1 .icheckbox::after,
.contact-us__form #gform_wrapper_7 .gchoice_4_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_7 .gchoice_5_5_1 .icheckbox::after,
.contact-us__form #gform_wrapper_7 .gchoice_7_5_1 .icheckbox::after {
background-image: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/images/checkmark.svg);
}
.contact-us__form #gform_wrapper_2 .gchoice_2_8_1 .checked,
.contact-us__form #gform_wrapper_2 .gchoice_4_5_1 .checked,
.contact-us__form #gform_wrapper_2 .gchoice_5_5_1 .checked,
.contact-us__form #gform_wrapper_2 .gchoice_7_5_1 .checked,
.contact-us__form #gform_wrapper_4 .gchoice_2_8_1 .checked,
.contact-us__form #gform_wrapper_4 .gchoice_4_5_1 .checked,
.contact-us__form #gform_wrapper_4 .gchoice_5_5_1 .checked,
.contact-us__form #gform_wrapper_4 .gchoice_7_5_1 .checked,
.contact-us__form #gform_wrapper_5 .gchoice_2_8_1 .checked,
.contact-us__form #gform_wrapper_5 .gchoice_4_5_1 .checked,
.contact-us__form #gform_wrapper_5 .gchoice_5_5_1 .checked,
.contact-us__form #gform_wrapper_5 .gchoice_7_5_1 .checked,
.contact-us__form #gform_wrapper_7 .gchoice_2_8_1 .checked,
.contact-us__form #gform_wrapper_7 .gchoice_4_5_1 .checked,
.contact-us__form #gform_wrapper_7 .gchoice_5_5_1 .checked,
.contact-us__form #gform_wrapper_7 .gchoice_7_5_1 .checked {
background: white;
}
.contact-us__form #gform_wrapper_2 #gform_submit_button_2,
.contact-us__form #gform_wrapper_2 #gform_submit_button_4,
.contact-us__form #gform_wrapper_2 #gform_submit_button_5,
.contact-us__form #gform_wrapper_2 #gform_submit_button_7,
.contact-us__form #gform_wrapper_4 #gform_submit_button_2,
.contact-us__form #gform_wrapper_4 #gform_submit_button_4,
.contact-us__form #gform_wrapper_4 #gform_submit_button_5,
.contact-us__form #gform_wrapper_4 #gform_submit_button_7,
.contact-us__form #gform_wrapper_5 #gform_submit_button_2,
.contact-us__form #gform_wrapper_5 #gform_submit_button_4,
.contact-us__form #gform_wrapper_5 #gform_submit_button_5,
.contact-us__form #gform_wrapper_5 #gform_submit_button_7,
.contact-us__form #gform_wrapper_7 #gform_submit_button_2,
.contact-us__form #gform_wrapper_7 #gform_submit_button_4,
.contact-us__form #gform_wrapper_7 #gform_submit_button_5,
.contact-us__form #gform_wrapper_7 #gform_submit_button_7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 3.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
border-radius: 0.6rem;
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
color: var(--White, #fff);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 1.375;
}
@media (width <= 800px) {
.contact-us__content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}           .magazines-hero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
overflow: hidden;
padding-top: 8rem;
}
.magazines-hero .red-triangle {
position: absolute;
bottom: 10.7rem;
left: -6rem;
z-index: 1;
}
.magazines-hero .red-triangle img {
width: 100%;
max-width: 31.7647rem;
height: 32rem;
}
.magazines-hero .white-triangle {
position: absolute;
bottom: 0.3rem;
left: 7rem;
z-index: 2;
}
.magazines-hero .white-triangle img {
width: 100%;
max-width: 27.7rem;
height: 27.7rem;
}
.magazines-hero__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
z-index: 3;
margin: 0 auto;
}
.magazines-hero__content-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.magazines-hero__content-posts {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.magazines-hero__content-posts .posts-tags {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
}
.magazines-hero__content-posts .posts-tags .tags {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
.magazines-hero__content-posts .posts-tags .tags .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
backdrop-filter: blur(1px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.magazines-hero__content-posts .posts-tags .tags .tag:hover {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.magazines-hero__content-posts .posts-tags .tags .tag:hover .tag-text {
color: var(--White, #fff);
}
.magazines-hero__content-posts .posts-tags .tags .active {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.magazines-hero__content-posts .posts-tags .tags .active .tag-text {
color: var(--White, #fff);
}
.magazines-hero__content-posts .posts {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.magazines-hero__content-posts .posts .post {
width: 100%;
max-width: 36.8rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 0.6rem;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.magazines-hero__content-posts .posts .post:hover .post-image img {
opacity: 1;
}
.magazines-hero__content-posts .posts .post:hover .tags .tag {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.magazines-hero__content-posts .posts .post:hover .tags .tag .tag-text {
color: var(--White, #fff);
}
.magazines-hero__content-posts .posts .post:hover .btn_secondary {
border: 1.25px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.magazines-hero__content-posts .posts .post-image {
position: relative;
width: 100%;
max-width: 36.8rem;
height: 20rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: var(--Ajka-palette-Gradients-Grey-gradient-01, linear-gradient(149deg, #fff 9.41%, #f2f4f8 73.41%));
}
.magazines-hero__content-posts .posts .post-image img {
width: 100%;
max-width: 36.8rem;
height: 20rem;
opacity: 0.8;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.6rem 0.6rem 0rem 0rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.magazines-hero__content-posts .posts .post-image .attachment-magazines_default_image {
-o-object-fit: scale-down;
object-fit: scale-down;
}
.magazines-hero__content-posts .posts .post-image .tags {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
top: 0;
right: 0;
}
.magazines-hero__content-posts .posts .post-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--White, #fff);
}
.magazines-hero__content-posts .posts .post-content__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.magazines-hero__content-posts .posts .post-content__text .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.magazines-hero__content-posts .posts .post-content__text .header .subheader {
min-height: 2rem;
}
.magazines-hero__content-posts .posts .post-content__text .description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
min-height: 6rem;
}
.magazines-hero__content-posts .posts .post-content__text .description h6 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.magazines-hero__content-posts .posts .post-content__text .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.magazines-hero__content-posts .posts .post-content__text .info-author, .magazines-hero__content-posts .posts .post-content__text .info-minute {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.magazines-hero__content-posts .posts .post-content__text .info-author svg g path, .magazines-hero__content-posts .posts .post-content__text .info-minute svg g path {
stroke: var(--Ajka-palette-blue-03-blue, #0075ff);
}
.magazines-hero__content-posts .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
}
.magazines-hero__content-posts .pagination .navigation {
margin-bottom: 4rem;
}
.magazines-hero__content-posts .pagination h2 {
display: none;
}
.magazines-hero__content-posts .pagination .nav-links {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 1.6rem;
}
.magazines-hero__content-posts .pagination .nav-links .current {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
font-family: "Inter-Medium", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 1.375;
}
.magazines-hero__content-posts .pagination .nav-links a {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
font-family: "Inter-Light", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
line-height: 1.375;
}
.magazines-hero__content-posts .pagination .nav-links .custom-prev-icon {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 3rem;
height: 3rem;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.magazines-hero__content-posts .pagination .nav-links .custom-prev-icon::after {
position: absolute;
content: "";
background: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/images/arrow-right.svg);
width: 100%;
max-width: 3rem;
height: 3rem;
bottom: -2.1rem;
right: -3.4rem;
}
.magazines-hero__content-posts .pagination .nav-links .custom-next-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 3rem;
height: 3rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.magazines-hero__content-posts .pagination .nav-links .custom-next-icon::before {
position: absolute;
content: "";
background: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/images/arrow-right.svg);
width: 100%;
max-width: 3rem;
height: 3rem;
bottom: -0.3rem;
right: -3.4rem;
}
@media (width <= 705px) {
.magazines-hero__content-posts .posts .post {
max-width: 100%;
}
.magazines-hero__content-posts .posts .post-image {
max-width: 100%;
}
.magazines-hero__content-posts .posts .post-image img {
max-width: 100%;
}
}
@media (width <= 670px) {
.magazines-hero__content-posts .posts .post-image {
max-width: 100%;
}
.magazines-hero__content-posts .posts .post-image img {
max-width: 100%;
}
.magazines-hero__content-posts .posts .post {
max-width: 100%;
}
} .search__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}
.search__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.search__content-text .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.search__content-text .search-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.search__content-text .search-input .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.search__content-text .search-input .search-result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 36.8rem;
height: 5.6rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.search__content-text .search-input .search-result form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search__content-text .search-input .search-result form input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 2.4rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
border-radius: 0.6rem 0 0 0.6rem;
background: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.search__content-text .search-input .search-result form button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.6rem 2.4rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
font-size: 0;
border-radius: 0 0.6rem 0.6rem 0;
background: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
}
.result__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}
.result__content .boxes {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
}
.result__content .boxes .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 78.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
}
.result__content .boxes .box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2.4rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
backdrop-filter: blur(25px);
}
.result__content .boxes .box-content__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 48.9rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
.result__content .boxes .box-content__text .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.result__content .boxes .box-content__text .title h5 {
line-height: normal;
}
.result__content .boxes .box-content__text .date {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}           a.btn,
.editor-styles-wrapper .gt-block a.btn {
min-width: 180px;
padding: 11px 14px;
margin: 0 8px 12px 0;
display: inline-block;
vertical-align: top;
border-radius: 9px;
background: red;
color: white;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a.btn:hover,
.editor-styles-wrapper .gt-block a.btn:hover {
background: white;
color: red;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.16);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.16);
}           .icheckbox {  -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 1.8rem;
height: 1.8rem;
margin: 0 1.3rem 0 0;
display: inline-block;
vertical-align: top;
background: white;
border: 1px solid black;
border-radius: 0.4rem;
cursor: pointer; }
.icheckbox:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: " ";
background-image: url(//www.ajka-solution.cz/wp-content/themes/ajka-theme/assets/images/checkmark.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 80%;
opacity: 0;
}
.icheckbox.hover, .icheckbox:hover {
background: white;
border-color: green;
}
.icheckbox.checked {
background: green;
border-color: green;
}
.icheckbox.checked:after {
opacity: 1;
}          .slick-arrow {
width: 6.4rem;
height: 6.4rem;
position: absolute;
top: 50%;
display: block;
border-radius: 50%;
background-color: grey;
background-position: center center;
background-repeat: no-repeat;
background-size: 2.6rem auto;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-0.162)'%3E%3Crect id='Rectangle_28' data-name='Rectangle 28' width='26' height='26' transform='translate(0.162)' fill='%23fff' opacity='0'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(10 5)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M2646.564,4075.4h0a3.2,3.2,0,0,1,0-4.528l3.342-3.342-3.342-3.342a3.2,3.2,0,0,1,0-4.527h0l7.87,7.869Z' transform='translate(-2645.626 -4059.663)' fill='%23121524'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slick-arrow:hover {
background-color: grey;
}
.slick-arrow.prev {
left: 0;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.slick-arrow.next {
right: 0;
}
.slick-arrow.slick-hidden, .slick-arrow.slick-disabled {
display: none;
}
.slick-dots {
width: 100%;
list-style: none;
text-align: center;
}
.slick-dots li {
padding: 0 1.4rem;
display: inline-block;
vertical-align: top;
}
.slick-dots li button {
width: 1.2rem;
height: 1.2rem;
display: block;
overflow: hidden;
white-space: nowrap;
text-indent: 50px;
border-radius: 50%;
background: #C4C6CF;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.slick-dots li button:hover {
background: black;
}
.slick-dots li.slick-active button {
background: black;
}          .gt-block form,
.editor-styles-wrapper .gt-block form {
position: relative;
}
.gt-block form input[type=text],
.gt-block form textarea,
.editor-styles-wrapper .gt-block form input[type=text],
.editor-styles-wrapper .gt-block form textarea {
width: 100%;
height: 60px;
padding: 0 24px;
border: 1px solid #D3D0D0;
color: black;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gt-block form input[type=text]:hover, .gt-block form input[type=text]:focus,
.gt-block form textarea:hover,
.gt-block form textarea:focus,
.editor-styles-wrapper .gt-block form input[type=text]:hover,
.editor-styles-wrapper .gt-block form input[type=text]:focus,
.editor-styles-wrapper .gt-block form textarea:hover,
.editor-styles-wrapper .gt-block form textarea:focus {
border-color: black;
}
.gt-block form input[type=text]::-webkit-input-placeholder,
.gt-block form textarea::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form input[type=text]::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form textarea::-webkit-input-placeholder { color: rgba(var(--primary-rgb), 0.6);
opacity: 1;
}
.gt-block form input[type=text]::-moz-placeholder,
.gt-block form textarea::-moz-placeholder,
.editor-styles-wrapper .gt-block form input[type=text]::-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea::-moz-placeholder { color: rgba(var(--primary-rgb), 0.6);
opacity: 1;
}
.gt-block form input[type=text]:-ms-input-placeholder,
.gt-block form textarea:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form input[type=text]:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form textarea:-ms-input-placeholder { color: rgba(var(--primary-rgb), 0.6);
opacity: 1;
}
.gt-block form input[type=text]:-moz-placeholder,
.gt-block form textarea:-moz-placeholder,
.editor-styles-wrapper .gt-block form input[type=text]:-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea:-moz-placeholder { color: rgba(var(--primary-rgb), 0.6);
opacity: 1;
}
.gt-block form textarea,
.editor-styles-wrapper .gt-block form textarea {
height: 180px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 30px;
}          .box-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 36.8rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
@media (width <= 705px) {
.box-button {
max-width: 100%;
}
}
.box-button:hover .border {
background: var(--Ajka-palette-Blue-03-blue, #0075ff);
}
.box-button:hover .btn_primary {
background: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.box-button .border {
height: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: var(--Ajka-palette-Grey-01-grey, #f2f4f8);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.box-button__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--White, #fff);
}
.box-button__content img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.box-button__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-button__content-text h5 {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.box-usp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 36.8rem;
padding: 2.4rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 2.4rem;
border-radius: 0.6rem;
background: var(--White, #fff);
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
@media (width <= 705px) {
.box-usp {
max-width: 100%;
}
}
.box-usp img {
width: 100%;
max-width: 6rem;
height: 6rem;
}
.box-usp__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-usp__content-subheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-usp__content-subheader h6 {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.box-position {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 27.2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.box-position .border {
height: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.box-position__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--Ajka-palette-Gradients-Blue-gradient-01, linear-gradient(79deg, #022e69 12.92%, #0075ff 95.76%));
}
.box-position__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-position__content-text-subheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-magazines {
width: 100%;
max-width: 36.8rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 0.6rem;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.box-magazines:hover .box-magazines__image img {
opacity: 1;
}
.box-magazines__image {
position: relative;
width: 100%;
max-width: 36.8rem;
height: 22rem;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 244, 248, 0.24)), to(rgba(242, 244, 248, 0.24))), lightgray 50%/cover no-repeat;
background: linear-gradient(0deg, rgba(242, 244, 248, 0.24) 0%, rgba(242, 244, 248, 0.24) 100%), lightgray 50%/cover no-repeat;
}
.box-magazines__image img {
width: 100%;
max-width: 36.8rem;
height: 22rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.6rem 0.6rem 0rem 0rem;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 244, 248, 0.24)), to(rgba(242, 244, 248, 0.24))), lightgray 50%/cover no-repeat;
background: linear-gradient(0deg, rgba(242, 244, 248, 0.24) 0%, rgba(242, 244, 248, 0.24) 100%), lightgray 50%/cover no-repeat;
opacity: 0.8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.box-magazines__image-tag {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
margin: 1.6rem;
z-index: 5;
right: 0;
top: 0;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
backdrop-filter: blur(1px);
}
.box-magazines__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--White, #fff);
}
.box-magazines__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-magazines__content-text-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
min-height: 10.7rem;
}
.box-magazines__content-text-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.box-magazines__content-text-group .name,
.box-magazines__content-text-group .time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.info-popup {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 48rem;
padding: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
right: 5rem;
bottom: 4.5rem;
z-index: 1;
opacity: 0;
-webkit-transition: ease-in 0.3s;
transition: ease-in 0.3s;
visibility: hidden;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.6);
backdrop-filter: blur(25px);
}
@media (width <= 470px) {
.info-popup {
max-width: 40rem;
}
}
@media (width <= 335px) {
.info-popup {
max-width: 28rem;
}
}
.info-popup__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.info-popup__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.info-popup__content-text .subheader {
color: var(--Ajka-palette-Blue-03-blue, #0075ff);
}             section.gt-block,
.editor-styles-wrapper section.gt-block {
position: relative;
}
section.gt-block .center,
.editor-styles-wrapper section.gt-block .center {
width: 1140px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1200px) {
section.gt-block .center,
.editor-styles-wrapper section.gt-block .center {
width: auto;
margin: 0 30px;
}
}