/******************************************************************

     ██████╗ ███████╗███╗   ██╗███████╗██████╗  █████╗ ██╗
    ██╔════╝ ██╔════╝████╗  ██║██╔════╝██╔══██╗██╔══██╗██║
    ██║  ███╗█████╗  ██╔██╗ ██║█████╗  ██████╔╝███████║██║
    ██║   ██║██╔══╝  ██║╚██╗██║██╔══╝  ██╔══██╗██╔══██║██║
    ╚██████╔╝███████╗██║ ╚████║███████╗██║  ██║██║  ██║███████╗
     ╚═════╝ ╚══════╝╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝

 ******************************************************************/

    /* Section colors */

    .vanilla-layout.background-blue {
        background: var(--color-blue);
    }

        .vanilla-layout.background-blue .vanilla-layout-title-title h2 {
            color: var(--color-white);
        }


    /* Layout sections. */
    
    .vanilla-layout {
        clear: left;
        float: none;
        position: relative;
    }

    .small .vanilla-layout {
        padding: 0 0 calc(1.5*var(--vertical-rhythm)) 0;
    }

    .small .home .vanilla-layout {
        padding: 0;
    }

    .small .vanilla-layout.background-blue {
        padding: calc(3*var(--vertical-rhythm)) 0;
    }

    .tablet .vanilla-layout {
        padding: 0 0 calc(1.75*var(--vertical-rhythm)) 0;
    }

    .tablet .home .vanilla-layout {
        padding: 0 0 calc(1.75*var(--vertical-rhythm)) 0;
    }

    .tablet .vanilla-layout.background-blue {
        padding: calc(3.5*var(--vertical-rhythm)) 0;
    }

    .laptop .vanilla-layout {
        padding: 0 0 calc(2*var(--vertical-rhythm)) 0;
    }

    .laptop .home .vanilla-layout {
        padding: calc(2*var(--vertical-rhythm)) 0;
    }

    .laptop .vanilla-layout.background-blue {
        padding: calc(4*var(--vertical-rhythm)) 0;
    }

    .vanilla-layout + .vanilla-layout {
        border-top: none;
    }



    /* First and last layout. */

    .vanilla-layout-compact-first {
    }

    .vanilla-layout-compact-last {
    }

    .vanilla-layout-first {
        padding-top: 0 !important;
    }

    /* Layouts combined with their next ones. */

            .vanilla-layout-combine-with-next,
    .small  .vanilla-layout-combine-with-next,
    .tablet .vanilla-layout-combine-with-next,
    .laptop .vanilla-layout-combine-with-next {
        padding-bottom: 0;
        border-bottom: none;
    }

    .vanilla-layout-combine-with-next + .vanilla-layout {
        padding-top: 0;
        margin-top: var(--text-rhythm);
    }



    /* Compact layouts. */

            .vanilla-layout-compact,
    .small  .vanilla-layout-compact,
    .tablet .vanilla-layout-compact,
    .laptop .vanilla-layout-compact {
        padding-top: 0;
        padding-bottom: 0;
    }

        .vanilla-layout-compact .panel > [class*="column"] {
            padding-left: 0;
            padding-right: 0;
        }

    .vanilla-layout-compact-follows {
    }



    /* Layout panels */

    .vanilla-layout-narrow .panel {
        max-width: 768px;
    }

    .vanilla-layout-normal .panel,
    .vanilla-layout-normal .panel {
        max-width: 1024px;
    }

    .vanilla-layout-wide .panel {
        max-width: 1600px;
    }

    .vanilla-layout-full .panel {
        max-width: none;
    }



    /* Header layout */

    .small .vanilla-layout-header {
        padding-top: calc(1*var(--text-rhythm));
        padding-bottom: 0;
        overflow: hidden;
        height: 24.5rem;
    }

    .laptop .vanilla-layout-header {
        height: 34.5rem;
    }

    .small .plain-header .vanilla-layout-header {
        height: 12rem;
    }

    .vanilla-layout-header .panel {
        position: relative;
        background: var(--color-gray-light-xx);
        height: 100%;
    }

    .vanilla-layout-header .panel-inside {
        position: relative;
        overflow: hidden;
        height: 100%;
    }

        .vanilla-layout-header svg.splash-pink {
            position: absolute;
            left: -38rem;
            top: -23rem;
        }

            .vanilla-layout-header svg.splash-pink path {
                fill: var(--color-pink);
                height: 59.8rem;
            }

                .vanilla-layout-header svg.splash-gray-x {
                    position: absolute;
                    top: -29rem;
                    left: -22rem;
                    height: 59.8rem;
                    z-index: 2;
                }
        
                    .vanilla-layout-header svg.splash-gray-x path {
                        fill: var(--color-gray-light-xx);
                        height: 79.8rem;
                    }
        
                    .vanilla-layout-header svg.x-blue {
                        position: absolute;
                        bottom: 3rem;
                        right: 4.5rem;
                        height: 6rem;
                        width: 6rem;
                        transform: rotate(-8deg);
                        z-index: 2;
                    }
            
                    .laptop .vanilla-layout-header svg.x-blue {
                        bottom: auto;
                        top: 23.5rem;
                        left: 8.5rem;
                        right: auto;
                    }
            
                        .vanilla-layout-header svg.x-blue g {
                            height: 5.5rem;
                        }
                
                        .vanilla-layout-header svg.x-blue path {
                            stroke: var(--color-blue);
                            height: 5.5rem;
                        }
        
                    .vanilla-layout-header svg.circle-blue {
                        position: absolute;
                        top: 4rem;
                        left: 1.5rem;
                        height: 6rem;
                        width: 6rem;
                        transform: rotate(63deg);
                        z-index: 2;
                    }
            
                    .laptop .vanilla-layout-header svg.circle-blue {
                        top: 10rem;
                    }
            
                        .vanilla-layout-header svg.circle-blue circle {
                            height: 2rem;
                            stroke: var(--color-blue);
                        }

                    .vanilla-layout-header svg.dot-blue {
                        position: absolute;
                        height: 1.5rem;
                        width: 1.5rem;
                        z-index: 2;
                    }
            
                        .vanilla-layout-header svg.dot-blue circle {
                            height: 1.5rem;
                            fill: var(--color-blue);
                        }

                        .vanilla-layout-header svg#dot-blue-1 {
                            top: 11rem;
                            left: 4rem;
                        }

                        .laptop .vanilla-layout-header svg#dot-blue-1 {
                            top: 7rem;
                            left: 6rem;
                        }

                        .vanilla-layout-header svg#dot-blue-2 {
                            bottom: 2rem;
                            right: 2rem;
                        }

                        .laptop .vanilla-layout-header svg#dot-blue-2 {
                            bottom: auto;
                            top: 22rem;
                            right: auto;
                            left: 17rem;
                        }

            .header-text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); 
                text-align: center;  
                margin: 0; 
                z-index: 2;
            }

                .header-text h1 {
                    padding-bottom: 1rem;
                    line-height: 100%;   
                }

                .header-text .category-description {
                    font-size: 2rem;
                    font-family: var(--font-sans-serif);
                    color: var(--color-gray-dark);
                    line-height: 100%;
                }

                .laptop .header-text .category-description,
                .laptop .header-text .category-description p {
                    font-size: 2.8rem;
                    line-height: 130%;
                }

                .vanilla-layout-header .zigzag-red {
                    position: absolute;
                    top: 1.2rem;
                    right: -4.6rem;
                }



    /* Layout components */

    .vanilla-layout-title {
        max-width: 768px;
        margin: auto;
        margin-bottom: 0;
        text-align: center;
    }

    .vanilla-layout-title-title {
        margin-bottom: calc(0.7*var(--text-rhythm));
        position: relative;
    }

        .vanilla-layout-title-title h2 {
            color: var(--color-gray-dark-x);
            font-size: 4rem;
        }

        .tablet .vanilla-layout-title-title h2 {
            color: var(--color-gray-dark-x);
            font-size: 5rem;
        }

        .laptop .vanilla-layout-title-title h2 {
            font-size: 7rem;
        }

    .vanilla-layout-title-subtitle {
            margin-bottom: var(--text-rhythm);
        }

    .section-title-container {
        position: relative;
    }

    .vanilla-layout svg.zigzag-title {
        position: absolute;
        top: -4rem;
        left: 50%;
        transform: translateX(-50%);
        width: 17rem;
        height: 3rem;
    }

    .vanilla-layout svg.zig-zag-top {
        top: 4rem;
    }
    
        .vanilla-layout svg.zigzag-title polyline {
            stroke: var(--color-red);
            width: 17rem;
            height: 3rem;
        }

        .vanilla-layout svg.zigzag-red polyline {
            stroke: var(--color-red);
        }
        .vanilla-layout svg.zigzag-yellow polyline {
            stroke: var(--color-yellow );
        }
        .vanilla-layout svg.zigzag-black polyline {
            stroke: var(--color-black );
        }
        .vanilla-layout svg.zigzag-white polyline {
            stroke: var(--color-white );
        }
        .vanilla-layout svg.zigzag-blue polyline {
            stroke: var(--color-blue );
        }

