/* GENERAL STYLES */

.grecaptcha-badge {
    display: none;
}

html {
    text-rendering: optimizelegibility;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-tap-highlight-color: transparent;
}

::selection {
    background: #000000;

    color: #fff;
}

::-moz-selection {
    background: #000000;
    color: #fff;
}

body,
html {
    overflow-x: hidden;
}

body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #000000;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}

body.overflow,
html.overflow {
    overflow-y: hidden;
}

body .container {
    padding: 0px;
}

.main-container {
    overflow: hidden;
}

@media (min-width: 1300px) {
    .container {
        min-width: 1240px;
    }
}

.container {
    position: relative;

    z-index: 1;
}

img {
    max-width: 100%;

    height: auto;
}

.clearfix:after {
    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;
}

h2 {
    font-family: "Inter", sans-serif;

    font-size: 50px;

    font-weight: 700;

    line-height: 1.18;

    color: #000000;

    position: relative;

    margin: 0px;
}

h2:after {
    content: "";

    background: #eb008d;

    height: 10px;

    width: 60px;

    position: absolute;

    left: -90px;

    top: -30px;
}

.title-desc {
    margin-top: 15px;

    margin-bottom: 100px;
}

.title-desc p {
    font-size: 24px;

    line-height: 1.65;

    color: #000;

    margin-bottom: 35px;

    padding-right: 30px;
}

p {
    font-size: 18px;

    line-height: 1.56;

    color: #000;
}

section {
    position: relative;

    padding-bottom: 420px;

    padding-top: 30px;
}

.scroll-section {
    bottom: -280px;

    left: 0px;

    right: 0px;

    margin: 0 auto;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    font-size: 13px;

    line-height: 2.62;

    letter-spacing: 1.4px;

    text-align: center;

    color: #000000;
}

.scroll-section a {
    color: #000000;

    text-decoration: none;

    padding-bottom: 10px;

    display: inline-block;

    transition: 0.3s;
}

.scroll-section a:hover {
    color: #eb008d;
}

.scroll-section span {
    width: 1px;

    height: 47px;

    background: #eb008d;

    display: block;

    margin: 0 auto;
}

.box {
    position: relative;
}

.box.box-theme-2 {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
}

.box.box-theme-2:last-child {
    margin-bottom: 0;
}

.box.box-theme-2:nth-last-child(2):not(.even) {
    margin-bottom: 0;
}

.box.box-theme-1 {
    display: flex;
    flex-direction: column;
}

.box.box-theme-1 {
    text-align: center;
}

.box.box-theme-1 .icon {
    margin-left: auto;
    margin-right: auto;
}

.box.box-theme-1 .box-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.box.box-theme-2 .icon {
    margin-right: 30px;
}

.box.box-theme-2 .box-content {
    padding-bottom: 22px;
    border-bottom: solid 1px #eee;
    height: 100%;
}

.box-content p {
    margin-bottom: 30px;
}

.box-content p:empty {
    display: none;
}

.box-content .button {
    margin-top: 10px;
}

.box:after {
    content: "";

    background: rgba(45, 49, 55, 0.25);

    height: 2px;

    width: 40px;

    position: absolute;

    left: 0px;

    right: 0px;

    margin: 0 auto;

    top: 0px;
}

.box.with-icon:after {
    display: none;
}

.box .subtitle {
    font-family: "Inter", sans-serif;

    font-size: 24px;

    font-weight: 700;

    line-height: 1.43;

    margin-bottom: 15px;
}

.icon-container.item-solo > .row {
    justify-content: center;
}

.box.with-icon.solo {
    margin-left: 0;
}

.box.with-icon .subtitle {
    margin-bottom: 20px;
}

.box.box-theme-2 .subtitle {
    font-size: 28px;
    margin-bottom: 10px;
}

.box p {
    font-size: 18px;

    line-height: 1.56;
}

.box.with-icon > .icon {
    display: block;

    height: 100px;

    margin-bottom: 40px;

    text-align: center;
}

.box.with-icon > .icon img {
    margin: 0 auto;

    height: 100%;

    width: 100%;
}

.box.box-theme-2 .icon img {
    min-width: 80px;
    width: 80px;
    margin: -25px auto 0 auto;
}

.img-grid a {
    display: block;

    width: 100%;
}

.img-grid [class^="col-"] {
    height: 148px;

    margin-bottom: 35px;

    display: flex;

    justify-content: center;

    align-items: center;
}

.img-grid a img {
    width: auto;
}

.img-grid img {
    max-width: 100%;

    height: auto;

    margin: auto;

    display: block;

    filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

    transition: all 0.5s ease;
}

.img-grid img:hover {
    filter: grayscale(0%);

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    filter: grayscale(0%);

    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}

.person {
    position: relative;

    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .team-slider .slick-list {
        padding-left: calc((100% - 520px) / 2);
        padding-right: calc((100% - 520px) / 2);
    }

    .person-container {
        width: 100%;
        max-width: 100%;
        padding: 0 !important;
    }

    .team-slider {
        margin: 0 -5px;
    }
}

@media screen and (max-width: 576px) {
    .team-slider .slick-list {
        padding-left: 15px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 500px) {
    .team-slider .slick-list {
        padding-left: 26px;
    }
}

.team-slider .slick-slide {
    padding: 0 5px;
    outline: none !important;
}

.person img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: 0.3s;
    margin-bottom: 10px;
}

/* .person:hover img {
    filter: grayscale(0);
} */

.person .person-info {
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    position: relative;
}

.person .person-info .person-name {
    font-size: 24px;

    line-height: 1.33;

    margin: 0px;
    padding-bottom: 2px;
}

.person .person-info .person-function {
    font-size: 15px;
    line-height: normal;
    margin-bottom: 0px;
    opacity: 0.5;
}

.person .person-info a {
    color: #000;
    font-size: 20px;
    float: right;
    opacity: 1;
    transition: all 0.3s ease;
    position: absolute;
    right: 8px;
    top: 8px;
    line-height: 1;
}

.person .person-info a:hover {
    opacity: 1;
}

button:focus {
    outline: none;
}

