/*
<style> /* notice that this entire line is a comment in CSS */

    * {

    }
a {
    font-family:Space Grotesk ;
}
    /*html {*/
    /*    height: 100%;*/

    /*}*/

    .home {
        /*background: transparent;*/
        color: #3D372A;
        /*background:
























    #3D372A                         ;*/
        font-family: Space Grotesk;
        font-weight: normal;
    }

    #main {
        padding: 0;
    }

    .admin-bar #header-nav {
        padding-top: 32px;
    }

    #header-nav {
        background: #ffffff;
        /*color: white;*/
        /*min-height: 90px;*/
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-brand img {
        height: 5.625rem;
        background: #0b2b2a;
        padding: 0 0.625rem;
    }

    #mobile-menu {
        background: #F6F5EF;
        color: #3D372A !important;
    }

    #menu-mobile-menu {
        margin-bottom: 2.5rem;
    }

    #menu-mobile-menu li {
        list-style: none;
        padding-top: 1.25rem;
        padding-left: 0;
        font-size: 1.375rem;
    }

    #menu-mobile-menu li a {
        color: #3D372A;
        font-size: 1.125rem;
    }

    .mobile-menu-logo {
        background-color: #0b2b2a;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 6.875rem;
    }

    .mobile-nav-title {
        margin-left: 1.3em;
        padding-left: 0.625rem;
        margin-top: 1.25rem;
    }

    h1, h2, h3, h4, h5 {
        font-family: Space Grotesk;
        line-height: 1.2em;
        text-transform: none;
    }

    h1 {
        font-size: 1.75rem;
        font-weight: 300;
    }

    h2 {
        font-size: 1.625rem;
        font-weight: 300;
    }

    h3 {
        font-size: 1.375rem;
        font-weight: 300;
    }

    h4 {
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.8rem;
    }

    h5 {
        font-size: 1rem;
        font-weight: 400;
    }

    p {
        font-family: Space Grotesk;
        font-size: 1rem;
        font-weight: normal;
        color: #3D372A    }


    a:hover {
        color: #FF4949;
    }

    a {
        color: unset;
    }

    .nav-link {
        font-size: 0.875rem;
        /*color: white;*/
        margin-left: 0.75rem;
    }

    .nav-link:hover {
        color: #FF4949 !important;
    }

    .caption {
        font-weight: 300;
        line-height: 1.2em;
        font-size: 1.875rem;
        text-transform: none;
        color: #0b2b2a;
    }

    .btn-primary {
        background: white;
        border: none;
        border-radius: 0px;
        height: 3.125rem;
        padding: 0 1.25rem;
        color: #3D372A;;
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
    }

    .btn-primary:hover {
        background: #011515;
        color: white;
    }

    .btn-primary a {
        color: #3D372A !important;
    }

    .btn-secondary {
        background: transparent;
        border: 0.125rem solid white;
        border-radius: 0;
        height: 3.125rem;
        padding: 0 1.25rem;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
    }

    .btn-secondary:hover {
        background: white;
        color: #011515;
    }

    .btn-dark {
        background: white;
        color: #011515;
        border: 0.125rem solid#011515;
        border-radius: 0;
        height: 3.125rem;
        padding: 0 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
    }

    .btn-dark:hover {
        color: white;
        background: #011515;
        border: 0.125rem solid#011515;
    }

    .post_nav .btn-secondary {
        background: transparent;
        border: none;
        height: auto;
        padding: 0;
        color: #011515;
        font-family: Space Grotesk;
        font-size: 1.125rem;
    }

    .post_nav .btn-secondary:hover {
        background: transparent;
        color: #7a9e9f;
    }

    .post_nav .btn-secondary:focus {
        border: none;
        box-shadow: none;
    }


    .hero-title {
        font-family: Space Grotesk;
        font-weight: 700;
        line-height: 3.75rem;
        font-size: 3.5rem;
        letter-spacing: -1px;
    }

    .hero {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 37.5rem;
    }

    #servizi h5 {
        color: white;
    }

    .line-h {
        letter-spacing: -1px;
        line-height: 2.7rem;
    }

    .service-icon {
        width: 4.375rem;
        height: 4.375rem;
    }


    .case-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 25rem;
    }

    .portfolio-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 25rem;
    }

    #approccio {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 25rem;
    }

    .client-img {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 9.375rem;
    }

    #contatti p {
        color: #aaa7a2;
    }

    .team-member-img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 100%;
    }

    .contact-form label {
        display: block;
        font-size: 1rem;
        color: white;
    }

    #dove-siamo {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 100%;
    }

    .wpcf7-form-control {
        width: 100%;

    }

    .contact-form input, textarea, checkbox {
        width: 100%;
        min-height: 3.125rem;
        /*background: rgba(0, 0, 0, 0.4);*/
        border: 0.063rem solid black;
        color: white;
        margin-top: 0.5rem;
    }

    .contact-form .wpcf7-submit {
        min-width: 8.75rem;
        width: auto;
        height: 3.125rem;
        background: white;
        border: 0.125rem solid white;
        color: #011515;
        margin-top: 0.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        border-radius: 0;
    }

    .contact-form .wpcf7-submit:hover {
        background: #011515;
        color: white;
    }

    .footer-logo {
        background-color: #0b2b2a;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 5.625rem;
    }

    #menu-footer-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .card-img2 {
        padding: 1rem;
        padding-bottom: 0;
    }

    .img-left {
        width: 100%;
        padding-right: 1rem;
    }

    .img-right {
        width: 100%;
        padding-left: 1rem;
    }

    .img-graph {

        width: 100%;
        margin-top: 2rem;

    }

    .padding-graph {
        padding-top: 3rem;
        padding-right: 6rem;
    }

    .graph-title {
        font-weight: 700;
        line-height: 3.5rem;
        font-size: 3rem;
        letter-spacing: -0.75px;
    }

    .card-padding {
        padding: 0rem 2rem;
    }

    .mb-1-5r1 {
        margin-bottom: 1.5rem;
    }

    .pt-4r {
        padding-top: 4rem;
    }

    .guadagno-text {
        font-size: 1.2rem;
        line-height: 1.7rem;
        letter-spacing: -1px;
    }

    .guadango-width-large {
        width: 48.5%;
        padding: 2.3rem 4rem;
    }

    #footer h3.wp-block-heading {
        letter-spacing: -1.5px;
        font-weight: bold;
    }

    #footer p {
        color: #aaa7a2;
        margin: 0;
    }

    .phone-icon {
        width: 2rem;
    }

    .center-mobile {
        justify-content: space-between;
    }

    .button-container {
        display: flex;
        justify-content: space-between;
    }

    .icon-img-width {
        width: 4.25rem;
    }

    #menu-main-menu {
        align-items: center;
    }

    .text-red {
        color: #C10000;
    }


    .button-yellow {
        width: 14.125rem;
        border-radius: 0.5rem;
        background: #C10000;
        color: #ffffff;
        padding: 1rem;
        font-family: Space Grotesk;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.438rem;
        letter-spacing: 0em;
        text-align: center;

    }

    .button-calendly {

        border: #ecebea solid 1px;
        width: 14.125rem;
        border-radius: 0.5rem;
        color: #C10000 !important;
        padding: 1rem;
        font-family: Space Grotesk;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.438rem;
        letter-spacing: 0em;
        text-align: center;
    }

    .button-yellow:hover {
        background-color:#FF4949;
        color: #ffffff;
    }

    .button-white {
        width: 14.125rem;
        border-radius: 0.5rem;
        border: solid 0.063rem #ECEBEA;
        padding: 1rem;
        font-family: Space Grotesk;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.438rem;
        letter-spacing: 0em;
        color: #C10000;
        text-align: center;
    }

    .card {
        border: unset;
        display: flex;
        flex-direction: column;
        box-shadow: 0px 4px 30px 0px #0000001C;

    }

    .card-img {
        padding: 1.4rem;
        padding-bottom: 0;
    }

    /*.card .card-img::before {*/
    /*    content: "";*/
    /*    float: left;*/
    /*    padding-top: 50%;*/
    /*}*/
    .justify-content-mobile {
        justify-content: end;
    }

    .width-button {
        width: 50%;
    }

    .column-center {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .navbar-brand {
        font-family: Space Grotesk;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.625rem;
        letter-spacing: 0em;
        text-align: left;
    }

    #menu-main-menu li {
        font-family: Space Grotesk;
        margin-left: 2.4rem;
        font-size: 1rem;
        line-height: 1.276rem;
        letter-spacing: 0.063rem;
    }

    .hero-image-width {
        width: 49.4vw;
    }

    #myTab {
        border: none;
    }

    #myTab li .nav-link {
        /*border: solid 0.150rem #dddddd;*/
        border-radius: 0.5rem;
        border-color: white;
        background-color: unset;
        margin: unset;
        width: 100%;
        color: #3D372A;
        font-size: 1.125rem;
        font-weight: 700;
    }

    .wpcf7-list-item-label {
        font-weight: bold;
        font-family: Space Grotesk;
    }
