/* 
    BLUE #1B2B45 
    GREEN #8DE600
*/

:root {
    --ff-primary: #1B315E;
    --ff-secondary: #FBD008;
    --ff-grey: #6C81AA;
    --ff-mobile-size: 12px;
    --ff-text-size: 14px;
    --ff-text-size-plus: 16px;
    --ff-title-size: 20px;
    --ff-title-size-plus: 24px;
    --ff-header-size: 30px;
    --ff-header-size-plus: 40px;
    --ff-xsmall: 10px;
    --ff-small: 20px;
    --ff-medium: 30px;
    --ff-large: 40px;
    --ff-xlarge: 50px;
    --ff-container-max-width: 1200px;
    --ff-container-small-max-width: 1000px;
    --ff-mobile-viewport: 767px;
}

@font-face {
    font-family: "AcuminLight";
    src: url(../assets/fonts/Acumin_Pro_Wide_Light.otf) format("truetype");
}
@font-face {
    font-family: "AcuminLightItalic";
    src: url(../assets/fonts/Acumin_Pro_Wide_Light_Italic.otf) format("truetype");
}
@font-face {
    font-family: "AcuminMedium";
    src: url(../assets/fonts/Acumin_Pro_Wide_Medium.otf) format("truetype");
}
@font-face {
    font-family: "AcuminBold";
    src: url(../assets/fonts/Acumin_Pro_Wide_Bold.otf) format("truetype");
}
@font-face {
    font-family: "AcuminBlack";
    src: url(../assets/fonts/Acumin_Pro_Wide_Black.otf) format("truetype");
}
@font-face {
    font-family: "AcuminUltraBlack";
    src: url(../assets/fonts/Acumin_Pro_Wide_UltraBlack.otf) format("truetype");
}