.popupform_wrapper,
.popupform_wrapper h2:not(.gform_submission_error),
.popupform_wrapper legend {
    display: none;
}

.gform_submission_error:after {
    display: none;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.gform_wrapper .gform_validation_errors > h2 .gform-icon {
    left: inherit !important;
    right: calc(100% + 10px);
}

.gform_wrapper .gfield_error [aria-invalid="true"] {
    border-color: #c02b0a;
}

.morph-content .icon-close {
    font-size: 30px;
    color: #fff;
    float: right;
    margin-top: -10px;
    cursor: pointer;
    line-height: 1;
}

.morph-content .popupcontent .mail {
    padding: 0px 30px 15px;
    color: #eb008d;
    text-align: center;
    width: 100%;
    display: block;
}

.morph-button-fixed .morph-content > div,
.morph-button-modal-3.open .morph-content > div {
    height: 100%;
}

.content-style-form.content-style-form-2 {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-header {
    background: #eb008d;

    padding: 25px;

    text-align: left;
}

.popup-header span:first-of-type {
    font-family: "Inter", sans-serif;

    font-size: 20px;

    font-weight: 800;

    color: #ffffff;
}

.popupform_wrapper .input-field {
    margin-top: 25px;
}

.popupform_wrapper .input-field label {
    left: 0;

    text-align: left;

    font-size: 14px;

    color: #9e9e9e;

    top: 12px;
}

.popupform_wrapper .input-field label.active {
    font-size: 12px;

    top: 4px;
}

.popupform_wrapper .select-dropdown {
    display: none;
}

.popupform_wrapper .powermail_fieldwrap_type_select label {
    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    color: #eb008d;

    font-size: 12px;

    top: 4px;
}

.popupform_wrapper .select-wrapper input.select-dropdown {
    border-bottom: 1px solid #9e9e9e;

    color: #333;

    font-size: 18px;

    height: 45px;
}

.popupform_wrapper .dropdown-content {
    background: #fff;

    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.12);

    top: 10px !important;

    padding: 0px;
}

.popupform_wrapper .dropdown-content li {
    list-style-type: none;

    cursor: pointer;

    padding: 20px;
}

.popupform_wrapper .dropdown-content li:hover {
    background: rgba(0, 0, 0, 0.08);
}

.popupform_wrapper .dropdown-content li span {
    font-size: 16px;
}

.popupform_wrapper .powermail_submit {
    display: block;

    width: 100%;

    margin-top: 25px;

    color: #eb008d;

    padding: 20px 0px;

    background: #fff;

    font-size: 17px;

    font-weight: 600;

    font-style: normal;

    font-stretch: normal;

    line-height: 0.82;

    letter-spacing: 1.2px;
}

.popupform_wrapper .powermail_fieldwrap_message {
    margin-bottom: 20px;
}

.popupform_wrapper label[for="powermail_field_captcha"] {
    display: none;
}

.powermail_fieldwrap_type_check {
    margin-top: 5px;

    margin-bottom: 10px;

    display: inline-block;
}

.powermail_fieldwrap [type="checkbox"] + span {
    font-size: 16px;
}

.nolabel .powermail_label {
    display: none;
}

.button,
.morph-button-modal-3 > button,
.btn {
    background: transparent;

    font-size: 17px;

    font-weight: 500;

    line-height: 1;

    color: #ffffff;

    background-color: #eb008d;

    border-radius: 30px;

    border: solid 2px #eb008d;

    padding: 0px;

    text-transform: none;

    padding: 19px 46px;

    display: inline-block;
    letter-spacing: 0;
}

.button,
.btn {
    transition: border 0.3s, color 0.3s, background 0.3s;
}

.morph-button-modal-3 > button {
    padding: 0;
}

.morph-button-modal-3 > button {
    padding: 0;
}

.morph-button-modal-3 {
    transition: 0.3s;
}

header:not(.sticky) .morph-button-modal-3 {
    margin-top: -8px;
}

.btn-secondary,
.morph-button-modal-3 > button.btn-secondary {
    color: #000000;
    border-color: #000000;
    background-color: transparent;
}

.button:hover,
.morph-button-modal-3 > button:hover,
.btn:hover {
    text-decoration: none;

    color: #fff;
}

.btn-secondary:hover,
.morph-button-modal-3 > button.btn-secondary:hover {
    color: #dd007f;
    border-color: #dd007f;
    background-color: transparent;
}

.morph-button-modal::before {
    background: rgba(0, 0, 0, 0.5);
}

.scrollTop-btn {
    background: url("../images/icon/back-to-top.svg") no-repeat center;

    background-size: cover;

    opacity: 0;

    display: block;

    position: fixed;

    right: 30px;

    height: 50px;

    width: 50px;

    bottom: 30px;

    z-index: 1;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    transition: all 0.5s ease;
}

.scrollTop-btn.active {
    opacity: 0.2;
}

.scrollTop-btn:hover {
    opacity: 1;
}

.standard-page {
    padding: 250px 0px 200px;

    position: relative;
}

.standard-page h2 {
    margin-bottom: 60px;
}

.standard-page:before {
    content: "";

    background: url(../images/background_2.svg) no-repeat center;

    left: 0px;

    top: 380px;

    position: absolute;

    width: 100%;

    height: 1190px;

    z-index: -1;
}

/* HEADER */

#header {
    background: rgba(255, 255, 255, 0.92);

    left: 0px;

    top: 0px;

    padding-top: 28px;

    padding-bottom: 0px;

    position: fixed;

    width: 100%;

    z-index: 2;

    transition: all 0.5s ease;
}

/* .overflow-content #header {
    z-index: 1;
} */

#header .container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header.sticky {
    padding-top: 20px;

    padding-bottom: 20px;
}

#header .brand {
    float: left;
}

#header .brand .logo-full {
    height: 100%;

    opacity: 1;

    transition: all 0.5s ease;
}

/*

header .brand .logo-sticky {

  height: 0;

  width: 0;

  opacity: 0;

  transition: all 0.5s ease;

}

header.sticky .brand .logo-full {

  height: 0;

  width: 0;

  opacity: 0;

}

header.sticky .brand .logo-sticky {

  height: 100%;

  width: 220px;

  opacity: 1;

}*/

