:root {
    --color-primary--lighten: #e3eff2;
    --color-primary--light: #144aba;
    --color-primary: #00A0D6;
    --color-primary--dark: #102a68;

    --color-secondary: #aadaff;

    --color-tertiary: #002c55;

    --color-grey-1: #fafafa;
    --color-grey-2: #ebebeb;
    --color-grey-3: #939598;
    --color-grey-4: #939598;
    --color-grey-5: #939598;
    --color-grey-6: #000000;
    --color-grey-7: #000000;
    --color-grey-8: #000000;

    --font-family: 'Roboto', Arial, Tahoma, sans-serif;
    --font-family--secondary: 'Poppins', Arial, Tahoma, sans-serif;
    --font-family--tertiary: Arial, Tahoma, sans-serif;
}
html {
    font-size: 16px;
    line-height: 1.6;
    box-sizing: border-box;
}
@media (min-width: 1200px) {
    }
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    font-family: 'Roboto'
,
Arial
,
Tahoma
,
sans-serif;
    font-family: var(--font-family);
    color: #4f4f4f;
    color: var(--color-grey-6);
    background-color: white;
    min-width: 320px;
    max-width: 100%;
}
.wrapper {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}
.container {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}
@media (min-width: 768px) {
.container {
        padding-left: 20px;
        padding-right: 20px
}
    }
@media (min-width: 1300px) {
.container {
        padding-left: 40px;
        padding-right: 40px
}
    }
.container--wide{
        max-width: 1600px;
    }
.wysiwyg a {
        text-decoration: underline;
        color: #103478;
        color: var(--color-primary);
        transition: 0.3s;
        font-size: 1rem;
    }
.wysiwyg a:hover {
            text-decoration: none;
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
.wysiwyg p {
        margin: 0 0 0.8rem 0;
        font-size: 1rem;
    }
.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6,.wysiwyg .h1,.wysiwyg .h2,.wysiwyg .h3,.wysiwyg .h4,.wysiwyg .h5,.wysiwyg .h6 {
        margin: 0 0 0.5rem 0;
        color: #103478;
        color: var(--color-primary);
        line-height: 1.2;
    }
.wysiwyg h1, .wysiwyg .h1 {
        font-size: 1.8rem;
    }
@media (min-width: 768px) {
.wysiwyg h1, .wysiwyg .h1 {
            font-size: 2rem
    }
        }
.wysiwyg h2, .wysiwyg .h2 {
        font-size: 1.6rem;
    }
@media (min-width: 768px) {
.wysiwyg h2, .wysiwyg .h2 {
            font-size: 1.8rem
    }
        }
.wysiwyg h3, .wysiwyg .h3 {
        font-size: 1.4rem;
        color: #2d2d2d;
        color: var(--color-grey-7);
    }
@media (min-width: 768px) {
.wysiwyg h3, .wysiwyg .h3 {
            font-size: 1.6rem
    }
        }
.wysiwyg h4, .wysiwyg .h4 {
        font-size: 1.2rem;
        color: #2d2d2d;
        color: var(--color-grey-7);
    }
@media (min-width: 768px) {
.wysiwyg h4, .wysiwyg .h4 {
            font-size: 1.4rem
    }
        }
.wysiwyg h5, .wysiwyg .h5 {
        font-size: 1.2rem;
        color: #2d2d2d;
        color: var(--color-grey-7);
    }
@media (min-width: 768px) {
.wysiwyg h5, .wysiwyg .h5 {
            font-size: 1.2rem
    }
        }
.wysiwyg h6, .wysiwyg .h6 {
        font-size: 1.1rem;
        color: #2d2d2d;
        color: var(--color-grey-7);
    }
@media (min-width: 768px) {
.wysiwyg h6, .wysiwyg .h6 {
            font-size: 1.1rem
    }
        }
.wysiwyg img {
        max-width: 100%;
        height: auto;
    }
.wysiwyg ul, .wysiwyg ol {
        padding: 0;
        margin: 0 0 0.8rem 0;
    }
.wysiwyg ul ul, .wysiwyg ol ol {
        padding: 15px 0 0 25px;
    }
.wysiwyg ul li, .wysiwyg ol li{
        margin: 0 0 0.8rem 0;
        position: relative;
        overflow: hidden;
        list-style: none;
        font-size: 1rem;
        padding: 0 0 0 25px;
    }
.wysiwyg ol ol li{
        padding: 0 0 0 35px;
    }
.wysiwyg ol ol ol li{
        padding: 0 0 0 48px;
    }
.wysiwyg ol {
        counter-reset: number;
    }
.wysiwyg ol li:before {
                counter-increment: number;
                content: counters(number, ".") ".";
                color: #103478;
                color: var(--color-primary);
                font-weight: 700;
                left: 0;
                top: 0;
                display: inline-flex;
                margin: 0 15px 0 0;
                position: absolute;
            }
.wysiwyg ul li:before {
                content: '';
                width: 18px;
                height: 12px;
                background: url("/themes/botica/assets/images/i-checkmark--dark.png") no-repeat center;
                background-size: contain;
                display: inline-block;
                margin: 0 8px 0 0;
                position: absolute;
                left: 0;
                top: 7px;
            }
/* Froala wysiwyg */
.wysiwyg ul[style*="list-style-type: circle"] li,
    .wysiwyg ul[style*="list-style-type: disc"] li,
    .wysiwyg ul[style*="list-style-type: square"] li {
        list-style-position: outside !important;
        list-style: inherit;
        overflow: visible;
        margin-left: 18px;
        padding-left: 0;
    }
.wysiwyg ul[style*="list-style-type: circle"] li:before,
    .wysiwyg ul[style*="list-style-type: disc"] li:before,
    .wysiwyg ul[style*="list-style-type: square"] li:before {
        display: none;
    }
.wysiwyg .fr-fic {
        margin: 0 auto;
        display: block;
    }
.wysiwyg .fr-fil {
        float: left;
        margin: 0 15px 15px 0 !important;
        display: inline-block;
    }
.wysiwyg .fr-fir {
        float: right;
        margin: 0 0 15px 15px !important;
        display: inline-block;
    }
/* END Froala wysiwyg */
.wysiwyg iframe {
        max-width: 100%;
    }
.wysiwyg p:last-child,.wysiwyg ol:last-child,.wysiwyg ul:last-child,.wysiwyg ul li:last-child,.wysiwyg ol li:last-child,.wysiwyg iframe:last-child,.wysiwyg img:last-child,.wysiwyg table:last-child,.wysiwyg blockquote:last-child {
        margin-bottom: 0;
    }
.wysiwyg table {
        table-layout: fixed;
        border-collapse: collapse;
        max-width: 100%;
        margin: 0 0 22px 0;
        overflow-x: auto;
        display: block;
    }
.wysiwyg table tbody {
            /*min-width: 800px;*/
            display: block;
        }
.wysiwyg table tbody tr:nth-child(odd) {
                background-color: var(--color-grey--lighten);
            }
.wysiwyg table tbody td {
                padding: 15px 10px;
            }
.wysiwyg table tbody th,
            .wysiwyg table tbody tr:first-child td {
                background: #103478;
                background: var(--color-primary);
                color: white;
                font-weight: 700;
                font-size: 16px;
                padding: 15px 10px;
            }
.wysiwyg blockquote{
        margin: 0 0 10px 0;
        padding: 0 0 0 20px;
        border-left: 5px solid #cdcdcd;
        border-left: 5px solid var(--color-grey-3);
    }
.wysiwyg em, .wysiwyg i{
        font-style: italic;
    }
.wysiwyg strong, .wysiwyg b{
        font-weight: 700;
    }
.wysiwyg u, .wysiwyg ins{
        text-decoration: underline;
    }
.wysiwyg del, .wysiwyg s{
        text-decoration: line-through;
    }
.wysiwyg--light p {
        }
.wysiwyg--light h1,.wysiwyg--light h2,.wysiwyg--light h3,.wysiwyg--light h4,.wysiwyg--light h5,.wysiwyg--light h6,.wysiwyg--light .h1,.wysiwyg--light .h2,.wysiwyg--light .h3,.wysiwyg--light .h4,.wysiwyg--light .h5,.wysiwyg--light .h6,
        .wysiwyg--light p,
        .wysiwyg--light li,
        .wysiwyg--light td {
            color: white;
        }
.input {
    width: 100%;
    box-sizing: border-box;
}
.input * {
        box-sizing: border-box
    }
.input__box {
        position: relative;
    }
.input__label {
    }
.input__control {
        text-align: center;
        background: white;
        padding: 15px 8px;
        font-size: 16px;
        color: inherit;
        transition: 0.3s;
        border-radius: 0;
        overflow: hidden;
        font-family: inherit;
        line-height: inherit;
        border: 1px #ebebeb solid;
        border: 1px var(--color-grey-2) solid;
        width: 100%;
    }
@media (min-width: 960px) {
.input__control {
            font-size: 18px;
            font-weight: 300
    }
        }
.input__control:focus{
            outline: 0;
            box-shadow:inset 0 0 0 2px #103478;
            box-shadow:inset 0 0 0 2px var(--color-primary);
        }
.textarea {
    box-sizing: border-box;


}
.textarea * {
        box-sizing: border-box
    }
.textarea__control {
        display: block;
        width: 100%;
        padding: 10px 12px;
        font-family: inherit;
        line-height: inherit;
        font-size: 16px;
        color: $color-grey;
        background: white;
        border: 1px solid #ebebeb;
        border: 1px solid var(--color-grey-2);
        border-radius: 0;
        transition: 0.3s;
        height: 105px !important;
        min-height: 105px;
        max-height: 105px;
        max-width: 100%;
        min-width: 100%;
        text-align: center;
    }
@media (min-width: 960px) {
.textarea__control {
            font-size: 18px;
            font-weight: 300
    }
        }
@media (min-width: 1600px) {
.textarea__control {
            height: 195px !important;
            min-height: 195px;
            max-height: 195px
    }
        }
.textarea__control:focus{
            outline: 0;
            box-shadow:inset 0 0 0 2px #103478;
            box-shadow:inset 0 0 0 2px var(--color-primary);
        }
.button {
    align-items: center;
    justify-content: center;
    border: 0;
    text-decoration: none;
    background: transparent;
    -moz-appearance: none;
    color: inherit;
    cursor: pointer;
    box-sizing: border-box;
    font: inherit;
    line-height: normal;
    overflow: visible;
    transition: 0.3s;
    display: inline-flex;
    text-transform: capitalize;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins'
,
Arial
,
Tahoma
,
sans-serif;
    font-family: var(--font-family--secondary);
}
.button:hover, .button:focus {
        outline: 0;
    }
.button--primary {
        color: white;
        text-transform: uppercase;
        background: #103478;
        background: var(--color-primary);
    }
@media (min-width: 960px) {
.button--primary {
            font-size: 24px
    }
        }
.button--primary:hover {
            background: #ed1c2e;
            background: var(--color-tertiary);
        }
.button--secondary{
        background: transparent;
        border: 1px solid #878787;
        border: 1px solid var(--color-grey-4);
        color: #878787;
        color: var(--color-grey-4);
        font-family: 'Roboto'
,
Arial
,
Tahoma
,
sans-serif;
        font-family: var(--font-family);
    }
.button--secondary:hover{
            color: #ed1c2e;
            color: var(--color-tertiary);
            border-color: #ed1c2e;
            border-color: var(--color-tertiary);
        }
.button--small{
        padding: 7px 14px;
        font-size: 16px;
    }
@media (min-width: 960px) {
.button--small{
            font-size: 18px
    }
        }
.logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    position: relative;
    text-decoration: none;
}
.logo__img {
        max-width: 60px;
        max-height: 100%;
        height: auto;
        width: auto;
        margin: 0 10px 0 0;
    }
