@charset "UTF-8";
           #wpadminbar {
width: 52px !important;
min-width: initial !important;
border-radius: 0 0 50%;
background-color: darkcyan;
}
@media (min-width: 783px) {
#wpadminbar {
width: 32px !important;
height: 32px !important;
}
}
@media (max-width: 600px) {
#wpadminbar {
display: none !important;
}
}
#wp-toolbar li {
display: none;
}
#wp-toolbar #wp-admin-bar-wp-logo,
#wp-toolbar #wp-admin-bar-wp-logo li {
display: block;
} html {
margin-top: 0 !important;
}
body.admin-bar .site-header {
top: 0 !important;
}      .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;
}   @font-face {
font-display: swap; font-family: "Poppins-Regular";
font-style: normal;
font-weight: 400;
src: url(//academy.brain4industry.cz/wp-content/themes/b4i-academy/assets/fonts/poppins-v20-latin_latin-ext-regular.woff2) format("woff2"), url(//academy.brain4industry.cz/wp-content/themes/b4i-academy/assets/fonts/poppins-v20-latin_latin-ext-regular.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Poppins-Semibold";
font-style: normal;
font-weight: 600;
src: url(//academy.brain4industry.cz/wp-content/themes/b4i-academy/assets/fonts/poppins-v20-latin_latin-ext-600.woff2) format("woff2"), url(//academy.brain4industry.cz/wp-content/themes/b4i-academy/assets/fonts/poppins-v20-latin_latin-ext-600.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Poppins-Bold";
font-style: normal;
font-weight: 700;
src: url(//academy.brain4industry.cz/wp-content/themes/b4i-academy/assets/fonts/poppins-v20-latin_latin-ext-700.woff2) format("woff2"), url(//academy.brain4industry.cz/wp-content/themes/b4i-academy/assets/fonts/poppins-v20-latin_latin-ext-700.ttf) format("truetype"); } h1, h2, h3, h4, h5, h6 {
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; }
h1, .h1 { font-size: calc(var(--fs-rate) * 6.1rem);
line-height: 1.1147540984;
margin-bottom: 1.6rem;
}
h2, .h2 { font-size: calc(var(--fs-rate) * 4.8rem);
line-height: 1.25;
margin-bottom: 1.6rem;
}
h3, .h3 { font-size: calc(var(--fs-rate) * 3.9rem);
line-height: 1.2051282051;
margin-bottom: 1.6rem;
}
h4, .h4 { font-size: calc(var(--fs-rate) * 3.1rem);
line-height: 1.1935483871;
margin-bottom: 1.6rem;
}
h5, .h5 { font-size: calc(var(--fs-small-rate) * 2.5rem);
line-height: 1.2;
margin-bottom: 1.6rem;
}
h6, .h6 { font-size: calc(var(--fs-small-rate) * 2.5rem);
line-height: 1.2;
margin-bottom: 1.6rem;
} .dt-1 { font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.75;
}
.dt-2 { font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.75;
}
.dt-3 { font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.75;
}
.dt-4 { font-size: calc(var(--fs-small-rate) * 1.6rem); line-height: 1.75;
} .subheader { font-size: calc(var(--fs-small-rate) * 1.4rem);
line-height: 1.7142857143;
}
strong, .strong {
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; }
.bbt { font-size: calc(var(--fs-small-rate) * 1.8rem);
line-height: 1.5555555556;
}
.sbt { font-size: 12px;
line-height: 1.2;
}
.button { font-size: 14px;
line-height: 1.7142857143;
}              html,
body {
background: var(--bg-gray);
color: var(--black);
font-family: "Poppins-regular", "Open Sans", Arial, sans-serif;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 1400px) {
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.4rem;
line-height: 1.7142857143;
}
* {
margin: 0;
padding: 0;
border: none;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;  box-sizing: border-box; }
*:focus {
outline: none;
-webkit-tap-highlight-color: transparent;
}
:root { --primary: #000;
--primary-rgb: 0, 0, 0;
--black: #000;
--black-rgb: 0, 0, 0;
--cool-gray: #4D5358;
--cool-gray-rgb: 77, 83, 88;
--gray: #C1C7CD;
--gray-rgb: 193, 199, 205;
--bg-gray: #f2f4f8;
--bg-gray-rgb: 242, 244, 248;
--white: #fff;
--white-rgb: 255, 255, 255;
--blue: #00ADEF;
--blue-rgb: 0, 173, 239;
--purple: #AB208E;
--purple-rgb: 171, 32, 142;
--warning: #AB204A;
--warning-rgb: 171, 32, 74;
--success: #20AB66;
--success-rgb: 32, 171, 102;
--dark: #343a3f;
--dark-rgb: 52, 58, 63;
--content-padding: 4.8rem;
--section-padding-big: 8rem;
--section-padding-general: 6.4rem;
--section-padding-small: 3.2rem;
--site-header-height: 5.6rem;
--fs-rate: 1;
--fs-small-rate: 1;
--swiper-theme-color: var(--black);
}
@media screen and (max-width: 640px) {
:root {
--content-padding: 3rem;
--section-padding-big: 4rem;
--section-padding-general: 3.2rem;
--section-padding-small: 2rem;
}
}
@media screen and (max-width: 1024px) {
:root {
--fs-rate: 0.85;
--fs-small-rate: 0.85;
}
}
@media screen and (max-width: 640px) {
:root {
--fs-rate: 0.75;
--fs-small-rate: 0.8;
}
}
@media screen and (max-width: 450px) {
:root {
--fs-rate: 0.65;
--fs-small-rate: 0.75;
}
}
input,
textarea,
select {
color: var(--black);
font-size: 14px;
font-family: "Poppins-regular", "Open Sans", Arial, sans-serif;
}
textarea {
resize: vertical;
}
a {
color: black;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: var(--purple);
}
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 var(--content-padding);
width: 100%;
max-width: calc(114rem + 2 * var(--content-padding));
}
.container--wide {
max-width: calc(130rem + 2 * var(--content-padding));
}
.container--narrow {
max-width: calc(108rem + 2 * var(--content-padding));
}
.container--article {
max-width: calc(84.4rem + 2 * var(--content-padding));
}
.container--thin {
max-width: calc(85rem + 2 * var(--content-padding));
}
.container--skinny {
max-width: calc(75.2rem + 2 * var(--content-padding));
}
.container.np {
padding-left: 0;
padding-right: 0;
}
img,
svg {
max-width: 100%;
height: auto;
}  .hamburger {
position: absolute;
top: 50%;
right: calc((4rem - calc(4rem * 0.5)) / 2 + 0);
-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: red;
}
.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(--primary);
-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(--primary);
}
.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;
}
.navbar-burger-wrap {
width: 6rem;
height: 100%;
position: relative;
margin-left: auto;
padding: 0;
display: none;
}
.navbar-burger {
position: relative;
width: 6rem;
height: var(--site-header-height);
}
.navbar-burger span {
width: 90%;
height: 5px;
border-radius: 1.4rem;
position: absolute;
right: 0;
background: var(--dark);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.navbar-burger span:nth-child(1) {
top: 30%;
}
.navbar-burger span:nth-child(2) {
top: 50%;
background: var(--blue);
width: 40%;
}
.navbar-burger span:nth-child(3) {
top: 70%;
width: 80%;
}
.navbar-burger.is-active {
cursor: pointer;
}
.navbar-burger.is-active span:nth-child(1) {
top: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navbar-burger.is-active span:nth-child(2) {
top: 50%;
background: var(--blue);
width: 40%;
opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
top: 50%;
width: 90%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}  body,
:root :where(body) {
padding-top: var(--site-header-height);
}
.site-header {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 var(--content-padding);
border-bottom: 1px solid var(--gray);
background: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
height: var(--site-header-height);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
.site-header {
padding: 0 6.4rem;
}
}
@media screen and (max-width: 400px) {
.site-header {
padding: 0 1.5rem;
}
}
.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;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: initial;
padding: 0;
}
.site-header .site-header__left-col {
font-size: 0;
}
.site-header .site-header__right-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 2rem;
}
.site-header .navbar-lang-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid black;
}
@media screen and (max-width: 780px) {
.site-header .navbar-lang-wrap {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--cs:hover:before {
left: 50%;
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--cs:hover .lang-item.cs {
color: black;
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--cs:hover .lang-item.en {
color: white;
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--cs .lang-item.cs {
color: white;
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--en:hover:before {
left: 0;
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--en:hover .lang-item.en {
color: black;
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--en:hover .lang-item.cs {
color: white;
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--en:before {
left: 50%;
}
.site-header .navbar-lang-wrap.navbar-lang-wrap--en .lang-item.en {
color: white;
}
.site-header .navbar-lang-wrap:before {
position: absolute;
content: "";
width: 50%;
height: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
background: black;
left: 0;
top: 0;
}
.site-header .navbar-lang-wrap .lang-item { font-size: 12px;
line-height: 1.2;
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; position: relative;
z-index: 2;
padding: 0.9rem 1.5rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-header .navbar-lang-wrap .lang-item:hover {
color: white;
}
.site-header .logo {
display: inline-block;
font-size: 0;
}
.site-header .logo svg {
width: 5.6rem;
}
.site-header .logo:hover {
color: var(--black);
}
.site-header .hamburger {
display: none;
}
.site-header nav {
display: inline-block;
vertical-align: middle;
}
.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 { font-size: 12px;
line-height: 1.2;
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; color: var(--black);
text-transform: uppercase;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.site-header ul li a:hover {
color: var(--purple);
}
.site-header ul li.current-menu-item a {
color: var(--purple);
}
.site-header ul li.highlighted a {
color: var(--purple);
text-transform: lowercase;
}
.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;
}
.site-header__search form {
font-size: 0;
}
.site-header__search input {
position: absolute;
z-index: 1;
right: 1px;
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: black;
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;
} .navbar-subpage-menu-wrap {
z-index: 5;
position: fixed;
top: var(--site-header-height);
left: 0;
width: 100%;
height: var(--site-header-height);
border-bottom: 1px solid rgba(var(--gray-rgb), 0.5);
}
body.page-template-areas .site-header.scrolled + main > .navbar-subpage-menu-wrap {
-webkit-box-shadow: 0px 25px 37px rgba(0, 0, 0, 0.05);
box-shadow: 0px 25px 37px rgba(0, 0, 0, 0.05);
}
.navbar-subpage-menu-wrap .navbar-subpage-menu {
width: 100%;
height: 100%;
background: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 780px) {
.navbar-subpage-menu-wrap .navbar-subpage-menu {
overflow-y: auto;
}
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 100%;
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;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0.4rem;
margin: 0 auto;
padding: 0 var(--content-padding);
}
@media screen and (max-width: 780px) {
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu {
margin: unset;
margin-right: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-left: 5%;
}
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu li {
list-style-type: none;
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu li a { font-size: 1.4rem;
line-height: 1.7142857143;
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
padding: 1.2rem;
color: #697077;
text-decoration: none;
white-space: nowrap;
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu li a:hover {
color: var(--black);
}
@media screen and (max-width: 780px) {
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu {
width: 100%;
margin: 0 auto;
}
.navbar-subpage-menu-wrap .navbar-subpage-menu .navbar-subpage-main-menu li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
} @media screen and (max-width: 780px) {
.site-header__right-col {
height: var(--site-header-height);
}
.site-header .hamburger,
.site-header .navbar-burger-wrap {
display: block;
margin-left: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.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);
-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 {
display: block;
padding: 1.75rem 0;
}
.site-header.withMenu .menu-primary {
max-height: 100vh;
overflow: auto;
-webkit-box-shadow: 0px 25px 37px rgba(0, 0, 0, 0.05);
box-shadow: 0px 25px 37px rgba(0, 0, 0, 0.05);
}
}  .site-footer {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
position: relative;
margin-top: 12rem;
padding: 6.4rem 0;
background: var(--white);
}
@media screen and (max-width: 640px) {
.site-footer {
margin-top: 10rem;
}
}
@media screen and (max-width: 500px) {
.site-footer {
margin-top: 6rem;
}
}
.site-footer__cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.site-footer .col {
width: 25%;
height: auto;
position: relative;
padding-left: 4px;
padding-right: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
@media (max-width: 768px) {
.site-footer .col {
width: 50% !important;
}
}
@media (max-width: 450px) {
.site-footer .col {
width: 100% !important;
}
}
.site-footer__heading {
font-size: 2.4rem;
font-weight: 600;
line-height: 3.2rem;
text-transform: uppercase;
padding: 2.4rem 0 1.4rem;
}
@media screen and (max-width: 450px) {
.site-footer__heading {
padding-bottom: 0.8rem;
}
.col-1 .site-footer__heading {
padding-top: 0;
}
}
.site-footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: rgb(171, 32, 142);
background: -webkit-gradient(linear, left top, right top, from(rgb(171, 32, 142)), color-stop(50%, rgb(130, 195, 65)), to(rgb(0, 173, 239)));
background: linear-gradient(90deg, rgb(171, 32, 142) 0%, rgb(130, 195, 65) 50%, rgb(0, 173, 239) 100%);
}
body.error404 .site-footer {
margin-top: 0;
}
.footer-social-links {
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;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 0.8rem;
margin-top: 0.4rem;
}
.footer-social-links .social-icon-link {
display: inline-block;
height: 2.4rem;
width: auto;
}
.footer-social-links .social-icon-link img {
max-width: 100%;
max-height: 100%;
}
.eu-support-logo {
margin-top: 2.4rem;
display: block;
margin-left: auto;
margin-right: auto;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
}
.footer-menu {
width: 100%;
}
.footer-menu .footer-item {
list-style-type: none;
width: 100%;
padding: 0px 0;
}
.footer-menu .footer-item.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px 0;
}
.footer-menu .footer-item.social .icon-box {
width: 2.4rem;
height: 100%;
position: relative;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-menu .footer-item.social .icon-box i {
font-size: 2.4rem;
color: var(--blue);
}
.footer-menu .footer-item.social .icon-box img {
-o-object-fit: contain;
object-fit: contain;
max-width: 24px;
max-height: 24px;
}
.footer-menu .footer-item.social .data-box {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: calc(100% - 2.4rem);
padding: 4px 12px;
}
.footer-menu .footer-item.social .data-box.clear-padd-y {
padding: 0 12px;
}
.footer-menu .footer-item.social .data-box.clear-padd-btm {
padding-bottom: 0px;
}
.footer-menu .footer-item.social .data-box a {
color: var(--dark);
font-weight: 600;
text-decoration: none;
}
.footer-menu .footer-item.social .data-box a:hover {
color: var(--purple) !important;
}
.footer-menu .footer-item.social .data-box p {
font-size: 1.4rem;
}
.footer-menu .footer-item.social .data-box p span {
font-weight: 600;
font-size: 1.4rem;
}
.footer-menu .footer-item a,
.footer-menu .footer-item a:hover {
color: var(--dark);
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-menu .footer-item a:hover {
color: var(--dark);
display: block;
text-decoration: none;
}
.footer-menu .footer-item .footer-web-map-link {
font-size: 1.6rem;
font-weight: 500;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-menu .footer-item .footer-web-map-link:hover {
color: var(--purple);
}
.footer-menu .footer-item .footer-post-link {
font-size: 1.4rem;
line-height: 2.4rem;
font-weight: 400;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 70%;
}
.footer-menu .footer-item .footer-item:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
color: var(--purple);
}
.open-config {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 2.4rem;
}
.open-config a {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.open-config a:hover {
color: var(--purple);
}
.footer-unifer {
width: 100%;
padding: 1.6rem 0;
}
.footer-unifer a,
.footer-unifer a:hover {
color: var(--dark);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-unifer a:hover,
.footer-unifer a:hover:hover {
text-decoration: none;
}
.footer-unifer .made-by-unifer {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--dark);
margin-left: auto;
text-decoration: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-unifer .made-by-unifer span {
font-size: 1.3rem;
}
.footer-unifer .made-by-unifer img {
-o-object-fit: contain;
object-fit: contain;
margin-left: 8px;
font-size: 1.4rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: block;
}
.footer-middle-box {
padding-left: 3rem;
}
@media (max-width: 992px) {
.footer-middle-box {
padding-left: 0px;
}
}  .whitebox {
padding: 2.4rem;
background-color: var(--white);
-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.04);
}
.purplebox {
padding: 3.2rem 4.8rem;
background-color: var(--purple);
color: var(--white);
}
@media screen and (max-width: 500px) {
.purplebox {
padding: 3.2rem;
}
}  .page404 {
height: max(35rem, 100vh - var(--site-header-height) - 3px);
}
.page404 .container {
height: inherit;
}
.page404__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: inherit;
}
.page404__title strong {
color: var(--purple);
}
.page404 p {
margin-bottom: 2.4rem;
}  .team-preview-box {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.team-preview-box__fig {
position: relative;
overflow: hidden;
width: 100%;
aspect-ratio: 0.5587467363;
padding-bottom: 3rem;
}
.team-preview-box__fig img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.team-preview-box .info-specialist-detail {
padding: 10px 2rem;
background: var(--dark);
color: var(--white);
position: absolute;
top: 8px;
left: 8px;
}
.team-preview-box .team-info-detail {
width: 100%;
background: rgba(0, 0, 0, 0.75);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: var(--white);
padding: 1.6rem;
position: absolute;
bottom: 0;
left: 0;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.team-preview-box .team-info-detail__title { font-size: calc(var(--fs-small-rate) * 2rem); line-height: 1.2;
margin-bottom: 0;
color: var(--white);
}
.team-preview-box .team-info-detail p {
color: var(--white);
}
.team-preview-box .team-info-detail a {
color: var(--white);
text-decoration: none;
}
.team-preview-box .team-info-detail a:hover {
color: var(--purple);
}
.team-preview-box .team-info-detail__detail {
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; display: block;
margin-top: 1.2rem;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 14px;
position: relative;
}  .page-hero {
background-color: var(--white);
overflow: hidden;
min-height: 29rem; }
.page-hero .container,
.page-hero .cols {
min-height: inherit;
}
.page-hero .cols {
--hero-left-col-w: 50%;
--hero-right-col-w: calc(100% - var(--hero-left-col-w));
--hero-left-col-pdr: 23%;
position: relative;
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;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page-hero .cols .col {
width: 50%;
}
.page-hero .cols .col.left {
padding: 3.2rem 0;
width: var(--hero-left-col-w);
}
.page-hero .cols .col.right {
width: var(--hero-right-col-w);
}
@media screen and (max-width: 640px) {
.page-hero .cols .col {
width: 100%;
}
.page-hero .cols .col.left {
width: 100%;
}
.page-hero .cols .col.right {
width: 100%;
display: none;
}
}
.page-hero__inner {
padding-right: var(--hero-left-col-pdr);
}
@media screen and (max-width: 640px) {
.page-hero__inner {
padding-right: 0;
}
}
.page-hero__title { font-size: calc(var(--fs-rate) * 3.9rem);
line-height: 1.2051282051;
margin-bottom: 1.6rem;
}
.page-hero__subtitle { font-size: calc(var(--fs-small-rate) * 2rem); line-height: 1.2;
color: #697077;
}
.page-hero__content {
margin-top: 2.4rem;
margin-bottom: 1.6rem;
}
.page-hero__content p {
margin-bottom: 1.6rem;
}
.page-hero__content p:last-child {
margin-bottom: 0;
}
.page-hero__content a {
text-decoration: underline;
}
.page-hero__content a:hover {
color: var(--purple);
}
.page-hero__slider-wrap {
position: relative;
}
.page-hero__slider.swiper-initialized + .page-hero__slider-nav .swiper-button-prev,
.page-hero__slider.swiper-initialized + .page-hero__slider-nav .swiper-button-next {
width: 2.6rem;
height: 2.6rem;
}
.page-hero__slider.swiper-initialized + .page-hero__slider-nav .swiper-button-prev::after,
.page-hero__slider.swiper-initialized + .page-hero__slider-nav .swiper-button-next::after {
font-family: swiper-icons;
width: 85%;
height: 100%;
font-size: 2.4rem;
}
.page-hero__slider.swiper-initialized + .page-hero__slider-nav .swiper-button-prev {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.page-hero__slider.swiper-initialized + .page-hero__slider-nav .swiper-button-next {
width: initial;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.page-hero__slider:not(.swiper-initialized) + .page-hero__slider-nav {
display: none;
}
.page-hero__usps {
padding-right: 6%;
margin-top: 3.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.6rem;
container-type: inline-size;
}
@media screen and (max-width: 640px) {
.page-hero__usps {
padding-right: 0;
}
}
.page-hero__fig {
--hero-container-w: 114rem;
--hero-max-container-w: 1920px;
position: relative;
overflow: hidden;
width: 100%;
position: absolute;
top: 0;
left: var(--hero-left-col-w);
height: 100%;
width: calc(var(--hero-right-col-w) + (var(--hero-max-container-w) - var(--scrollbarWidth) - var(--hero-container-w)) / 2);
}
.page-hero__fig img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1920px) {
.page-hero__fig {
--hero-max-container-w: 100vw;
}
}
@media screen and (max-width: 1100px) {
.page-hero__fig {
width: calc(var(--hero-left-col-w) + var(--content-padding));
}
}
.page-hero--usps .cols {
--hero-left-col-w: 55%;
}
@media screen and (max-width: 640px) {
.page-hero--usps .cols .col.left, .page-hero--usps .cols .col.right {
width: 100%;
}
} .usp-icon {
width: calc(33.3333333333% - 1.0666666667rem);
padding-right: 0.8rem;
}
@container (max-width: 40rem) {
.usp-icon {
width: calc(50% - 0.8rem);
}
}
@container (max-width: 30rem) {
.usp-icon {
width: 100%;
}
}
.usp-icon__icon {
margin-bottom: 0.8rem;
color: var(--purple);
}
.usp-icon__desc { font-size: 12px;
line-height: 1.2;
line-height: normal;
}  .faq__title {
margin-bottom: 4rem;
}
.faq__accordions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.6rem;
}
.faq footer .btn {
margin: 3.2rem auto 0;
}  .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 0.8rem;
}
.tag {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 0.4rem;
padding: 0.4rem 1.2rem;
background-color: var(--white);
color: var(--black);
border-radius: 10rem;
line-height: 1;
height: 2.6rem;
}
.tag--purple {
background-color: var(--purple);
color: var(--white);
}
.tag__icon {
width: 1.6rem;
height: 1.6rem;
}
.tag__icon svg {
max-width: 100%;
max-height: 100%;
}  .grid-modules {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.6rem;
}
.grid-modules .card-module {
width: calc(33.3333333333% - 1.0666666667rem);
}
@media screen and (max-width: 640px) {
.grid-modules .card-module {
width: calc(50% - 0.8rem);
}
}
@media screen and (max-width: 500px) {
.grid-modules .card-module {
width: min(100%, 30rem);
}
}
.card-module__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-module__title { font-size: calc(var(--fs-small-rate) * 2rem); line-height: 1.2;
margin-bottom: 0.8rem;
}
.card-module__excerpt {
padding-bottom: 2.4rem;
}
.card-module__excerpt p:last-child {
margin-bottom: 0;
}
.card-module__cta {
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; margin-top: auto;
color: var(--purple);
text-transform: uppercase;
}
.card-module:hover {
color: var(--black);
}
.card-module:hover .card-module__cta {
color: var(--black);
}  .grid-courses {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.6rem;
}
.grid-courses .card-course {
width: calc(33.3333333333% - 1.0666666667rem);
}
@media screen and (max-width: 800px) {
.grid-courses .card-course {
width: 100%;
max-width: 40rem;
margin: 0 auto;
}
}
.card-course {
position: relative;
}
.card-course .whitebox {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.card-course__inner {
padding: 0;
}
.card-course__inner > .tags {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 1rem;
}
.card-course__fig {
position: relative;
overflow: hidden;
width: 100%;
aspect-ratio: 2.3;
}
.card-course__fig img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card-course__content {
padding: 2.4rem;
}
.card-course__content .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 0.4rem;
margin-bottom: 0.8rem;
}
.card-course__content .tags .tag {
padding: 0.2rem 0.6rem;
border-radius: 0.4rem;
border: 1px solid #dde1e6;
background: var(--white);
}
.card-course__content .tags .tag__icon {
display: none;
}
.card-course .course-date {
display: inline-block;
margin-bottom: 0.8rem;
}
.card-course__dates {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 0.8rem;
margin-bottom: 0.8rem;
}
.card-course__dates .course-date {
margin: 0;
}
.card-course__dates .course-date:not(:first-child) {
position: relative;
padding-left: 0.8rem;
}
.card-course__dates .course-date:not(:first-child)::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 5px;
width: 1px;
background: #a2a9b0;
}
.card-course__dates .course-date--full {
opacity: 0.5;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.card-course__title { font-size: calc(var(--fs-small-rate) * 2rem); line-height: 1.2;
margin-bottom: 0.4rem;
}
.card-course:hover {
color: var(--black);
}
.card-course:hover .whitebox {
-webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.15);
}
.card-course--banner .purplebox {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
padding: 4.8rem 3.2rem 3.2rem;
color: var(--white);
}
.card-course--banner .purplebox .btn {
margin: 0;
margin-top: 1.2rem;
}
.course-banner__title { font-size: calc(var(--fs-small-rate) * 2.5rem);
line-height: 1.2;
margin-bottom: 0.4rem;
}
.course-banner:hover .btn {
background-color: var(--white);
color: var(--black);
}  .references {
padding: var(--section-padding-general) 0;
}
.references .whitebox {
padding: 4.8rem;
}
@media screen and (max-width: 500px) {
.references .whitebox {
padding: 4.8rem var(--content-padding);
}
}
.references__title {
margin-bottom: 2.4rem;
}
.references__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1.6rem;
margin-top: 2.4rem;
}
.references__nav [class*=swiper-button-] {
top: initial;
right: initial;
bottom: initial;
left: initial;
width: 2.4rem;
height: 2.4rem;
color: var(--black);
} .reference-slide__content {
max-width: 95rem;
margin: 0 auto 1.6rem;
}
.reference-slide p {
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600;  font-size: calc(var(--fs-small-rate) * 2rem); line-height: 1.2;
line-height: normal;
} .author {
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.author__thumb {
position: relative;
overflow: hidden;
width: 100%;
aspect-ratio: 1;
width: calc(5rem + 2px);
height: calc(5rem + 2px);
margin-bottom: 0.8rem;
border-radius: 50%;
border: 1px solid var(--Cool-grey-Cool-grey-80, #c1c7cd);
}
.author__thumb img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.author__name { font-size: 12px;
line-height: 1.2;
}
.author .separator {
display: inline-block;
margin: 0 0.8rem;
color: #878d96;
}   .accordion {
text-align: left;
padding: 0;
}
.accordion__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.2rem;
margin-bottom: 0;
padding: 2.4rem;
cursor: pointer;
}
@media screen and (max-width: 400px) {
.accordion__title {
padding: 1.6rem;
}
}
.accordion__title.active .accordion__arrow svg {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.accordion__title-text {
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600;  font-size: 1.4rem;
line-height: 1.7142857143;
}
.accordion__arrow {
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: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.4rem;
height: 2.4rem;
aspect-ratio: 1/1;
color: var(--purple);
}
.accordion__arrow svg {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion__content {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
padding: 0 2.4rem;
}
@media screen and (max-width: 400px) {
.accordion__content {
padding: 0 1.6rem;
}
}
.accordion__content h1,
.accordion__content h2,
.accordion__content h3,
.accordion__content h4,
.accordion__content h5,
.accordion__content h6 { font-size: 1.4rem;
line-height: 1.7142857143;
margin-bottom: 0.8rem;
}
.accordion__content ul,
.accordion__content ol {
margin-left: 1.6rem;
margin-bottom: 1.6rem;
}
.accordion__content ul:last-child,
.accordion__content ol:last-child {
margin-bottom: 0;
}
.accordion__content p {
margin-bottom: 1.6rem;
}
.accordion__content p:last-child {
margin-bottom: 0;
}
.accordion__content > *:last-child {
margin-bottom: 0;
padding-bottom: 2.4rem;
}
.accordion__content-inner a {
text-decoration: underline;
}
.accordion__content-inner a:hover {
color: var(--purple);
}  .grid-team {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.6rem;
}
.grid-team .team-preview-box {
width: calc(20% - 1.28rem);
}
@media screen and (max-width: 1024px) {
.grid-team .team-preview-box {
width: calc(25% - 1.2rem);
}
}
@media screen and (max-width: 800px) {
.grid-team .team-preview-box {
width: calc(33.3333333333% - 1.0666666667rem);
}
}
@media screen and (max-width: 600px) {
.grid-team .team-preview-box {
width: calc(50% - 0.8rem);
}
}
@media screen and (max-width: 500px) {
.grid-team .team-preview-box {
width: min(100%, 30rem);
margin-left: auto;
margin-right: auto;
}
}  .download-items {
padding: var(--section-padding-general) 0;
}
.download-items__title {
margin-bottom: 4rem;
}
.grid-downloads {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.6rem;
}
.grid-downloads__item {
width: calc(33.3333333333% - 1.0666666667rem);
text-decoration: none !important;
}
@media screen and (max-width: 800px) {
.grid-downloads__item {
width: calc(50% - 0.8rem);
}
}
@media screen and (max-width: 640px) {
.grid-downloads__item {
width: min(100%, 40rem);
}
}
.download-file__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.6rem;
}
.download-file__row .download-file__title {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
line-height: normal;
}
.download-file__row svg {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2.4rem;
height: 2.4rem;
color: var(--purple);
}
.download-file__size { font-size: 12px;
line-height: 1.2;
color: #878d96;
}  .custom-solution {
--cs-gap: 8rem;
}
.custom-solution .cols {
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;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: var(--cs-gap);
}
@media screen and (max-width: 800px) {
.custom-solution .cols {
--cs-gap: 4rem;
}
}
.custom-solution .col {
width: calc(50% - 0.5 * var(--cs-gap));
}
.custom-solution .col.left {
width: calc(54% - 0.5 * var(--cs-gap));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.6rem;
}
.custom-solution .col.right {
width: calc(46% - 0.5 * var(--cs-gap));
}
@media screen and (max-width: 640px) {
.custom-solution .col.left, .custom-solution .col.right {
width: 100%;
}
}
.custom-solution__title { font-size: calc(var(--fs-rate) * 3.9rem);
line-height: 1.2051282051;
max-width: min(51.5rem, 100%);
margin-bottom: 0;
}
.custom-solution__content {
max-width: min(51.5rem, 100%);
}
.custom-solution__content p:last-child {
margin-bottom: 0;
}
.custom-solution__box {
max-width: min(46rem, 100%);
margin-left: auto;
padding: 2.4rem 4rem;
}
.custom-solution__box .btn {
margin-top: 2.4rem;
}
@media screen and (max-width: 640px) {
.custom-solution__box {
margin-left: 0;
}
}
.custom-solution__link { font-size: calc(var(--fs-small-rate) * 2rem); line-height: 1.2;
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; margin-bottom: 0.8rem;
}
.custom-solution--contact {
padding: var(--section-padding-big) 0;
}
.custom-solution--person {
padding: var(--section-padding-big) 0;
}
.custom-solution--person .team-preview-box {
max-width: min(35.8rem, 100%);
max-height: initial;
margin-left: auto;
}
.custom-solution--person .team-preview-box__fig {
aspect-ratio: 35.8/41.2;
padding-bottom: 0;
}
.custom-solution--person .team-preview-box .team-info-detail {
padding: 2.4rem 4rem;
}
.custom-solution--person .team-preview-box .team-info-detail__title {
margin-bottom: 1.2rem;
}
@media screen and (max-width: 640px) {
.custom-solution--person .team-preview-box {
margin-left: 0;
}
}
@media screen and (max-width: 360px) {
.custom-solution--person .team-preview-box {
aspect-ratio: auto;
}
.custom-solution--person .team-preview-box .team-info-detail {
padding: 2.4rem;
}
}  .partners {
padding: var(--section-padding-general) 0;
}
.partners__title {
margin-bottom: 3.2rem;
}  .news__posts {
padding: var(--section-padding-general) 0;
}
.grid-news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.6rem;
}
.grid-news .card-post {
width: calc(33.3333333333% - 1.0666666667rem);
}
@media screen and (max-width: 750px) {
.grid-news .card-post {
width: calc(50% - 0.8rem);
}
}
@media screen and (max-width: 450px) {
.grid-news .card-post {
width: min(100%, 35rem);
margin-left: auto;
margin-right: auto;
}
}
.card-post {
position: relative;
}
.card-post__inner {
padding: 0;
}
.card-post__thumb {
position: relative;
overflow: hidden;
width: 100%;
aspect-ratio: 2.3;
background-color: rgba(193, 199, 205, 0.35);
}
.card-post__thumb img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card-post__thumb svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0.5;
max-width: 10rem;
}
.card-post__content {
padding: 2.4rem;
}
.card-post__content time {
display: inline-block;
margin-bottom: 0.8rem;
}
.card-post .course-date {
display: inline-block;
margin-bottom: 0.8rem;
}
.card-post__title { font-size: calc(var(--fs-small-rate) * 2rem); line-height: 1.2;
margin-bottom: 0.4rem;
}
.card-post:hover {
color: var(--black);
}  .doublecol {
position: relative;
padding: 1.6rem 0 3.2rem;
margin-bottom: 1.6rem;
container-type: inline-size;
}
.doublecol::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 2.5rem);
height: 1px;
background-color: #c1c7cd;
}
.doublecol .cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 11.2rem;
}
@container (max-width: 70rem) {
.doublecol .cols {
gap: 6rem;
}
}
@container (max-width: 50rem) {
.doublecol .cols {
gap: 4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@container (max-width: 40rem) {
.doublecol .cols {
gap: 3rem;
}
}
.doublecol .col.left {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.doublecol .col.right {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 54.7%;
}
.doublecol .col.right h1,
.doublecol .col.right h2,
.doublecol .col.right h3,
.doublecol .col.right h4,
.doublecol .col.right h5,
.doublecol .col.right h6 { font-size: 1.4rem;
line-height: 1.7142857143;
margin-bottom: 0.8rem;
}
.doublecol .col.right ul,
.doublecol .col.right ol {
margin-left: 2.4rem;
}
.doublecol .col.right p:not(:last-child) {
margin-bottom: 2.4rem;
}
@container (max-width: 50rem) {
.doublecol .col.left, .doublecol .col.right {
width: 100%;
}
}
.doublecol__title { font-size: 1.4rem;
line-height: 1.7142857143;
margin-bottom: 0;
}  .popup {
z-index: 1;
position: fixed;
right: 4.4rem;
bottom: 4.4rem;
font-size: 0; }
.popup__trigger {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 5.3rem;
height: 5.3rem;
aspect-ratio: 1/1;
border-radius: 50%;
background-color: var(--purple);
color: white;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.popup__window {
position: absolute;
right: 0.9rem;
bottom: 0.9rem;
width: 50.3rem;
padding: 0;
background-color: var(--purple);
color: white;
opacity: 0;
-webkit-transition: 0.65s ease;
transition: 0.65s ease;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
.popup__window .main-button {
margin: 0;
padding: 1rem 2.6rem;
font-size: 1.4rem;
line-height: 1.6275;
}
.popup__window-inner {
padding: 4rem 3.2rem;
}
.popup__window-close {
z-index: 1;
position: absolute;
top: 1.7rem;
right: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
color: white;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.popup__window-close path {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popup__window-close:hover path {
fill: var(--black);
}
.popup__content {
margin-bottom: 2.4rem;
}
.popup__content p {
margin-bottom: 1rem;
font-size: 1.4rem;
line-height: 1.6275;
color: white;
}
.popup__content p:last-child {
margin-bottom: 0;
}
.popup__heading {
margin-bottom: 1.6rem;
padding-right: 1.5rem;
font-size: 1.8rem;
line-height: 1.2222;
}
@media screen and (max-width: 1240px) {
.popup {
bottom: 5rem;
right: 3rem;
}
}
@media screen and (max-width: 600px) {
.popup__window {
position: fixed;
right: 50vw;
bottom: 50vh;
-webkit-transform: translate(50%, 50%) scale(0);
transform: translate(50%, 50%) scale(0);
width: calc(100vw - 4rem);
padding: 0;
-webkit-transform-origin: center;
transform-origin: center;
}
.popup__window .main-button {
margin: 0;
padding: 1rem 2.6rem;
font-size: 1.4rem;
line-height: 1.6275;
}
.popup__window-inner {
overflow-y: auto;
max-height: calc(100vh - 6.4rem);
padding: 3.2rem;
}
.popup__window-inner::before, .popup__window-inner::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3.2rem;
background: -webkit-gradient(linear, left top, left bottom, from(var(--purple)), to(rgba(0, 0, 0, 0.00001)));
background: linear-gradient(to bottom, var(--purple), rgba(0, 0, 0, 0.00001));
}
.popup__window-inner::after {
top: initial;
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, from(var(--purple)), to(rgba(0, 0, 0, 0.00001)));
background: linear-gradient(to top, var(--purple), rgba(0, 0, 0, 0.00001));
}
}
.popup.open .popup__window {
right: 2.6rem;
bottom: 1.7rem;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
@media screen and (max-width: 600px) {
.popup.open {
z-index: 10000;
}
.popup.open .popup__overlay {
content: "";
z-index: 2;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
}
.popup.open .popup__trigger {
z-index: 1;
}
.popup.open .popup__window {
z-index: 3;
right: 50%;
bottom: 50vh;
-webkit-transform: translate(50%, 50%) scale(1);
transform: translate(50%, 50%) scale(1);
}
}   .section-small-title { font-size: 1.4rem;
line-height: 1.7142857143;
font-family: "Poppins-Regular", sans-serif;
font-weight: 400; text-transform: uppercase;
}
.gutenberg-wrapper .section-small-title { font-size: 1.4rem;
line-height: 1.7142857143;
} .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 2.4rem;
}
.pagination .prev {
width: 2.4rem;
height: 2.4rem;
}
.pagination .prev svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.pagination .next {
width: 2.4rem;
height: 2.4rem;
}
.pagination .next svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 2rem;
list-style: none;
min-width: 19.6rem;
max-width: 100%;
}
.pagination ul li > * {
padding: 0.4rem;
}
.pagination ul .current {
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; } .gutenberg-wrapper {
color: var(--dark);
}
.gutenberg-wrapper h1,
.gutenberg-wrapper h2,
.gutenberg-wrapper h3,
.gutenberg-wrapper h4,
.gutenberg-wrapper h5,
.gutenberg-wrapper h6 {
color: var(--black);
}
.gutenberg-wrapper h1,
.gutenberg-wrapper h2 { font-size: calc(var(--fs-rate) * 3.9rem);
line-height: 1.2051282051;
}
.gutenberg-wrapper h3 { font-size: calc(var(--fs-rate) * 3.1rem);
line-height: 1.1935483871;
}
.gutenberg-wrapper h4 { font-size: calc(var(--fs-small-rate) * 2.5rem);
line-height: 1.2;
}
.gutenberg-wrapper p {
margin-bottom: 2.4rem;
}
.gutenberg-wrapper ul,
.gutenberg-wrapper ol {
margin-left: 2.4rem;
margin-bottom: 2.4rem;
}
.gutenberg-wrapper .wp-block-table {
margin-bottom: 2.4rem;
}
.gutenberg-wrapper table {
border-collapse: collapse;
}
.gutenberg-wrapper table th,
.gutenberg-wrapper table td {
padding-left: 1.2rem;
padding-right: 1.2rem;
border-right: 1px solid #c1c7cd;
}
.gutenberg-wrapper table th:first-child,
.gutenberg-wrapper table td:first-child {
padding-left: 0;
}
.gutenberg-wrapper table th:last-child,
.gutenberg-wrapper table td:last-child {
padding-right: 0;
border-right: 0;
}
.gutenberg-wrapper .wp-block-columns {
margin-bottom: 2.4rem;
}
.gutenberg-wrapper .wp-block-columns.is-layout-flex {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.gutenberg-wrapper .wp-block-columns .wp-block-column .wp-block-image:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 640px) {
.gutenberg-wrapper .wp-block-columns {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gutenberg-wrapper .wp-block-columns .wp-block-column {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
width: 100% !important;
}
.gutenberg-wrapper .wp-block-columns[class*=wp-container-core-columns-layout-] {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.gutenberg-wrapper .wp-block-quote {
margin-bottom: 2.4rem;
}
.gutenberg-wrapper .wp-block-quote p { font-size: calc(var(--fs-rate) * 3.1rem);
line-height: 1.1935483871;
margin-bottom: 0.8rem;
color: var(--black);
}
.gutenberg-wrapper .wp-block-quote cite { font-size: 12px;
line-height: 1.2;
max-width: min(100%, 62.5rem);
color: #697077;
}
.gutenberg-wrapper a {
text-decoration: underline;
}
.gutenberg-wrapper a:hover {
color: var(--purple);
}
.gutenberg-wrapper .wp-block-buttons {
margin-bottom: 2.4rem;
}
.gutenberg-wrapper .wp-block-image {
margin-bottom: 2.4rem;
}
.gutenberg-wrapper .wp-block-gallery {
margin-bottom: 2.4rem;
}
.gutenberg-wrapper .wp-block-gallery.columns-2 .wp-block-image {
width: calc(50% - 0.5 * var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em))));
margin-bottom: 0;
}
@media screen and (max-width: 500px) {
.gutenberg-wrapper .wp-block-gallery.columns-2 .wp-block-image {
width: 100%;
}
}
.gutenberg-wrapper .wp-block-gallery.columns-3 .wp-block-image {
width: calc(33.3333% - 0.6666666667 * var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em))));
margin-bottom: 0;
}
@media screen and (max-width: 500px) {
.gutenberg-wrapper .wp-block-gallery.columns-3 .wp-block-image {
width: 100%;
}
}            a.btn,
span.btn,
a.wp-element-button,
.editor-styles-wrapper .gt-block a.btn { font-size: 1.4rem;
line-height: 1.7142857143;
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0;
padding: 1.4rem 2.4rem;
text-transform: uppercase;
text-decoration: none !important;
background-color: var(--black);
color: var(--white);
text-decoration: none;
text-align: center;
margin: 0 0.5rem 1rem 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--black);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;  }
a.btn:hover,
span.btn:hover,
a.wp-element-button:hover,
.editor-styles-wrapper .gt-block a.btn:hover {
background-color: var(--white);
color: var(--black);
}
a.btn--secondary, .wp-block-button.is-style-outline a.wp-element-button,
span.btn--secondary,
a.wp-element-button--secondary,
.editor-styles-wrapper .gt-block a.btn--secondary {
background-color: var(--white);
color: var(--black);
}
a.btn--secondary:hover, .wp-block-button.is-style-outline a.wp-element-button:hover,
span.btn--secondary:hover,
a.wp-element-button--secondary:hover,
.editor-styles-wrapper .gt-block a.btn--secondary:hover {
background-color: var(--black);
color: var(--white);
}
a.btn--white,
span.btn--white,
a.wp-element-button--white,
.editor-styles-wrapper .gt-block a.btn--white {
background-color: var(--white);
border-color: var(--white);
color: var(--black); }
a.btn--white:hover,
span.btn--white:hover,
a.wp-element-button--white:hover,
.editor-styles-wrapper .gt-block a.btn--white:hover {
background-color: var(--black);
border-color: var(--black);
color: var(--white);
}
a.btn--white.btn--secondary, .wp-block-button.is-style-outline a.btn--white.wp-element-button,
span.btn--white.btn--secondary,
a.wp-element-button--white.btn--secondary,
.wp-block-button.is-style-outline a.wp-element-button--white.wp-element-button,
.editor-styles-wrapper .gt-block a.btn--white.btn--secondary {
background-color: transparent;
border-color: var(--white);
color: var(--white);
}           .icheckbox {  -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 1.6rem;
height: 1.6rem;
margin: 0 0.8rem 0 0;
display: inline-block;
vertical-align: top;
background: transparent;
border: 1px solid var(--theme-color);
border-radius: 0;
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(//academy.brain4industry.cz/wp-content/themes/b4i-academy/assets/images/checkmark.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 80%;
opacity: 0;
}
.icheckbox.hover, .icheckbox:hover {
background: transparent;
border-color: var(--theme-color);
}
.icheckbox.checked {
background: var(--theme);
border-color: var(--theme-color);
}
.icheckbox.checked:after {
opacity: 1;
}                     .gform_wrapper.gravity-theme,
.gform_wrapper.gform-theme {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.2rem;
}
.gform_wrapper.gravity-theme.gform_validation_error .gform_validation_errors,
.gform_wrapper.gform-theme.gform_validation_error .gform_validation_errors {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 0;
padding: 1.6rem;
background-color: var(--warning);
-webkit-box-shadow: none;
box-shadow: none;
color: var(--white);
border: 0;
border-radius: 0;
text-align: center;
}
.gform_wrapper.gravity-theme.gform_validation_error .gform_validation_errors .gform_submission_error,
.gform_wrapper.gform-theme.gform_validation_error .gform_validation_errors .gform_submission_error { font-size: calc(var(--fs-small-rate) * 1.4rem);
line-height: 1.7142857143;
font-family: "Poppins-Regular", sans-serif;
font-weight: 400; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--white);
}
.gform_wrapper.gravity-theme.gform_validation_error .gform_validation_errors .gform_submission_error .gform-icon--circle-error,
.gform_wrapper.gform-theme.gform_validation_error .gform_validation_errors .gform_submission_error .gform-icon--circle-error {
display: none;
}
.gform_wrapper.gravity-theme .gform_required_legend,
.gform_wrapper.gform-theme .gform_required_legend {
display: none;
}
.gform_wrapper.gravity-theme form,
.gform_wrapper.gform-theme form {
--gf-local-radius: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.gform_wrapper.gravity-theme form.loading,
.gform_wrapper.gform-theme form.loading {
position: relative;
}
.gform_wrapper.gravity-theme form.loading::before,
.gform_wrapper.gform-theme form.loading::before {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
position: absolute;
display: block;
width: 4rem;
height: 4rem;
background-image: url(//academy.brain4industry.cz/wp-content/plugins/gravityforms/images/spinner.svg);
background-size: contain;
background-position: center;
}
.gform_wrapper.gravity-theme form.loading::after,
.gform_wrapper.gform-theme form.loading::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
z-index: 1;
-webkit-transform: translate(-0.8rem, -0.8rem);
transform: translate(-0.8rem, -0.8rem);
width: calc(100% + 2 * 0.8rem);
height: calc(100% + 2 * 0.8rem);
background-color: rgba(var(--white-rgb), 0.5);
}
.gform_wrapper.gravity-theme form .gfield_label,
.gform_wrapper.gform-theme form .gfield_label {
display: none;
}
.gform_wrapper.gravity-theme form .gfield_required_text,
.gform_wrapper.gform-theme form .gfield_required_text {
display: none;
}
.gform_wrapper.gravity-theme form .ginput_container_textarea,
.gform_wrapper.gform-theme form .ginput_container_textarea {
font-size: 0;
}
.gform_wrapper.gravity-theme form .gfield--type-consent,
.gform_wrapper.gform-theme form .gfield--type-consent {
padding: 1.2rem 0;
text-align: left;
color: var(--theme-color);
}
.gform_wrapper.gravity-theme form .gfield--type-consent .gfield_label,
.gform_wrapper.gform-theme form .gfield--type-consent .gfield_label {
display: none;
}
.gform_wrapper.gravity-theme form .gfield--type-consent .ginput_container_consent,
.gform_wrapper.gform-theme form .gfield--type-consent .ginput_container_consent {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.gform_wrapper.gravity-theme form .gfield--type-consent .ginput_container_consent .icheckbox,
.gform_wrapper.gform-theme form .gfield--type-consent .ginput_container_consent .icheckbox {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.gform_wrapper.gravity-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label,
.gform_wrapper.gform-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
line-height: 1.2;
color: var(--theme-color);
}
.gform_wrapper.gravity-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label a,
.gform_wrapper.gform-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label a {
text-decoration: underline;
color: var(--theme-color);
}
.gform_wrapper.gravity-theme form .gfield--type-submit [type=submit],
.gform_wrapper.gform-theme form .gfield--type-submit [type=submit] { font-size: calc(var(--fs-small-rate) * 1.4rem);
line-height: 1.7142857143;
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; font-size: 14px;
text-transform: uppercase;
}
.gform_wrapper.gravity-theme form .gform_footer,
.gform_wrapper.gform-theme form .gform_footer {
display: none;
}
.gform_wrapper.gravity-theme form .gform_ajax_spinner,
.gform_wrapper.gravity-theme form .gform-loader,
.gform_wrapper.gform-theme form .gform_ajax_spinner,
.gform_wrapper.gform-theme form .gform-loader {
display: none;
}
.gform_wrapper.gravity-theme form [type=submit],
.gform_wrapper.gform-theme form [type=submit] {
cursor: pointer;
outline: none;
width: 100%;
height: 5.6rem;
padding: 1.6rem 1.8rem !important;
border-radius: 0 !important;
background-color: var(--theme-color);
color: var(--theme-inverse-color);
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.gform_wrapper.gravity-theme form [type=submit]:hover,
.gform_wrapper.gform-theme form [type=submit]:hover {
background-color: var(--theme-inverse-color);
color: var(--theme-color);
}
.gform_wrapper.gravity-theme form .gfield_error [aria-invalid=true],
.gform_wrapper.gform-theme form .gfield_error [aria-invalid=true] {
border-color: var(--warning);
}
.gform_wrapper.gravity-theme form .gfield_error.gfield--type-consent .icheckbox,
.gform_wrapper.gform-theme form .gfield_error.gfield--type-consent .icheckbox {
background-color: var(--warning);
}
.gform_wrapper.gravity-theme form .gfield_validation_message,
.gform_wrapper.gform-theme form .gfield_validation_message {
display: none;
}
.gform_confirmation_wrapper .gform_confirmation_message {
padding: 1.6rem;
background-color: var(--success);
color: var(--white);
text-align: center;
} .course-no-terms-form .gform_wrapper.gravity-theme form,
.course-no-terms-form .gform_wrapper.gform-theme form {
--gf-form-gap-y: 0; }
.course-no-terms-form .gform_wrapper.gravity-theme form .gform_fields,
.course-no-terms-form .gform_wrapper.gform-theme form .gform_fields {
grid-row-gap: 0;
}
.course-no-terms-form .gform_wrapper.gravity-theme form .gfield--type-email,
.course-no-terms-form .gform_wrapper.gform-theme form .gfield--type-email {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.course-no-terms-form .gform_wrapper.gravity-theme form .gfield.gfield--type-submit,
.course-no-terms-form .gform_wrapper.gform-theme form .gfield.gfield--type-submit {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
grid-column: 1/-1;
}
.course-no-terms-form .gform_wrapper.gravity-theme form .gfield--type-consent,
.course-no-terms-form .gform_wrapper.gform-theme form .gfield--type-consent {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
grid-column: 1/-1;
}
.course-no-terms-form .gform_wrapper.gravity-theme form .gfield--type-consent a,
.course-no-terms-form .gform_wrapper.gform-theme form .gfield--type-consent a {
text-decoration: underline;
}
.course-no-terms-form .gform_wrapper.gravity-theme form .gfield--type-consent a:hover,
.course-no-terms-form .gform_wrapper.gform-theme form .gfield--type-consent a:hover {
text-decoration: none;
} .course-custom-form .gform_wrapper.gravity-theme form,
.course-custom-form .gform_wrapper.gform-theme form {
--gf-form-gap-y: 0.8rem; }
.course-custom-form .gform_wrapper.gravity-theme form .gform_fields,
.course-custom-form .gform_wrapper.gform-theme form .gform_fields {
grid-row-gap: 0.8rem;
}
.course-custom-form .gform_wrapper.gravity-theme form .gform_fields .gfield--type-name .ginput_container--name .name_first,
.course-custom-form .gform_wrapper.gform-theme form .gform_fields .gfield--type-name .ginput_container--name .name_first {
padding-right: 0;
}
.course-custom-form .gform_wrapper.gravity-theme form .gform_fields .gfield--type-consent,
.course-custom-form .gform_wrapper.gform-theme form .gform_fields .gfield--type-consent {
padding-top: 0.4rem;
}
.course-custom-form .gform_wrapper.gravity-theme form .gfield--type-email,
.course-custom-form .gform_wrapper.gform-theme form .gfield--type-email {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.course-custom-form .gform_wrapper.gravity-theme form .gfield--type-name,
.course-custom-form .gform_wrapper.gform-theme form .gfield--type-name {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.course-custom-form .gform_wrapper.gravity-theme form .gfield--type-text,
.course-custom-form .gform_wrapper.gform-theme form .gfield--type-text {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.course-custom-form .gform_wrapper.gravity-theme form .gfield--type-textarea,
.course-custom-form .gform_wrapper.gform-theme form .gfield--type-textarea {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.course-custom-form .gform_wrapper.gravity-theme form .gfield.gfield--type-submit,
.course-custom-form .gform_wrapper.gform-theme form .gfield.gfield--type-submit {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
grid-column: 1/-1;
}
.course-custom-form .gform_wrapper.gravity-theme form .gfield--type-consent,
.course-custom-form .gform_wrapper.gform-theme form .gfield--type-consent {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
grid-column: 1/-1;
}
.course-custom-form .gform_wrapper.gravity-theme form .gfield--type-consent a,
.course-custom-form .gform_wrapper.gform-theme form .gfield--type-consent a {
text-decoration: underline;
}
.course-custom-form .gform_wrapper.gravity-theme form .gfield--type-consent a:hover,
.course-custom-form .gform_wrapper.gform-theme form .gfield--type-consent a:hover {
text-decoration: none;
}
.gt-block form,
.editor-styles-wrapper .gt-block form,
.gform_wrapper.gravity-theme form,
.gform_wrapper.gform-theme form {
--placeholder-color: var(--cool-gray);
--theme-color: var(--black);
--theme-inverse-color: var(--white);
--gf-form-gap-y: 0.8rem;
--gf-local-bg-color: var(--black);
position: relative;
}
.gt-block form input[type=text],
.gt-block form input[type=email],
.gt-block form textarea,
.editor-styles-wrapper .gt-block form input[type=text],
.editor-styles-wrapper .gt-block form input[type=email],
.editor-styles-wrapper .gt-block form textarea,
.gform_wrapper.gravity-theme form input[type=text],
.gform_wrapper.gravity-theme form input[type=email],
.gform_wrapper.gravity-theme form textarea,
.gform_wrapper.gform-theme form input[type=text],
.gform_wrapper.gform-theme form input[type=email],
.gform_wrapper.gform-theme form textarea { font-size: calc(var(--fs-small-rate) * 1.4rem);
line-height: 1.7142857143;
font-family: "Poppins-Semibold", sans-serif;
font-weight: 600; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
height: 4.8rem;
padding: 1.2rem;
border: 1px solid var(--theme-color);
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
color: var(--theme-color);
outline: none; }
.gt-block form input[type=text]:hover, .gt-block form input[type=text]:focus,
.gt-block form input[type=email]:hover,
.gt-block form input[type=email]: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 input[type=email]:hover,
.editor-styles-wrapper .gt-block form input[type=email]:focus,
.editor-styles-wrapper .gt-block form textarea:hover,
.editor-styles-wrapper .gt-block form textarea:focus,
.gform_wrapper.gravity-theme form input[type=text]:hover,
.gform_wrapper.gravity-theme form input[type=text]:focus,
.gform_wrapper.gravity-theme form input[type=email]:hover,
.gform_wrapper.gravity-theme form input[type=email]:focus,
.gform_wrapper.gravity-theme form textarea:hover,
.gform_wrapper.gravity-theme form textarea:focus,
.gform_wrapper.gform-theme form input[type=text]:hover,
.gform_wrapper.gform-theme form input[type=text]:focus,
.gform_wrapper.gform-theme form input[type=email]:hover,
.gform_wrapper.gform-theme form input[type=email]:focus,
.gform_wrapper.gform-theme form textarea:hover,
.gform_wrapper.gform-theme form textarea:focus {
border-color: var(--theme-color);
}
@media screen and (max-width: 640px) {
.gt-block form input[type=text],
.gt-block form input[type=email],
.gt-block form textarea,
.editor-styles-wrapper .gt-block form input[type=text],
.editor-styles-wrapper .gt-block form input[type=email],
.editor-styles-wrapper .gt-block form textarea,
.gform_wrapper.gravity-theme form input[type=text],
.gform_wrapper.gravity-theme form input[type=email],
.gform_wrapper.gravity-theme form textarea,
.gform_wrapper.gform-theme form input[type=text],
.gform_wrapper.gform-theme form input[type=email],
.gform_wrapper.gform-theme form textarea {
font-size: 1.4rem;
}
}
.gt-block form input[type=text]::-webkit-input-placeholder,
.gt-block form input[type=email]::-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 input[type=email]::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form textarea::-webkit-input-placeholder,
.gform_wrapper.gravity-theme form input[type=text]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme form input[type=email]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme form textarea::-webkit-input-placeholder,
.gform_wrapper.gform-theme form input[type=text]::-webkit-input-placeholder,
.gform_wrapper.gform-theme form input[type=email]::-webkit-input-placeholder,
.gform_wrapper.gform-theme form textarea::-webkit-input-placeholder { color: var(--placeholder-color);
opacity: 1;
}
.gt-block form input[type=text]::-moz-placeholder,
.gt-block form input[type=email]::-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 input[type=email]::-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea::-moz-placeholder,
.gform_wrapper.gravity-theme form input[type=text]::-moz-placeholder,
.gform_wrapper.gravity-theme form input[type=email]::-moz-placeholder,
.gform_wrapper.gravity-theme form textarea::-moz-placeholder,
.gform_wrapper.gform-theme form input[type=text]::-moz-placeholder,
.gform_wrapper.gform-theme form input[type=email]::-moz-placeholder,
.gform_wrapper.gform-theme form textarea::-moz-placeholder { color: var(--placeholder-color);
opacity: 1;
}
.gt-block form input[type=text]:-ms-input-placeholder,
.gt-block form input[type=email]:-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 input[type=email]:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form textarea:-ms-input-placeholder,
.gform_wrapper.gravity-theme form input[type=text]:-ms-input-placeholder,
.gform_wrapper.gravity-theme form input[type=email]:-ms-input-placeholder,
.gform_wrapper.gravity-theme form textarea:-ms-input-placeholder,
.gform_wrapper.gform-theme form input[type=text]:-ms-input-placeholder,
.gform_wrapper.gform-theme form input[type=email]:-ms-input-placeholder,
.gform_wrapper.gform-theme form textarea:-ms-input-placeholder { color: var(--placeholder-color);
opacity: 1;
}
.gt-block form input[type=text]:-moz-placeholder,
.gt-block form input[type=email]:-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 input[type=email]:-moz-placeholder,
.editor-styles-wrapper .gt-block form textarea:-moz-placeholder,
.gform_wrapper.gravity-theme form input[type=text]:-moz-placeholder,
.gform_wrapper.gravity-theme form input[type=email]:-moz-placeholder,
.gform_wrapper.gravity-theme form textarea:-moz-placeholder,
.gform_wrapper.gform-theme form input[type=text]:-moz-placeholder,
.gform_wrapper.gform-theme form input[type=email]:-moz-placeholder,
.gform_wrapper.gform-theme form textarea:-moz-placeholder { color: var(--placeholder-color);
opacity: 1;
}
.gt-block form textarea,
.editor-styles-wrapper .gt-block form textarea,
.gform_wrapper.gravity-theme form textarea,
.gform_wrapper.gform-theme form textarea {
max-height: 9.6rem;
} .purplebox .gt-block,
.purplebox .editor-styles-wrapper .gt-block,
.purplebox .gform_wrapper.gravity-theme,
.purplebox .gform_wrapper.gform-theme {
--warning: #e73e71;
}
.purplebox .gt-block form,
.purplebox .editor-styles-wrapper .gt-block form,
.purplebox .gform_wrapper.gravity-theme form,
.purplebox .gform_wrapper.gform-theme form {
--placeholder-color: var(--white);
--theme-color: var(--white);
--theme-inverse-color: var(--black);
--gf-local-bg-color: var(--white);
}
.purplebox .gt-block form .gfield--type-consent .ginput_container_consent .gfield_consent_label,
.purplebox .editor-styles-wrapper .gt-block form .gfield--type-consent .ginput_container_consent .gfield_consent_label,
.purplebox .gform_wrapper.gravity-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label,
.purplebox .gform_wrapper.gform-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label {
color: var(--theme-color);
}
.purplebox .gt-block form .gfield--type-consent .ginput_container_consent .gfield_consent_label a:focus, .purplebox .gt-block form .gfield--type-consent .ginput_container_consent .gfield_consent_label a:hover,
.purplebox .editor-styles-wrapper .gt-block form .gfield--type-consent .ginput_container_consent .gfield_consent_label a:focus,
.purplebox .editor-styles-wrapper .gt-block form .gfield--type-consent .ginput_container_consent .gfield_consent_label a:hover,
.purplebox .gform_wrapper.gravity-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label a:focus,
.purplebox .gform_wrapper.gravity-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label a:hover,
.purplebox .gform_wrapper.gform-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label a:focus,
.purplebox .gform_wrapper.gform-theme form .gfield--type-consent .ginput_container_consent .gfield_consent_label a:hover {
color: var(--theme-color);
}
.purplebox .icheckbox:after {
background-image: url(//academy.brain4industry.cz/wp-content/themes/b4i-academy/assets/images/checkmark_white.svg);
} .swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
position: relative;
margin: 0;
}
.swiper-container .swiper-button-prev::after,
.swiper-container .swiper-button-next::after {
display: none;
}
.swiper-container .swiper-button-prev svg,
.swiper-container .swiper-button-next svg {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 2.4rem;
height: 2.4rem;
}
.swiper-container .swiper-button-prev:hover svg,
.swiper-container .swiper-button-next:hover svg {
color: var(--purple);
}
.swiper-container .swiper-button-prev svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.swiper-container .swiper-button-next svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.slider-partners img {
width: auto;
object-fit: contain;
width: auto;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
padding: 8px 1.2rem;
}             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;
}
}