/* Layout call to action buttons. */

    .vanilla-layout-button {
        text-align: center;
        margin-top: var(--vertical-rhythm);
        font-size: 1.05em;
        margin-bottom: 2rem;
    }

    .laptop .vanilla-layout-button {
        font-size: 1.25em;
        margin-bottom: 0;
    }


/* Triangles */

    .triangle-padding {
        height: 7rem;
    }

    .laptop .triangle-padding {
        height: 8rem;
    }

     svg.top-triangles {
        position: absolute;
        top: -6rem;
        left: 50%;
        transform: translateX(-50%);
        height: 6rem;
        z-index: 1;
    }

     .laptop svg.top-triangles {
        top: -8rem;
        height: 8rem;
    }

        svg.top-triangles path  {
            height: 8rem;
        }

        svg.top-triangles.top-triangles-white path  {
            fill: var(--color-white);
        }

        svg.top-triangles.top-triangles-black path  {
            fill: var(--color-black);
        }

        svg.top-triangles.top-triangles-orange path  {
            fill: var(--color-pink);
        }

        svg.top-triangles.top-triangles-blue path  {
            fill: var(--color-blue);
        }

        svg.top-triangles.top-triangles-yellow path  {
            fill: var(--color-yellow);
        }

     svg.bottom-triangles {
        position: absolute;
        bottom: -7rem;
        left: 50%;
        transform: translateX(-50%) scaleX(-1) rotate(180deg);
        height: 8rem;
        z-index: 4;
    }

     .laptop svg.bottom-triangles {
        bottom: -8rem;
    }

        svg.bottom-triangles path  {
            height: 8rem;
        }

        svg.bottom-triangles.bottom-triangles-white path  {
            fill: var(--color-white);
        }

        svg.bottom-triangles.bottom-triangles-black path  {
            fill: var(--color-black);
        }

        svg.bottom-triangles.bottom-triangles-orange path  {
            fill: var(--color-orange);
        }

        svg.bottom-triangles.bottom-triangles-blue path  {
            fill: var(--color-blue);
        }

        svg.bottom-triangles.bottom-triangles-yellow path  {
            fill: var(--color-yellow);
        }

        svg.bottom-triangles.bottom-triangles-gray-light-xx path  {
            fill: var(--color-gray-light-xx);
        }




/***************************************

    ███╗   ███╗ █████╗ ██╗███╗   ██╗
    ████╗ ████║██╔══██╗██║████╗  ██║
    ██╔████╔██║███████║██║██╔██╗ ██║
    ██║╚██╔╝██║██╔══██║██║██║╚██╗██║
    ██║ ╚═╝ ██║██║  ██║██║██║ ╚████║
    ╚═╝     ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝

 ***************************************/



/*************************************************

    ███████╗██████╗ ██████╗  ██████╗ ██████╗
    ██╔════╝██╔══██╗██╔══██╗██╔═══██╗██╔══██╗
    █████╗  ██████╔╝██████╔╝██║   ██║██████╔╝
    ██╔══╝  ██╔══██╗██╔══██╗██║   ██║██╔══██╗
    ███████╗██║  ██║██║  ██║╚██████╔╝██║  ██║
    ╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝

 *************************************************/



    .vanilla-layout-error {
        padding: 3em;
        text-align: center;
        color: var(--color-responsiville-red);
    }



/******************************************************************************

     █████╗  ██████╗ ██████╗ ██████╗ ██████╗ ██████╗ ██╗ ██████╗ ███╗   ██╗
    ██╔══██╗██╔════╝██╔════╝██╔═══██╗██╔══██╗██╔══██╗██║██╔═══██╗████╗  ██║
    ███████║██║     ██║     ██║   ██║██████╔╝██║  ██║██║██║   ██║██╔██╗ ██║
    ██╔══██║██║     ██║     ██║   ██║██╔══██╗██║  ██║██║██║   ██║██║╚██╗██║
    ██║  ██║╚██████╗╚██████╗╚██████╔╝██║  ██║██████╔╝██║╚██████╔╝██║ ╚████║
    ╚═╝  ╚═╝ ╚═════╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝ ╚═╝ ╚═════╝ ╚═╝  ╚═══╝

 ******************************************************************************/


    
        .vanilla-layout-accordion .responsiville-accordion {
            padding: 1.5em;
            border-radius: 0.2rem;
            border: 1px solid var(--color-gray-light);
        }

            .vanilla-layout-accordion .responsiville-accordion-panel {
                padding: 1.5em;
                border-radius: 0.2rem;
                border: 1px solid var(--color-gray-light);
                --text-rhythm: 1em;
            }

            .vanilla-layout-accordion .responsiville-accordion-panel + .responsiville-accordion-panel {
                margin-top: 1em;
            }

                .vanilla-layout-accordion .responsiville-accordion-header {
                    padding-right: 1em;
                    font-weight: bold;
                }

                .vanilla-layout-accordion .responsiville-accordion-content {
                    margin-top: var(--text-rhythm);
                }