#header .brand img {
    height: auto;
    min-width: 237px;
    width: 237px;
}

#header.sticky .brand img {
    min-width: 180px;
    width: 180px;
}

#header .language-menu {
    padding: 0px;

    position: relative;

    right: 200px;

    margin-bottom: 0px;

    margin-top: 7px;
}

#header.sticky .language-menu {
    display: none;
}

#header .right-header {
    display: flex;
    align-items: center;
}

#header .language-menu li {
    list-style-type: none;

    float: left;
}

#header .language-menu li a {
    font-size: 18px;

    line-height: 1.89;

    letter-spacing: 0.1px;

    color: #bfbfbf;

    padding: 0px 10px;
}

#header .language-menu li a:hover,
#header .language-menu li a:focus {
    text-decoration: none;
}

#header .language-menu li.active a {
    color: #2d3137;
}

#header .linkedin-btn {
    font-size: 24px;

    float: left;

    color: #000000;

    margin-right: 30px;

    transition: all 0.3s ease;

    opacity: 0;
    visibility: hidden;
}

#header .linkedin-btn:hover {
    color: #eb008d;
}

#header.sticky .linkedin-btn {
    opacity: 1;
    visibility: visible;
}

.morph-button.morph-button-modal-3 {
    width: 155px;

    height: 58px;

    margin: 0px;
}

.intro-content .intro-morph-btn-1,
.intro-content .intro-morph-btn-1:not(.open).morph-button-fixed .morph-content,
.box-content .intro-morph-btn-1,
.box-content .intro-morph-btn-1:not(.open).morph-button-fixed .morph-content {
    width: 244px;
}

.intro-content .intro-morph-btn-1 {
    float: left;
}

.intro-content .morph-button.intro-morph-btn-2,
.intro-content .morph-button.intro-morph-btn-2:not(.open).morph-button-fixed .morph-content,
.box-content .morph-button.intro-morph-btn-2,
.box-content .morph-button.intro-morph-btn-2:not(.open).morph-button-fixed .morph-content {
    width: 197px;
}

.intro-content .morph-button.intro-morph-btn-2 {
    margin-right: 0;
}

#header .morph-button.morph-button-modal-3 {
    /* position: absolute; */

    top: 0px;

    right: 0px;
}

.morph-content .popupform_wrapper {
    display: block;
    padding: 20px 25px 20px 25px;
}

.morph-button-fixed,
.morph-button-fixed .morph-content {
    width: 155px;

    height: 58px;
}

.morph-button-modal-3.open .morph-content,
.morph-button-modal-3 .morph-content {
    background: #fff;

    border-radius: 30px;
    text-align: left;
}

/* .open-overflow .morph-button-modal-3 .morph-content {
    overflow-y: auto;
} */

.morph-button-modal-3.open .popupcontent {
    height: 100%;
    overflow: hidden;
}

.morph-button-modal-3.open .popupcontent.overflow {
    overflow: auto;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    padding: 0 5px !important;
    margin: 0;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:first-child {
    padding-left: 0 !important;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child {
    padding-right: 0 !important;
}

.wpml-ls-legacy-list-horizontal a {
    padding: 0;
    line-height: 1;
    color: #000000;
}

.wpml-ls-legacy-list-horizontal a {
    padding: 0 !important;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language a {
    color: #eb008d;
}

.wpml-ls-legacy-list-horizontal {
    border: 0 !important;
    padding: 0 !important;
    line-height: 1;
    margin: 0 20px 0 0;
    transition: 0.3s;
}

.wpml-ls-legacy-list-horizontal ul {
    list-style: none !important;
    display: flex;
}

header:not(.sticky) .wpml-ls-legacy-list-horizontal {
    margin-top: -8px;
}

.main-menu-inner {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    margin-right: 30px;
    transition: 0.3s;
}

header:not(.sticky) .main-menu-inner {
    margin-top: -8px;
}

.wpml-ls-legacy-list-horizontal a span {
    vertical-align: inherit !important;
}

.main-menu-inner li {
    padding: 0px 14px;
    line-height: 0;
}

.main-menu-inner li:last-child {
    padding-right: 0;
}

.main-menu-inner li a {
    line-height: 1;
    color: #000000;
    transition: 0.3s;
    font-size: 17px;
}

.main-menu-inner li a:hover,
.main-menu-inner li.current_page_item a {
    text-decoration: none;
    color: #eb008d;
}

/* SECTION INTRO */

#intro {
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: 100vh;

    padding: 130px 15px;

    position: relative;

    width: 100%;
}

#intro .scroll-section {
    bottom: -210px;
    bottom: 30px;
}

#intro .container {
    margin: inherit;
    position: initial;
}

.intro-header h1 {
    margin-top: 0px;

    padding-bottom: 4px;

    margin-bottom: 50px;

    font-family: "Inter", sans-serif;

    font-size: 84px;

    font-weight: 800;

    line-height: 1.1;

    color: #000000;
}

@-webkit-keyframes gradientAnim {
    to {
        background-position: 200% center;
    }
}

@keyframes gradientAnim {
    to {
        background-position: 200% center;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .intro-header h1 {
        background: none;
    }
}

.intro-header a {
    border-bottom: 3px solid rgba(0, 0, 0, 0.08);

    line-height: 1.25;

    color: #000000;

    text-decoration: none;

    transition: background-size 0.5s ease;

    margin-right: -20px;

    background-image: linear-gradient(to bottom, #eb008d 0%, #eb008d 100%);
    background-size: 0 3px;
    background-repeat: no-repeat;
    background-position: 100% calc(100% + 3px);
}

.intro-header a:hover {
    text-decoration: none;
    background-size: 100% 3px;
    background-position: 0 calc(100% + 3px);
}

.intro-content p {
    font-size: 28px;

    line-height: 1.57;

    color: #000000;

    margin-bottom: 25px;
}

.intro-content .button {
    margin-top: 10px;
    margin-right: 30px;
    float: left;
}

.intro-content .morph-button .button {
    margin-top: 0;
    margin-right: 0;
}

.intro-content .morph-button {
    margin-top: 10px;
    margin-right: 30px;
}

/* SECTION SECRET SAUCE */

#secret-sauce:before {
    content: "";

    background: url(../images/background_1.svg) no-repeat center;

    left: 0px;
    top: -500px;

    position: absolute;

    width: 100%;

    height: 1080px;

    z-index: -1;
}

@media (min-width: 1921px) {
    #secret-sauce:before {
        width: 100%;
        padding-bottom: 57%;
        top: -500px;
        top: -26vw;
        background-size: 100%;
        height: auto;
    }
}