@media (min-width: 960px) {
.logo__img {
            max-width: 90px
    }
        }
@media (min-width: 1200px) {
.logo__img {
            max-width: 130px
    }
        }
.logo__text{
        font-size: 22px;
        font-weight: 700;
        color: #103478;
        color: var(--color-primary);
    }
@media (min-width: 1400px) {
.logo__text{
            font-size: 34px
    }
        }
.preloader {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    fill:#103478;
    fill:var(--color-primary);
}
.menu-hamburger{
    --menu-hamburger__width: 44px;
    --menu-hamburger__height: 32px;
    --menu-hamburger__line-color: var(--color-primary);
    --menu-hamburger__line-height: 7px;
    --menu-hamburger__line-border-radius: 2px;
}
.menu-hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: content-box;
    top: 0;
    bottom: 0;
    margin: 0 0 0 auto;
    right: 10px;
    width: var(--menu-hamburger__width);
    height: var(--menu-hamburger__height);
}
@media (min-width: 960px) {
.menu-hamburger {
        display: none
}
    }
.menu-hamburger__line {
        border-radius: 2px;
        height: var(--menu-hamburger__line-height);
        width: 100%;
        background: var(--menu-hamburger__line-color);
        transition: 0.15s;
        position: relative;
    }
.menu-hamburger--active .menu-hamburger__line:nth-child(1) {
            transform: rotate(45deg);
            top: 13px;
        }
.menu-hamburger--active .menu-hamburger__line:nth-child(2) {
            opacity: 0;
        }
.menu-hamburger--active .menu-hamburger__line:nth-child(3) {
            transform: rotate(-45deg);
            bottom:12px;
        }
.heading{
    color: white;
    font-size: 25px;
    text-align: center;
    font-family: 'Poppins'
,
Arial
,
Tahoma
,
sans-serif;
    font-family: var(--font-family--secondary);
    text-transform: uppercase;
    font-weight: 400;
}
@media (min-width: 1200px) {
.heading{
        font-size: 32px
}
    }
.heading--dark{
    color: #103478;
    color: var(--color-primary);
}
#anchor-locations .heading--dark{
    color: #ffffff;
}
.menu {
    left: -100%;
    top: 0;
    height: 100%;
    position: fixed;
    z-index: 9;
    width: 100%;
    transition: 0.3s;
    background: #103478;
    background: var(--color-primary);
    max-width: 260px;
    height: 100%;
    overflow-y: auto;
}
@media (min-width: 650px) {
.menu {
        max-width: 400px
}
    }
@media (min-width: 960px) {
.menu {
        position: relative;
        left: 0;
        background: transparent;
        display: flex;
        max-width: initial
}
    }
.menu * {
        box-sizing: border-box
    }
.menu--active {
        left: 0%;
    }
.menu__overlay {
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        position: fixed;
        display: none;
        left: 0;
        top: 0;
    }