/***********************************************

     ██████╗ █████╗ ██████╗ ██████╗ ███████╗
    ██╔════╝██╔══██╗██╔══██╗██╔══██╗██╔════╝
    ██║     ███████║██████╔╝██║  ██║███████╗
    ██║     ██╔══██║██╔══██╗██║  ██║╚════██║
    ╚██████╗██║  ██║██║  ██║██████╔╝███████║
     ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝╚═════╝ ╚══════╝

 ***********************************************/



    .vanilla-layout-cards.vanilla-layout-combine-with-next + .vanilla-layout {
        margin-top: 0;
    }

    .small .vanilla-layout-cards:not(.vanilla-layout-combine-with-next) {
        padding-bottom: calc(1.5*var(--vertical-rhythm) - 1*var(--text-rhythm));
    }

    .tablet .vanilla-layout-cards:not(.vanilla-layout-combine-with-next) {
        padding-bottom: calc(1.75*var(--vertical-rhythm) - 1*var(--text-rhythm));
    }

    .laptop .vanilla-layout-cards:not(.vanilla-layout-combine-with-next) {
        padding-bottom: calc(2*var(--vertical-rhythm) - 1*var(--text-rhythm));
    }

        .vanilla-layout-card-item {
            border: 1px solid var(--color-gray-light);
            border-radius: 2px;
            margin-bottom: calc(1*var(--text-rhythm));
        }

            .vanilla-layout-card-item a {
                border-bottom: none !important;
            }

                .vanilla-layout-card-image {
                }

                    .vanilla-layout-card-image img {
                        width: 100%;
                    }

                .vanilla-layout-card-text {
                    --text-rhythm: 1.5em;
                    line-height: 1.5;
                    font-size: 0.9em;
                    padding: 1em 1.25em;
                }

                    .vanilla-layout-card-text h2 {
                        font-size: 1.4em;
                    }

                    .vanilla-layout-card-text h3 {
                        font-size: 1.3em;
                    }

                    .vanilla-layout-card-text p:last-of-type {
                        margin-bottom: 0;
                    }

        .vanilla-layout-cards .vanilla-layout-button {
            margin-top: 0;
        }



/***********************************************************************************************************************

     ██████╗ ██████╗ ██╗     ██╗   ██╗███╗   ███╗███╗   ██╗███████╗    ███████╗██╗███╗   ██╗ ██████╗ ██╗     ███████╗
    ██╔════╝██╔═══██╗██║     ██║   ██║████╗ ████║████╗  ██║██╔════╝    ██╔════╝██║████╗  ██║██╔════╝ ██║     ██╔════╝
    ██║     ██║   ██║██║     ██║   ██║██╔████╔██║██╔██╗ ██║███████╗    ███████╗██║██╔██╗ ██║██║  ███╗██║     █████╗
    ██║     ██║   ██║██║     ██║   ██║██║╚██╔╝██║██║╚██╗██║╚════██║    ╚════██║██║██║╚██╗██║██║   ██║██║     ██╔══╝
    ╚██████╗╚██████╔╝███████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚████║███████║    ███████║██║██║ ╚████║╚██████╔╝███████╗███████╗
     ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝  ╚═══╝╚══════╝    ╚══════╝╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝╚══════╝

 ***********************************************************************************************************************/



/******************************************************************************************************

     ██████╗ ██████╗ ██╗     ██╗   ██╗███╗   ███╗███╗   ██╗███████╗    ████████╗██╗    ██╗ ██████╗
    ██╔════╝██╔═══██╗██║     ██║   ██║████╗ ████║████╗  ██║██╔════╝    ╚══██╔══╝██║    ██║██╔═══██╗
    ██║     ██║   ██║██║     ██║   ██║██╔████╔██║██╔██╗ ██║███████╗       ██║   ██║ █╗ ██║██║   ██║
    ██║     ██║   ██║██║     ██║   ██║██║╚██╔╝██║██║╚██╗██║╚════██║       ██║   ██║███╗██║██║   ██║
    ╚██████╗╚██████╔╝███████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚████║███████║       ██║   ╚███╔███╔╝╚██████╔╝
     ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝  ╚═══╝╚══════╝       ╚═╝    ╚══╝╚══╝  ╚═════╝

 ******************************************************************************************************/



/*******************************************************************************************************************

     ██████╗ ██████╗ ██╗     ██╗   ██╗███╗   ███╗███╗   ██╗███████╗    ████████╗██╗  ██╗██████╗ ███████╗███████╗
    ██╔════╝██╔═══██╗██║     ██║   ██║████╗ ████║████╗  ██║██╔════╝    ╚══██╔══╝██║  ██║██╔══██╗██╔════╝██╔════╝
    ██║     ██║   ██║██║     ██║   ██║██╔████╔██║██╔██╗ ██║███████╗       ██║   ███████║██████╔╝█████╗  █████╗
    ██║     ██║   ██║██║     ██║   ██║██║╚██╔╝██║██║╚██╗██║╚════██║       ██║   ██╔══██║██╔══██╗██╔══╝  ██╔══╝
    ╚██████╗╚██████╔╝███████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚████║███████║       ██║   ██║  ██║██║  ██║███████╗███████╗
     ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝  ╚═══╝╚══════╝       ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚══════╝

 ********************************************************************************************************************/



/************************************************************************************************************

     ██████╗ ██████╗ ██╗     ██╗   ██╗███╗   ███╗███╗   ██╗███████╗    ███████╗ ██████╗ ██╗   ██╗██████╗
    ██╔════╝██╔═══██╗██║     ██║   ██║████╗ ████║████╗  ██║██╔════╝    ██╔════╝██╔═══██╗██║   ██║██╔══██╗
    ██║     ██║   ██║██║     ██║   ██║██╔████╔██║██╔██╗ ██║███████╗    █████╗  ██║   ██║██║   ██║██████╔╝
    ██║     ██║   ██║██║     ██║   ██║██║╚██╔╝██║██║╚██╗██║╚════██║    ██╔══╝  ██║   ██║██║   ██║██╔══██╗
    ╚██████╗╚██████╔╝███████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚████║███████║    ██║     ╚██████╔╝╚██████╔╝██║  ██║
     ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝  ╚═══╝╚══════╝    ╚═╝      ╚═════╝  ╚═════╝ ╚═╝  ╚═╝

 ***********************************************************************************************************/