#secret-sauce:after {
    content: "";

    background: url(../images/letter-a.svg) no-repeat right center;

    font-size: 379px;

    font-weight: bold;

    color: #eb008d;

    right: 70px;

    bottom: -75px;

    position: absolute;

    width: 250px;

    height: 379px;

    opacity: 0;

    -webkit-transition: all 0.75s ease;

    -o-transition: all 0.75s ease;

    transition: all 0.75s ease;

    z-index: 0;
}

#secret-sauce.active:after {
    bottom: 0px;

    opacity: 1;
}

#secret-sauce .title-desc {
    margin-top: 15px;

    margin-bottom: 20px;
}

#secret-sauce .ce-textpic p {
    font-size: 24px;

    line-height: 1.65;

    color: rgba(45, 49, 55, 0.9);

    margin-bottom: 35px;

    padding-right: 30px;
}

.subhead {
    font-size: 34px;

    font-style: italic;

    line-height: 1.16;

    color: rgba(45, 49, 55, 0.9);

    margin: 0px;
}

/* SECTION THEY HAVE LAUNCHED */

#portfolio:after {
    content: "";

    background: url(../images/letter-p.svg) no-repeat left center;

    font-size: 379px;

    font-weight: bold;

    color: #eb008d;

    left: 70px;

    bottom: -75px;

    position: absolute;

    width: 250px;

    height: 379px;

    opacity: 0;

    -webkit-transition: all 0.75s ease;

    -o-transition: all 0.75s ease;

    transition: all 0.75s ease;

    z-index: 0;
}

#portfolio.active:after {
    bottom: 0px;

    opacity: 1;
}

/* SECTION THE GUYS BEHIND */

#team:before {
    content: "";

    background: url(../images/background_2.svg) no-repeat center;

    left: 0px;

    top: -260px;

    position: absolute;

    width: 100%;

    height: 1190px;

    z-index: -1;
}

@media (min-width: 1921px) {
    #team:before {
        width: 100%;
        padding-bottom: 62%;
        top: -260px;
        top: -13vw;
        background-size: 100%;
        height: auto;
    }
}

#team:after {
    content: "";

    background: url(../images/letter-o.svg) no-repeat right center;

    font-size: 379px;

    font-weight: bold;

    color: #eb008d;

    right: 70px;

    bottom: -75px;

    position: absolute;

    width: 250px;

    height: 379px;

    opacity: 0;

    -webkit-transition: all 0.75s ease;

    -o-transition: all 0.75s ease;

    transition: all 0.75s ease;

    z-index: 0;
}

#team.active:after {
    bottom: 0px;

    opacity: 1;
}

/* SECTION I WANT TO JOIN */

#join {
    padding-bottom: 200px;
}

#join:after {
    content: "";

    background: url(../images/letter-l.svg) no-repeat left center;

    font-size: 379px;

    font-weight: bold;

    color: #eb008d;

    left: 70px;

    bottom: -75px;

    position: absolute;

    width: 250px;

    height: 379px;

    opacity: 0;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1;
}

.overflow #join:after {
    z-index: 0;
}

#join.active:after {
    bottom: 0px;

    opacity: 1;
}

#join .scroll-section {
    display: none;
}

.get-in-touch {
    padding-top: 100px;

    clear: left;

    text-align: center;

    position: relative;

    margin-top: 25px;
}

.get-in-touch .morph-content {
    text-align: left;
}

.get-in-touch:before {
    content: "";

    background: #eb008d;

    position: absolute;

    height: 47px;

    width: 1px;

    right: 0px;

    left: 0px;

    margin: 0 auto;

    top: 50px;
}

.get-in-touch h3 {
    font-family: "Inter", sans-serif;

    font-size: 24px;

    font-weight: 700;

    line-height: 1.33;

    color: #000000;

    margin-bottom: 10px;

    margin-top: 30px;
}

.get-in-touch p {
    margin-bottom: 30px;
}

/* SECTION OUR DEAR FRIENDS */

#partners {
    background: #f7f7f7;

    padding-bottom: 175px;

    z-index: 0;
}

.overflow #partners {
    z-index: -1;
}

#partners:before {
    content: "";

    background: url(../images/background_3.svg) no-repeat center;

    left: 0px;

    top: -890px;

    position: absolute;

    width: 100%;

    height: 900px;

    z-index: -1;
}

@media (min-width: 1921px) {
    #partners:before {
        width: 100%;
        padding-bottom: 57%;
        top: -890px;
        background-size: 100%;
        height: auto;
    }
}

#partners:after {
    content: "";

    background: url(../images/letter-o.svg) no-repeat right center;

    font-size: 379px;

    font-weight: bold;

    color: #eb008d;

    right: 70px;

    bottom: -75px;

    position: absolute;

    width: 250px;

    height: 379px;

    opacity: 0;

    -webkit-transition: all 0.75s ease;

    -o-transition: all 0.75s ease;

    transition: all 0.75s ease;

    z-index: 0;
}

#partners.active:after {
    bottom: 0px;

    opacity: 1;
}

#partners .scroll-section {
    display: none;
}

/*#partners .img-grid .col-md-4:nth-child(4) img {

  margin-top: 20px;

}*/

#partners .img-grid [class^="col-"]:nth-child(3) img {
    margin-top: -30px;
}

/* SECTION BUILDING TEAM */

#building-team {
    padding: 0px;

    position: relative;
}

#building-team .container {
    position: absolute;

    left: 0px;

    right: 0px;

    margin: 0 auto;

    top: 50%;

    transform: translateY(-50%);
}

#building-team h2 {
    color: #fff;
}

#building-team h2:after {
    display: none;
}

#building-team img {
    width: 100%;

    height: 100%;

    object-fit: cover;

    min-height: 250px;
}