@media (min-width: 960px) {
.menu__overlay {
            display: none
    }
        }
.menu__overlay--active {
            display: block;
        }
.menu__list {
        margin: 0;
        padding: 0;
        width: 100%;
    }
/*
            background: var(--color-primary);
            max-width: 400px;
            height: 100%;
            overflow-y: auto;
            */
@media (min-width: 960px) {
.menu__list--1 {
                display: flex;
                overflow: initial;
                max-width: initial;
                justify-content: flex-end;
                background: transparent
        }
            }
.menu__list--2 {
            background: #103478;
            background: var(--color-primary);
        }
@media (min-width: 960px) {

            }
.menu__list--visible {
        }
.menu__list--2 {
            max-height: 0px;
            overflow: hidden;
            transition: 0.3s;
            grid-column: 1/3;
        }
@media (min-width: 960px) {
.menu__list--2 {
                grid-column: initial;
                position: absolute;
                top: 100%;
                left: 0;
                z-index: 9
        }
            }
.menu__list--visible {
            max-height: 1000px;
        }
.menu__item {
        list-style: none;
        position: relative;

    }
.menu__item--1 {
        }
.menu__item--2 {

        }
.menu__item--has-children {
            display: grid;
            grid-template-columns: 1fr 50px;
        }
@media (min-width: 960px) {
.menu__item--has-children {
                grid-template-columns: 1fr
        }
            }
@media (min-width: 960px) {
.menu__item--has-children:hover > .menu__list {
                    max-height: 1000px
            }
                }
.menu__link {
        width: 100%;
        display: block;
        transition: 0.3s;
        text-decoration: none;
        color: white;
        padding: 20px 25px;
        font-size: 20px;
        border-bottom: 1px #102a68 solid;
        border-bottom: 1px var(--color-primary--dark) solid;
    }
@media (min-width: 960px) {
.menu__link {
            color: #4f4f4f;
            color: var(--color-grey-6);
            font-size: 18px;
            border: 1px #ebebeb solid;
            border: 1px var(--color-grey-2) solid;
            border-right: 0;
            padding: 10px 20px;
            align-items: center;
            justify-content: center;
            display: flex;
            height: 100%
    }
        }
@media (min-width: 1200px) {
.menu__link {
            font-size: 20px
    }
        }
@media (min-width: 1400px) {
.menu__link {
            padding: 10px 30px
    }
        }
@media (min-width: 960px) {
.menu__link:hover {
                background: #103478;
                background: var(--color-primary);
                border-color: #103478;
                border-color: var(--color-primary);
                color: white
        }
            }
.menu__link--1 {
        }
@media (min-width: 960px) {
.menu__link1--active {
                color: #103478;
                color: var(--color-primary)
        }
            }
.menu__link--2 {
        }
.menu__mobile-dropdown {
        display: flex;
        align-items: center;
        justify-content: center;
    }
.menu__mobile-dropdown:before {
            content: '\203A';
            transform: rotate(90deg);
            transition: 0.2s;
        }
.menu__mobile-dropdown--visible:before {
                transform: rotate(0deg);
            }
@media (min-width: 960px) {
.menu__mobile-dropdown--visible:before {
                    transform: rotate(90deg)
            }
                }
.menu__contacts {
        display: flex;
    }
@media (min-width: 960px) {
.menu__contacts {
            display: grid;
            grid-gap: 1px;
            grid-template-columns: 1fr 1fr;
            margin: 0 0 0 1px
    }
        }
.menu__contacts-subscribe {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding:0 20px;
    text-decoration:none;
    background: var(--color-primary);
    color: white;
    height: 70px;
    transition: 0.3s;
    border: 1px #102a68 solid;
    border: 1px var(--color-primary--dark) solid;
    border-top: 0;
    font-size: 18px;
    }
.menu__contacts-subscribe:hover {
    background-color: #ed1c2e;
    background-color: var(--color-tertiary);
}
@media (min-width: 960px) {
.menu__contacts-subscribe {
        font-size: 16px;
        border: 0;
        height: 50px
    }
}
@media (min-width: 1200px) {
.menu__contacts-subscribe {
        height: 60px
    }
}
.menu__contacts-tel {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 70px;
        background: url("/themes/botica/assets/images/i-tel.png") no-repeat center;
        border: 1px #102a68 solid;
        border: 1px var(--color-primary--dark) solid;
        background-size: auto 65%;
        border-top: 0;
        transition: 0.05s;
    }
.menu__contacts-tel:hover {
            background-color: #ed1c2e;
            background-color: var(--color-tertiary);
            background-size: auto 55%;
        }
@media (min-width: 960px) {
.menu__contacts-tel {
            border: 0;
            background-color: #103478;
            background-color: var(--color-primary);
            width: 50px;
            height: 50px
    }
        }
@media (min-width: 1200px) {
.menu__contacts-tel {
            width: 75px;
            height: 75px
    }
        }
.menu__contacts-email {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        height: 70px;
        background: url("/themes/botica/assets/images/i-email.png") no-repeat center;
        border: 1px #102a68 solid;
        border: 1px var(--color-primary--dark) solid;
        background-size: auto 45%;
        border-top: 0;
        border-left: 0;
        transition: 0.05s;
    }
.menu__contacts-email:hover {
            background-color: #ed1c2e;
            background-color: var(--color-tertiary);
            background-size: auto 35%;
        }
@media (min-width: 960px) {
.menu__contacts-email {
            border: 0;
            background-color: #103478;
            background-color: var(--color-primary);
            width: 50px;
            height: 50px
    }
        }
@media (min-width: 1200px) {
.menu__contacts-email {
            width: 75px;
            height: 75px
    }
        }
.form {
    display: grid;
    grid-row-gap: 12px;
}
@media (min-width: 1200px) {
.form {
        grid-row-gap: 17px
}
    }
.form__error {
        color: red;
        display: none;
    }
.form__error.visible {
        display: block;
    }
.form .alert {
        text-align: center;
        background: #8BC34A;
        padding: 1px;
        display: block;
        color: white;
        font-size: 18px;
        box-sizing: border-box;
    }
.form .alert.success {
        background: #8BC34A;
    }
.form .alert.error {
        background: red;
    }
.form button.close {
        display: none;
    }
.form .g-recaptcha{
        width: 300px;
        margin: 0 auto;
    }
.contact-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    max-width: 215px;
    padding: 1.5rem;
    background: #ffffff;
}
.contact-block__heading {
        font-weight: 700;
        color: #103478;
        color: var(--color-primary);
        font-size: 18px;
        margin: 0 0 6px 0;
    }
@media (min-width: 1200px) {
.contact-block__heading {
            font-size: 20px
    }
        }
.contact-block__item {
        color: #4f4f4f;
        color: var(--color-grey-6);
        font-weight: 300;
        font-size: 18px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        margin: 0 0 6px 0;
        transition: 0.3s;
    }
.contact-block__item:hover {
    color: #00A0D6;
}
@media (min-width: 1200px) {
.contact-block__item {
            font-size: 20px
    }
        }
.contact-block__item:before {
            content: '';
            display: inline-flex;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            margin: 0 8px 0 0;
        }
.contact-block__address:before {
            width: 20px;
            height: 20px;
            background-image: url("/themes/botica/assets/images/i-location--dark.png");
        }