/******************************************************

    ██████╗ ██╗██╗   ██╗██╗██████╗ ███████╗██████╗
    ██╔══██╗██║██║   ██║██║██╔══██╗██╔════╝██╔══██╗
    ██║  ██║██║██║   ██║██║██║  ██║█████╗  ██████╔╝
    ██║  ██║██║╚██╗ ██╔╝██║██║  ██║██╔══╝  ██╔══██╗
    ██████╔╝██║ ╚████╔╝ ██║██████╔╝███████╗██║  ██║
    ╚═════╝ ╚═╝  ╚═══╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝

 ******************************************************/



    .vanilla-layout-divider {
        border-bottom: none;
        padding: 0;
    }

    .laptop .vanilla-layout-divider {
        padding: calc(1*var(--vertical-rhythm)) 0;
    }

    .tablet .vanilla-layout-divider {
        padding: calc(0.75*var(--vertical-rhythm)) 0;
    }

    .small .vanilla-layout-divider {
        padding: calc(0.5*var(--vertical-rhythm)) 0;
    }

    .vanilla-layout.vanilla-layout-divider-follows {
        border-bottom: none;
    }

        .vanilla-layout-divider-inner {
            position: relative;
        }
        
            .vanilla-layout-divider-inner::before {
                position: absolute;
                content: '';
                height: 0;
                line-height: 0;
                font-size: 0;
                width: 100%;
                border-top: 0.4rem double var(--color-gray-light);
                top: 50%;
                left: 50%;
                transform: translateX(-50%) translateY(-50%);
            }



/**************************************************

    ███████╗███╗   ███╗██████╗ ███████╗██████╗
    ██╔════╝████╗ ████║██╔══██╗██╔════╝██╔══██╗
    █████╗  ██╔████╔██║██████╔╝█████╗  ██║  ██║
    ██╔══╝  ██║╚██╔╝██║██╔══██╗██╔══╝  ██║  ██║
    ███████╗██║ ╚═╝ ██║██████╔╝███████╗██████╔╝
    ╚══════╝╚═╝     ╚═╝╚═════╝ ╚══════╝╚═════╝

 **************************************************/



/*****************************************************************

     ██████╗  █████╗ ██╗     ██╗     ███████╗██████╗ ██╗   ██╗
    ██╔════╝ ██╔══██╗██║     ██║     ██╔════╝██╔══██╗╚██╗ ██╔╝
    ██║  ███╗███████║██║     ██║     █████╗  ██████╔╝ ╚████╔╝
    ██║   ██║██╔══██║██║     ██║     ██╔══╝  ██╔══██╗  ╚██╔╝
    ╚██████╔╝██║  ██║███████╗███████╗███████╗██║  ██║   ██║
     ╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝╚══════╝╚═╝  ╚═╝   ╚═╝

 *****************************************************************/



    .vanilla-layout-gallery a {
        display: block;
    }

    .vanilla-layout-gallery img {
        width: 100%;
    }



/**********************************************

    ██╗███╗   ███╗ █████╗  ██████╗ ███████╗
    ██║████╗ ████║██╔══██╗██╔════╝ ██╔════╝
    ██║██╔████╔██║███████║██║  ███╗█████╗
    ██║██║╚██╔╝██║██╔══██║██║   ██║██╔══╝
    ██║██║ ╚═╝ ██║██║  ██║╚██████╔╝███████╗
    ╚═╝╚═╝     ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝

 **********************************************/



/**********************************

    ███╗   ███╗ █████╗ ██████╗
    ████╗ ████║██╔══██╗██╔══██╗
    ██╔████╔██║███████║██████╔╝
    ██║╚██╔╝██║██╔══██║██╔═══╝
    ██║ ╚═╝ ██║██║  ██║██║
    ╚═╝     ╚═╝╚═╝  ╚═╝╚═╝

 **********************************/


    
    .vanilla-layout-map-element,
    .vanilla-layout-map-element * {
        border-width: unset;
        border-color: unset;
        border-style: unset;
    }

    .vanilla-layout-map-element {
        height: 60vh;
    }

    .portrait .vanilla-layout-map-element {
        height: 75vh;
    }

        .gm-style-iw {
            padding: 1em 0.5em;
        }

            .gm-style-iw .gm-style-iw-title {
                font-size: 1.25em;
            }

            .gm-style-iw p,
            .gm-style-iw .gm-style-iw-title {
                margin-bottom: 0.75em;
            }

            .gm-style-iw p:last-child {
                margin-bottom: 0;
            }

            .gm-style-iw p img {
                max-width: 100%;
            }

            .gm-style-iw p a {
                display: inline;
                text-decoration: underline;
            }



/******************************************************

    ██████╗  ██████╗ ██╗███╗   ██╗████████╗███████╗
    ██╔══██╗██╔═══██╗██║████╗  ██║╚══██╔══╝██╔════╝
    ██████╔╝██║   ██║██║██╔██╗ ██║   ██║   ███████╗
    ██╔═══╝ ██║   ██║██║██║╚██╗██║   ██║   ╚════██║
    ██║     ╚██████╔╝██║██║ ╚████║   ██║   ███████║
    ╚═╝      ╚═════╝ ╚═╝╚═╝  ╚═══╝   ╚═╝   ╚══════╝

 ******************************************************/



    .vanilla-layout-points.vanilla-layout-combine-with-next + .vanilla-layout {
        margin-top: 0;
    }

    .small .vanilla-layout-points:not(.vanilla-layout-combine-with-next) {
        padding-bottom: calc(1.5*var(--vertical-rhythm) - 1*var(--text-rhythm));
    }

    .tablet .vanilla-layout-points:not(.vanilla-layout-combine-with-next) {
        padding-bottom: calc(1.75*var(--vertical-rhythm) - 1*var(--text-rhythm));
    }

    .laptop .vanilla-layout-points:not(.vanilla-layout-combine-with-next) {
        padding-bottom: calc(2*var(--vertical-rhythm) - 1*var(--text-rhythm));
    }

        .vanilla-layout-points-item {
            margin-bottom: var(--text-rhythm);
        }

            .small .vanilla-layout-points-image {
                padding: 0 5em !important;
            }

            .tablet .vanilla-layout-points-1 .vanilla-layout-points-image {
                padding: 0 0.5em !important;
            }

            .tablet .vanilla-layout-points-2 .vanilla-layout-points-image {
                padding: 0 0.5em !important;
            }

            .tablet .vanilla-layout-points-3 .vanilla-layout-points-image {
                padding: 0 2.5em !important;
            }

            .laptop .vanilla-layout-points-3 .vanilla-layout-points-image {
                padding: 0 0.5em !important;
            }

            .tablet .vanilla-layout-points-4 .vanilla-layout-points-image {
                padding: 0 0.5em !important;
            }

            .laptop .vanilla-layout-points-4 .vanilla-layout-points-image {
                padding: 0 3em !important;
            }

                .vanilla-layout-points-image-wrapper {
                    width: 100%;
                    height: 0;
                    padding-top: 100%;
                    display: block;
                    margin: auto;
                    margin-bottom: calc(0.333*var(--text-rhythm));
                    border-radius: 50%;
                    position: relative;
                    overflow: hidden;
                }
                
                    .vanilla-layout-points-image-wrapper img {
                        height: 100% !important;
                        width: auto;
                        max-width: none;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translateX(-50%) translateY(-50%);
                    }

                .tablet .vanilla-layout-points-text-wrapper {
                    padding: 0 1em;
                }



