/* BEGIN: colors */

    /*
    colors info für Zukunft:
    main color: FIRST_BASE/COMP
    hover color: SECOND_BASE/COMP
    box background: THIRD_BASE/COMP
    header or navi: FOURTH_BASE/COMP
    footer: FIFTH_BASE/COMP
    accent (saving etc.) color: SIXTH_BASE/COMP
     */
     :root {
        --TEXT: #222222;
        --CONTENT: #FFFFFF;
        --BACKGROUND: #d0e3e6;

        --FIRST_BASE: #1a6d7a;
        --FIRST_COMP: #FFFFFF;

        --SECOND_BASE: #E0091E;
        --SECOND_COMP: #FFFFFF;

        --THIRD_BASE: #d0e3e6;
        --THIRD_COMP: #666666;

        --FIFTH_BASE: #d0e3e6;
        --FIFTH_COMP: #1a6d7a;

        --PHARMACY_FIRST_BASE: #1a6d7a;
        --PHARMACY_FIRST_COMP: #FFFFFF;
        --PHARMACY_SECOND_BASE: #E0091E;
        --PHARMACY_SECOND_COMP: #FFFFFF;
        --PHARMACY_THIRD_BASE: #d0e3e6;
        --PHARMACY_THIRD_COMP: #666666;

        --GRAY_03: #F7F7F7;
        --GRAY_05: #F2F2F2;
        --GRAY_08: #EBEBEB;
        --GRAY_10: #E5E5E5;
        --GRAY_15: #D9D9D9;
        --GRAY_20: #CCCCCC;
        --GRAY_25: #BFBFBF;
        --GRAY_30: #B2B2B2;
        --GRAY_40: #999999;
        --GRAY_50: #7F7F7F;
        --GRAY_60: #666666;
        --GRAY_70: #4C4C4C;
        --GRAY_80: #333333;
        --GRAY_90: #191919;
    }

/* END: colors */

/* BEGIN: Google Fonts */

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 100;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-100.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-100.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 300;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-300.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-300.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 100;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-100italic.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-100italic.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 300;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-300italic.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-300italic.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-regular.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-regular.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 400;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-italic.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-italic.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-700.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-700.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 700;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-700italic.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-700italic.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 900;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-900.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-900.woff') format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 900;
        src: local(''),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-900italic.woff2') format('woff2'),
            url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/lato-v20-latin-900italic.woff') format('woff');
    }

/* END: Google Fonts */