#building-team .scroll-section {
    display: none;
}

/* FORM */

input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    width: 100% !important;
    font-size: 18px !important;
    margin: 0;
    padding: 0 !important;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}

textarea,
.popupform_wrapper.gform_wrapper.gravity-theme .gfield textarea.small {
    min-height: 100px;
    overflow: hidden;
    resize: none;
    padding-top: 10px !important;
}

input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="tel"],
input[type="number"],
input[type="search"] {
    height: 45px !important;
}

.gform_wrapper .input-field.gfield_error [aria-invalid="true"] {
    border: 0;
    border-bottom: 1px solid #c02b0a;
}

.gform_required_legend {
    display: none !important;
}

.gform_wrapper .gfield_error .ginput_container_consent [aria-invalid="true"]:checked {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    min-width: 12px;
    min-height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #c02b0a;
    border-bottom: 2px solid #c02b0a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    margin-right: 16px;
    border-radius: 0;
}
.gform_ajax_spinner {
    margin-left: 10px;
}

.gform_wrapper .gfield_required {
    color: #eb008d !important;
}

.gform_confirmation_wrapper {
    padding: 40px;
    text-align: center;
}

.popupform_wrapper .input-field.is-completed:not(.is-active) label {
    color: #9e9e9e;
}

.popupform_wrapper .input-field.is-completed label,
.popupform_wrapper .input-field.is-active label {
    top: 10px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #eb008d;
    font-size: 12px !important;
}

.popupform_wrapper .input-field {
    margin-top: 20px;
    position: relative;
}

.popupform_wrapper .input-field label {
    left: 0;
    text-align: left;
    font-size: 14px !important;
    color: #9e9e9e;
    top: 12px;
    position: absolute;
    cursor: text;
    font-weight: normal;
    transition: 0.2s ease-out;
    margin-bottom: 5px;
}

.hidden_label > label {
    display: none !important;
}

input:not([type]):focus:not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="datetime"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
textarea:focus:not([readonly]) {
    border-bottom: 1px solid #eb008d;
    -webkit-box-shadow: 0 1px 0 0 #eb008d;
    box-shadow: 0 1px 0 0 #eb008d;
}

.gform_footer {
    text-align: center;
}

input[type="checkbox"] {
    line-height: 0;
    margin-right: 10px;
    outline: 0;
    padding: 0 !important;
    position: relative;
    top: 3px;
    left: 0;
    text-align: center;
    -webkit-appearance: none;
    transition: 0.3s;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    z-index: 0;
    border: 1px solid #9e9e9e;
    border-radius: 1px;
    transition: 0.2s;
}

input[type="checkbox"]:checked {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    min-width: 12px;
    min-height: 22px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #eb008d;
    border-bottom: 1px solid #eb008d;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    margin-right: 16px;
}

input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.gform_wrapper.gravity-theme .gfield-choice-input {
    top: inherit;
}

input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}

input[type="radio"] + label {
    padding-left: 30px;
}

input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    border: solid 1px #ccc;
    border-radius: 100%;
    background: #fff;
    transition: 0.3s;
}

input[type="radio"]:disabled + label:before {
    opacity: 0.35;
}

input[type="radio"]:disabled + label {
    cursor: not-allowed;
}

input[type="radio"]:not(:checked):hover + label:before {
    border: 1px solid #eb008d;
}

input[type="radio"]:checked + label:before {
    border: 1px solid #eb008d;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #eb008d;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

select {
    display: none !important;
}

.gfield_label {
    color: #eb008d;
    font-size: 12px !important;
    top: 4px;
    font-weight: normal !important;
    margin-bottom: 0 !important;
}

.gform_wrapper.gravity-theme .gform_fields {
    display: block !important;
}

.gform_wrapper.gravity-theme .gform_fileupload_rules {
    font-size: 11px !important;
    margin-top: 5px !important;
    padding-top: 0 !important;
}

.ginput_container_fileupload input[type="file"] {
    font-size: 14px !important;
}

.gform_body .gform_fields .input-field:first-child {
    margin-top: 0 !important;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center;
}

.dropdown {
    box-sizing: border-box;
    background: #fff;
    cursor: pointer;
    display: block;
    outline: none;
    padding: 0 0 10px 0;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    user-select: none;
    width: 100%;
    border-bottom: 1px solid #9e9e9e;
    font-size: 18px;
}

.dropdown:after {
    content: "▼";
    display: block;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transform-origin: 50% 25%;
    color: #686868;
}

.dropdown.open:after {
    transform: rotate(-180deg);
}

.dropdown.open .list {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.dropdown.open .option {
    cursor: pointer;
    margin-bottom: 0px;
}

.dropdown.wide {
    width: 100%;
}

.dropdown.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.dropdown .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    transform: scale(0.75);
    transform-origin: 50% 0;
    background-color: #fff;
    border-radius: 0px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    min-width: 100%;
    left: 0px;
    z-index: 999;
    top: 0;
    box-shadow: 0 2px 5px 0px rgb(0 0 0 / 12%);
}

.dropdown .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.dropdown .list ul {
    height: auto;
    max-height: 400px;
    overflow: auto;
    padding: 0;
    margin: 0;
}

.dropdown .list ul {
    scrollbar-width: thin;
    scrollbar-color: #eb008d #d2dce1;
}

.dropdown .list ul::-webkit-scrollbar-track {
    background-color: #d2dce1;
}

.dropdown .list ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #d2dce1;
}

.dropdown .list ul::-webkit-scrollbar-thumb {
    background-color: #eb008d;
}

.dropdown .option {
    cursor: default;
    font-weight: normal;
    outline: none;
    display: block;
    font-size: 18px;
    text-transform: none;
    padding: 12px 19px;
    text-align: left;
    transition: all 0.2s;
}

.dropdown .option:before {
    display: none;
}

.dropdown .option:hover,
.dropdown .option:focus {
    background: rgba(0, 0, 0, 0.08);
}

.dropdown .current {
    opacity: 1;
    transition: all 0.3s ease;
}
.gfield .dropdown .current {
    opacity: 1;
    transition: all 0.3s ease;
}

