/* Browser Repairs */

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-2 {
    margin-top: 2rem !important;
}

.margin-top-3 {
    margin-top: 3rem !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-2 {
    margin-bottom: 2rem !important;
}

.margin-bottom-3 {
    margin-bottom: 3rem !important;
}

:focus,
textarea:focus,
input:focus,
select:focus,
button:focus {
    outline: 0 !important;
}

strong {
    font-weight: bold;
}

.is-content-justification-center {
    display: flex;
    justify-content: center;
}

.spacer {
    position: relative;
}

.spacer-10 {
    height: 1rem;
}

.spacer-20 {
    height: 2rem;
}

.spacer-30 {
    height: 3rem;
}

.spacer-40 {
    height: 4rem;
}

.spacer-100 {
    height: 10rem;
}

.spacer-200 {
    height: 20rem;
}

.spacer-300 {
    height: 30rem;
}

.spacer-400 {
    height: 40rem;
}

/* COLORS CSS */

:root {
    --blue: #001676;
    --light-blue: #c9dbff;
    --fresh-blue: #00baff;
    --king-blue: #0000fe;
    --red: #e4413a;
    --green: #00c6a9;
    --dark-gray: #80848f;
    --gray: #e9e9e9;
    --soft-gray: #f2f3f4;
    --black: #000000;
    --white: #ffffff;

    --blue-digital: #1367e3;
    --green-progresive: #beffdc;
    --green-natural: #003336;
    --yellow: #ffe665;
    --purple-avantgarde: #a3a9f5;
    --green-university: #183640;
    --red-legal: #591843;
    --pink-natural: #fee1f7;
    --blue-science: #16205b;
    --turquis: #befff9;
    --pink: #fed1f0;
    --blue-expert: #010c68;
    --green-energy: #d6e938;
    --purple-vision: #2e1769;
}

.background-color-purple-vision {
    background-color: var(--purple-vision) !important;
}

.background-color-green-energy {
    background-color: var(--green-energy) !important;
}

.background-color-blue-expert {
    background-color: var(--blue-expert) !important;
}

.background-color-pink {
    background-color: var(--pink) !important;
}

.background-color-turquis {
    background-color: var(--turquis) !important;
}

.background-color-blue-science {
    background-color: var(--blue-science) !important;
}

.background-color-pink-natural {
    background-color: var(--pink-natural) !important;
}

.background-color-red-legal {
    background-color: var(--red-legal) !important;
}

.background-color-green-university {
    background-color: var(--green-university) !important;
}

.background-color-purple-avantgarde {
    background-color: var(--purple-avantgarde) !important;
}

.background-color-yellow {
    background-color: var(--yellow) !important;
}

.background-color-green-naural {
    background-color: var(--green-natural) !important;
}

.background-color-green-progresive {
    background-color: var(--green-progresive) !important;
}

.background-color-blue-digital {
    background-color: var(--blue-digital) !important;
}

.background-color-light-blue {
    background-color: var(--light-blue) !important;
}

.background-color-blue {
    background-color: var(--blue) !important;
}

.background-color-white {
    background-color: var(--white) !important;
    border-left: 1px solid var(--gray);
    border-right: 1px solid var(--gray);
}

.background-color-fresh-blue {
    background-color: var(--fresh-blue) !important;
}

.background-color-red {
    background-color: var(--red) !important;
}

.background-color-green {
    background-color: var(--green) !important;
}

.font-color-light-blue {
    color: var(--light-blue) !important;
}

.font-color-blue {
    color: var(--blue) !important;
}

.font-color-white {
    color: var(--white) !important;
}

/* TYPOGRAPHY CSS */

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
}

h1 {
    font-size: 6rem;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0 0 5rem;
    position: relative;
    text-transform: uppercase;
}

h1.super {
    font-size: 7rem;
}

h2 {
    font-size: 6rem;
    line-height: 1.2;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 3rem 0;
    position: relative;
    text-transform: uppercase;
}