/* BEGIN: Font Awesome */

    @font-face {
        font-display: auto;
        font-family: 'FontAwesome';
        font-style: normal;
        font-weight: 400;
        src: url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-regular-400-5112.eot?v=5.11.2');
        src: url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-regular-400-5112.eot?#iefix&v=5.11.2') format('embedded-opentype'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-regular-400-5112.woff2?v=5.11.2') format('woff2'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-regular-400-5112.woff?v=5.11.2') format('woff'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-regular-400-5112.ttf?v=5.11.2') format('truetype'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-regular-400-5112.svg?v=5.11.2#fontawesome') format('svg');
    }

    @font-face {
        font-display: auto;
        font-family: 'FontAwesome solid';
        font-style: normal;
        font-weight: 900;
        src: url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-solid-900-5112.eot?v=5.11.2');
        src: url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-solid-900-5112.eot?#iefix&v=5.11.2') format('embedded-opentype'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-solid-900-5112.woff2?v=5.11.2') format('woff2'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-solid-900-5112.woff?v=5.11.2') format('woff'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-solid-900-5112.ttf?v=5.11.2') format('truetype'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-solid-900-5112.svg?v=5.11.2#fontawesomesolid') format('svg');
    }

    @font-face {
        font-display: auto;
        font-family: 'FontAwesome brands';
        font-style: normal;
        font-weight: normal;
        src: url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-brands-400-5112.eot?v=5.11.2');
        src: url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-brands-400-5112.eot?#iefix&v=5.11.2') format('embedded-opentype'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-brands-400-5112.woff2?v=5.11.2') format('woff2'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-brands-400-5112.woff?v=5.11.2') format('woff'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-brands-400-5112.ttf?v=5.11.2') format('truetype'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/fa-brands-400-5112.svg?v=5.11.2#fontawesomebrands') format('svg');
    }

    @font-face {
        font-family: 'Comvalue_FontAwesome';
        font-style: normal;
        font-weight: normal;
        src: url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/comvalue_fontawesome_v1.eot');
        src: url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/comvalue_fontawesome_v1.eot?#iefix') format('embedded-opentype'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/comvalue_fontawesome_v1.woff2') format('woff2'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/comvalue_fontawesome_v1.woff') format('woff'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/comvalue_fontawesome_v1.ttf') format('truetype'),
                url('https://cdn3.comvalue.com/pharmacom/assets/design/fonts/comvalue_fontawesome_v1.svg') format('svg');
    }

    .fa,
    .far {
        display: inline-block;
        font-family: 'FontAwesome';
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-rendering: auto;
    }

    .fas {
        display: inline-block;
        font-family: 'FontAwesome solid';
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        font-weight: 900;
        line-height: 1;
        text-rendering: auto;
    }

    .fab {
        display: inline-block;
        font-family: 'FontAwesome brands';
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        font-weight: 900;
        line-height: 1;
        text-rendering: auto;
    }

    .cfa {
        display: inline-block;
        font-family: 'Comvalue_FontAwesome';
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-rendering: auto;
    }

    .fa-lg {
        font-size: 1.33333em;
        line-height: 0.75em;
        vertical-align: -.0667em;
    }

    .fa-xs {
        font-size: .75em;
    }

    .fa-sm {
        font-size: .875em;
    }

    .fa-1x {
        font-size: 1em;
    }

    .fa-2x {
        font-size: 2em;
    }

    .fa-3x {
        font-size: 3em;
    }

    .fa-4x {
        font-size: 4em;
    }

    .fa-5x {
        font-size: 5em;
    }

    .fa-6x {
        font-size: 6em;
    }

    .fa-7x {
        font-size: 7em;
    }

    .fa-8x {
        font-size: 8em;
    }

    .fa-9x {
        font-size: 9em;
    }

    .fa-10x {
        font-size: 10em;
    }

    .fa-fw {
        text-align: center;
        width: 1.25em;
    }

    .fa-ul {
        list-style-type: none;
        margin-left: 2.5em;
        padding-left: 0;
    }

    .fa-ul > li {
        position: relative;
    }

    .fa-li {
        left: -2em;
        line-height: inherit;
        position: absolute;
        text-align: center;
        width: 2em;
    }

    .fa-angle-left:before {
        content: "\f104";
        font-family: 'FontAwesome solid';
    }

    .fa-angle-right:before {
        content: "\f105";
        font-family: 'FontAwesome solid';
    }

    .fa-arrow-down:before {
        content: "\f063";
        font-family: 'FontAwesome solid';
    }

    .fa-arrow-left:before {
        content: "\f060";
        font-family: 'FontAwesome solid';
    }

    .fa-arrow-right:before {
        content: "\f061";
        font-family: 'FontAwesome solid';
    }

    .fa-arrow-up:before {
        content: "\f062";
        font-family: 'FontAwesome solid';
    }

    .fa-ban:before {
        content: "\f05e";
        font-family: 'FontAwesome solid';
    }

    .fa-bars:before {
        content: "\f0c9";
        font-family: 'FontAwesome solid';
    }

    .fa-book:before {
        content: "\f02d";
        font-family: 'FontAwesome solid';
    }

    .fa-bullhorn:before {
        content: "\f0a1";
        font-family: 'FontAwesome solid';
    }

    .fa-calendar:before {
        content: "\f073";
        font-family: 'FontAwesome';
    }

    .fa-check:before {
        content: "\f00c";
        font-family: 'FontAwesome solid';
    }

    .fa-check-circle:before {
        content: "\f058";
        font-family: 'FontAwesome solid';
    }

    .fa-check-double:before {
        content: "\f560";
        font-family: 'FontAwesome solid';
    }

    .fa-chevron-right:before {
        content: "\f054";
        font-family: 'FontAwesome solid';
    }

    .fa-clock:before {
        content: "\f017";
        font-family: 'FontAwesome';
    }

    .fa-clock-three:before {
        content: "\f017";
        font-family: 'FontAwesome';
    }

    .fa-clock-o:before {
        content: "\f017";
        font-family: 'FontAwesome solid';
    }

    .fa-envelope:before {
        content: "\f0e0";
        font-family: 'FontAwesome solid';
    }

    .fa-envelope-open-text:before {
        content: "\f658";
        font-family: 'FontAwesome solid';
    }

    .fa-exclamation:before {
        content: "\f12a";
        font-family: 'FontAwesome solid';
    }

    .fa-exclamation-circle:before {
        content: "\f06a";
        font-family: 'FontAwesome solid';
    }

    .fa-exclamation-triangle:before {
        content: "\f071";
        font-family: 'FontAwesome solid';
    }

    .fa-facebook:before {
        content: "\f09a";
        font-family: 'FontAwesome brands';
    }

    .fa-facebook-f:before {
        content: "\f39e";
        font-family: 'FontAwesome brands';
    }

    .fa-hand-point-right:before {
        content: "\f0a4";
        font-family: 'FontAwesome';
    }

    .fa-heartbeat:before {
        content: "\f21e";
        font-family: 'FontAwesome solid';
    }

    .fa-home:before {
        content: "\f015";
        font-family: 'FontAwesome solid';
    }

    .fa-instagram:before {
        content: "\f16d";
        font-family: 'FontAwesome brands';
    }

    .fa-leaf:before {
        content: "\f06c";
        font-family: 'FontAwesome solid';
    }

    .fa-life-ring:before {
        content: "\f1cd";
        font-family: 'FontAwesome solid';
    }

    .fa-map-marker-alt:before {
        content: "\f3c5";
        font-family: 'FontAwesome solid';
    }

    .fa-medkit:before {
        content: "\f0fa";
        font-family: 'FontAwesome solid';
    }

    .fa-mobile:before {
        content: "\f10b";
        font-family: 'FontAwesome solid';
    }

    .fa-mobile-alt:before {
        content: "\f3cd";
        font-family: 'FontAwesome solid';
    }

    .fa-moon:before {
        content: "\f186";
        font-family: 'FontAwesome solid';
    }

    .fa-mortar-pestle:before {
        content: "\f5a7";
        font-family: 'FontAwesome solid';
    }

    .fa-newspaper-o:before,
    .fa-newspaper:before {
        content: "\f1ea";
        font-family: 'FontAwesome';
    }

    .fa-pagelines:before {
        content: "\f18c";
        font-family: 'FontAwesome brands';
    }

    .fa-percentage:before {
        content: "\f295";
        font-family: 'FontAwesome solid';
    }

    .fa-phone:before {
        content: "\f095";
        font-family: 'FontAwesome solid';
    }

    .fa-pills:before {
        content: "\f484";
        font-family: 'FontAwesome solid';
    }

    .fa-search:before {
        content: "\f002";
        font-family: 'FontAwesome solid';
    }

    .fa-shipping-fast:before {
        content: "\f48b";
        font-family: 'FontAwesome solid';
    }

    .fa-shopping-basket:before {
        content: "\f291";
        font-family: 'FontAwesome solid';
    }

    .fa-shopping-cart:before {
        content: "\f07a";
        font-family: 'FontAwesome solid';
    }

    .fa-star:before {
        content: "\f005";
        font-family: 'FontAwesome';
    }

    .fa-user:before {
        content: "\f007";
        font-family: 'FontAwesome solid';
    }

    .fa-user-alt:before {
        content: "\f406";
        font-family: 'FontAwesome solid';
    }

    .far-user:before {
        content: "\f007";
        font-family: 'FontAwesome';
    }

    .fa-user-circle:before {
        content: "\f2bd";
        font-family: 'FontAwesome solid';
    }

    .fa-whatsapp:before {
        content: "\f232";
        font-family: 'FontAwesome brands';
    }

    .fa-sharp .fa-regular .fa-xmark:before {
        content: "\f00d";
        font-family: 'FontAwesome';
    }

    .fa-youtube:before {
        content: "\f167";
        font-family: 'FontAwesome brands';
    }

    .cfa-amamed:before {
        content: "\e005";
    }

    .cfa-dea:before {
        content: "\e003";
    }

    .cfa-payback:before {
        content: "\e004";
    }

    .cfa-prescription:before {
        content: "\e002";
        font-family: 'Comvalue_FontAwesome';
    }

    .cfa-pharmacy:before {
        content: "\e001";
        font-family: 'Comvalue_FontAwesome';
    }