.gfield.open .dropdown .current {
    opacity: 1;
}

.ginput_container_consent {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
    display: flex;
}

.gfield_consent_label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    font-size: 16px;
}

.gfield_required_asterisk {
    display: none;
}

.ginput_container_consent .gfield_required_asterisk {
    display: none !important;
}

/* FOOTER */

footer {
    background: #000000;
    position: relative;
}

footer .top-footer {
    padding: 60px 0px 65px 0px;
}

footer h5 {
    font-family: "Inter", sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.63;

    letter-spacing: 1px;

    margin-top: 0px;

    color: #efefef;

    text-transform: uppercase;
}

footer ul {
    padding: 0px;
}

footer ul li {
    font-size: 16px;

    line-height: 1.63;

    text-align: left;

    color: #ffffff;

    list-style-type: none;
}

footer .address ul li {
    color: #898989;
}

footer ul li a {
    color: #fff;

    transition: all 0.3s ease;
}

footer ul li a:focus {
    color: #c3c3c3;
}

footer .morph-button.morph-button-modal-3,
footer .morph-button-fixed,
footer .morph-button-fixed .morph-content {
    width: 145px;

    height: 44px;
}

footer .morph-button-modal-3 > button {
    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    letter-spacing: 0.5px;

    color: #fff;

    background-color: transparent;

    border-radius: 30px;

    border: solid 2px #fff;

    padding: 10px 0px;

    display: inline-block;
}

footer .morph-button-modal-3 {
    margin-top: 18px !important;
}

footer .morph-button-modal-3 > button:hover {
    text-decoration: none;
    color: #fff;
    background: none;
    border-color: #eb008d;
}

footer .social-icon {
    text-align: right;
}

footer .social-icon a {
    font-size: 24px;

    color: #ffffff;

    display: inline-block;

    transition: all 0.3s ease;
    opacity: 0.75;
}

footer .social-icon a:focus {
    color: #c3c3c3;
}

footer .social-icon a:hover {
    text-decoration: none;
    opacity: 1;
}

footer .social-icon a:first-of-type {
    margin-right: 20px;
}

footer .bottom-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.07);

    padding: 20px 0px;

    overflow: auto;
}

footer .bottom-footer a {
    color: #ffffff;

    transition: all 0.3s ease;
}

footer .bottom-footer a:focus {
    color: #eb008d;
}

footer .bottom-footer a:hover,
footer ul li a:hover {
    color: #eb008d;

    text-decoration: none;
}

footer .bottom-footer .copyright,
footer .bottom-footer .powered,
footer .bottom-footer .powered p,
footer .bottom-footer .copyright ul li a {
    color: #7d7d7d;

    font-size: 14px;

    line-height: 1.86;

    margin-bottom: 0;
}

footer .bottom-footer .copyright ul li a {
    color: #fff;
}

footer .bottom-footer .copyright ul li a:hover {
    color: #eb008d;
}

footer .bottom-footer .copyright ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

footer .bottom-footer .copyright {
    display: flex;
    flex-wrap: wrap;
}

footer .bottom-footer .copyright ul li:after {
    content: " - ";
    color: #7d7d7d;
    margin-right: 3px;
    font-size: 14px;
}

footer .bottom-footer .powered {
    float: right;

    margin-bottom: 0px;
}

footer .bottom-footer .copyright {
    float: left;
}

@media (max-width: 1850px) {
    #secret-sauce:after,
    #team:after,
    #partners:after {
        right: 40px;
    }

    #portfolio:after,
    #join:after {
        left: 40px;
    }
}

@media (max-width: 1800px) {
    #secret-sauce:after,
    #team:after,
    #partners:after {
        right: 20px;
    }

    #portfolio:after,
    #join:after {
        left: 20px;
    }
}

@media (max-width: 1750px) {
    #secret-sauce:after,
    #team:after,
    #partners:after {
        right: 15px;
    }

    #portfolio:after,
    #join:after {
        left: 15px;
    }
}

@media (max-width: 1700px) {
    #secret-sauce.active:after,
    #team.active:after,
    #partners.active:after,
    #portfolio.active:after,
    #join.active:after {
        opacity: 0.57;
    }
}

@media (max-width: 1550px) {
    #header .brand img {
        min-width: 200px;
        width: 200px;
    }
}

@media (max-width: 1450px) {
    h2:after {
        left: -5px;

        top: -20px;
    }
}

@media (max-width: 1200px) {
    .intro-header h1 {
        margin-bottom: 40px;
        font-size: 74px;
    }

    .intro-content p {
        font-size: 20px;
    }

    #intro .scroll-section {
        bottom: -150px;
        bottom: 30px;
    }
}

