/* quick buttons styling */
                                
                        
        
    
    /* quick buttons - button container */
    .quickButtons
    {
        position: fixed;
        right: 0px;
        background-color: transparent;

        /* hover field width */
        width: 270px;
        
        /* move the button to the right so that just the icon is visible */
        right: -220px;
        
        z-index: 1000;
        display: flex;
        flex-direction: column;

        /* vertical centering */
        /* position from bottom */
        top: unset;
        bottom: 20%;
        
    }

    /* quick buttons - single button */
    .quickButtonsElement
    {
        /* icon & text color */
        color: white;
        /* background color */
        background-color: #rgba(0, 0, 89, 1.000000);
        background-color: rgba(0, 0, 89, 1.000000);
        
        text-decoration: none !important;
        width: 100%;
        float: left;
        overflow: visible;
        transition: all 0.8s ease;
        -webkit-transition: all 0.8s ease;
        -fox-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        position: relative;

        /* icon & font size */
        font-size: 22px;
        line-height: 50px;
        height: 50px;

        vertical-align: middle;
        z-index: 10;
        text-align: left;
        right: 0px;

        /* space between buttons */
        margin-bottom: 10px;
        /* border left radius */
        border-radius: 0px;
        border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
    }

    /* quick buttons - single button - text */
    .quickButtonsElementText
    {
        font-family: ArgentumSans;
		font-weight: bold;
        /* font size */
        vertical-align: middle;
    }

    /* quick buttons - single button - hover */
    .quickButtonsElement:hover
    {
        right: 220px;
        
        /* icon & text color */
        /* background color */
    }

    /* individual icons styling */
    .quickButtonsElement.Telephone        {
        /* order */
        
        /* custom background color */
        
        /* set this container's font size */
        /*font-size: 22px;*/
    }

    /* move the button text to the right */
    .quickButtonsElement.Telephone span.quickButtonsElementText
    {
        padding-left: 50px;
    }

    /* icon css */
    /* common duotone positioning */
    .quickButtonsElement.Telephone
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.Telephone::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.Telephone::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }
            
        .quickButtonsElement.Handy        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.Handy span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.Handy
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.Handy::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.Handy::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }

            
        .quickButtonsElement.Email        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.Email span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.Email
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.Email::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.Email::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }
            
        .quickButtonsElement.Location        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.Location span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.Location
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.Location::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.Location::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }

            
        .quickButtonsElement.WhatsApp        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.WhatsApp span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.WhatsApp
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.WhatsApp::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.WhatsApp::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }
            
        .quickButtonsElement.SocialMedia        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.SocialMedia span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.SocialMedia
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.SocialMedia::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.SocialMedia::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }
            
        .quickButtonsElement.SocialMedia2        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.SocialMedia2 span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.SocialMedia2
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.SocialMedia2::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.SocialMedia2::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }
            
        .quickButtonsElement.Pdf        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.Pdf span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.Pdf
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.Pdf::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.Pdf::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }
            
        .quickButtonsElement.Special1        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.Special1 span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.Special1
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.Special1::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.Special1::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }
            
        .quickButtonsElement.Special2        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.Special2 span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.Special2
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.Special2::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.Special2::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }
            
        .quickButtonsElement.Special3        {
            /* order */
            
            /* custom background color */
            
            /* set this container's font size */
            /*font-size: 22px;*/
        }

        /* move the button text to the right */
        .quickButtonsElement.Special3 span.quickButtonsElementText
        {
            padding-left: 50px;
        }

        /* icon css */
            /* common duotone positioning */
    .quickButtonsElement.Special3
    {
        position: relative;
        padding-left: 0; /* make space for the width of the absolutely positioned icon */
        
        
    }
    
    /* font styles */
    .quickButtonsElement.Special3::before
    {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;

        width: 50px;        
        font-size: 22px;
    }
    
    /* default opacity levels and colors for each layer */
    .quickButtonsElement.Special3::before
    {
        color: ;
        opacity: 1;
        opacity: var(--fa-primary-opacity, 1.0);
    }

    /* common for handy, medium & tablet */
    @media (max-width: 1151px) {

    }

    /* handy */
    @media (max-width: 500px) {
        
                                                
        /* quick buttons - button container */
        .quickButtons
        {
            
            width: 216px;
            /* move the button to the right so that just the icon is visible */
                        right: -176px;

                    }

        /* quick buttons - single button */
        .quickButtonsElement
        {
            /* icon size */
            height: 40px;
            line-height: 40px;

            /* space between buttons */
            margin-bottom: 8px;        }

        /* quick buttons - single button - hover */
        .quickButtonsElement:hover
        {
                        right: 176px;
        }

        /* quick buttons - single button - icon */
        .quickButtonsElement:before,
        .quickButtonsElement:after
        {
            /* icon size */
            width: 40px !important;
            font-size: 0.8em !important;
        }

        /* quick buttons - single button - text */
        .quickButtonsElementText
        {
            /* font size */
            font-size: 0.8em;
        }

        /* move the button text to the right */
        .quickButtonsElement span.quickButtonsElementText
        {
            padding-left: 40px !important;
        }

    }

    /* medium & tablet */
    @media (min-width: 501px) and (max-width: 1152px) {
        
                                                
        /* quick buttons - button container */
        .quickButtons
        {
            
            width: 243px;
            /* move the button to the right so that just the icon is visible */
                        right: -198px;

                    }

        /* quick buttons - single button */
        .quickButtonsElement
        {
            /* icon size */
            height: 45px;
            line-height: 45px;

            /* space between buttons */
            margin-bottom: 9px;        }

        /* quick buttons - single button - hover */
        .quickButtonsElement:hover
        {
                        right: 198px;
        }

        .quickButtonsElement:before,
        .quickButtonsElement:after
        {
            /* icon size */
            width: 45px !important;
            font-size: 0.9em !important;
        }

        /* quick buttons - single button - text */
        .quickButtonsElementText
        {
            /* font size */
            font-size: 0.9em;
        }

        /* move the button text to the right */
        .quickButtonsElement span.quickButtonsElementText
        {
            padding-left: 45px !important;
        }

    }


    /* end of quick buttons styling */