/* END: Font Awesome */

/* BEGIN: markup defaults */

    html {
        background-color: var(--BACKGROUND);
        color: var(--TEXT);
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        scroll-behavior: smooth;
    }

    i, italic {
        font-family: 'Lato', sans-serif;
        font-style: italic;
        font-weight: 400i;
    }

    b, strong {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--FIRST_BASE);
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 15px;
    }

        .pharmacy h1,
        .pharmacy h2,
        .pharmacy h3,
        .pharmacy h4,
        .pharmacy h5,
        .pharmacy h6 {
            color: var(--PHARMACY_FIRST_BASE);
        }

    h1 {
        font-size: 180%;
    }

    h2 {
        font-size: 160%;
    }

    h3 {
        font-size: 140%;
    }

    p {
        line-height: 1.4;
        margin-bottom: 15px;
    }

    a {
        text-decoration: none;
    }

    li, ul {
        list-style: none;
    }

    video {
        max-height: 100%;
        width: 100%;
    }

    button,
    .button {
        background-color: transparent;
        border: 2px solid;
        border-color: var(--FIRST_BASE);
        border-radius: 100px;
        color: var(--FIRST_BASE);
        cursor: pointer;
        display: inline-block;
        padding: 15px 30px;
        position: relative;
        text-align: left;
        text-decoration: none;
    }
        button:hover,
        .button:hover {
            background-color: var(--FIRST_BASE);
            border-color: var(--FIRST_BASE);
            color: var(--FIRST_COMP);
            text-decoration: none;
            -ms-transition: .5s all;
			-webkit-transition: .5s all;
			transition: .5s all;
        }
    .pharmacy button,
    .pharmacy .button {
        border-color: var(--PHARMACY_FIRST_BASE);
        color: var(--PHARMACY_FIRST_BASE);
    }
        .pharmacy button:hover,
        .pharmacy .button:hover {
            background-color: var(--PHARMACY_FIRST_BASE);
            border-color: var(--PHARMACY_FIRST_BASE);
            color: var(--PHARMACY_FIRST_COMP);
        }

    img {
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%;
    }