h3 {
    font-size: 2.5rem;
    line-height: 1.3;
    font-weight: bold;
    font-style: normal;
    padding: 0;
    margin: 5rem 0 2rem;
    position: relative;
}

h3.super {
    font-size: 3rem;
    margin: 2rem 0;
}

h4 {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: bold;
    font-style: normal;
    padding: 0;
    margin: 1.5rem 0;
    position: relative;
}

h5 {
    font-size: 1.4rem;
    line-height: 1.56;
    font-weight: bold;
    font-style: normal;
    padding: 0;
    margin: 0 0 1.5rem;
    position: relative;
}

h6 {
    font-size: 1.2rem;
    line-height: 1.56;
    font-weight: bold;
    font-style: normal;
    padding: 0;
    margin: 0 0 1.5rem;
    position: relative;
}

h2.looks-like-h3 {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.3;
    margin: 5rem 0 2rem;
    text-transform: none;
}

h3.looks-like-p {
    font-size: 1.6rem;
    line-height: 1.56;
    margin: 4rem 0 1.5rem;
}

p {
    margin: 2rem 0;
}

a {
    color: var(--blue);
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: var(--blue);
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

/* RESPONSIVE */

@media (max-width: 990px) {
    h1 {
        font-size: 5rem;
        margin: 0 0 3rem;
    }

    h1.super {
        font-size: 6rem;
    }

    h2 {
        font-size: 4rem;
        margin: 2rem 0;
    }

    h3 {
        font-size: 2.2rem;
        margin: 3rem 0 2rem;
    }
}

@media (max-width: 750px) {
}

@media (max-width: 600px) {
    h1.super {
        font-size: 5rem;
    }

    .spacer-40 {
        height: 2rem;
    }
}

/* BASIC CSS */

/* Others */

:root {
    font-size: 10px;
}

.has-text-align-center {
    text-align: center !important;
}

/* Wrapper */

#wrapper {
    position: relative;
    max-width: 100%;
    padding-top: 6.7rem;
}

/* Container */

.container {
    position: relative;
    max-width: 98.3rem;
    padding: 0 3rem;
    margin: 0 auto;
}

/* Body */

body {
    font-family: 'FormaDJRDeck', sans-serif;
    font-size: 1.6rem;
    line-height: 1.56;
    font-style: normal;
    font-weight: normal;
    color: var(--blue);
    margin: 0;
    padding: 0;
}

/* Picture */

picture img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Columns */

.columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem;
}

.columns .column {
    flex-basis: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    padding: 0;
    margin: 0;
    position: relative;
}

.columns.without-spacing {
    gap: 0;
}

.columns.without-spacing .column {
    flex-basis: 50%;
    max-width: none;
}

.columns3 .column {
    flex-basis: calc(33.3333% - 2rem);
    max-width: calc(33.3333% - 2rem);
}

.columns4 .column {
    flex-basis: calc(25% - 2.25rem);
    max-width: calc(25% - 2.25rem);
}

.columns7 .column {
    flex-basis: calc(14% - 2.31rem);
    max-width: calc(14% - 2.31rem);
}

.columns .column > p:first-child {
    margin-top: 0 !important;
}

.column.width-2-3 {
    flex-basis: calc(75% - 1.5rem);
    max-width: calc(75% - 1.5rem);
}

.column.width-1-3 {
    flex-basis: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
}

.column.width-2-3n {
    flex-basis: calc(72% - 1.5rem);
    max-width: calc(72% - 1.5rem);
}

.column.width-1-3n {
    flex-basis: calc(28% - 1.5rem);
    max-width: calc(28% - 1.5rem);
}

/* Content */

/* Headline */

.headline {
    text-align: center;
    padding: 3rem 0 1rem;
    position: relative;
}

.headline.has-color-border {
    margin-bottom: 8rem;
}