@media (max-width: 991px) {
    body .container {
        padding: 0px 15px;
    }

    body #header .container {
        padding: 0px 15px;
    }

    .overflow-content #header {
        z-index: 0;
    }

    #secret-sauce:after,
    #portfolio:after,
    #team:after,
    #join:after,
    #partners:after {
        right: 15px;

        left: inherit;

        bottom: inherit;

        top: -140px;

        opacity: 0.2;

        background-position: right center;

        width: 200px;

        height: 340px;

        background-size: contain;
    }

    h2 {
        margin-bottom: 60px;
    }

    .person-container {
        margin-bottom: -30px;
    }

    .person {
        margin-bottom: 30px;
    }

    #join:after {
        z-index: 0;

        height: 280px;

        top: -120px;
    }

    #partners .img-grid [class^="col-"]:nth-child(3) img {
        margin-top: 0px;
    }

    footer img {
        margin-bottom: 50px;
    }

    footer .icon.icon-close,
    footer .icon.icon-close img {
        margin-bottom: 0;
    }

    footer .social-icon {
        margin-top: 30px;

        text-align: left;
    }

    .intro-header h1 {
        margin-bottom: 40px;
        font-size: 60px;
    }

    .intro-header h1 span {
        display: inline-block;
        width: 25px;
    }

    .intro-content p {
        font-size: 20px;
    }

    #intro .scroll-section {
        bottom: -150px;
        bottom: 30px;
    }

    .project-step .number {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    #header {
        padding-top: 25px;
    }

    #header.sticky {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #header .brand img,
    #header.sticky .brand .logo-sticky {
        min-width: 180px;
        width: 180px;
    }

    .box {
        margin-bottom: 80px;
    }

    .box:last-of-type {
        margin-bottom: 0px;
    }

    section {
        padding-bottom: 200px;
    }

    #intro .scroll-section,
    #secret-sauce .scroll-section,
    #portfolio .scroll-section,
    #team .scroll-section {
        display: none;
    }

    .img-grid [class^="col-"] {
        height: 130px;
    }

    .box-content p {
        margin-bottom: 20px;
    }

    .wpml-ls-legacy-list-horizontal .wpml-ls-item {
        padding: 0 3px !important;
    }

    .wpml-ls-legacy-list-horizontal a {
        font-size: 12px !important;
    }

    .wpml-ls-legacy-list-horizontal {
        margin: 0 10px 0 0;
    }

    .main-menu-inner {
        margin-right: 15px;
    }

    .main-menu-inner li {
        padding: 0px 10px;
    }

    .main-menu-inner li a {
        font-size: 12px;
    }

    #header .linkedin-btn {
        font-size: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 650px) {
    #header {
        padding-top: 15px;
    }

    #header.sticky {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #header .brand img,
    #header.sticky .brand img {
        min-width: 110px;
        width: 110px;
    }

    .wpml-ls-legacy-list-horizontal {
        margin: 0;
    }

    #header .morph-button-modal-3 > button {
        font-size: 12px;
    }

    /*header.sticky .brand .logo-sticky {

    width: 150px;

  }*/

    .button,
    .morph-button-modal-3 > button {
        font-size: 15px;
    }

    .button,
    .btn {
        padding: 15px 20px;
    }

    .intro-content .button {
        margin-right: 10px;
    }

    .intro-content .morph-button .button {
        margin-top: 0;
        margin-right: 0;
    }

    .intro-content .morph-button {
        margin-right: 10px;
    }

    .intro-content .button + .button {
        margin-right: 0;
    }

    #header .morph-button.morph-button-modal-3 {
        width: 95px;
        height: 44px;
        top: 0px;
    }

    #header .linkedin-btn {
        margin-top: 0px;
        margin-right: 10px;
        font-size: 15px;
    }

    .box.box-theme-2 .icon img {
        min-width: 60px;
        width: 60px;
    }

    .box.with-icon > .icon {
        height: 60px;
        margin-bottom: 10px;
    }

    #header .morph-button-fixed:not(.open),
    #header .morph-button-fixed:not(.open) .morph-content,
    .morph-button.morph-button-modal-3 {
        width: 95px;
        height: 44px;
    }

    #header .morph-button-fixed:not(.open),
    #header .morph-button-fixed:not(.open) .morph-content {
        width: 82px;
        height: 40px;
    }

    .intro-content .intro-morph-btn-1,
    .intro-content .intro-morph-btn-1:not(.open).morph-button-fixed .morph-content,
    .box-content .intro-morph-btn-1,
    .box-content .intro-morph-btn-1:not(.open).morph-button-fixed .morph-content {
        width: 174px;
    }

    .intro-content .morph-button.intro-morph-btn-2,
    .intro-content .morph-button.intro-morph-btn-2:not(.open).morph-button-fixed .morph-content,
    .box-content .morph-button.intro-morph-btn-2,
    .box-content .morph-button.intro-morph-btn-2:not(.open).morph-button-fixed .morph-content {
        width: 133px;
    }

    .morph-button-fixed .morph-content {
        width: 95px;
        height: 44px;
    }

    #header .language-menu {
        right: 120px;
    }

    #header .language-menu li a {
        font-size: 15px;
    }

    .intro-content p {
        padding: 0px;
    }

    .img-grid [class^="col-"] {
        height: 120px;
    }

    footer .bottom-footer .copyright,
    footer .bottom-footer .powered {
        float: none;
    }

    .gform_wrapper.gravity-theme input[type="submit"] {
        line-height: 1 !important;
    }
}

@media (max-width: 550px) {
    .person .person-info .person-name {
        font-size: 16px;
    }

    .person .person-info .person-function {
        font-size: 12px;
        line-height: normal;
    }

    .person .person-info a {
        font-size: 12px;
        top: 5px;
    }
}

@media (max-width: 500px) {
    body .container {
        padding: 0px 26px;
    }

    body #header .container {
        padding: 0px 15px;
    }

    .social-icon {
        margin-top: 0px;
    }

    #intro {
        padding: 130px 0px;
    }

    .intro-header h1 {
        font-size: 54px;
    }

    .intro-content p {
        font-size: 24px;
    }

    .title-desc p {
        font-size: 20px;
    }

    .person {
        margin-bottom: 23px;
    }

    .col-xs-6 {
        width: 100%;
    }

    footer .social-icon {
        text-align: left;

        margin-top: 0px;
    }

    .img-grid .col-xs-6 {
        width: 50%;
    }

    .img-grid [class^="col-"] {
        height: 80px;
    }

    footer .address {
        margin-bottom: 60px;
    }

    footer ul {
        margin-bottom: 0px;
    }
}

@media (max-width: 400px) {
    .intro-header h1 {
        font-size: 52px;

        margin-bottom: 40px;
    }
}

@media (max-width: 350px) {
    #intro {
        display: block;

        padding: 120px 0px 80px;
        min-height: inherit;
        height: auto;
    }

    .intro-header h1 {
        font-size: 40px;

        margin-bottom: 40px;
    }

    .intro-header a {
        line-height: 1.2;
    }

    .intro-content p {
        font-size: 20px;
    }
}

@media (max-height: 675px) {
    .popup-header {
        padding: 15px 25px;
    }

    .morph-content .popupform_wrapper {
        padding: 5px 25px 20px 25px;
    }

    .popupform_wrapper .input-field {
        margin-top: 20px;
    }

    .morph-button-modal-3.open .morph-content {
        max-height: 100%;

        /* overflow: scroll; */

        margin: -298px 0 0 -215px;

        width: 430px;

        height: 595px;

        max-height: 100%;
        /* width: calc(100% - 30px) !important; */
        /* margin: 15px !important; */
        border-radius: 25px;
    }
}