/* END: markup defaults */

/* BEGIN: header */

    .header {
        color: var(--FOURTH_COMP);
        display: block;
        position: fixed;
        right: 0px;
        top: 0px;
        width: 100%;
        z-index: 99;
    }

    .nav {
        background-color: rgba(255,255,255,0.75);
        border-bottom: 1px solid;
        border-color: var(--THIRD_BASE);
        display: flex;
        flex-direction: row;
        position: fixed;
        overflow: hidden;
        width:100%;
    }

    .social-media {
        display: flex;
        flex-direction: row;
        padding: 0px 15px;
    }
        .footer .social-media {
            padding: 0px 0px;
        }

        .social-media .item {
            font-size: 140%;
            padding: 15px 15px;
        }

            .social-media .item a {
                color: var(--TEXT);
                text-decoration: none;
            }
                .social-media .item a:hover {
                    color: var(--FIRST_BASE);
                    text-decoration: none;
                }
                .footer .social-media .item a,
                .footer .social-media .item a:hover {
                    color: var(--FIFTH_COMP);
                }


    #hamburger-toogle {
        display: none;
    }

    .nav label {
        display: none;
    }

    .links {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        flex-grow: 1;
        padding: 0px 15px;
        overflow: hidden;
    }
        .links .item {
            color: var(--TEXT);
            font-size: 120%;
            font-weight: 700;
            padding: 15px 15px;
        }
                .links .item:hover {
                    color: var(--SECOND_BASE);
                }

/* END: header */