.headline.has-color-border::after {
    content: '';
    width: 33rem;
    height: 0.4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 33rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMwIiBoZWlnaHQ9IjQiIHZpZXdCb3g9IjAgMCAzMzAgNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ3LjE0MjkiIGhlaWdodD0iNCIgZmlsbD0iIzEzNjdFMyIvPgo8cmVjdCB4PSIxODguNTcyIiB3aWR0aD0iNDcuMTQyOSIgaGVpZ2h0PSI0IiBmaWxsPSIjMTYyMDVCIi8+CjxyZWN0IHg9Ijk0LjI4NTIiIHdpZHRoPSI0Ny4xNDI5IiBoZWlnaHQ9IjQiIGZpbGw9IiNBM0E5RjUiLz4KPHJlY3QgeD0iMjgyLjg1NyIgd2lkdGg9IjQ3LjE0MjkiIGhlaWdodD0iNCIgZmlsbD0iI0Q2RTkzOCIvPgo8cmVjdCB4PSI0Ny4xNDI2IiB3aWR0aD0iNDcuMTQyOSIgaGVpZ2h0PSI0IiBmaWxsPSIjMDAzMzM2Ii8+CjxyZWN0IHg9IjIzNS43MTUiIHdpZHRoPSI0Ny4xNDI5IiBoZWlnaHQ9IjQiIGZpbGw9IiNGRUQxRjAiLz4KPHJlY3QgeD0iMTQxLjQyOCIgd2lkdGg9IjQ3LjE0MjkiIGhlaWdodD0iNCIgZmlsbD0iIzU5MTg0MyIvPgo8L3N2Zz4K');
}

.headline h1 {
    margin: 0 0 4rem;
}

.headline h2 {
    margin: 0 0 2rem;
}

/* Image */

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Table */

table {
    width: 100%;
    position: relative;
    border-collapse: collapse;
    margin: 5rem 0 5rem;
}

/* Blocks */

.block {
    position: relative;
}

/* Error 404 */

/* RESPONSIVE */

@media (max-width: 990px) {
    .column.width-2-3,
    .column.width-2-3n {
        flex-basis: calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem);
    }

    .column.width-1-3,
    .column.width-1-3n {
        flex-basis: calc(50% - 1.5rem);
        max-width: calc(50% - 1.5rem);
    }

    .columns7 .column {
        flex-basis: calc(25% - 2.25rem);
        max-width: calc(25% - 2.25rem);
    }
}

@media (max-width: 750px) {
    #wrapper {
        padding-top: 6rem;
    }

    .container {
        padding: 0 1.5rem;
    }

    .columns {
        gap: 1.5rem;
    }

    .columns .column {
        flex-basis: calc(50% - 0.75rem);
        max-width: calc(50% - 0.75rem);
    }

    .columns3 .column {
        flex-basis: calc(100% - 0.75rem);
        max-width: calc(100% - 0.75rem);
    }

    .columns4 .column {
        flex-basis: calc(50% - 0.75rem);
        max-width: calc(50% - 0.75rem);
    }

    .columns7 .column {
        flex-basis: calc(50% - 0.75rem);
        max-width: calc(50% - 0.75rem);
    }

    .headline {
        padding: 1rem 0 0.1rem;
    }

    .headline.has-color-border {
        margin-bottom: 2rem;
    }
}

@media (max-width: 600px) {
    .columns .column {
        flex-basis: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
    }

    .columns3 .column {
        flex-basis: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
    }

    .columns4 .column {
        flex-basis: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
    }

    .columns7 .column {
        flex-basis: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
    }

    .column.width-2-3,
    .column.width-2-3n {
        flex-basis: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
    }

    .column.width-1-3,
    .column.width-1-3n {
        flex-basis: calc(100% - 0rem);
        max-width: calc(100% - 0rem);
    }

    .columns.without-spacing .column {
        flex-basis: 100% !important;
    }

    .headline h1 {
        margin-bottom: 2rem;
    }
}

/* HEADER CSS */

header.main-header {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 100%;
    z-index: 10000;
    background-color: var(--light-blue);
    padding: 1.5rem 3rem;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}

/* Logo */

header.main-header .logo {
    position: relative;
    line-height: 1;
}

header.main-header .logo a {
    display: block;
}