/*************************************************

    ██████╗  ██████╗ ██████╗ ██╗   ██╗██████╗
    ██╔══██╗██╔═══██╗██╔══██╗██║   ██║██╔══██╗
    ██████╔╝██║   ██║██████╔╝██║   ██║██████╔╝
    ██╔═══╝ ██║   ██║██╔═══╝ ██║   ██║██╔═══╝
    ██║     ╚██████╔╝██║     ╚██████╔╝██║
    ╚═╝      ╚═════╝ ╚═╝      ╚═════╝ ╚═╝

 *************************************************/



/**********************************************************************************

     ██████╗  ██████╗ ███████╗████████╗███████╗    ██╗     ██╗███████╗████████╗
     ██╔══██╗██╔═══██╗██╔════╝╚══██╔══╝██╔════╝    ██║     ██║██╔════╝╚══██╔══╝
     ██████╔╝██║   ██║███████╗   ██║   ███████╗    ██║     ██║███████╗   ██║
     ██╔═══╝ ██║   ██║╚════██║   ██║   ╚════██║    ██║     ██║╚════██║   ██║
     ██║     ╚██████╔╝███████║   ██║   ███████║    ███████╗██║███████║   ██║
     ╚═╝      ╚═════╝ ╚══════╝   ╚═╝   ╚══════╝    ╚══════╝╚═╝╚══════╝   ╚═╝

 **********************************************************************************/

    .xlarge .vanilla-layout-posts-list .tablet-group-2,
    .xlarge .vanilla-layout-posts-list .tablet-group-3,
    .xlarge .vanilla-layout-posts-list .tablet-group-4,
    .xlarge .vanilla-layout-posts-list .tablet-group-5 {
        margin-left: calc(-1 * var(--grid-gutter-small) ) !important;
        margin-right: calc(-1 * var(--grid-gutter-small) ) !important;
    }

    .vanilla-layout-posts-list.vanilla-layout-combine-with-next + .vanilla-layout {
        margin-top: 0;
    }

        .vanilla-layout-posts-list-item {
            padding: var(--grid-gutter) !important;
        }

        .large .vanilla-layout-posts-list-item {
            margin-bottom: var(--text-rhythm);
            padding-left: var(--grid-gutter-small) !important;
            padding-right: var(--grid-gutter-small) !important;
        }

        .blog .vanilla-layout-posts-list-item {
            margin-bottom: 5rem;
        }

                .vanilla-layout-posts-list .post-box-title a {
                    color: var(--color-gray-dark-x);
                }

                .White-titles.vanilla-layout-posts-list .post-box-title a {
                    color: var(--color-white);
                }

                .White-titles h2 {
                    color: var(--color-white) !important;
                }

                .Blue-titles.vanilla-layout-posts-list .post-box-title a {
                    color: var(--color-blue);
                }

                .Blue-titles h2 {
                    color: var(--color-blue) !important;
                }

            .vanilla-layout-posts-list .tablet-group-2 .post-box-title {
                font-size: 1.8em;
            }

            .vanilla-layout-posts-list .tablet-group-3 .post-box-title {
                font-size: 1.6em;
            }

            .vanilla-layout-posts-list .laptop-group-4 .post-box-title {
                font-size: 1.4em;
            }

    .post-box-image {
        
    }

        .post-box-image img {
            object-position: 50% 100%;
            object-fit: cover;
            width: 100%;
        }

        .post-box-date {
            width: 8.5rem;
            padding: 0.2rem 0 !important;
            background: var(--color-red);
            color: var(--color-white);
            font-family: var(--font-sans-serif-bold);
            text-align: center;
            float: left;
        }

        .laptop .post-box-date {
            width: 7.5rem;
        }

            .post-box-date .date-number {
                width: 100%;
                font-size: 4.8rem;
                line-height: 4.8rem; 
                }

            .post-box-date .date-month {
                width: 50%;
                display: inline;
                font-size: 1.8rem;
                line-height: 1.8rem; 
                text-transform: uppercase;
            }

            .post-box-date .date-year {
                width: 50%;
                display: inline;
                font-size: 1.8rem;
                line-height: 1.8rem; 
            }

        .post-box-content {
            padding: 0 !important;
            color: var(--color-gray-dark-x);
        }

        .laptop .post-box-content {
            padding: 0 0 0 8.5rem !important;
        }

            .post-box-title {
                font-size: 2.4rem;
                padding-bottom: 2rem;
                float: left;
            }

            .post-categories {
                float: right;
                padding: 10px 0;
                width: 100%;
            }

            .laptop .post-categories {
                float: none;
                padding: 0;
            }

                .post-categories a {
                    color: var(--color-red);
                    float: left;
                    padding-right: 1.5rem;
                    font-family: var(--font-sans-serif-bold);
                }

            .post-box-excerpt p {
                color: var(--color-gray-dark);
                font-family: var(--font-sans-serif-normal);
                font-size: 1.8rem;
            }

            .White-titles .post-box-excerpt p {
                color: var(--color-white);
            }

            .Blue-titles .post-box-excerpt p {
                color: var(--color-blue);
            }


/**********************************************************************************

WEBINAR LIST

 **********************************************************************************/

    .webinar-box-image {
        padding: 0 !important;
    }

    .webinar-box-content {
        padding-left: 3rem !important;
    }


/***************************************************

     ██████╗ ██╗   ██╗ ██████╗ ████████╗███████╗
    ██╔═══██╗██║   ██║██╔═══██╗╚══██╔══╝██╔════╝
    ██║   ██║██║   ██║██║   ██║   ██║   █████╗
    ██║▄▄ ██║██║   ██║██║   ██║   ██║   ██╔══╝
    ╚██████╔╝╚██████╔╝╚██████╔╝   ██║   ███████╗
     ╚══▀▀═╝  ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝

 ***************************************************/



    .vanilla-layout-quote blockquote {
        text-align: center;
        margin: 0;
    }

        .vanilla-layout-quote blockquote::before {
            display: block;
            position: relative;
            transform: none;
            top: 0.15em !important;
            font-size: 5em !important;
            line-height: 0.5;
            text-align: center;
            width: 100%;
        }