@media (max-height: 650px) {
    #intro {
        display: block;
        min-height: inherit;
        height: auto;

        padding: 170px 0px;
    }

    #intro .container {
        margin: auto;
    }
}

@media (max-width: 768px) and (max-height: 675px) {
    #intro {
        display: block;
        min-height: inherit;
        height: auto;

        padding: 140px 0px;
    }

    #intro .container {
        margin: auto;
    }
}

@media (max-height: 600px) {
    .popup-header {
        padding: 15px 25px;
    }

    .morph-content .popupform_wrapper {
        padding: 5px 25px 20px 25px;
    }

    .popupform_wrapper .input-field {
        margin-top: 20px;
    }

    .morph-button-modal-3.open .morph-content {
        margin: 0px 0 0 -215px;

        height: 100%;

        top: 0 !important;
    }
}

.btn-6 span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #dd007f;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.btn-6:hover {
    color: #fff;
}
.btn-6:hover span {
    width: 225%;
    height: 562.5px;
}
.btn-6:active {
    background-color: #a8aba8;
}

.btn-6 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.4s ease-in-out;
}

/* TARTEAUCITRON START */
#tarteaucitronAlertBig {
    transform: translateX(-50%) !important;
    transition: 0.5s !important;
    transition-delay: 0.8s !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: none !important;
    color: #000000;
    padding: 30px 30px !important;
    width: 80% !important;
    transform: translateX(-50%) !important;
    left: 50% !important;
    margin: auto;
    text-align: left !important;
    bottom: 30px;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 0px 50px rgb(0 0 0 / 10%) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    box-sizing: border-box !important;
}

#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    background-color: #000000 !important;
    border: none !important;
    padding: 18px 30px !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s linear !important;
    display: inline-block !important;
    cursor: pointer !important;
    float: right;
    position: relative;
    z-index: 1;
    border-radius: 0px !important;
    margin-left: 15px !important;
}

#tarteaucitronRoot .tarteaucitronAllow:hover,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover {
    background-color: #eb008d !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 21px !important;
    line-height: normal !important;
    color: #000000 !important;
    padding: 0px !important;
    width: 70%;
    float: left;
    margin-top: 18px;
    /* display: flex;
    align-items: center; */
}

#tarteaucitronRoot .tarteaucitronCheck::before {
    display: none !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
    background: none !important;
    color: #000000 !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    padding: 18px 0px !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
    float: right;
    margin-left: 15px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
    font-size: 16px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: none !important;
    border: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    background: #fff !important;
    border: none !important;
}

#tarteaucitronRoot button#tarteaucitronBack {
    opacity: 0.5 !important;
    background: #000000 !important;
}

#tarteaucitron .tarteaucitronBorder {
    border: none !important;
}

#tarteaucitronRoot .tarteaucitronH1 {
    font-size: 1.5em;
    text-align: center;
    color: #000000 !important;
    margin: 15px 0 28px;
    font-weight: 700 !important;
    font-size: 35px !important;
    line-height: normal;
}

.tarteaucitronMainLine div#tarteaucitronInfo {
    font-size: 18px !important;
}

.tarteaucitronTitle {
    background: #fff;
}

#tarteaucitronRoot div#tarteaucitron {
    outline: none;
}

#tarteaucitron #tarteaucitronInfo {
    background: none !important;
    color: #000000 !important;
    padding: 0 !important;
    border: none !important;
}

#tarteaucitronRoot .tarteaucitronH2 {
    color: #000000 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    background-color: #000000 !important;
    margin-top: 0 !important;
}

#tarteaucitronClosePanel {
    background: none !important;
    font-size: 0 !important;
    padding: 0 !important;
    width: auto !important;
    top: 0;
    outline: none !important;
    right: 20px !important;
    top: 40px;
    color: #000000 !important;
    z-index: 2;
    top: 15px;
}

#tarteaucitronClosePanel:after {
    content: "\f057";
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    font-size: 35px !important;
}

#tarteaucitron div#tarteaucitronServices {
    margin-top: 0px !important;
}

#tarteaucitronRoot div#tarteaucitron {
    background: #fff;
    border-radius: 0px;
    padding: 20px 0;
}

#tarteaucitronRoot .tarteaucitronCross::before {
    display: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    font-weight: 700 !important;
}

div#tarteaucitronServices {
    box-shadow: none !important;
}

#tarteaucitronPercentage {
    display: none !important;
}

#tarteaucitronDisclaimerAlert:after {
    content: "";
    background-image: url(../images/icon-cooki-color-2.png);
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 15px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -4px;
}

@media (max-width: 991px) {
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
        width: 100%;
        padding: 0 !important;
        margin-top: 0;
    }

    #tarteaucitronRoot .tarteaucitronAllow,
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
        float: left;
        margin-left: 0px !important;
        margin-top: 20px;
    }

    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
        float: left;
        margin-left: 15px;
        margin-top: 20px;
    }

    #tarteaucitronClosePanel:after {
        font-size: 30px !important;
    }

    #tarteaucitronRoot div#tarteaucitron {
        border-radius: 0px;
        padding-top: 0;
    }
}

@media (max-width: 576px) {
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
        clear: left;
        margin-top: 5px;
        margin-left: 15px;
        padding-bottom: 0 !important;
    }
}
/* TARTEAUCITRON END */

.ginput_container_fileupload {
    display: inline-block;
    text-align: left;
    width: 100%;
    position: relative;
}

.ginput_container_fileupload > [type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.ginput_container_fileupload .input-file > .button {
    display: inline-block;
    cursor: pointer;
    background: #eee;
    padding: 10px 20px;
    margin-right: 8px;
    background: #000;
    border: none;
    font-size: 15px;
    transition: 0.3s;
}

.ginput_container_fileupload:hover .input-file > .button {
    background: #eb008d;
    color: white;
}

.ginput_container_fileupload .input-file > .label {
    color: #333;
    white-space: nowrap;
    opacity: 0.3;
}

.ginput_container_fileupload.-chosen .input-file > .label {
    opacity: 1;
}

.ginput_container_fileupload .input-file {
    display: flex;
    align-items: center;
}