header.main-header .logo img {
    display: block;
    width: 14rem;
    height: 3.7rem;
}

/* NAVIGATION */

section.navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
}

section.navigation a.toggle {
    display: none;
}

/* Menu */

button.toggle {
    display: none;
    width: 4rem;
    height: 4rem;
    appearance: none;
    border: none;
    white-space: nowrap;
    color: transparent;
    text-indent: 100%;
    overflow: hidden;
    cursor: pointer;
    background-color: var(--blue);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4rem;
    background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS41IDguMjVINC41VjYuNzVIMTkuNVY4LjI1WiIgZmlsbD0iI0M5REJGRiIvPiA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjUgMTIuNzVINC41VjExLjI1SDE5LjVWMTIuNzVaIiBmaWxsPSIjQzlEQkZGIi8+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNSAxNy4yNUg0LjVWMTUuNzVIMTkuNVYxNy4yNVoiIGZpbGw9IiNDOURCRkYiLz4gPC9nPgoNPC9zdmc+');
}

button.toggle.active {
    background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC45MzkzIDEyTDYuOTY5NiAxNS45Njk3TDguMDMwMjYgMTcuMDMwNEwxMiAxMy4wNjA3TDE1Ljk2OTcgMTcuMDMwNEwxNy4wMzA0IDE1Ljk2OTdMMTMuMDYwNyAxMkwxNy4wMzAzIDguMDMwMzlMMTUuOTY5NiA2Ljk2OTczTDEyIDEwLjkzOTNMOC4wMzAzOCA2Ljk2OTczTDYuOTY5NzIgOC4wMzAzOUwxMC45MzkzIDEyWiIgZmlsbD0iI0M5REJGRiIvPiA8L2c+Cg08L3N2Zz4=');
}

nav.main-menu > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    gap: 3rem;
    padding: 0;
    margin: 0;
}

nav.main-menu > ul > li {
    display: block;
    position: relative;
    list-style: none;
    margin: 0rem;
    padding: 0;
}

nav.main-menu > ul > li > a {
    font-size: 1.5rem;
    font-weight: normal;
    text-decoration: none;
    display: block;
    position: relative;
    color: var(--blue);
    padding: 0;
}

nav.main-menu > ul > li > a:hover {
    text-decoration: underline;
}

nav.main-menu > ul > li.current-menu-item > a {
    font-weight: bold;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    button.toggle {
        display: block;
    }

    nav.main-menu {
        display: none;
        position: absolute;
        top: 7rem;
        left: 0;
        width: 100%;
        padding: 0;
        background-color: var(--blue);
    }

    nav.main-menu > ul {
        flex-flow: column;
        gap: 0;
    }

    nav.main-menu > ul > li > a {
        padding: 1rem 3rem;
        font-size: 1.6rem;
        font-weight: bold;
        color: var(--light-blue);
    }

    nav.main-menu > ul > li > a:hover {
        text-decoration: none;
    }

    nav.main-menu > ul > li.current-menu-item > a {
        background-color: var(--fresh-blue);
        color: var(--blue);
    }
}

@media (max-width: 990px) {
}

@media (max-width: 750px) {
    header.main-header {
        padding: 1rem 1.5rem;
    }

    nav.main-menu {
        top: 6rem;
    }

    nav.main-menu > ul > li > a {
        padding: 1rem 1.5rem;
    }
}

@media (max-width: 600px) {
}

/* FOOTER CSS */

aside {
    background-color: var(--light-blue);
}

aside .logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8rem;
    padding: 5rem 0;
}

aside.widgets {
    border-top: 1px solid var(--blue);
    padding: 4rem 0;
}

aside.widgets .columns {
    gap: 5rem;
    flex-wrap: nowrap;
}