/**********************************************************************************************

     ██████╗ ██╗   ██╗ ██████╗ ████████╗███████╗    ██╗███╗   ███╗ █████╗  ██████╗ ███████╗
    ██╔═══██╗██║   ██║██╔═══██╗╚══██╔══╝██╔════╝    ██║████╗ ████║██╔══██╗██╔════╝ ██╔════╝
    ██║   ██║██║   ██║██║   ██║   ██║   █████╗      ██║██╔████╔██║███████║██║  ███╗█████╗
    ██║▄▄ ██║██║   ██║██║   ██║   ██║   ██╔══╝      ██║██║╚██╔╝██║██╔══██║██║   ██║██╔══╝
    ╚██████╔╝╚██████╔╝╚██████╔╝   ██║   ███████╗    ██║██║ ╚═╝ ██║██║  ██║╚██████╔╝███████╗
     ╚══▀▀═╝  ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝    ╚═╝╚═╝     ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝

 **********************************************************************************************/



    .small .vanilla-layout-quote-image .panel {
        position: relative;
        z-index: 1;
    }

    .vanilla-layout-quote-image-inner {
        padding: calc(4*var(--vertical-rhythm)) 0;
    }

        .vanilla-layout-quote-image-text {
            position: relative;
            margin: auto;
            background: rgba(var(--white), 0.8);
            padding: calc(2*var(--text-rhythm));
        }
        
        .small .vanilla-layout-quote-image-text {
            max-width: 80%;
        }

        .laptop .vanilla-layout-quote-image-text {
            max-width: 768px;
        }



/*****************************************************************************

    ███████╗██╗     ██╗██████╗ ███████╗███████╗██╗  ██╗ ██████╗ ██╗    ██╗
    ██╔════╝██║     ██║██╔══██╗██╔════╝██╔════╝██║  ██║██╔═══██╗██║    ██║
    ███████╗██║     ██║██║  ██║█████╗  ███████╗███████║██║   ██║██║ █╗ ██║
    ╚════██║██║     ██║██║  ██║██╔══╝  ╚════██║██╔══██║██║   ██║██║███╗██║
    ███████║███████╗██║██████╔╝███████╗███████║██║  ██║╚██████╔╝╚███╔███╔╝
    ╚══════╝╚══════╝╚═╝╚═════╝ ╚══════╝╚══════╝╚═╝  ╚═╝ ╚═════╝  ╚══╝╚══╝

 *****************************************************************************/



    .responsiville-slideshow {
        overflow: hidden;
        min-height: 60vh;
    }

    .laptop .responsiville-slideshow {
        min-height: auto;
    }

    .small .vanilla-layout-slideshow .responsiville-slideshow-slide-text {
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translateY(-50%);
        text-align: left;
        padding: 1rem 4rem;
        width: 90%;
        background: rgba(255, 255, 255, 0.8);
    }

    .laptop .vanilla-layout-slideshow .responsiville-slideshow-slide-text {
        left: 45%;
        width: 55%;
        background: none;
        padding: 1.5em;
    }

        .small .vanilla-layout-slideshow .responsiville-slideshow-slide-text h2,
        .small .vanilla-layout-slideshow .responsiville-slideshow-slide-text h3 {
            font-size: 5rem;
            line-height: 120%;
            margin-bottom: calc(0.4*var(--text-rhythm));
            color: var(--color-red);
        }

        .small .vanilla-layout-slideshow .responsiville-slideshow-slide-text p {
            font-size: 3rem;
            color: var(--color-gray-dark-x);
            margin: 0;
            padding: 0;
            line-height: 115%;
            font-family: var(--font-general);
        }

        .vanilla-layout-slideshow .responsiville-slideshow-slide-text br {
            height: 0;
        }

        .tablet .vanilla-layout-slideshow .responsiville-slideshow-slide-text h2,
        .tablet .vanilla-layout-slideshow .responsiville-slideshow-slide-text h3 {
            font-size: 7rem;
        }

        .tablet .vanilla-layout-slideshow .responsiville-slideshow-slide-text p {
            font-size: 4rem;
        }

        .laptop .vanilla-layout-slideshow .responsiville-slideshow-slide-text h2,
        .laptop .vanilla-layout-slideshow .responsiville-slideshow-slide-text h3 {
            font-size: 9rem;
        }

        .laptop .vanilla-layout-slideshow .responsiville-slideshow-slide-text p {
            font-size: 5rem;
        }

    .responsiville-slideshow-enabled .responsiville-slideshow-slide {
    }


    figure.responsiville-slideshow-slide img {
        object-position: bottom left;
        object-fit: cover;
        width: 100%;
        min-height: 60vh;
    }

    .laptop figure.responsiville-slideshow-slide img {
        min-height: auto;
    }

    .responsiville-slideshow-navigation button,
    .responsiville-slideshow-navigation button:hover {
        background: none;
        box-shadow: none;
    }

    .responsiville-slideshow-bullet {
        width: 1rem;
        height: 1rem;
    }

    .responsiville-slideshow-bullet {
        background-color: var(--color-gray);
    }

    .responsiville-slideshow-bullet:hover, .responsiville-slideshow-bullet.responsiville-slideshow-bullet-selected {
        background-color: var(--color-gray-dark-x);
    }

    .laptop .responsiville-slideshow-next,
    .laptop .responsiville-slideshow-previous {
        font-size: 4rem;
    }

    .responsiville-slideshow-previous-icon,
    .responsiville-slideshow-next-icon {
            color: var(--color-gray-dark);
    }

    .responsiville-slideshow-previous-icon:hover,
        .responsiville-slideshow-next-icon:hover {
            color: var(--color-gray);
    }

    .responsiville-slideshow-previous-icon::before {
        content: '\E876';
    }

    .responsiville-slideshow-next-icon::before {
        content: '\E877';
    }

    /* Animations */

    .vanilla-layout-slideshow .responsiville-slideshow-slide-text {
        opacity: 0;
        transition: opacity 0.3s ease-in-out 0.2s;

    }
    
    .vanilla-layout-slideshow .responsiville-slideshow-slide-selected .responsiville-slideshow-slide-text {
        opacity: 1;
    }
    



/************************************************************************************************************************

    ███████╗██╗     ██╗██████╗ ███████╗███████╗██╗  ██╗ ██████╗ ██╗    ██╗    ██╗███╗   ███╗ █████╗  ██████╗ ███████╗
    ██╔════╝██║     ██║██╔══██╗██╔════╝██╔════╝██║  ██║██╔═══██╗██║    ██║    ██║████╗ ████║██╔══██╗██╔════╝ ██╔════╝
    ███████╗██║     ██║██║  ██║█████╗  ███████╗███████║██║   ██║██║ █╗ ██║    ██║██╔████╔██║███████║██║  ███╗█████╗
    ╚════██║██║     ██║██║  ██║██╔══╝  ╚════██║██╔══██║██║   ██║██║███╗██║    ██║██║╚██╔╝██║██╔══██║██║   ██║██╔══╝
    ███████║███████╗██║██████╔╝███████╗███████║██║  ██║╚██████╔╝╚███╔███╔╝    ██║██║ ╚═╝ ██║██║  ██║╚██████╔╝███████╗
    ╚══════╝╚══════╝╚═╝╚═════╝ ╚══════╝╚══════╝╚═╝  ╚═╝ ╚═════╝  ╚══╝╚══╝     ╚═╝╚═╝     ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝

 ************************************************************************************************************************/