* {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

body {
	height: 100vh;
	width: 100%;
    background: var(--ff-primary);
    overflow-x: hidden;
}

/*------------------------------------------
----------------- GENERAL ------------------
------------------------------------------*/
span, p {
    font-family: 'AcuminLight';
    font-size: var(--ff-text-size);
    color: black;
    text-align: justify;
}

label {
    display: block;
    font-family: 'AcuminBold';
    font-size: var(--ff-text-size);
    color: black;
}

input {
    height: 40px;
    width: 100%;
    padding-left: 10px;
    border: 1px solid #1B2B45;
    border-radius: 3px;
    font-family: 'AcuminMedium';
    font-size: var(--ff-text-size);
    color: #1B2B45;
    outline: none;
}

textarea {
    display: block;
    height: 100px;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    border: 1px solid #1B2B45;
    border-radius: 3px;
    font-family: 'AcuminMedium';
    font-size: var(--ff-text-size);
    color: #1B2B45;
    outline: none;
}

b {
    font-family: 'AcuminBold'!important;
}

a {
    height: auto;
    width: 100%;
    text-decoration: none!important;
}

a:hover > span {
    color: var(--ff-secondary)!important;
    cursor: pointer;
}

a.active > span, a.active > svg {
    color: var(--ff-secondary)!important;
}

a.dropdown > img {
    height: 20px;
    width: 20px;
    margin-left: 20px;
    border-radius: 50%;
}

a.link {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

div.ff-header-picture img {
    max-width: 600px;
}

div.ff-text-white span {
    color: white;
}

div.ff-mb-100 {
    margin-bottom: 100px!important;
}

@media only screen and (max-width: 767px) {
    div.ff-header-picture img {
        width: 95%;
    }

    span, p {
        font-size: var(--ff-text-size);
    }
}

/*------------------------------------------
--------------- BOOTSTRAP -----------------
------------------------------------------*/
.modal-dialog {
    max-width: 100%!important;
}

.modal-content {
    border: 0!important;
}

/*------------------------------------------
--------------- CONTAINERS -----------------
------------------------------------------*/
div.ff-container {
    height: auto;
    width: 100vw;
    max-width: 100%;
}

div.ff-container-white {
    height: auto;
    width: 100vw;
    max-width: 100%;
    background: white;
}

div.ff-container-white span {
    color: var(--ff-primary);
}

div.ff-container-primary {
    position: relative;
    height: auto;
    width: 100vw;
    max-width: 100%;
    background: var(--ff-primary)
}

div.ff-container-secondary {
    position: relative;
    height: auto;
    width: 100vw;
    max-width: 100%;
    background: var(--ff-secondary)
}

div.ff-container-centered {
    height: auto;
    width: 100%;
    max-width: var(--ff-container-max-width);
}

div.ff-container-small-centered {
    height: auto;
    width: 100%;
    max-width: var(--ff-container-small-max-width);
}

div.ff-container-yellow-border {
    border-top: 2px solid var(--ff-secondary);
}

@media only screen and (max-width: 767px) {
    div.ff-container-secondary {
        padding-bottom: 150px;
    }
}

/*------------------------------------------
----------------- HEADER -------------------
------------------------------------------*/
div.header {
    height: auto;
    width: 100%;
}

img.header-logo {
    width: 100%;
    max-width: 300px;
    cursor: pointer;
}

div.upper-menu {
    height: auto;
    width: 100%;
}

div.upper-menu span {
    font-size: var(--ff-mobile-size)!important;
    color: white;
}

div.lower-menu {
    height: auto;
    width: 100%;
}

div.lower-menu span {
    font-size: var(--ff-text-size)!important;
    color: white;
}

div.lower-menu svg {
    color: white;
    cursor: pointer;
}

div.ff-mobile-menu-dialog-content {
    height: 100vh;
    width: 100vw;
    margin: 0;
    background: var(--ff-primary);
}

div.ff-mobile-menu-dialog span, div.ff-mobile-menu-dialog svg {
    color: white;
}

div.ff-mobile-menu-dialog-page span {
    font-family: 'AcuminBold';
    font-size: var(--ff-title-size)!important;
    color: white;
}

button.ff-mobile-menu-icon {
    height: auto;
    //width: 30px;
    background: transparent;
    border: none;
    outline: none;
    font-size: 30px;
    color: white;
}

button.ff-mobile-menu-icon:hover {
    color: var(--ff-secondary);
}

@media only screen and (max-width: 767px) {
    div.header {
        padding: 20px;
    }
}

/*------------------------------------------
--------------- LANGUAGES ------------------
------------------------------------------*/
/* LANGUAGES */
div.languages {
    height: 40px;
    width: auto;
    min-width: 200px;
    padding: 0 10px;
    border: 1px solid #1B2B45;
    border-radius: 3px;
    cursor: pointer;
}

button.ff-language-btn {
    outline: none;
    border-radius: 0;
    background: var(--ff-secondary);
    font-size: var(--ff-text-size);
}

div.ff-dropdown {
    min-width: 0!important;
    width: 170px;
}

a.ff-language-dropdown span {
    color: black!important;
    font-size: var(--ff-mobile-size)!important;
    cursor: pointer;
}

a.ff-language-dropdown span:hover {
    color: var(--ff-secondary) !important;
}


div.languages img {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    div.languages {
        width: 200px;
        margin-top: 20px;
        padding: 0 5px;
        border-color: white;
        border-radius: 0;
    }

    div.languages span {
        color: white!important;
    }
}

/*------------------------------------------
----------------- FOOTER -------------------
------------------------------------------*/
div.footer {
    height: auto;
    width: 100%;
}

div.footer span {
    color: white;
    font-size: var(--ff-text-size);
}

div.footer a:hover > span {
    color: var(--ff-secondary)!important;
}

@media only screen and (max-width: 767px) {
    div.footer {
        padding: 20px;
    }
}

/*------------------------------------------
--------------- COPYRIGHT ------------------
------------------------------------------*/
div.copyright {
    height: auto;
    width: 100%;
    border-top: 1px solid var(--ff-grey);
}

div.copyright span {
    font-size: var(--ff-mobile-size)!important;
    color: var(--ff-grey)!important;
}

/*------------------------------------------
----------------- ACADEMY ------------------
------------------------------------------*/
img.ff-academy-picture {
    position: relative;
    z-index: 50;
    max-width: 250px;
}

div.ff-academy-footer {
    margin-top: -200px;
}

div.ff-academy-footer-picture img {
    max-width: 500px;
}

@media only screen and (max-width: 767px) {
    img.ff-academy-picture {
        height: 400px;
    }

    div.ff-academy-footer {
        margin-top: -350px;
        padding-top: 400px;
    }

    div.ff-academy-footer-picture img {
        width: 80%;
    }
}

/*------------------------------------------
--------------- CHARITIES ------------------
------------------------------------------*/
button.ff-charities-button {
    height: 40px;
    width: auto;
    background: var(--ff-secondary);
    border: none;
    font-family: 'AcuminMedium';
}
div.ff-charities-list {}

div.ff-charities-list img {
    max-height: 100px;
    max-width: 120px;
}

/*------------------------------------------
---------------- COACHING ------------------
------------------------------------------*/
div.ff-coaching-header img {
    max-width: 600px;
}

div.ff-coaching-values-text {
    position: relative;
    z-index: 50;
    padding-bottom: 200px;
}

div.ff-coaching-title span {
    font-family: 'AcuminMedium';
    font-size: var(--ff-header-size-plus);
    color: var(--ff-primary);
    line-height: var(--ff-header-size-plus);
}

img.ff-coaching-values-img {
    position: absolute;
    top: -20px;
    right: -20px;
    max-width: 500px;
}

div.ff-coaching-licences {
    height: 250px;
    width: 100%;
    margin-top: -125px;
}

div.ff-coaching-licences-container {
    position: relative;
    height: 250px;
    width: 70vw;
    border-top: 250px solid white;
    border-right: 10vw solid transparent;
}

div.ff-coaching-licences-content {
    height: 250px;
    width: 100%;
    margin-top: -250px;
}

div.ff-coaching-licences-text {
    width: 80%;
    max-width: calc(var(--ff-container-small-max-width) / 2 + 10vw);
}

div.ff-coaching-licences-text span {
    color: var(--ff-primary);
}

div.ff-coaching-footer {
    position: relative;
    z-index: 50;
}

div.ff-coaching-footer img {
    max-width: 800px;
}

@media only screen and (max-width: 767px) {
    div.ff-coaching-header img {
        width: 95%;
    }

    div.ff-coaching-values-text {
        padding-bottom: 0px;
    }

    div.ff-coaching-title span {
        font-size: var(--ff-title-size-plus);
        line-height: var(--ff-title-size-plus);
    }

    div.ff-coaching-values-img-mobile {
        margin-top: -20px;
        margin-right: -20px;
        text-align: right;
    }

    div.ff-coaching-values-img-mobile img {
        width: 80%;
        max-width: 400px;
    }

    div.ff-coaching-licences-container {
        width: 100vw;
        border-top: 250px solid white;
        border-right: 30vw solid transparent;
    }

    div.ff-coaching-licences-text {
        width: 100%;
    }

    div.ff-coaching-footer img {
        width: 95%;
    }
}

/*------------------------------------------
------------- DISCLAIMER -------------------
------------------------------------------*/
div.ff-disclaimer-title span {
    font-family: 'AcuminBold';
    font-size: var(--ff-title-size);
    color: var(--ff-primary);
}

div.ff-disclaimer-desc span {
    font-family: 'AcuminLight';
    font-size: var(--ff-text-size);
    color: var(--ff-primary);
}

/*------------------------------------------
----------------- EXPERTS ------------------
------------------------------------------*/
div.ff-experts-header img {
    max-width: 600px;
}

div.ff-experts-title {
    height: auto;
    width: 100%;
    padding-bottom: 250px;
}

div.ff-experts-title span {
    font-family: 'AcuminMedium';
    font-size: var(--ff-title-size-plus);
    color: var(--ff-primary);
}

div.ff-experts-cards-first {
    height: auto;
    width: 100%;
    margin-top: -200px;
}

/* EXPERTS CARD */
div.ff-experts-card {
    position: relative;
    height: 400px;
    width: 250px;
}

div.ff-experts-card-getintouch {
    position: relative;
    height: 400px;
    width: 250px;
    background: var(--ff-secondary);
}

div.ff-experts-card-getintouch-title span {
    font-family: 'AcuminBlack';
    font-size: var(--ff-header-size);
    line-height: var(--ff-header-size);
    color: var(--ff-primary);
}

div.ff-experts-card-getintouch-subtitle span {
    font-family: 'AcuminMedium';
    font-size: var(--ff-text-size-plus);
    line-height: var(--ff-title-size);
    color: var(--ff-primary);
}

div.ff-experts-card-overlay {
    display: none;
    position : absolute;
    top: 0;
    left: 0;
    height: 400px;
    width: 250px;
    background: rgba(27,49,94,0.8);
    cursor: pointer;
}

div.ff-experts-card-overlay svg {
    font-size: 50px;
    color: var(--ff-secondary);
}

div.ff-experts-card-header {
    position: relative;
    height: 250px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div.ff-experts-card-header img {
    /*width: 80%;*/
}

div.ff-experts-card-header-mobile-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    height: auto;
    width: auto;
}
div.ff-experts-card-header-mobile-toggle svg {
    font-size: 30px;
    color: var(--ff-secondary);
}

div.ff-experts-card-content {
    height: 150px;
    width: 100%;
    background: white;
}

div.ff-experts-card-vertical-divider {
    height: 40px;
    width: 0;
    border-left: 1px solid var(--ff-grey);
}

div.ff-experts-card-vertical-divider-large {
    height: 100px;
    width: 0;
    border-left: 1px solid var(--ff-grey);
}

div.ff-experts-card-title span {
    font-family: 'AcuminMedium';
    font-size: var(--ff-mobile-size);
    color: var(--ff-primary);
}

div.ff-experts-card-lang-picto img {
    width: 20px;
}

/* EXPERTS MODAL CARD */
div.ff-experts-modal-card {
    height: auto;
    min-height: 300px;
    width: 100%;
    max-width: 1000px;
}

div.ff-experts-modal-close {
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer;
}

div.ff-experts-modal-close svg {
    font-size: 40px;
    color: var(--ff-secondary);
}

div.ff-experts-modal-card-picture {
    position: relative;
    height: auto;
    min-height: 300px;
    width: 250px;
    background: var(--ff-primary);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div.ff-experts-modal-card-picture img {
    width: 80%;
}

div.ff-experts-modal-card-content {
    height: auto;
    min-height: 300px;
    width: 100%;
    background: white;
}

div.ff-experts-modal-card-desc span {
    font-family: 'AcuminLight';
    font-size: var(--ff-mobile-size);
    color: var(--ff-primary);
}

div.ff-experts-modal-card-section-line {
    height: 0;
    border-top: 1px solid var(--ff-grey);
}

div.ff-experts-modal-card-section-title {
    background: white;
}

div.ff-experts-modal-card-section-title span {
    font-family: 'AcuminMedium';
    font-size: var(--ff-mobile-size);
    color: var(--ff-primary);
}

div.ff-experts-modal-card-trophy img {
    max-height: 40px;
    max-width: 40px;
}

div.ff-experts-modal-card-trophy-number {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: var(--ff-primary);
}

div.ff-experts-modal-card-trophy-number-empty {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: transparent;
}

div.ff-experts-modal-card-trophy-number span {
    font-size: 10px;
    color: white;
}

/* EXPERTS FOOTER */
div.ff-experts-cards-footer {
    margin-top: 150px;
}

div.ff-experts-cards-footer img {
    max-width: 600px;
}

@media only screen and (max-width: 767px) {
    div.ff-experts-header img {
        width: 95%;
    }

    div.ff-experts-cards-footer img {
        width: 80%;
    }

    /* EXPERTS MODAL CARD */
    div.ff-experts-modal-card {
        height: auto;
        max-height: 90vh;
        width: 100%;
        max-width: 100%;
        overflow-y: scroll;
    }

    div.ff-experts-modal-card-picture {
        height: 250px;
        min-height: 0;
        width: 100%;
    }

    div.ff-experts-modal-card-picture img {
        width: 60%;
    }

    div.ff-experts-card-vertical-divider {
        height: 100px;
    }

    div.ff-experts-modal-card-section-title {
        width: 50vw;
    }

    /* EXPERTS FOOTER */
    div.ff-experts-cards-footer {
        margin-top: 50px;
    }

    div.ff-experts-cards-footer img {
        width: 95%;
    }
}

/*------------------------------------------
------------------- HOME -------------------
------------------------------------------*/
div.ff-home-header img {
    max-width: 600px;
}

div.ff-home-vision-text {
    position: relative;
    z-index: 50;
}

div.ff-home-vision {
    position: absolute;
    top: -10px;
    left: -20px;
}

div.ff-home-vision img {
    max-height: 300px;
    max-width: 500px;
}

/* EXPERTS */
div.ff-experts-carousel {
    height: 300px;
    width: 450px;
    margin-top: -150px;
    background: var(--ff-primary);
}

div.ff-experts-carousel-title span {
    font-family: 'AcuminMedium';
    font-size: var(--ff-title-size);
    color: white;
}

div.ff-experts-carousel-img img {
    width: 350px;
}

div.ff-experts-carousel-expertise span {
    font-family: 'AcuminBlack';
    font-size: var(--ff-header-size-plus);
    color: var(--ff-secondary);
    line-height: var(--ff-header-size-plus);
}

div.ff-experts-carousel .carousel-indicators {
    bottom: -40px;
}

div.ff-home-motivation img {
    position: relative;
    z-index: 20;
    max-width: 60%;
}

/* TESTIMONIALS */
div.ff-testimonials {
    position: relative;
    z-index: 10;
    margin-top: -50px;
    padding-top: 150px;
    background: var(--ff-primary);
}


div.ff-testimonials-title span {
    font-family: 'AcuminMedium';
    font-size: var(--ff-header-size-plus);
    color: white;
    line-height: var(--ff-header-size-plus);
}

div.ff-testimonials-carousel {
    height: 350px;
    width: 90%;
    position: relative;
}

div.ff-testimonials .carousel-control-prev, div.ff-testimonials .carousel-control-next {
    width: 10%;
}

div.ff-testimonials-carousel .carousel-indicators {
    bottom: -50px;
}

div.ff-testimonials-carousel-triangle-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

div.ff-testimonials-carousel-triangle-right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}

div.ff-testimonials-carousel-triangle-left img, div.ff-testimonials-carousel-triangle-right img {
    max-height: 100px;
}

div.ff-testimonials-card {
    position: relative;
    height: auto;
    min-height: 250px;
    width: 80%;
    z-index: 20;
}

div.ff-testimonials-card-content {
    height: auto;
    min-height: 250px;
    width: 100%;
    background: white;
}

div.ff-testimonials-carousel-picture {
    height: 250px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div.ff-testimonials-carousel-player span {
    font-family: 'AcuminBold';
    font-size: var(--ff-mobile-size);
}

img.ff-testimonials-carousel-team {
    height: 40px;
}

div.ff-testimonials-carousel-vertical-divider {
    height: 40px;
    width: 0;
    border: 0;
    border-right: 1px solid var(--ff-grey);
}


@media only screen and (max-width: 767px) {
    div.ff-home-header img {
        width: 95%;
    }

    div.ff-home-vision-mobile img {
        width: 70%;
        margin-top: -5px;
        margin-left: -20px;
    }

    /* EXPERTS */
    div.ff-experts-carousel {
        height: 300px;
        width: 80%;
        margin-top: -150px;
        background: var(--ff-primary);
    }

    div.ff-experts-carousel-img {
        width: 90%;
    }

    div.ff-experts-carousel-img img {
        width: 100%;
        max-width: 300px;
    }

    div.ff-experts-carousel-expertise span {
        font-size: var(--ff-title-size-plus);
    }

    div.ff-home-motivation {
        overflow: hidden;
    }

    div.ff-home-motivation img {
        //margin-left: -1.5%;
        max-width: 95%;
    }

    /* TESTIMONIALS */
    div.ff-testimonials {
        margin-top: -20px;
        padding-top: 100px;
    }

    div.ff-testimonials-title span {
        font-size: var(--ff-header-size);
    }

    div.ff-testimonials-carousel {
        height: auto;
        width: 95%;
    }

    div.ff-testimonials .carousel-control-prev, div.ff-testimonials .carousel-control-next {
        width: 5%;
    }

    div.ff-testimonials-carousel-triangle-left {
        top: 50px;
    }

    div.ff-testimonials-carousel-triangle-right {
        bottom: 50px;
    }

    div.ff-testimonials-carousel-triangle-left img, div.ff-testimonials-carousel-triangle-right img {
        max-height: 70px;
    }

    div.ff-testimonials-card {
        width: 85%;
        min-width: 0;
    }

    div.ff-testimonials-card-content {
        z-index: 50;
    }

    div.ff-testimonials-carousel-picture {
        height: 300px;
        width: 250px;
        z-index: 100;
    }

    div.ff-testimonials-carousel-vertical-divider {
        height: 30px;
    }
}

/*------------------------------------------
-------------- TESTIMONIALS ----------------
------------------------------------------*/
div.ff-testimonials-header img {
    max-width: 90%;
}

div.ff-testimonials-container {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 50;
}

div.ff-testimonials-container-triangle-left {
    position: absolute;
    top: 20%;
    left: 20px;
    z-index: 10;
}

div.ff-testimonials-container-triangle-right {
    position: absolute;
    bottom: 20%;
    right: 20px;
    z-index: 10;
}

div.ff-testimonials-container-triangle-left img, div.ff-testimonials-container-triangle-right img {
    max-height: 100px;
}

/*------------------------------------------
----------------- CONTACT ------------------
------------------------------------------*/
div.ff-contact-header img {
    max-width: 600px;
}

div.ff-contact-content {
    height: auto;
    width: 100%;
    max-width: 600px;
}

div.ff-contact-input input {
    height: 30px;
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--ff-primary);
    border-radius: 0;
    font-family: 'AcuminLight';
    font-size: var(--ff-text-size);
}

div.ff-contact-input input:focus {
    border-color: var(--ff-secondary);
}

div.ff-contact-textarea textarea {
    border-radius: 0;
    font-family: 'AcuminLight';
    font-size: var(--ff-text-size);
}

div.ff-contact-textarea textarea:focus {
    border-color: var(--ff-secondary);
}

div.ff-contact-select select {
    height: 30px;
    width: 100%;
    border: 1px solid var(--ff-primary);
    border-radius: 0;
    font-family: 'AcuminLight';
    font-size: var(--ff-text-size);
    cursor: pointer;
}

div.ff-contact-select select:focus, div.ff-contact-select select:active {
    outline: none;
    border-color: var(--ff-secondary);
}

button.ff-contact-button {
    height: 40px;
    width: 200px;
    background: var(--ff-secondary);
    border: none;
}

div.ff-contact-message {
    display: none;
    height: auto;
    width: 100%;
    margin-top: 30px;
}

div.ff-contact-message > span {
    font-family: 'AcuminMedium';
    font-size: 16px;
    color: #1B2B45;
    letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
    div.ff-contact-header img {
        width: 95%;
    }

    div.ff-contact-message > span {
        font-size: 14px;
    }
}