aside.widgets .columns .column:last-child {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

aside.widgets ul li {
    list-style: none;
    padding: 0;
    margin: 0 0 0.5rem;
}

aside.widgets ul li a {
    font-size: 1.4rem;
    text-decoration: none;
}

aside.widgets ul li a:hover {
    text-decoration: underline;
}

aside.widgets a.scroll-top {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--blue);
    padding-left: 4rem;
    min-width: auto;
    background-repeat: no-repeat;
    background-position: 1.8rem center;
    background-size: 1.3rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDk0Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuMzQxOCAxN0w2LjM0MTggMS4wMDAwMSIgc3Ryb2tlPSIjMDAxNjc2IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xIDguNzQzNDFMNi4zNDIxOCAwLjk5OTk3NCIgc3Ryb2tlPSIjMDAxNjc2IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBpZD0iVmVjdG9yXzMiIGQ9Ik02LjM0MTggMC45OTk5NzRMMTEuNjgzNyA4Ljc0MzQxIiBzdHJva2U9IiMwMDE2NzYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==');
}

aside.widgets a.scroll-top:hover {
    background-color: var(--fresh-blue);
    border: 1px solid var(--fresh-blue);
    color: var(--blue);
}

footer {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0.2rem 0;
    margin: 0;
    color: var(--light-blue);
    background-color: var(--king-blue);
}

footer a {
    color: var(--light-blue);
    text-decoration: none;
}

footer a:hover {
    color: var(--light-blue);
    text-decoration: underline;
}

footer .wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

footer .partner {
    display: flex;
    align-items: center;
}

footer .partner span {
    color: var(--white);
    display: block;
    margin-left: 1.4rem;
}

/* RESPONSIVE */

@media (max-width: 990px) {
    aside .logos {
        gap: 3rem;
    }

    aside.widgets .columns {
        gap: 3rem;
    }
}

@media (max-width: 750px) {
    aside .logos {
        gap: 3rem;
        flex-wrap: wrap;
    }

    aside.widgets {
        padding: 2rem 0;
    }

    aside.widgets .columns {
        gap: 1.5rem;
        flex-wrap: wrap;
    }

    aside.widgets .columns .column:first-child {
        flex-basis: 100%;
        max-width: 100%;
    }

    aside.widgets .columns .column:last-child {
        margin-left: 0;
        justify-content: flex-start;
    }

    footer .wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 1.5rem 0;
    }

    footer .partner {
        transform: translateX(-1rem);
    }
}

/* BLOCKS CSS */

/* Group */

.wp-block-group {
    margin: 0;
    padding: 3rem 0;
}

.wp-block-group__inner-container {
    position: relative;
    max-width: 98.3rem;
    padding: 0 3rem;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
}

/* Files */

.files-wrap {
    background-color: var(--light-blue);
    padding: 2rem 3rem;
    margin: 4rem 0;
}

.files-wrap h2,
.files-wrap h3 {
    margin: 0 0 0.8rem;
}

.files-wrap h3:not(:first-child) {
    margin-top: 2rem;
}