/*******************************************************************************************************************

    ███████╗██╗     ██╗██████╗ ███████╗███████╗██╗  ██╗ ██████╗ ██╗    ██╗    ████████╗███████╗██╗  ██╗████████╗
    ██╔════╝██║     ██║██╔══██╗██╔════╝██╔════╝██║  ██║██╔═══██╗██║    ██║    ╚══██╔══╝██╔════╝╚██╗██╔╝╚══██╔══╝
    ███████╗██║     ██║██║  ██║█████╗  ███████╗███████║██║   ██║██║ █╗ ██║       ██║   █████╗   ╚███╔╝    ██║
    ╚════██║██║     ██║██║  ██║██╔══╝  ╚════██║██╔══██║██║   ██║██║███╗██║       ██║   ██╔══╝   ██╔██╗    ██║
    ███████║███████╗██║██████╔╝███████╗███████║██║  ██║╚██████╔╝╚███╔███╔╝       ██║   ███████╗██╔╝ ██╗   ██║
    ╚══════╝╚══════╝╚═╝╚═════╝ ╚══════╝╚══════╝╚═╝  ╚═╝ ╚═════╝  ╚══╝╚══╝        ╚═╝   ╚══════╝╚═╝  ╚═╝   ╚═╝

 *******************************************************************************************************************/



    .small .vanilla-layout-slideshow-text {
        padding-bottom: calc(2*var(--vertical-rhythm));
    }

        .small .vanilla-layout-slideshow-text .responsiville-slideshow  {
            margin-bottom: 2em;
        }

        .small .vanilla-layout-slideshow-text .responsiville-slideshow-slide {
            padding: 0 3em;
        }

        .tablet .vanilla-layout-slideshow-text .responsiville-slideshow-slide {
            padding: 0 5em;
        }

        .laptop .vanilla-layout-slideshow-text .responsiville-slideshow-slide {
            padding: 0 8em;
            --text-rhythm: 1em;
        }

            .small .vanilla-layout-slideshow-text .responsiville-slideshow-next {
                right: calc(0.5*var(--grid-gutter));
            }

            .laptop .vanilla-layout-slideshow-text .responsiville-slideshow-next {
                right: calc(2*var(--grid-gutter));
            }

            .small .vanilla-layout-slideshow-text .responsiville-slideshow-previous {
                left: calc(0.5*var(--grid-gutter));
            }

            .laptop .vanilla-layout-slideshow-text .responsiville-slideshow-previous {
                left: calc(2*var(--grid-gutter));
            }

        .vanilla-layout-slideshow-text .responsiville-slideshow-bullets.bc {
            top: calc(100% + 1em);
        }



/*************************************************
 
     ████████╗ █████╗ ██████╗ ██╗     ███████╗
     ╚══██╔══╝██╔══██╗██╔══██╗██║     ██╔════╝
        ██║   ███████║██████╔╝██║     █████╗
        ██║   ██╔══██║██╔══██╗██║     ██╔══╝
        ██║   ██║  ██║██████╔╝███████╗███████╗
        ╚═╝   ╚═╝  ╚═╝╚═════╝ ╚══════╝╚══════╝

 *************************************************/



/****************************************

    ████████╗ █████╗ ██████╗ ███████╗
    ╚══██╔══╝██╔══██╗██╔══██╗██╔════╝
       ██║   ███████║██████╔╝███████╗
       ██║   ██╔══██║██╔══██╗╚════██║
       ██║   ██║  ██║██████╔╝███████║
       ╚═╝   ╚═╝  ╚═╝╚═════╝ ╚══════╝

 ****************************************/



    .vanilla-layout-tabs .responsiville-slideshow {
        height: auto;
    }

    .vanilla-layout-tabs .responsiville-slideshow-navigation,
    .vanilla-layout-tabs .responsiville-slideshow-bullets {
        display: none;
    }

    .vanilla-layout-tabs-navigation {
        display: block !important;
        position: static !important;
        text-align: left;
        padding-left: 1em !important;
    }

        .vanilla-layout-tabs-navigation button,
        .vanilla-layout-tabs-navigation button:hover {
            width: auto !important;
            height: auto !important;
            border: none !important;
            background: none !important;
            box-shadow: none !important;
            color: unset !important;
            line-height: unset !important;
            border-top-left-radius: 0.3rem !important;
            border-top-right-radius: 0.3rem !important;
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
            padding: 0.75em  1em !important;
            margin: 0 !important;
            margin-right: 0.5em !important;
            border: 1px solid var(--color-gray-light) !important;
            border-bottom: none !important;
            transform: none !important;
        }

        .vanilla-layout-tabs-navigation button:hover,
        .vanilla-layout-tabs-navigation button.responsiville-slideshow-bullet-selected {
            background: var(--color-gray-light) !important;
        }

        .vanilla-layout-tabs .responsiville-slideshow-slides-container {
            position: static !important;
            padding: 2em;
            border: 1px solid var(--color-gray-light);
            border-radius: 0.2rem;
            --text-rhythm: 1em;
        }

            .vanilla-layout-tabs .responsiville-slideshow-slide {
                position: static !important;
            }



/*************************************************************************************************************************

    ████████╗███████╗██╗  ██╗████████╗    ██╗███╗   ███╗ █████╗  ██████╗ ███████╗    ██╗     ███████╗███████╗████████╗
    ╚══██╔══╝██╔════╝╚██╗██╔╝╚══██╔══╝    ██║████╗ ████║██╔══██╗██╔════╝ ██╔════╝    ██║     ██╔════╝██╔════╝╚══██╔══╝
       ██║   █████╗   ╚███╔╝    ██║       ██║██╔████╔██║███████║██║  ███╗█████╗      ██║     █████╗  █████╗     ██║
       ██║   ██╔══╝   ██╔██╗    ██║       ██║██║╚██╔╝██║██╔══██║██║   ██║██╔══╝      ██║     ██╔══╝  ██╔══╝     ██║
       ██║   ███████╗██╔╝ ██╗   ██║       ██║██║ ╚═╝ ██║██║  ██║╚██████╔╝███████╗    ███████╗███████╗██║        ██║
       ╚═╝   ╚══════╝╚═╝  ╚═╝   ╚═╝       ╚═╝╚═╝     ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝    ╚══════╝╚══════╝╚═╝        ╚═╝

 *************************************************************************************************************************/