.contact-block__phone:before {
            width: 20px;
            height: 20px;
            background-image: url("/themes/botica/assets/images/i-tel--dark.png");
        }
.contact-block__email:before {
            width: 20px;
            height: 20px;
            background-image: url("/themes/botica/assets/images/i-email--dark.png");
        }
.workhours{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
}
@media (min-width:1200px) {
.workhours{
        font-size: 18px
}
    }
.workhours__day{
        display: grid;
        grid-template-columns: 110px auto;
        grid-gap: 10px;
    }
@media (min-width: 1600px) {
.workhours__day{
            grid-template-columns: 250px auto
    }
        }
.workhours__day-name{
        color: white;
        font-weight: 300;
    }
.workhours__day-hours{
        color: white;
        font-weight: 300;
    }
.download-block {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
.download-block {
        flex-direction: row
}
    }
.download-block * {
        box-sizing: border-box;
    }
.download-block__services {
        padding: 50px 15px 25px 15px;
        background: white url("/themes/botica/assets/images/logo_new.png") no-repeat right 10px top 10px;
        background-size: 77px auto;
    }
@media (min-width: 768px) {
.download-block__services {
            flex: 0 0 50%
    }
        }
@media (min-width: 1200px) {
.download-block__services {
            background-position: right 40px top 40px;
            padding: 70px 50px 60px 50px;
            flex-basis: 480px
    }
        }
.download-block__services-heading {
        font-family: 'Poppins'
,
Arial
,
Tahoma
,
sans-serif;
        font-family: var(--font-family--secondary);
        font-size: 20px;
        text-transform: uppercase;
        color: #103478;
        color: var(--color-primary);
        margin: 0 0 20px 0;
    }
@media (min-width: 1200px) {
        }
.download-block .wysiwyg {

    }
.download-block__download {
        padding: 25px 15px 25px 15px;
        background: rgba(255, 255, 255, 0.15);
    }
@media (min-width: 768px) {
.download-block__download {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex: 1 0 50%
    }
        }
@media (min-width: 1200px) {
.download-block__download {
            padding: 50px 40px 50px 40px
    }
        }
.download-block__download-heading {
        font-size: 18px;
        color: white;
        text-align: center;
        margin: 0 0 15px 0;
    }
@media (min-width: 768px) {
.download-block__download-heading {
            font-size: 20px
    }
        }
@media (min-width: 1200px) {
.download-block__download-heading {
            font-size: 26px;
            margin: 0 0 30px 0
    }
        }
.download-block__file {
        font-weight: 300;
        color: white;
        text-align: center;
        margin: 0 0 25px 0;
    }
@media (min-width: 1200px) {
.download-block__file {
            margin: 0 0 35px 0;
            font-size: 24px
    }
        }
.download-block__download-icon {
        width: 72px;
        height: 72px;
        margin: 0 auto;
        display: block;
        background: transparent url("/themes/botica/assets/images/i-download.png") no-repeat center;
        background-size: 100%;
        border-radius: 50px;
        transition: 0.15s;
    }
.download-block__download-icon:hover{
            background-color: #ed1c2e;
            background-color: var(--color-tertiary);
            background-size: 80%;
        }
.popup {
    background: white;
    max-width: 1200px;
    width: 90vw;
    padding: 15px;
    box-sizing: border-box;
    margin: 50px auto;
    position: relative;
    border: 6px solid #103478;
    border: 6px solid var(--color-primary);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
    border-radius: 3px;
}
@media (min-width: 650px) {
.popup {
        border-width: 10px
}
    }
@media (min-width: 768px) {
.popup {
        padding: 50px;
        border-width: 16px;
        width: 80vw
}
    }
.popup__header {
        display: flex;
        align-items: flex-end;
        border-bottom: 2px solid #103478;
        border-bottom: 2px solid var(--color-primary);
        margin: 0 0 15px 0;
        padding: 0 35px 6px 0;
    }
.popup__heading {
        font-size: 1.8rem;
        color: #103478;
        color: var(--color-primary);
        font-weight: 700;
        line-height: 1.2;
    }
@media (min-width: 768px) {
.popup__heading {
            font-size: 2rem
    }
        }
.popup__close {
        color: #333;
        top: 10px;
        right: 10px;
        font-weight: 900;
        font-size: 45px;
    }
.popup__close:active {
            top: 10px;
        }
.popup__logo {
        text-align: center;
        margin: 0 10px 0 0;
    }
.popup__logo-img {
        width: 50px;
        display: block;
    }
@media (min-width: 768px) {
.popup__logo-img {
            width: 100px
    }
        }
.popup__iframe {
        overflow: hidden;
        padding-top: 65vh;
        position: relative;
    }
.popup__iframe-inner {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
.popup--animation {
        opacity: 1;
        transition: all 0.15s ease-out;
    }
/* overlay at start */
.popup--animation.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}
/* overlay animate in */
.popup--animation.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
.popup--animation.mfp-bg.mfp-removing {
    opacity: 0;
}
/* content at start */
.popup--animation.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.3s ease-out;
}
/* content animate it */
.popup--animation.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.popup--animation.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.mfp-s-loading {

}
.header {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
    z-index: 1;
}
.header .header__middle {

    }