.wpcf7-form label{
    margin-bottom: 10px;
}
    .img-service {
        width: 86%;
        margin-top: 2.3rem;
    }

    .img-service-2 {
        width: 100%;
        margin-top: 3rem;
    }

    #myTab li .nav-link.active {
        background-color: #F6F5EF;
        color: #dec21c;
    }

    #myTab li {
        display: flex;
        justify-content: center;
        width: 10.75rem;
        text-align: center;

    }

    .dettaglio-paragraph {
        font-size: 1.125rem;
    }

    .dettaglio-title {
        font-size: 2.25rem;
        font-weight: 700;
    }

    .margin-b-065 {
        margin-bottom: 0.625rem;
    }

    .margin-2_5 {
        margin: 2.5rem;

    }

    .margin-b-2_5 {
        padding-bottom: 2.5rem;

    }

    .card-width {
        width: 16.75rem;
        /*min-height: 17.625rem;*/
    }

    .card-img-top {
        width: 3rem;
    }

    .padding-2 {
        padding: 2rem;
    }

    .paddingb-05 {
        padding-bottom: 0.5rem;
    }

    .padding-75 {
        padding: 0.75rem 0
    }

    .gap-2-section {
        gap: 2rem;
    }

    .row-gap-3 {
        row-gap: 3.75rem;
    }

    .card-title-service {
        color: #3D372A;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: 25px;
    }

    .card-text-service {
        color: #3D372A;
        font-size: 0.938rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5rem;
    }

    .img-vantaggi-section {
        width: 22.563rem;
    }

    .height-desktop {
        height: 100%;
    }

    .icon-contact {
        width: 1.5rem;
    }

    .padding-title-contact {
        padding-bottom: 1.188rem;
        margin: 0;
    }

    .padding-button-contact {
        padding-top: 1.188rem;
        margin: 0;
    }

    .box-form-contact {
        border-radius: 0.625rem;
        box-shadow: 0px 0.25rem 1.875rem 0px rgba(0, 0, 0, 0.11);
        padding: 4.75rem 3.125rem;
        padding-bottom: calc(3.125rem - 1.5rem);
    }

    .wpcf7-list-item.first.last {
        margin: 0;
    }

    .grafico {
        border-radius: 2rem;
        box-shadow: 0px 0.25rem 1.875rem 0px rgba(0, 0, 0, 0.11);
    }

    .padding-managers-section {
        padding-bottom: 4rem;
    }

    .padding-section-content {
        padding: 0rem 6rem;
    }

    #servizi .headline {
        margin-bottom: 4.125rem;

    }

    .page-template {
        color: #3D372A;
    }

    #servizi li {
        padding-top: 2rem;
    }

    .line-p {
        line-height: 1.9rem;
    }

    #footer .wp-block-heading {
        margin: 0;

    }

    #footer {
        margin: 6rem 0;
        color: #aaa7a2;
    }

    #footer p {
        color: #3D372A;
    }

    #servizi li:last-child {
        margin-bottom: 0rem;
    }

    #gestori li:last-child {
        padding-bottom: 0rem !important;
    }

    .title-site-form {
        color: #3D372A;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .valutation-text {
        color: #3D372A;
        text-align: center;
        font-size: 3rem;
        font-style: normal;
        font-weight: 700;
        line-height: 4rem; /* 133.333% */
    }

    .valutation-sub-text {
        color: #3D372A;
        text-align: center;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 179.523%;
    }

    .red-text {
        color: #FF4949;
    }


    .z-index-1 {
        z-index: 1;
    }

    .acf-field[data-name="valutation_type"] {
        display: none;
    }

    .acf-field input:focus {
        background-color: #fff;
        border-color: #86b7fe;
        -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
        color: #212529;
        outline: 0;
    }

    .acf-input-wrap {
        overflow: visible !important;
    }

    .wpcf7-form-control {
        height: 3.188rem;
        width: 100%;
        padding: 4px 8px;
        margin: 0;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 1.4;
    }

    .form-container {
        margin-bottom: 12.563rem;
        flex-shrink: 0;
        border-radius: 10px;
        background: #FFF;
        /* Shadow 1 */
        box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.11);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .number-form {
        display: flex;
        width: 2rem;
        height: 2rem;
        padding: 0.625rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        border-radius: 6.25rem;
        background: #efefef;
    }

    .number-form.active {
        background: #FF4949;
    }

    .number-form.complete {
        background-color: #FF4949;
    }

    .number-form .number {
        color: #3D372A;
        text-align: center;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        opacity: 0.3;
    }

    .number-form.active .number {

        color: #ffffff;
        text-align: center;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        opacity: 1;
    }

    .linea {
        border: solid 0.045rem #ECEBEA;
    }

    .number-container {
        flex-wrap: wrap;
        padding: 2.781rem;
        gap: 0.3rem;

    }

    .page-id-601 div[data-name="agency_name"] {
        display: none;
    }


    .acf-fields {
        display: flex;
        /*gap: 1.5rem;*/
        flex-wrap: wrap;
    }

    .acf-fields input, .acf-input select {
        border-radius: 0.313rem;
        border: 0.063rem solid #ECEBEA;
        background: #FFFFFF;
        width: 100%;
        height: 3.188rem;
    }

    .acf-field[data-name="outdoor_spaces"] select {
        height: 8rem;
    }

    .acf-label {
        color: #3D372A;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    #acf-form {
        /*width: min-content;*/
        padding-top: 1.375rem;
        padding-bottom: 2.781rem;
    }

    .title-form {
        padding: 0 16px;
        color: #3D372A;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .input-container {
        padding: 0 4.375rem;
        width: 100%;
    }

    .acf-field[data-name="outdoor_spaces"] .acf-checkbox-list {
        display: flex;
    }

    ul.acf-radio-list li, ul.acf-checkbox-list li {
        font-size: 12px;
        line-height: 22px;
        margin: 0;
        position: relative;
        /*word-wrap: break-word;*/
        /*text-align: center;*/
        width: 100%;
    }

    .acf-fields .acf-field[data-name="outdoor_spaces"] input {
        width: 1rem;
        height: 1rem;
    }

    .acf-field[data-name="balcony_number"],
    .acf-field[data-name="terrace_mq"],
    .acf-field[data-name="garden_mq"],
    .acf-field[data-name="garage_box_mq"],
    .acf-field[data-name="basement_ceiling_mq"],
    .acf-field[data-name="_post_title"] {
        display: none;
    }

    .acf-field[data-name="name"],
    .acf-field[data-name="surname"],
    .acf-field[data-name="floor"],
    .acf-field[data-name="elevator"] {
        width: 50%; /* Occupano metà della larghezza disponibile */
        float: left; /* Questo li mette uno accanto all'altro */
    }

    .acf-field[data-name="balcony_number"],
    .acf-field[data-name="terrace_mq"],
    .acf-field[data-name="garden_mq"],
    .acf-field[data-name="garage_box_mq"],
    .acf-field[data-name="basement_ceiling_mq"],
    .acf-field[data-name="agency_name"], .acf-field[data-name="phone_number"],
    .acf-field[data-name="address"], .acf-field[data-name="type_of_property"],
    .acf-field[data-name="tipologia_riscaldamento"],
    .acf-field[data-name="property_condition"],
    .acf-field[data-name="mq"],
    .acf-field[data-name="principal_rooms_number"],
    .acf-field[data-name="secondary_rooms_number"],
    .acf-field[data-name="outdoor_spaces"] {
        width: 100%; /* Occupa l'intera larghezza */
        float: none; /* Assicurati che non sia affiancato ad altri elementi */
        clear: both; /* Questo impedirà che venga affiancato agli elementi sopra */
    }

    .acf-form-submit {
        padding-top: 2rem;
        text-align: end;
    }

    .acf-button {
        border: unset;
        display: inline-flex;
        padding: 1rem 2rem;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        background: #C10000;
        color: #ffffff;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .acf-button:hover {
        background: #FF4949;
    }
    .acf-fields > .acf-field {
        position: relative;
        margin: 0;
        padding: 0 !;
        border-top-width: unset !important;
        border-top-style: unset !important;
        border-top-color: #EAECF0;
    }

    .container-page-form {
        position: relative;
    }

    .page-template-form-page .container-page-form::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 10.375rem;
        height: 10.375rem;
        border: 1.5rem solid#FF4949;
        border-left: none;
        border-bottom: none;
        border-radius: 0 150% 0 0;
        z-index: 0;
    }

    .link-form {
        padding-top: 1.375rem;

    }

    .intro-form {
        padding-bottom: 2rem;
    }

    .padding-result-container {
        padding: 3.75rem;
    }

    .result-text {
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding: 0.875rem 0;
    }

    .valutation-container {
        border-radius: 32px;
        border: 3px solid #FF4949;
        background: #FFFFFF;

        /* Shadow 1 */
        box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.11);
        margin-bottom: 2.5rem;
    }

    .padding-valutation {
        padding: 2rem 3rem;
    }

    .valutation {
        color: #FF4949;
        text-align: center;
        font-size: 2rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .val-text {
        text-align: center;
        font-family: Inter;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
    }

    #gestori li {
        padding-bottom: 0.9rem;
    }

    .pt-2r {
        padding-top: 2rem;
    }

    .pt-3r {
        padding-top: 3rem;
    }

    .mb-2r {
        margin-bottom: 2rem;
    }

    .img-hero {
        width: 100%;
        margin-top: 2rem;
    }

    .acf-form-submit {
        padding-top: 2rem;
        text-align: end;
        padding-right: 16px;
    }

    .pb-2r {
        padding-bottom: 2rem !important;
    }

    .acf-loading, .acf-spinner {
        position: absolute;
        top: 50%;
        right: -1rem;
        transform: translate(0, -50%);
    }

    .acf-form-submit {
        position: relative;
    }

    .home ul, .page-template ul {
        margin: 0;
    }

    .contact-li-display {
        display: flex;
        align-items: start;
    }

    .home p, .page-template p {
        margin: 0;
    }

    .padding-button {
        padding-top: 2rem;
    }

    .pt_35 {
        padding-top: 3.5rem;
    }

    .admin-bar #mobile-menu {
        margin-top: 32px;
    }

    .hsr {
        animation-play-state: paused;
    }


    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-play-state: running;
    }

    /* Fade Animations */
    .fadeInUp {
        opacity: 0;
        -webkit-transform: translateY(2.5rem);
        transform: translateY(2.5rem);
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @keyframes fadeInUp {

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInDown {
        opacity: 0;
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem);
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    @keyframes fadeInDown {

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInLeft {
        opacity: 0;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
        -webkit-transform: translateX(-2.5rem);
        transform: translateX(-2.5rem);
    }

    @keyframes fadeInLeft {

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .fadeInRight {
        opacity: 0;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
        -webkit-transform: translateX(2.5rem);
        transform: translateX(2.5rem);
    }

    @keyframes fadeInRight {
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
        -webkit-transform: translateX(-200vw);
        transform: translateX(-200vw);
    }

    @keyframes slideInLeft {

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
        -webkit-transform: translateX(200vw);
        transform: translateX(200vw);
    }

    @keyframes slideInRight {
        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    .grow {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-name: grow;
        animation-name: grow;
    }

    @keyframes grow {
        to {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    .shrink {
        opacity: 0;
        -webkit-transform: scale(5);
        transform: scale(5);
        -webkit-animation-name: shrink;
        animation-name: shrink;
    }

    @keyframes shrink {
        to {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }
    }

    @media (min-width: 1400px) {
        .admin-bar #header-nav {
            padding-top: 32px;
        }
    }