/* BEGIN: main */

    h2.title {
        margin: 30px 0px 0px 0px;
        text-align: center;
    }

    .shop-button {
        display: block;
        margin: 30px auto;
        text-align: center;
    }

    /* BEGIN: map */

        .map-container {
            display: flex;
            justify-content: center;
            margin: 80px auto 30px auto;
            max-width: 750px;
            position: relative;
            width: calc(100% - 30px);

        }

            .pin {
                width: 30px;
                height: 30px;
                border-radius: 50% 50% 50% 0%;
                background-color: var(--FIRST_BASE);
                position: absolute;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                margin: -20px 0 0 -20px;
                -webkit-animation-name: bounce;
                -moz-animation-name: bounce;
                -o-animation-name: bounce;
                -ms-animation-name: bounce;
                animation-name: bounce;
                -webkit-animation-fill-mode: both;
                -moz-animation-fill-mode: both;
                -o-animation-fill-mode: both;
                -ms-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-animation-duration: 1s;
                -moz-animation-duration: 1s;
                -o-animation-duration: 1s;
                -ms-animation-duration: 1s;
                animation-duration: 1s;
              }
                .pin:after {
                    content: '';
                    width: 14px;
                    height: 14px;
                    margin: 8px 0 0 8px;
                    background-color: var(--CONTENT);
                    position: absolute;
                    border-radius: 50%;
                }

              .pulse {
                background-color: var(--THIRD_BASE);
                border-radius: 50%;
                height: 14px;
                width: 14px;
                position: absolute;
                margin: 11px 0px 0px -12px;
                -webkit-transform: rotateX(55deg);
                -moz-transform: rotateX(55deg);
                -o-transform: rotateX(55deg);
                -ms-transform: rotateX(55deg);
                transform: rotateX(55deg);
              }
                .pulse:after {
                    content: "";
                    border-radius: 50%;
                    height: 40px;
                    width: 40px;
                    position: absolute;
                    margin: -13px 0 0 -13px;
                    -webkit-animation: pulsate 1s ease-out;
                    -moz-animation: pulsate 1s ease-out;
                    -o-animation: pulsate 1s ease-out;
                    -ms-animation: pulsate 1s ease-out;
                    animation: pulsate 1s ease-out;
                    -webkit-animation-iteration-count: infinite;
                    -moz-animation-iteration-count: infinite;
                    -o-animation-iteration-count: infinite;
                    -ms-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    -webkit-box-shadow: 0 0 1px 2px var(--THIRD_BASE);
                    box-shadow: 0 0 1px 2px var(--THIRD_BASE);
                    -webkit-animation-delay: 1.1s;
                    -moz-animation-delay: 1.1s;
                    -o-animation-delay: 1.1s;
                    -ms-animation-delay: 1.1s;
                    animation-delay: 1.1s;
                }

            .map-item-pharmacy1 .pin,
            .map-item-pharmacy1 .pulse {
                left: 45%;
                top: 40%;
            }

            .map-item-pharmacy2 .pin,
            .map-item-pharmacy2 .pulse {
                left: 48%;
                top: 58%;
            }

            .map-item-pharmacy3 .pin,
            .map-item-pharmacy3 .pulse {
                left: 94%;
                top: 45%;
            }

            .map-item-pharmacy4 .pin,
            .map-item-pharmacy4 .pulse {
                left: 51%;
                top: 30%;
            }

            .map-item-pharmacy5 .pin,
            .map-item-pharmacy5 .pulse {
                left: 15%;
                top: 58%;
            }

            .map-item-pharmacy6 .pin,
            .map-item-pharmacy6 .pulse {
                left: 22%;
                top: 40%;
            }

                @-moz-keyframes pulsate {
                    0% {
                    -webkit-transform: scale(0.1, 0.1);
                    -moz-transform: scale(0.1, 0.1);
                    -o-transform: scale(0.1, 0.1);
                    -ms-transform: scale(0.1, 0.1);
                    transform: scale(0.1, 0.1);
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    }
                    50% {
                    opacity: 1;
                    -ms-filter: none;
                    filter: none;
                    }
                    100% {
                    -webkit-transform: scale(1.2, 1.2);
                    -moz-transform: scale(1.2, 1.2);
                    -o-transform: scale(1.2, 1.2);
                    -ms-transform: scale(1.2, 1.2);
                    transform: scale(1.2, 1.2);
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    }
                }
                @-webkit-keyframes pulsate {
                    0% {
                    -webkit-transform: scale(0.1, 0.1);
                    -moz-transform: scale(0.1, 0.1);
                    -o-transform: scale(0.1, 0.1);
                    -ms-transform: scale(0.1, 0.1);
                    transform: scale(0.1, 0.1);
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    }
                    50% {
                    opacity: 1;
                    -ms-filter: none;
                    filter: none;
                    }
                    100% {
                    -webkit-transform: scale(1.2, 1.2);
                    -moz-transform: scale(1.2, 1.2);
                    -o-transform: scale(1.2, 1.2);
                    -ms-transform: scale(1.2, 1.2);
                    transform: scale(1.2, 1.2);
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    }
                }
                @-o-keyframes pulsate {
                    0% {
                    -webkit-transform: scale(0.1, 0.1);
                    -moz-transform: scale(0.1, 0.1);
                    -o-transform: scale(0.1, 0.1);
                    -ms-transform: scale(0.1, 0.1);
                    transform: scale(0.1, 0.1);
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    }
                    50% {
                    opacity: 1;
                    -ms-filter: none;
                    filter: none;
                    }
                    100% {
                    -webkit-transform: scale(1.2, 1.2);
                    -moz-transform: scale(1.2, 1.2);
                    -o-transform: scale(1.2, 1.2);
                    -ms-transform: scale(1.2, 1.2);
                    transform: scale(1.2, 1.2);
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    }
                }
                @keyframes pulsate {
                    0% {
                    -webkit-transform: scale(0.1, 0.1);
                    -moz-transform: scale(0.1, 0.1);
                    -o-transform: scale(0.1, 0.1);
                    -ms-transform: scale(0.1, 0.1);
                    transform: scale(0.1, 0.1);
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    }
                    50% {
                    opacity: 1;
                    -ms-filter: none;
                    filter: none;
                    }
                    100% {
                    -webkit-transform: scale(1.2, 1.2);
                    -moz-transform: scale(1.2, 1.2);
                    -o-transform: scale(1.2, 1.2);
                    -ms-transform: scale(1.2, 1.2);
                    transform: scale(1.2, 1.2);
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    }
                }
                @-moz-keyframes bounce {
                    0% {
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    -webkit-transform: translateY(-2000px) rotate(-45deg);
                    -moz-transform: translateY(-2000px) rotate(-45deg);
                    -o-transform: translateY(-2000px) rotate(-45deg);
                    -ms-transform: translateY(-2000px) rotate(-45deg);
                    transform: translateY(-2000px) rotate(-45deg);
                    }
                    60% {
                    opacity: 1;
                    -ms-filter: none;
                    filter: none;
                    -webkit-transform: translateY(30px) rotate(-45deg);
                    -moz-transform: translateY(30px) rotate(-45deg);
                    -o-transform: translateY(30px) rotate(-45deg);
                    -ms-transform: translateY(30px) rotate(-45deg);
                    transform: translateY(30px) rotate(-45deg);
                    }
                    80% {
                    -webkit-transform: translateY(-10px) rotate(-45deg);
                    -moz-transform: translateY(-10px) rotate(-45deg);
                    -o-transform: translateY(-10px) rotate(-45deg);
                    -ms-transform: translateY(-10px) rotate(-45deg);
                    transform: translateY(-10px) rotate(-45deg);
                    }
                    100% {
                    -webkit-transform: translateY(0) rotate(-45deg);
                    -moz-transform: translateY(0) rotate(-45deg);
                    -o-transform: translateY(0) rotate(-45deg);
                    -ms-transform: translateY(0) rotate(-45deg);
                    transform: translateY(0) rotate(-45deg);
                    }
                }
                @-webkit-keyframes bounce {
                    0% {
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    -webkit-transform: translateY(-2000px) rotate(-45deg);
                    -moz-transform: translateY(-2000px) rotate(-45deg);
                    -o-transform: translateY(-2000px) rotate(-45deg);
                    -ms-transform: translateY(-2000px) rotate(-45deg);
                    transform: translateY(-2000px) rotate(-45deg);
                    }
                    60% {
                    opacity: 1;
                    -ms-filter: none;
                    filter: none;
                    -webkit-transform: translateY(30px) rotate(-45deg);
                    -moz-transform: translateY(30px) rotate(-45deg);
                    -o-transform: translateY(30px) rotate(-45deg);
                    -ms-transform: translateY(30px) rotate(-45deg);
                    transform: translateY(30px) rotate(-45deg);
                    }
                    80% {
                    -webkit-transform: translateY(-10px) rotate(-45deg);
                    -moz-transform: translateY(-10px) rotate(-45deg);
                    -o-transform: translateY(-10px) rotate(-45deg);
                    -ms-transform: translateY(-10px) rotate(-45deg);
                    transform: translateY(-10px) rotate(-45deg);
                    }
                    100% {
                    -webkit-transform: translateY(0) rotate(-45deg);
                    -moz-transform: translateY(0) rotate(-45deg);
                    -o-transform: translateY(0) rotate(-45deg);
                    -ms-transform: translateY(0) rotate(-45deg);
                    transform: translateY(0) rotate(-45deg);
                    }
                }
                @-o-keyframes bounce {
                    0% {
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    -webkit-transform: translateY(-2000px) rotate(-45deg);
                    -moz-transform: translateY(-2000px) rotate(-45deg);
                    -o-transform: translateY(-2000px) rotate(-45deg);
                    -ms-transform: translateY(-2000px) rotate(-45deg);
                    transform: translateY(-2000px) rotate(-45deg);
                    }
                    60% {
                    opacity: 1;
                    -ms-filter: none;
                    filter: none;
                    -webkit-transform: translateY(30px) rotate(-45deg);
                    -moz-transform: translateY(30px) rotate(-45deg);
                    -o-transform: translateY(30px) rotate(-45deg);
                    -ms-transform: translateY(30px) rotate(-45deg);
                    transform: translateY(30px) rotate(-45deg);
                    }
                    80% {
                    -webkit-transform: translateY(-10px) rotate(-45deg);
                    -moz-transform: translateY(-10px) rotate(-45deg);
                    -o-transform: translateY(-10px) rotate(-45deg);
                    -ms-transform: translateY(-10px) rotate(-45deg);
                    transform: translateY(-10px) rotate(-45deg);
                    }
                    100% {
                    -webkit-transform: translateY(0) rotate(-45deg);
                    -moz-transform: translateY(0) rotate(-45deg);
                    -o-transform: translateY(0) rotate(-45deg);
                    -ms-transform: translateY(0) rotate(-45deg);
                    transform: translateY(0) rotate(-45deg);
                    }
                }
                @keyframes bounce {
                    0% {
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    filter: alpha(opacity=0);
                    -webkit-transform: translateY(-2000px) rotate(-45deg);
                    -moz-transform: translateY(-2000px) rotate(-45deg);
                    -o-transform: translateY(-2000px) rotate(-45deg);
                    -ms-transform: translateY(-2000px) rotate(-45deg);
                    transform: translateY(-2000px) rotate(-45deg);
                    }
                    60% {
                    opacity: 1;
                    -ms-filter: none;
                    filter: none;
                    -webkit-transform: translateY(30px) rotate(-45deg);
                    -moz-transform: translateY(30px) rotate(-45deg);
                    -o-transform: translateY(30px) rotate(-45deg);
                    -ms-transform: translateY(30px) rotate(-45deg);
                    transform: translateY(30px) rotate(-45deg);
                    }
                    80% {
                    -webkit-transform: translateY(-10px) rotate(-45deg);
                    -moz-transform: translateY(-10px) rotate(-45deg);
                    -o-transform: translateY(-10px) rotate(-45deg);
                    -ms-transform: translateY(-10px) rotate(-45deg);
                    transform: translateY(-10px) rotate(-45deg);
                    }
                    100% {
                    -webkit-transform: translateY(0) rotate(-45deg);
                    -moz-transform: translateY(0) rotate(-45deg);
                    -o-transform: translateY(0) rotate(-45deg);
                    -ms-transform: translateY(0) rotate(-45deg);
                    transform: translateY(0) rotate(-45deg);
                    }
                }

    /* END: map */

    /* BEGIN: content-container */

        .content-container {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin: 30px auto;
            max-width: 1500px;
            padding: 0px 0px;
            width: 100%;
        }
            .content-container.pharmacy-salutation {
                padding: 0px 15px;
            }

            .container-without-banner {
                display: flex;
                flex: 1;
            }
                .pharmacy-salutation .container-without-banner {
                    background-color: var(--CONTENT);
                    color: var(--TEXT);
                }

                .pharmacy-salutation .text {
                    display: block;
                    padding: 30px;
                }

                    .pharmacy-salutation .footnote {
                        padding: 5px 0px;
                    }

            .banner {
                display: flex;
                flex: 1;
            }

                .banner img {
                    object-fit: cover;
                }

        .pharmacy-picker .bottom {
            display: flex;
            gap: 5px;
            justify-content: center;
            margin: 30px auto;
            padding: 0px 15px;
            max-width: 1500px;
            width: 100%;
        }

            .pharmacy-picker .bottom .content-container {
                align-content: flex-start;
                background-color: var(--CONTENT);
                margin: 0px 0px;
            }

    /* END: content-container */

    /* BEGIN: pharmacy-container-info */

        .pharmacy-picker {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            padding: 0px 0px 0px 0px;
        }

            .pharmacy-picker h2 {
                text-align: center;
            }

            .pharmacy-info .container-without-banner {
                background-color: var(--CONTENT);
                color: var(--TEXT);
                display: flex;
                flex-direction: column;
            }
                .bottom .pharmacy-info .container-without-banner {
                    background-color: transparent;
                    flex-grow: 1;
                }

                .container-without-banner .content-index1 {
                    align-items: flex-start;
                    display: flex;
                    flex-direction: column;
                    flex-grow: 1;
                    gap: 15px;
                    padding: 15px;
                }

                .pharmacy-logo {
                    max-height: 150px;
                }
                    .bottom .pharmacy-logo {
                        height: 100px;
                        width: auto;
                    }

                .pharmacy-detail {
                    display: flex;
                    flex-direction: row;
                    gap: 30px;
                }

                    .pharmacy-detail p {
                        margin-bottom: 0px;
                    }

                .pharmacy-address {
                    line-height: 1.4;
                }

                .pharmacy-businesshours {
                    display: flex;
                    flex-direction: column;
                    justify-content: start;
                }

                    .pharmacy-businesshours .title {
                        font-weight: bold;
                        line-height: 1.4;
                        margin-bottom: 5px;
                    }

                    .pharmacy-businesshours .clock {
                        color: var(--FIRST_BASE);
                        font-weight: bold;
                    }
                        .pharmacy .pharmacy-businesshours .clock {
                            color: var(--PHARMACY_FIRST_BASE);
                        }
                        .pharmacy-businesshours .clock:before {
                            content: "\f017";
                            font-family: 'FontAwesome';
                            margin-right: 10px;
                        }

                    .pharmacy-businesshours .business-hours {
                        line-height: 1.6;
                        margin-bottom: 15px;
                    }

                        .pharmacy-businesshours .weekdays {
                            padding-right: 15px;
                            text-align: right;
                        }

                    #businesshours-icon {
                        display: inline-block;
                        height: 15px;
                        padding: 0px 5px 0px 0px;
                        width: 15px;
                    }

        .content-index2 {
            align-items: flex-end;
            padding-bottom: 30px;
            width: auto;
        }

            .pharmacy-links-items {
                align-items: center;
                display: flex;
                flex-direction: row;
                gap: 15px;
            }

                .pharmacy-links-items .item {
                    flex: 1;
                }

                    .pharmacy-links-items .item a {
                        align-items: center;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        position: relative;
                        -ms-transition: .5s all;
                        -webkit-transition: .5s all;
                        transition: .5s all;
                    }

                    .pharmacy-links-items .item .circle {
						background-clip: content-box;
						border: 2px dotted;
						border-color: var(--FIRST_BASE);
						border-radius: 50%;
						height: 80px;
						padding: 2px;
						width: 80px;
					}
                        .pharmacy .pharmacy-links-items .item .circle {
                            border-color: var(--PHARMACY_FIRST_BASE);
                        }

                    .pharmacy-links-items .item .icon {
						align-items: center;
						background-color: transparent;
						border-radius: 50%;
						color: var(--FIRST_BASE);
						display: flex;
						height: 72px;
						justify-content: center;
						position: absolute;
						text-align: center;
						top: 4px;
                        width: 72px;
					}
                        .pharmacy .pharmacy-links-items .item .icon {
                            color: var(--PHARMACY_FIRST_BASE);
                        }

                    .pharmacy-links-items .item .cfa,
					.pharmacy-links-items .item .fa,
					.pharmacy-links-items .item .fab,
					.pharmacy-links-items .item .far,
					.pharmacy-links-items .item .fas {
						font-size: 200%;
					}

                    .pharmacy-links-items .item:hover .circle {
                        animation: spin 10s linear infinite;
                    }

                        @keyframes spin {
                            100% {
                                transform: rotateZ(360deg);
                            }
                        }

                    .pharmacy-links-items .item:hover .icon {
                        background-color: var(--FIRST_BASE);
                        color: var(--FIRST_COMP);
                    }
                        .pharmacy .pharmacy-links-items .item:hover .icon {
                            background-color: var(--PHARMACY_FIRST_BASE);
                            color: var(--PHARMACY_FIRST_COMP);
                        }

                    .pharmacy-links-items .label {
                        font-weight: bold;
                        margin-top: 15px;
                    }
                        .pharmacy-links-items .item:hover .label {
                            color: var(--FIRST_BASE);
                        }
                            .pharmacy .pharmacy-links-items .item:hover .label {
                                color: var(--PHARMACY_FIRST_BASE);
                            }

    /* END: pharmacy-container-info */

    /* BEGIN: services */

        .services {
            display: flex;
            flex-direction: row;
            margin: 15px auto;
            max-width: 1500px;
            width: 100%;
        }

            .services .image {
                padding: 15px;
            }

        .services.full-banner {
            align-items: center;
            flex-direction: column;
            gap: 30px;
            padding: 15px;
        }
            .services.full-banner .content {
                align-items: center;
                background-color: var(--CONTENT);
                display: flex;
                gap: 30px;
                padding: 30px;
                width: 100%;
            }

                .services.full-banner .content .logo {
                    display: flex;
                    flex-grow: 1;
                    justify-content: center;
                }

                    .services.full-banner .content .logo img {
                        max-width: 250px;
                    }

    /* END: services */

    /* BEGIN: button-to-top */

        #backToTopBtn {
            background-color: var(--FIRST_COMP);
            -webkit-box-shadow: 0px 1px 5px 0px #8C8C8C;
            box-shadow: 0px 1px 5px 0px #8C8C8C;
            bottom: 20px;
            display: none;
            padding: 15px 16px;
            position: fixed;
            right: 30px;
            z-index: 99;
        }
            #backToTopBtn:hover {
                background-color: var(--FIRST_BASE);
            }

    /* END: button-to-top */

/* END: main */

/* BEGIN: footer */

    .footer {
        background-color: var(--FIFTH_BASE);
        color: var(--FIFTH_COMP);
        width: 100%;
    }

        .footer .content {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin: 15px auto;
            max-width: 1500px;
            padding: 0px 15px;
            padding-bottom: none;
            width: 100%;
        }

        .footer ul {
            display: flex;
            flex-direction: row;
        }

        .footer .disclaimer {
            align-items: center;
            display: flex;
            flex-direction: row;
            font-size: 80%;
            gap: 15px;
            justify-content: flex-end;
            flex-grow: 1;
        }

                .footer .disclaimer .item {
                    border-right: 1px solid;
                    border-color: var(--FIFTH_COMP);
                    color: var(--FIFTH_COMP);
                    padding-right: 15px;
                }
                    .footer .disclaimer .item:hover {
                        color: var(--FIFTH_COMP);
                    }
                    .footer .disclaimer .item:last-child {
                        border-right: none;
                        padding-right: 0px;
                    }

/* END: footer */