.files {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

a.file {
    font-size: 1.8rem;
    margin: 0.2rem 0;
    display: block;
    padding: 0 0 0 2rem;
    background-repeat: no-repeat;
    background-position: left 0.5rem;
    background-size: 1.1rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDMzNyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMC4xMDI0IDYuNjQ1MTNDOS43NzQ1MiA2LjI0NTc2IDkuMTg0NjUgNi4xODc4MiA4Ljc4NTI4IDYuNTE1OTZMNi4yOTcyMSA4LjU1OTE2VjAuOTkxMjE1QzYuMjk3MjEgMC40NDM3NDMgNS44NTM0NyAwIDUuMzA1OTkgMEM0Ljc1ODUyIDAgNC4zMTQ3OCAwLjQ0Mzc0MyA0LjMxNDc4IDAuOTkxMjE1VjguNTU5MTZMMS44MjY3MSA2LjUxNTk2QzEuNDI3MzQgNi4xODc4MiAwLjgzNzc1MyA2LjI0NTc2IDAuNTA5NjA5IDYuNjQ1MTNDMC4xODE0NjUgNy4wNDQ1IDAuMjM5NDA2IDcuNjM0MzYgMC42Mzg3NzUgNy45NjIyMkw1LjMwNTcxIDExLjc5NTRMOS45NzI2NSA3Ljk2MjIyQzEwLjM3MiA3LjYzNDA4IDEwLjQzIDcuMDQ0NSAxMC4xMDE4IDYuNjQ1MTNIMTAuMTAyNFoiIGZpbGw9IiMwMDE2NzYiLz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNOS4xNTUyMiAxMy41MzU5SDEuNDU2OThDMC45NzgxOSAxMy41MzU5IDAuNTg5ODQ0IDEzLjkyNDMgMC41ODk4NDQgMTQuNDAzMUMwLjU4OTg0NCAxNC44ODE5IDAuOTc4MTkgMTUuMjcwMiAxLjQ1Njk4IDE1LjI3MDJIOS4xNTUyMkM5LjYzNDAxIDE1LjI3MDIgMTAuMDIyNCAxNC44ODE5IDEwLjAyMjQgMTQuNDAzMUMxMC4wMjI0IDEzLjkyNDMgOS42MzQwMSAxMy41MzU5IDkuMTU1MjIgMTMuNTM1OVoiIGZpbGw9IiMwMDE2NzYiLz4KPC9nPgo8L3N2Zz4K');
}

a.link {
    font-size: 1.8rem;
    margin: 0.2rem 0;
    display: block;
    padding: 0 0 0 2rem;
    background-repeat: no-repeat;
    background-position: left 0.7rem;
    background-size: 1.2rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTExLjkzOCAwSDUuMTc5ODFDNC41OTMyOSAwIDQuMTE3ODEgMC40NzU0ODMgNC4xMTc4MSAxLjA2MkM0LjExNzgxIDEuNjQ4NTMgNC41OTMyOSAyLjEyNDAxIDUuMTc5ODEgMi4xMjQwMUg5LjM3NDFMMC4zMTEwNTcgMTEuMTg3Qy0wLjEwMzY4NiAxMS42MDE4IC0wLjEwMzY4NiAxMi4yNzQyIDAuMzExMDU3IDEyLjY4ODlDMC43MjU3OTkgMTMuMTAzNyAxLjM5ODIxIDEzLjEwMzcgMS44MTI5NSAxMi42ODg5TDEwLjg3NiAzLjYyNTlWNy44MjAxOUMxMC44NzYgOC40MDY3MSAxMS4zNTE1IDguODgyMTkgMTEuOTM4IDguODgyMTlDMTIuNTI0NSA4Ljg4MjE5IDEzIDguNDA2NzEgMTMgNy44MjAxOVYxLjA2MkMxMyAwLjQ3NTQ4MyAxMi41MjQ1IDAgMTEuOTM4IDBaIiBmaWxsPSIjMDAxNjc2Ii8+Cjwvc3ZnPgo=');
}

/* Colors */

.colors {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.color {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 2rem;
    color: var(--black);
}

.color .left {
    text-align: left;
}

.color .right {
    text-align: right;
}

.color.full {
    flex-basis: 100%;
    min-height: 15rem;
}

.color.half {
    flex-basis: 50%;
    min-height: 10rem;
}

.color.third {
    flex-basis: 33.3333%;
    min-height: 10rem;
}

.color.sixth {
    flex-basis: 66.6666%;
    min-height: 10rem;
}

/* Photogallery */

.photo-gallery {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.left-small-photos {
    flex-basis: 33.3333%;
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}

.right-large-photo {
    flex-basis: 66.6666%;
}

.small-photo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 3/2;
}

.large-photo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 3/2.07;
}

.one-large-photo {
    flex-basis: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    aspect-ratio: 3/2;
}

.masonry .grid-sizer,
.masonry .item {
    width: 25%;
}

.masonry .item {
    display: flex;
    justify-content: center;
    transform: translateX(1rem);
}

.masonry .item img {
    width: 100%;
}

/* RESPONSIVE */

@media (max-width: 1250px) {
}

@media (max-width: 990px) {
}

@media (max-width: 750px) {
    .wp-block-group__inner-container {
        padding: 0 1.5rem;
    }

    .photo-gallery {
        flex-wrap: wrap;
    }

    .left-small-photos {
        flex-basis: 100%;
    }

    .right-large-photo {
        flex-basis: 100%;
    }

    .masonry .grid-sizer,
    .masonry .item {
        width: 50%;
    }

    .color.half {
        flex-basis: 100%;
    }

    .color.third {
        flex-basis: 100%;
    }

    .color.sixth {
        flex-basis: 100%;
    }
}

/* FORMS CSS */

input[type='text'],
input[type='email'],
input[type='number'],
input[type='password'],
input[type='phone'],
input[type='tel'],
input[type='date'] {
    display: block;
    width: 100%;
    border-style: solid;
    border-width: 0.1rem;
    border-radius: 0.2rem;
    border-color: var(--pentashot-blue);
    background-color: var(--bg-color-light);
    font-size: 2.2rem;
    font-weight: normal;
    font-style: normal;
    color: var(--font-color-dark);
    margin: 0;
    padding: 1.4rem 1.5rem 1rem;
    -webkit-appearance: none;
    appearance: none;
}

select {
    display: block;
    width: 100%;
    border-style: solid;
    border-width: 0.1rem;
    border-radius: 0.2rem;
    border-color: var(--pentashot-blue);
    background-color: var(--bg-color-light);
    font-size: 2.2rem;
    font-weight: normal;
    font-style: normal;
    color: var(--font-color-dark);
    margin: 0;
    padding: 1.4rem 1.5rem 1rem;
    appearance: none;
    background-repeat: no-repeat;
    background-position: calc(100% - 1.2rem);
    background-size: 1.2rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4xMzAwMzMgMC4xNjM2NjdDLTAuMDU1NzIgMC4zNjc5OTYgLTAuMDQwNjYxNyAwLjY4NDIyIDAuMTYzNjY3IDAuODY5OTc0TDUuNjYzNjcgNS44Njk5N0M1Ljg1NDM4IDYuMDQzMzUgNi4xNDU2MyA2LjA0MzM1IDYuMzM2MzQgNS44Njk5N0wxMS44MzYzIDAuODY5OTc0QzEyLjA0MDcgMC42ODQyMjEgMTIuMDU1NyAwLjM2Nzk5NiAxMS44NyAwLjE2MzY2OEMxMS42ODQyIC0wLjA0MDY2MTIgMTEuMzY4IC0wLjA1NTcxOTUgMTEuMTYzNyAwLjEzMDAzNEw2IDQuODI0MjdMMC44MzYzNCAwLjEzMDAzNEMwLjYzMjAxMSAtMC4wNTU3MTk5IDAuMzE1Nzg3IC0wLjA0MDY2MTcgMC4xMzAwMzMgMC4xNjM2NjdaIiBmaWxsPSIjMDA0M0NFIi8+Cjwvc3ZnPgo=');
}

textarea {
    display: block;
    width: 100%;
    border-style: solid;
    border-width: 0.1rem;
    border-radius: 0.2rem;
    border-color: var(--pentashot-blue);
    background-color: var(--bg-color-light);
    font-size: 2.2rem;
    font-weight: normal;
    font-style: normal;
    color: var(--font-color-dark);
    margin: 0;
    padding: 1.5rem 1.5rem;
    min-height: 4rem;
}

/* RESPONSIVE */

@media (max-width: 600px) {
}

/* BUTTONS CSS */

a.button {
    display: inline-block;
    cursor: pointer;
    border-radius: 1px;
    border: 1px solid var(--fresh-blue);
    background-color: var(--fresh-blue);
    color: var(--blue);
    font-size: 1.6rem;
    line-height: 1.56;
    font-weight: bold;
    text-decoration: none !important;
    margin: 0;
    padding: 1.2rem 2rem;
    text-align: center;
    min-width: 16rem;
}

a.button:hover {
    background-color: var(--blue);
    border: 1px solid var(--blue);
    color: var(--light-blue);
    text-decoration: none !important;
}

/* RESPONSIVE */

@media (max-width: 750px) {
}