/*****************************************************************************************************************************

    ████████╗███████╗██╗  ██╗████████╗    ██╗███╗   ███╗ █████╗  ██████╗ ███████╗    ██████╗ ██╗ ██████╗ ██╗  ██╗████████╗
    ╚══██╔══╝██╔════╝╚██╗██╔╝╚══██╔══╝    ██║████╗ ████║██╔══██╗██╔════╝ ██╔════╝    ██╔══██╗██║██╔════╝ ██║  ██║╚══██╔══╝
       ██║   █████╗   ╚███╔╝    ██║       ██║██╔████╔██║███████║██║  ███╗█████╗      ██████╔╝██║██║  ███╗███████║   ██║
       ██║   ██╔══╝   ██╔██╗    ██║       ██║██║╚██╔╝██║██╔══██║██║   ██║██╔══╝      ██╔══██╗██║██║   ██║██╔══██║   ██║
       ██║   ███████╗██╔╝ ██╗   ██║       ██║██║ ╚═╝ ██║██║  ██║╚██████╔╝███████╗    ██║  ██║██║╚██████╔╝██║  ██║   ██║
       ╚═╝   ╚══════╝╚═╝  ╚═╝   ╚═╝       ╚═╝╚═╝     ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝    ╚═╝  ╚═╝╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝

 *****************************************************************************************************************************/


/*****************************************************************************************************************************

LAYOUT PRODUCTS

 *****************************************************************************************************************************/

.vanilla-layout.vanilla-layout-products {
    padding-top: 0;
    border-bottom: var(--vertical-rhythm) solid var(--color-gray-light-xx);
}

.laptop .vanilla-layout.vanilla-layout-products {
    margin-bottom: 0;
}

 .vanilla-layout-products .responsiville-slideshow-previous,
 .vanilla-layout-products .responsiville-slideshow-next {
    background: none !important;
 }

 .vanilla-layout-products .responsiville-slideshow-previous {
    left: 2rem;
 }
  
 .xlarge .vanilla-layout-products .responsiville-slideshow-previous {
    left: -9rem;
 }

 .vanilla-layout-products .responsiville-slideshow-next {
    right: 2rem;
 }

 .xlarge .vanilla-layout-products .responsiville-slideshow-next {
    right: -9rem;
 }

 .slick-slide {
    padding: 1.4rem;
 }

     .slick-slide img {
        width: 100%;
     }

     .product-box-image {
        position: relative;
        width: 100%;
     }

     .tablet .catalog-list .product-box-image {
        min-height: 52rem !important;
     }

     .laptop .catalog-list .product-box-image {
        min-height: 36rem !important;
     }

     .desktop .catalog-list .product-box-image {
        min-height: 39rem !important;
     }

        .product-box-image img {
            object-position: 50% 100%;
            object-fit: cover;
            width: 100%;
        }

         .product-box-image::after {
            content: "ΝΕΟ";
            width: 9.2rem;
            height: 4.8rem;
            background: url('../img/badge.png') no-repeat;
            position: absolute;
            top: 1rem;
            right: -0.9rem;
            font-family: var(--font-sans-serif-bold);
            line-height: 4.8rem;
            text-align: center;
            color: var(--color-white);
            text-indent: 1rem;
         }

         .product-box-title {
            font-size: 2.4rem;
            color: var(--color-gray-dark-x);
            text-align: center;
            padding-top: 3.5rem;
         }

         .product-box-excerpt {
            font-size: 1.8rem;
            color: var(--color-gray-dark);
            text-align: center;
            font-family: var(--font-sans-serif-normal);
         }

/*****************************************************************************************************************************

LAYOUT IMAGE GALLERY

 *****************************************************************************************************************************/
       
.product-list.catalog-list {
    
}

    .product-list.catalog-list .vanilla-layout-products-item {
        padding: 2.5rem !important;    
    }

    .product-list.catalog-list .vanilla-layout-products-item .product-box {
        padding: 0 !important;    
    }

/*****************************************************************************************************************************

LAYOUT THREE COLUMNS HOME

 *****************************************************************************************************************************/

.vanilla-layout-three-columns-home .tablet-group-3 {
    margin-left: calc(0.3 * var(--grid-gutter-small) ) !important;
    margin-right: calc(0.3 * var(--grid-gutter-small) ) !important;
}

    .vanilla-layout-home-item {
        padding: var(--grid-gutter) !important;
    }

    .laptop .vanilla-layout-home-item {
        padding: 0 !important;
    }

    .vanilla-layout-home-item .panel {
        background: var(--color-white);
        height: 100%;
    }

    .vanilla-layout-home-item-3 .panel {
        background: none;
    }

        .home-content {
            padding: 1rem;
        }

        .tablet .home-content {
            padding: 2rem;
        }

        .laptop .home-content {
            padding: 3rem;
        }

        .vanilla-layout-home-item-3 .home-content {
            width: 48%;
            height: 70%;
            text-align: left;
            position: absolute;
            bottom: 0;
            right: 0;
        }

            .vanilla-layout-home-item-3 .panel > a {
                display: block;
                width: 100%;
            }

                .vanilla-layout-home-item-3 .home-content figure {
                    width: 100%;
                }

            .vanilla-layout-home-item .home-content h2 {
                padding-bottom: 2rem;
                font-size: 3rem;
            }

            .vanilla-layout-home-item-3 .home-content h2 {
                padding-bottom: 1rem;
                color: var(--color-blue);
                font-size: 4rem;
                white-space: nowrap;
            }

            .tablet .vanilla-layout-home-item-3 .home-content h2 {
                padding-bottom: 2rem;
                font-size: 9rem;
            }

            .vanilla-layout-home-item-3 .home-content p {
                background: var(--color-blue);
                color: var(--color-pink);
                font-size: 1.8rem;
                display: inline;
                line-height: 110%;
            }
            
            .tablet .vanilla-layout-home-item-3 .home-content p {
                font-size: 2.4rem;
            }

        .laptop .vanilla-layout-home-item-1 {
            padding-right: 4.5rem !important;        

        }

        .laptop .vanilla-layout-home-item-2 {
            padding-right: 4.5rem !important;
        }

        .home-figure {
            position: relative;
            height: 24rem;
        }

            .home-figure img {
                object-position: 50% 100%;
                object-fit: cover;
                width: 100%;
            }

    .home-item-links {
        list-style: none;
    }

        .home-item-link {
            position: relative;
            padding-left: 3.4rem;
        }

            .home-item-link a {
                font-family: var(--font-sans-serif-normal);
                color: var(--color-gray-dark);
                font-size: 1.8rem;
                line-height: 4rem;
            }

            .home-item-link svg {
               width: 2rem;
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               left: 0.5rem;
            }

                .home-item-link svg path {
                   fill: var(--color-blue);
                }