.header .header__middle-inner {
        display: flex;
        align-items: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
@media (min-width: 768px) {
.header .header__middle-inner {
            padding-top: 12px;
            padding-bottom: 12px
    }
        }
@media (min-width: 960px) {
.header .header__middle-inner {
            display: flex;
            justify-content: space-between
    }
        }
@media (min-width: 1200px) {
.header .header__middle-inner {
            padding-top: 24px;
            padding-bottom: 0
    }
        }
@media (min-width: 960px) {
.header .header__logo {
            flex: 1 0 auto
    }
        }
@media (min-width: 1200px) {
.header .header__logo {
            margin: 0 0 24px 0
    }
        }
@media (min-width: 1200px) {
.header .header__menu {
            align-self: flex-end
    }
        }
.footer {
    font-size: 16px;
}
.footer * {
        box-sizing: border-box
    }
.footer__top {
        background: #103478;
        background: var(--color-primary);
    }
.footer__top-inner {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;
        display: grid;
        grid-row-gap: 30px;

    }
@media (min-width: 650px) {
.footer__top-inner {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 20px

    }
        }
@media (min-width: 960px) {
.footer__top-inner {
            grid-template-columns: repeat(3, 1fr)

    }
        }
@media (min-width: 1200px) {
.footer__top-inner {
            grid-gap: initial;
            padding-top: 100px;
            padding-bottom: 120px

    }
        }
@media (min-width: 960px) {
.footer__col:last-child {
                text-align: right
        }
            }
.footer__col-heading {
        color: white;
        font-size: 20px;
        margin: 0 0 12px 0;
        font-family: 'Poppins'
,
Arial
,
Tahoma
,
sans-serif;
        font-family: var(--font-family--secondary);
        text-transform: uppercase;
        border-bottom: 1px #cdcdcd solid;
        border-bottom: 1px white solid;
        padding: 0 0 12px 0;
    }
@media (min-width: 1200px) {
.footer__col-heading {
            font-size: 30px;
            margin: 0 0 45px 0
    }
        }
.footer__address {
        color: white;
        font-weight: 300;
        margin: 0 0 25px 0;
        position: relative;
        padding: 0 0 0 40px;
        line-height: 1.7;

    }
@media (min-width: 1200px) {
.footer__address {
            font-size: 18px;
            padding: 0 0 0 65px

    }
        }
.footer__address:before {
            content: '';
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 25px;
            height: 30px;
            background: url(/themes/botica/assets/images/i-location.png) no-repeat center;
            background-size: contain;
            position: absolute;
            top: 0;
            left: 0;
        }
@media (min-width: 1200px) {
.footer__address:before {
                width: 30px;
                height: 43px
        }
            }
.footer__tel {
        color: white;
        font-weight: 300;
        position: relative;
        padding: 2px 0 2px 40px;
        line-height: 1.7;
        display: inline-flex;
        text-decoration: none;
        transition: 0.3s;
    }
@media (min-width: 1200px) {
.footer__tel {
            font-size: 18px;
            padding: 0 0 0 65px
    }
        }
.footer__tel:hover {
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
.footer__tel:before {
            content: '';
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 25px;
            height: 30px;
            background: url(/themes/botica/assets/images/i-tel.png) no-repeat center;
            background-size: contain;
            position: absolute;
            top: 0;
            left: 0;
        }
@media (min-width: 1200px) {
.footer__tel:before {
                width: 20px;
                height: 43px;
                left: 6px;
                top: -4px
        }
            }
.footer__bottom {
        background: white;
    }
.footer__bottom-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }
@media (min-width: 650px) {
.footer__bottom-inner {
            flex-direction: row
    }
        }
@media (min-width: 1200px) {
        }
.footer__follow-facebook {
        display: inline-flex;
        transition: 0.15s;
        box-sizing: border-box;
        max-width: 150px;
    }
.footer__follow-facebook:hover {
            box-shadow: 0 0 0 5px #ed1c2e;
            box-shadow: 0 0 0 5px var(--color-tertiary);
        }
@media (min-width: 960px) {
.footer__follow-facebook {
            float: right
    }
        }
.footer__follow-facebook img{
            max-width: 100%;
            height: auto;
        }
.footer__copyright {
        text-align: center;
    }
.footer__copyright-delimeter {
        padding: 0 10px;
    }
.footer__privacy {
        color: inherit;
        text-decoration: none;
        transition: 0.3s;
    }
.footer__privacy:hover {
    color: #00A0D6;
}
.date {
    border: 1px #103478 solid;
    border: 1px var(--color-primary) solid;
    display: inline-flex;
}
.date__day-text {
        background: white;
        color: #103478;
        color: var(--color-primary);
        font-size: 18px;
        font-weight: 700;
        padding: 4px 10px;
        text-transform: uppercase;
        flex: 1 0 auto;
    }
@media (min-width: 768px) {
.date__day-text {
            font-size: 20px
    }
        }
.date__date {
        color: white;
        font-size: 18px;
        font-weight: 700;
        background: #103478;
        background: var(--color-primary);
        padding: 4px 10px;
        text-transform: uppercase;
    }
@media (min-width: 768px) {
.date__date {
            font-size: 20px
    }
        }
.slider-fullwidth {
    width: 100%;
    overflow: hidden;
    height: 300px;
}
@media (min-width: 650px) {
.slider-fullwidth {
        height: 500px
}
    }
@media (min-width: 1200px) {
.slider-fullwidth {
        height: 630px
}
    }
.slider-fullwidth .slick-list,
    .slider-fullwidth .slick-track {
        height: 100%;
    }
.slider-fullwidth__slide-overlay{
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
.slider-fullwidth__slide {
        position: relative;
        height: 100%;
    }
.slider-fullwidth__slide-image {
        width: 100%;
        height: 100%;
        /*display: flex;
         align-items: center;
        justify-content: center;
         */
    }
.slider-fullwidth__slide-image-img {
        -o-object-fit: cover;
           object-fit: cover;
        display: block;
        height: 100%;
        width: 100%;
    }
.slider-fullwidth__content {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
    }
@media (min-width: 650px) {

        }
@media (min-width: 1200px) {
.slider-fullwidth__content {
            padding: 50px
    }
        }
.slider-fullwidth__slide-heading {
        color: white;
        font-size: 30px;
        font-weight: 700;
        line-height: 1;
        margin: 0 0 20px 0;
        text-align: center;
    }
@media (min-width: 650px) {
.slider-fullwidth__slide-heading {
            font-size: 50px
    }
        }
@media (min-width: 1200px) {
.slider-fullwidth__slide-heading {
            font-size: 90px;
            margin: 0 0 40px 0
    }
        }
.slider-fullwidth__slide-text {
        text-align: center;
        font-size: 16px;
        color: white;
    }
@media (min-width: 1200px) {
.slider-fullwidth__slide-text {
            font-size: 20px;
            max-width: 700px
    }
        }
.schedules {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
    padding: 30px 20px;
    display: grid;
    grid-gap: 25px;
}
@media (min-width: 650px) {
.schedules {
        grid-template-columns: 1fr 1fr
}
    }
@media (min-width: 768px) {
.schedules {
        grid-template-columns: 1fr
}
    }
@media (min-width: 1200px) {
.schedules {
        padding: 70px
}
    }
.schedules__more {
        color: #103478;
        color: var(--color-primary);
        text-transform: uppercase;
        font-size: 20px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        transition: 0.3s;
    }
.schedules__more:hover {
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
.schedules__more:after {
            display: inline-flex;
            height: 16px;
            width: 10px;
            content: '';
            background: url("/themes/botica/assets/images/i-arrow-right-dark.png") no-repeat center;
            background-size: contain;
            margin: -2px 0 0 8px;
        }
@media (min-width: 650px) {
.schedules__more {
            grid-column: 1/3
    }
        }
@media (min-width: 768px) {
.schedules__more {
            grid-column: initial
    }
        }
@media (min-width: 960px) {
.schedules__more {
            margin: 0 0 0 200px;
            font-size: 25px
    }
        }
@media (min-width: 1200px) {
.schedules__more {
            margin: 0 0 0 200px
    }
        }
.schedules__all-pharmacies{
        color: #103478;
        color: var(--color-primary);
        text-transform: uppercase;
        font-size: 20px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        transition: 0.3s;
    }
.schedules__all-pharmacies:hover {
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
.schedules__all-pharmacies:after {
            display: inline-flex;
            height: 16px;
            width: 10px;
            content: '';
            background: url("/themes/botica/assets/images/i-arrow-right-dark.png") no-repeat center;
            background-size: contain;
            margin: -2px 0 0 8px;
        }
@media (min-width: 650px) {
.schedules__all-pharmacies{
            grid-column: 1/3
    }
        }
@media (min-width: 768px) {
.schedules__all-pharmacies{
            grid-column: initial;
            margin: 0 auto
    }
        }
@media (min-width: 960px) {
.schedules__all-pharmacies{
            font-size: 25px
    }
        }
@media (min-width: 1200px) {

        }
.schedule {
    display: grid;
    grid-gap: 10px;
    border-bottom: 1px #ebebeb solid;
    border-bottom: 1px var(--color-grey-2) solid;
    padding: 0 0 20px 0;
}
@media (min-width: 960px) {
.schedule {
        grid-template-columns: auto 1fr;
        grid-gap: 25px
}
    }
@media (min-width: 1200px) {
.schedule {
        grid-gap: 50px
}
    }
.schedule__dates {
        text-align: center;
    }
.schedule__date--fix-width{
            min-width: 210px;
        }
.schedule__details {
        display: grid;
        grid-gap: 15px;
    }
@media (min-width: 768px) {
.schedule__details {
            grid-template-columns: 1fr 1fr
    }
        }
@media (min-width: 960px) {
.schedule__details {
            grid-template-columns: 1fr
    }
        }
@media (min-width: 1200px) {
.schedule__details {
            grid-gap: 25px
    }
        }
.schedule__day-full-text {
        text-transform: uppercase;
        color: #103478;
        color: var(--color-primary);
        text-align: center;
        font-size: 18px;
        font-family: 'Poppins'
,
Arial
,
Tahoma
,
sans-serif;
        font-family: var(--font-family--secondary);
    }
@media (min-width: 768px) {
.schedule__day-full-text {
            grid-column: 1/-1
    }
        }
@media (min-width: 960px) {
.schedule__day-full-text {
            text-align: left;
            font-size: 20px
    }
        }
@media (min-width: 1200px) {
.schedule__day-full-text {
            font-size: 25px
    }
        }
.schedule__entry {
        display: grid;
        grid-gap: 12px;
    }
@media (min-width: 960px) {
.schedule__entry {
            grid-template-columns: 1fr 1fr auto
    }
        }
@media (min-width: 1200px) {
.schedule__entry-name {
            font-size: 18px
    }
        }
@media (min-width: 1600px) {
        }
.schedule__entry-location {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 300;
    color: #4f4f4f;
    color: var(--color-grey-6);
    text-decoration: none;
    transition: 0.3s;
    margin-right: auto;
    transition: 0.3s;
}
.schedule__entry-location:hover {
    color: #00A0D6;
}
.schedule__entry-location:before {
            content: '';
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 15px;
            height: 20px;
            background: url("/themes/botica/assets/images/i-location--dark.png") no-repeat center;
            background-size: contain;
            margin: 0 8px 0 0;
        }
@media (min-width: 1600px) {
.schedule__entry-location:before {
                height: 30px;
                width: 20px
        }
            }
@media (min-width: 1200px) {
.schedule__entry-location {
            font-size: 18px
    }
        }
@media (min-width: 1600px) {
        }
.schedule__entry-tel {
        color: #4f4f4f;
        color: var(--color-grey-6);
        text-decoration: none;
        transition: 0.3s;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        font-weight: 300;
        transition: 0.3s;
    }
.schedule__entry-tel:hover {
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
.schedule__entry-tel:before {
            content: '';
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 15px;
            height: 20px;
            background: url("/themes/botica/assets/images/i-tel--dark.png") no-repeat center;
            background-size: contain;
            margin: 0 8px 0 0;
        }
@media (min-width: 1600px) {
.schedule__entry-tel:before {
                height: 30px;
                width: 20px
        }
            }
@media (min-width: 1200px) {
.schedule__entry-tel {
            font-size: 18px
    }
        }
@media (min-width: 1600px) {
        }
.event {
    display: grid;
    grid-gap: 10px;
    border-bottom: 1px #ebebeb solid;
    border-bottom: 1px var(--color-grey-2) solid;
    padding: 0 0 20px 0;
}
@media (min-width: 960px) {
.event {
        grid-gap: 20px;
        padding: 0 0 45px 0
}
    }
.event:last-child {
        border-bottom: 0;
        padding: 0;
    }
.event__header {

    }
.event__date {
        background: #103478;
        background: var(--color-primary);
        display: inline-flex;
        color: white;
        padding: 4px 10px;
        margin: 0 10px 0 0;
        font-size: 18px;
    }
@media (min-width: 960px) {
.event__date {
            font-size: 20px
    }
        }
.event__date-month {
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 5px 0 0;
    }
.event__date-day {
        font-weight: 300;
    }
.event__heading {
        color: #103478;
        color: var(--color-primary);
        text-decoration: none;
        text-transform: uppercase;
        font-size: 20px;
        transition: 0.3s;
    }
.event__heading:hover {
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
@media (min-width: 960px) {
.event__heading {
            font-size: 24px
    }
        }
.event__content {
        color: #696969;
        color: var(--color-grey-5);
        font-weight: 300;
        line-height: 1.8;
    }
@media (min-width: 960px) {
.event__content {
            font-size: 18px
    }
        }
.event__more {
        color: #103478;
        color: var(--color-primary);
        text-decoration: none;
        font-weight: 400;
        transition: 0.3s;
    }
.event__more:hover {
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
.events{
    display: grid;
    grid-gap: 25px;
    background: white;
    padding: 40px 20px;
}
@media (min-width: 650px) {
.events{
        padding: 40px
}
    }
@media (min-width: 1200px) {
.events{
        padding: 100px 70px;
        grid-gap: 45px
}
    }
.preview-category {
    border: 1px #ebebeb solid;
    border: 1px var(--color-grey-2) solid;
    position: relative;
    box-sizing: border-box;
}
.preview-category:after{
        content: '';
        position: absolute;
        display: block;
        height: 15px;
        width: calc(100% + 2px);
        background: #e3eff2;
        background: var(--color-primary--lighten);
        left: -1px;
        top: 100%;
        border-radius: 0 0 20px 20px;
    }
.preview-category__heading {
        font-family: 'Poppins'
,
Arial
,
Tahoma
,
sans-serif;
        font-family: var(--font-family--secondary);
        color: #103478;
        color: var(--color-primary);
        text-transform: uppercase;
        font-size: 16px;
        padding: 15px;
        background: white;
    }
@media (min-width: 1200px) {
.preview-category__heading {
            font-size: 20px;
            padding: 28px 40px 18px 40px
    }
        }
.preview-category__image {
        display: flex;
        align-items: center;
        justify-content: center;
    }
.preview-category__img {
        width: 100%;
    }
.preview-category__body {
        background: white;
        padding: 30px 20px;

    }
.preview-category__list {
        padding: 0;
        margin: 0;
        display: grid;
        grid-gap: 12px;
    }
.preview-category__list-item {
        list-style: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-decoration: none;
        color: inherit;
        transition: 0.3s;
        font-size: 16px;
        position: relative;
        padding: 0 0 0 20px;
    }
.preview-category__list-item:hover{
    color: var(--color-tertiary);
    color: #00A0D6;
}
.preview-category__list-item:before{
            content: '';
            width: 10px;
            height: 14px;
            display: inline-block;
            background: url("/themes/botica/assets/images/i-arrow-right-dark.png")no-repeat center;
            background-size: contain;
            margin: 0 10px 0 0;
            position: absolute;
            left: 0;
            top: 6px;
        }
@media (min-width: 1200px) {

        }
.preview-articles{
    display: grid;
    grid-column-gap: 15px;
    grid-row-gap: 40px;
}
@media (min-width: 650px) {
.preview-articles{
        grid-template-columns: repeat(2, 1fr)
}
    }
@media (min-width: 960px) {
.preview-articles{
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 55px
}
    }
.preview-articles__item{

    }
.preview-careers{
    display: grid;
    grid-gap: 10px;
}
.preview-career {
    display: grid;
    grid-gap: 8px;
    background: #ebebeb;
    background: var(--color-grey-2);
    padding: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: 0.3s;
}
.preview-career:hover{
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.49);
    }
@media (min-width: 650px) {
.preview-career {
        text-align: left;
        grid-template-columns: 1fr auto
}
    }
@media (min-width: 960px) {
.preview-career {
        font-size: 18px
}
    }
.preview-career__button{
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
    }
.preview-pharmacies{
    display: grid;
    grid-gap: 8px;
}
.preview-pharmacy{
    display: grid;
    background: #fafafa;
    background: var(--color-grey-1);
    padding: 6px;
    grid-gap: 4px;
}
@media (min-width: 960px) {
.preview-pharmacy{
        grid-template-columns: 1fr 1fr auto;
        padding: 10px
}
    }
@media (min-width: 1200px) {
.preview-pharmacy__name{
            font-size: 18px
    }
        }
.preview-pharmacy__address{
        text-decoration: none;
        color: inherit;
        transition: 0.3s;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: inline-flex;
        align-items: center;
        font-weight: 300;
    }
.preview-pharmacy__address:hover{
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
@media (min-width: 1200px) {
.preview-pharmacy__address{
            font-size: 18px
    }
        }
.preview-pharmacy__address:before{
            content: '';
            display: inline-flex;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            margin: 0 8px 0 0;
            width: 20px;
            height: 20px;
            background-image: url("/themes/botica/assets/images/i-location--dark.png");
        }
.preview-pharmacy__phone{
        text-decoration: none;
        color: inherit;
        transition: 0.3s;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: inline-flex;
        align-items: center;
        font-weight: 300;
    }
.preview-pharmacy__phone:hover{
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
@media (min-width: 1200px) {
.preview-pharmacy__phone{
            font-size: 18px
    }
        }
.preview-pharmacy__phone:before{
            content: '';
            display: inline-flex;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            margin: 0 8px 0 0;
            width: 20px;
            height: 20px;
            background-image: url(/themes/botica/assets/images/i-tel--dark.png);
        }
.preview-pharmacy__email{
        text-decoration: none;
        color: inherit;
        transition: 0.3s;
        display: inline-flex;
        align-items: center;
        font-weight: 300;
    }
@media (min-width: 1200px) {
.preview-pharmacy__email{
            font-size: 18px
    }
        }
.preview-pharmacy__email:hover{
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
.preview-pharmacy__email:before{
        }
.page{
    padding: 25px 0;
}
.section__heading{
        margin: 0 0 35px 0;
    }
@media (min-width: 768px) {
.section__heading{
            margin: 0 0 63px 0
    }
        }
.section-welcome {
    background: url("/themes/botica/assets/images/background-bds.jpg") no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}
.section-welcome__inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }
@media (min-width: 768px) {
.section-welcome__inner {
            padding-top: 100px;
            padding-bottom: 100px
    }
        }
.section-welcome__intro {
        color: white;
        text-align: center;
        margin: 0 0 40px 0;
        font-weight: 300;
    }
@media (min-width: 768px) {
.section-welcome__intro {

            margin: 0 0 63px 0
    }
        }
@media (min-width: 1200px) {
.section-welcome__intro {
            font-size: 18px
    }
        }
.section-welcome__links {
        display: flex;
        margin: 0;
        padding: 0;
        justify-content: center;
    }
.section-welcome__links-item {
        list-style: none;
        border-right: 1px white solid;
    }
.section-welcome__links-item:last-child {
            border-right: 0;
        }
.section-welcome__links-link {
        display: inline-flex;
        padding: 6px 8px;
        color: white;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;
        transition: 0.3s;
    }
.section-welcome__links-link:hover{
            color: #ed1c2e;
            color: var(--color-tertiary);
        }
@media (min-width: 650px) {
.section-welcome__links-link {
            font-size: 18px;
            padding: 10px 20px
    }
        }
@media (min-width: 1200px) {
.section-welcome__links-link {
            font-size: 22px;
            padding: 15px 55px
    }
        }
.section-events{
    background: url(/themes/botica/assets/images/bg-section-events.jpg)no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}
.section-events__inner{
        padding-top: 50px;
        padding-bottom: 50px;
    }
@media (min-width: 1200px) {
.section-events__inner{
            padding-top: 105px;
            padding-bottom: 95px
    }
        }
.section-blog__inner{
        padding-top: 30px;
        padding-bottom: 45px;
    }
@media (min-width: 960px) {
.section-blog__inner{
            padding-top: 55px;
            padding-bottom: 115px
    }
        }
.section-contact{
    background:url("/themes/botica/assets/images/bg-section-contacts.jpg")no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}
.section-contact__inner{
        padding-top: 50px;
        padding-bottom: 50px;
    }
@media (min-width: 1200px) {
.section-contact__inner{
            padding-top: 120px;
            padding-bottom: 120px
    }
        }
.section-contact__form{
        max-width: 660px;
        margin-left: auto;
    }
.section-contact__form-button{
        width: 300px;
        margin: 0 auto;
    }
.section-schedule__inner{
        padding-top: 50px;
        padding-bottom: 30px;
    }
@media (min-width: 960px) {
.section-schedule__inner{
            padding-top: 120px;
            padding-bottom: 72px
    }
        }
.section-download{
    background:#103478;
    background:var(--color-primary);
}
.section-download__inner{
        padding-top: 50px;
        padding-bottom: 50px;
    }
@media (min-width: 1200px) {
.section-download__inner{
            padding-top: 107px;
            padding-bottom: 75px
    }
        }
.section-locations {
    background: rgb(255 255 255 / 0%);
}
.section-locations__inner {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 25px;
    }
@media (min-width: 768px) {
.section-locations__inner {
            padding-top: 120px;
            padding-bottom: 80px
    }
        }
@media (min-width: 960px) {
.section-locations__inner {
            background: url(/themes/botica/assets/images/locations-map.png)no-repeat;
            background-size: 62% auto;
            background-position: right top 220px
    }
        }
@media (min-width: 1200px) {
.section-locations__inner {
            background-size: 800px auto;
            background-position: right top 240px
    }
        }
@media (min-width: 1300px) {
.section-locations__inner {
            padding-left: 40px;
            padding-right: 40px
    }
        }
.section-locations__contact-blocks {
        display: grid;
        grid-gap: 25px;
    }
@media (min-width: 650px) {
.section-locations__contact-blocks {
            grid-template-columns: repeat(2, 1fr)
    }
        }
@media (min-width: 960px) {
.section-locations__contact-blocks {
            grid-template-columns: repeat(1, 1fr)
    }
        }
.whatsapp-fixed{
    position: fixed;
    right: 20px;
    bottom: 20px;
}
.whatsapp-fixed__link{
        width: 50px;
        height: 50px;
        display: block;
        transition: 0.1s;
    }
.whatsapp-fixed__link:hover{
            transform: scale(1.1);
        }
.whatsapp-fixed svg{
        width: 100%;
        height: 100%;
    }
    
    
@media (max-width: 768px) { 
    .logo__img {
        max-width: 120px;
    }
}
/*
@import "components/header-contacts/header-contacts.css";
@import "components/link-tel/link-tel.css";
@import "components/link-mailto/link-mailto.css";
@import "components/preview-property/preview-property.css";
@import "components/preview-property-small/preview-property-small.css";
@import "components/preview-article/preview-article.css";
@import "components/preview-article-small/preview-article-small.css";
@import "components/preview-agent/preview-agent.css";
@import "components/preview-advantage/preview-advantage.css";
@import "components/preview-advantages/preview-advantages.css";
@import "components/to-top-btn/to-top-btn.css";




@import "components/heading-area/heading-area.css";
@import "components/socials/socials.css";
@import "components/logos/logos.css";
@import "components/full-slider/full-slider.css";
@import "components/property-slider/property-slider.css";
@import "components/property-slider-nav/property-slider-nav.css";
@import "components/heading/heading.css";
@import "components/feature/feature.css";
@import "components/property-features/property-features.css";
@import "components/sidebar/sidebar.css";
@import "components/content-area/content-area.css";
@import "components-lib/menu/menu.css";
@import "components/menu/menu.css";
@import "components/form-inquiry/form-inquiry.css";
@import "components/property-info/property-info.css";
@import "components/photos-grid/photos-grid.css";


@import "components/page/page.css";
@import "components/preview-properties/preview-properties.css";
@import "components/preview-articles/preview-articles.css";
@import "components/section-parallax/section-parallax.css";
@import "components/section-advantages/section-advantages.css";
@import "components/section-properties/section-properties.css";

@import "components/page-property/page-property.css";
*/


.hr-portal-images{
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
}
.hr-portal-images img{
    width: 70%;
}
@media(max-width: 1100px){
    .hr-portal-images{
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }
}
@media(max-width: 800px){
    .hr-portal-images{
        grid-template-columns: 1fr;
        grid-gap: 10px;
        text-align: center;
    }
}

.footer__bottom-inner{
    padding-bottom: 20px;
    padding-top: 20px;
}
.workhours{
    font-size : 16px;
    grid-gap: 4px;
}
.footer__top-inner{
    padding-left: 40px;
    padding-right: 40px;
}
.popup__header{
    align-items:center;
}

@media(min-width: 1200px){
    .logo__img {
        width: auto;
        height: 72px;
        max-width: 100%;
        min-width: 72px;
        margin-right:0px;
    }
    .logo__text {
        font-size: 1.375em;
        padding: 0 0 0 12px;
    }
    .header .header__middle-inner{
        padding-top : 15px;
    }
    .header .header__logo{
        margin: 0 0 14px 0;
    }
    .menu__contacts-tel {
        width: 65px;
        height: 65px;
    }
    .menu__contacts-email {
        width: 65px;
        height: 65px;
    }
    .menu__link{
        font-size:16px;
    }
    .section-welcome__intro{
        font-size:14.5px;
    }
    .heading{
        font-size:20px;
    }
    .section-welcome__links-link{
        font-size:16px;
    }
    .schedule__day-full-text{
        font-size: 20px;
    }
    .schedules {
        padding: 30px 75px;
    }
    .schedule__details{
        grid-gap:15px;
    }
    .schedules__more{
        margin : 0 0 0 183px;
        font-size: 22px;
    }
    .schedule__entry-name{
        font-size : 16px;
    }
    .schedule__entry-location{
        font-size : 16px;
    }
    .schedule__entry-tel{
        font-size : 16px;
    }
    .section-download__inner{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .download-block__download-heading{
        font-size : 20px;
    }
    .download-block__file{
        font-size : 18px;
    }
    .events{
        padding: 60px 70px;
    }
    .contact-block__heading{
        font-size: 16px;
    }
    .contact-block__item{
        font-size: 16px;
    }
    .contact-block__item{
        font-size: 16px;
    }
    .section-contact__inner{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .footer__col-heading{
        font-size: 18px;
        padding: 0 0 15px 1px;
        margin: 0 0 20px 0;
    }
    .footer__top-inner{
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .footer__address:before{
        width: 25px;
        height: 42px;
    }
    .footer__tel:before{
        width: 20px;
        height: 43px;
        left: 6px;
        top: -8px;        
    }
    .footer__address{
        font-size: 16px;
        padding: 0px 0 0 60px;
    }
    .footer__tel{
        font-size: 16px;
    }
    .footer__follow-facebook{
        max-width: 100px;
    }
}


@media (min-width: 960px){
    .section-schedule__inner {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .schedules__more{
        margin : 0 0 0 183px;
        font-size: 22px;
    }
    .section-events__inner{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .button--primary{
        font-size: 20px;
    }
}

@media (min-width: 768px){
    .section__heading {
        margin: 0 0 35px 0;
    }
    .section-welcome__intro{
        margin: 0 0 35px 0;
    }
    .section-welcome__inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .date__day-text{
        font-size:18px;
    }
    .date__date{
        font-size:18px;
    }
    .section-locations__inner{
        padding-bottom: 40px;
        padding-top: 40px;
        background-position: center right 25px;
        background-size: 650px auto;
    }
    .event{
        display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: 15px;
        padding: 0 0 20px 0;
    }
    .event__heading{
        font-size:20px;
    }
    .event__date{
        font-size:18px;
    }
    .event__date-day{
        font-size:18px;
    }
    .event__content{
        margin-top : 5px;
    }
    .popup__logo-img{
        width: 72px;
    }
    .popup__heading{
        font-size: 22px;
    }
    .wysiwyg h1, .wysiwyg .h1{
        font-size : 22px;
    }
    .wysiwyg h2, .wysiwyg .h2{
        font-size : 22px;
    }
    .wysiwyg h3, .wysiwyg .h3{
        font-size : 18px;
    }
    .wysiwyg h4, .wysiwyg .h4{
        font-size : 16px;
        margin : 0 0 4px 0;
        font-style: italic;
    }
    .schedules__all-pharmacies{
        font-size: 22px;
    }
}

@media (min-width: 1200px){
    .section-locations__inner{
        background-position: center right 10%;
        background-size: 800px auto;
    }    
}
@media (min-width: 1400px){
    .section-locations__inner{
        background-size: 900px auto;
    }    
}


.form-bds{
    padding: 35px 20px;
}
.form-bds .heading{
    color: var(--color-primary);
    text-align: left;
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 20px;
    padding: 0 !important;
    max-width: 100%;
}
.form-container .input__control{
    text-align: left !important;
    padding: 15px 12px;
}


.form-container label{
    color: var(--color-primary);
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.form-container .full-width{
    grid-column: 1 / -1;
}

.signature-pad {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    overflow: hidden;
}
.signature-pad__body {
    width: 100%;
    height: 200px;
    margin: 0 0 7px;
}
.signature-pad__input {
    background-color: #f2f2f2 !important;
}


/* Customize the label (the container) */
.main-checkbox-container{
    padding: 20px 0px;
}
.check-container {
  display: block;
  position: relative;
  padding-left: 35px !important;
  margin-bottom: 12px !important;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-container .submit-button{
    width: 100%;
    margin-top: 25px;
    font-size: 30px;
}

@media(max-width: 767px) {
    .form-container hr{
        display: none;
    }
    .form-container{
        grid-template-columns: 100%;
        grid-gap: 10px 10px;
    }
    .form-container .signature-pad__controls .section-contact__form-button{
        width: 100px;
    }
    .form-container .heading{
        font-size: 18px;
        margin-top: 10px;
    }
    .form-container .submit-button{
        width: 100%;
        margin-top: 20px;
        font-size: 26px;
    }
    .checkmark {
        position: absolute;
        top: 5px;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
    }
}


.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {
    background: #103478 !important;
}

.button--white {
    color: var(--color-primary);
    text-transform: uppercase;
    background: #ffffff;
}
.button--white:hover {
    color: #ffffff;
    background: #ed1c2e;
    background: var(--color-tertiary);
}