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

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

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

.top-header {
    background: var(--color-white);
    position: relative;
}

.top-header p {
    font-family: var(--font-bold);
    text-transform: uppercase;
    color: var(--color-white);
    line-height: 3rem;
    text-align: center;
    position: relative;
    font-size: 1.3rem;
}

.tablet .top-header p {
    font-size: 1.2rem;
}

.laptop .top-header p {
    font-size: 1.3rem;
}

.go-to-library-cta {
    background-color: var(--color-white);
    text-align: center;
    transition: background-color 377ms linear;
}

.go-to-library-cta p {
    color: var(--color-black);
    transition: color 377ms linear;
}

.go-to-library-cta:hover p {
    color: var(--color-white);
}

a.red-cta {
    position: relative;
    width: 100%;
}

a.red-cta span {
    padding-right: 1rem;
    font-size: 2rem;
    vertical-align: top;
}

.search-area {
    position: relative;
    /* background-color: var(--color-brown); */
    background-color: var(--color-white);
    transition: background-color 377ms linear;
}

.open-search.bounce-to-right:before {
    background-color: var(--color-black)!important;
}

.open-search:hover span,
.open-search:hover i.icon-search:before {
    color: var(--color-white)!important;
    transition: color 377ms linear;
}

.go-to-library-cta.bounce-to-right.left.go-home {
    /* background: var(--color-dark-brown); */
    background: var(--color-white);
}

.go-to-library-cta.bounce-to-right.left.go-home a p {
    color: var(--color-black);
}

.move-cta-left {
    margin-left: 0!important;
    left: -1px;
}

a.order-link {
    display: block;
}

a.order-link p {
    color: var(--color-black);
    transition: color 250ms linear;
}

a.order-link:hover p {
    color: var(--color-white);
    transition: color 250ms linear;
}

input#search-field {
    position: absolute;
    font-family: var(--font-bold);
    font-size: 1.8rem;
    top: 50%;
    width: 40%;
    left: 50%;
    transform: translateX(-50%);
    color: black;
    background: white;
    border: 5px solid white;
    line-height: 3;
    height: 80px;
}

.small input#search-field {
    width: 65%;
}

.laptop input#search-field {
    width: 40%;
}

#search-field::-webkit-input-placeholder {
    -webkit-text-security: none;
    color: var(--color-black);
    font-family: var(--font-bold);
    font-size: 1.8rem;
    pointer-events: none;
}

.curtain {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--color-dark-brown);
    opacity: .0;
    height: 0;
    width: 100%;
    z-index: 99;
    overflow: hidden;
}

.open {
    height: 100%;
    opacity: 0.9;
}

.tranz {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.curtain.tranz.open .icon-search:before {
    color: var(--color-black);
}

button.submit-search {
    position: absolute;
    left: 66%;
    top: 51.5%;
    background: transparent;
}

.small button.submit-search {
    left: 75%;
    top: 50%;
}

.laptop button.submit-search {
    left: 63%;
    top: 50%;
}

.desktop button.submit-search {
    left: 65%;
}

.large button.submit-search {
    left: 66%;
    top: 50%;
}

button.submit-search .icon-search {
    font-size: 3rem;
    color: var(--color-black);
    padding: 0;
    background: transparent;
}

a.curtainclose {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 40px 0 0 410px;
    transform: translateX(-50%) translateY(-50%);
}

.mobile a.curtainclose {
    margin: 40px 0 0 230px;
}

.tablet a.curtainclose {
    margin: 40px 0 0 340px;
}

.laptop a.curtainclose {
    margin: 40px 0 0 270px;
}

.desktop a.curtainclose {
    margin: 40px 0 0 308px;
}

.large a.curtainclose {
    margin: 40px 0 0 360px;
}

.xlarge a.curtainclose {
    margin: 40px 0 0 410px;
}

a.curtainclose i.icon-close {
    font-size: 3rem;
    color: white;
}

.orders {
    background: var(--color-white);
    float: right;
}

.tablet .top-header .orders p:before {
    display: none;
}

.laptop .top-header .orders p:before {
    display: block;
}

.doctors-area {
    background: var(--color-light-red);
}

.doctors-area a {
    display: block;
}

.patient-support {
    background: var(--color-brown);
}

.patient-support a {
    display: block;
}

a.to-right,
a.to-right-gold {
    position: relative;
    z-index: 1;
}

a.to-right:before,
a.to-right-gold:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-light-red);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

a.to-right-gold:before {
    background: #bcaa84;
}

a.to-right:hover:before,
a.to-right:focus:before,
a.to-right:active:before,
a.to-right-gold:hover:before,
a.to-right-gold:focus:before,
a.to-right-gold:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}


/* .bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--color-gold) transparent;
} */

.bubble-top:hover:before,
.bubble-top:focus:before,
.bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

.bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent var(--color-red);
}

.bubble-right:hover:before,
.bubble-right:focus:before,
.bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.shutter-in-vertical {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: var(--color-dark-blue)!important;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.shutter-in-vertical:before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-red);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.shutter-in-vertical:hover,
.shutter-in-vertical:focus,
.shutter-in-vertical:active {
    color: var(--color-grey)!important;
}

.shutter-in-vertical:hover:before,
.shutter-in-vertical:focus:before,
.shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-red);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.order-link.bounce-to-right:before {
    background: var(--color-black);
}

.doctors-area>.bounce-to-right:before {
    background: var(--color-red)!important;
}

.bounce-to-right:hover:before,
.bounce-to-right:focus:before,
.bounce-to-right:active:before {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.to-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.to-rotate:hover,
.to-rotate:focus,
.to-rotate:active {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: var(--color-cream);
}

.buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.buzz-out:hover,
.buzz-out:focus {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.grow:hover,
.grow:focus,
.grow:active {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

i.icon-login {
    display: inline-block;
}

.small i.icon-login {
    display: none;
}

.mobile i.icon-login {
    display: inline-block;
}

.small .hello-user a {
    font-size: 1.2rem;
}

.mobile .hello-user a {
    font-size: 1.4rem;
}

.tablet .hello-user a {
    font-size: 1.2rem;
}

.laptop .hello-user a {
    font-size: 1.3rem;
}

span.the_username {
    font-size: 1.1rem;
}

.user-is-logged-in:hover a,
.user-is-logged-in:hover i {
    color: var(--color-brown);
}

.sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-dark-blue);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.sweep-to-left:hover,
.sweep-to-left:focus,
.sweep-to-left:active {
    color: white;
}

.sweep-to-left:hover:before,
.sweep-to-left:focus:before,
.sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#gform_submit_button_2 {
    transition-duration: 0.4s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

#gform_submit_button_2:hover,
#gform_submit_button_2:focus,
#gform_submit_button_2:active {
    box-shadow: inset 0 0 0 4px var(--color-white), 0 0 0 transparent;
    background: var(--color-red);
    color: var(--color-white);
}

.small .main-navigation {
    display: none;
}

.desktop .main-navigation {
    display: block;
}


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

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

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

ul.main-navigation>li.home-icon>a {
    display: block;
    font-size: 0px;
    position: relative;
    z-index: 0;
    width: 24px;
    height: 80px;
}

ul.main-navigation>li.home-icon>a:after {
    display: block;
    font-family: 'icomoon' !important;
    content: "\e918";
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: var(--color-brown);
}

ul.main-navigation>.home-icon.current_page_item.home-icon>a:before {
    background: var(--color-brown);
    display: block;
}

.logo {
    padding-right: 0;
}

.logo a,
.logo h1 {
    line-height: 7rem;
    font-size: 1rem;
    padding: 0 !important;
    margin: 0 !important;
}


/* Main header navigation menus. */

.main-nav-menu-container {
    padding-right: 0;
    padding-left: 100px;
}

.main-navigation li:not(.therapeutic-activate.responsiville-megamenu-parent) {
    position: relative;
}

.main-navigation li.therapeutic-activate.responsiville-megamenu-parent {
    position: initial!important;
}

.main-navigation li:not(.medicine-activate.responsiville-megamenu-parent) {
    position: relative;
}

.main-navigation li.medicine-activate.responsiville-megamenu-parent {
    position: initial!important;
}

ul.main-navigation>li>a {
    position: relative;
    font-family: var(--font-bold);
    text-transform: uppercase;
    color: var(--color-black);
    padding: 0 0.4rem;
    white-space: nowrap;
    line-height: 8rem;
}

ul.main-navigation>li>a:hover {
    background: #fbfafa;
    line-height: 8rem;
    color: var(--color-red);
    position: relative;
}

ul.main-navigation>li>a:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 100%;
    top: 0;
    background: var(--color-red);
    height: 5px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

ul.main-navigation>li>a:hover:before,
ul.main-navigation>li>a:focus:before,
ul.main-navigation>li>a:active:before {
    right: 0;
}

.responsiville-mobimenu-enabled.responsiville-mobimenu-open ul.main-navigation>li>a:before {
    display: none;
}

.laptop .main-navigation a {
    font-size: 1.4rem;
    margin: 0 0.1rem;
}

.laptop .is-edge-browser .main-navigation a {
    font-size: 1.3rem;
}

.is-edge-browser .main-navigation .home-icon a {
    font-size: 0;
}

.desktop .main-navigation a {
    margin: 0 0.2rem;
}

.main-navigation ul {
    background: #fbfafa;
}

.main-navigation .therapeutic-mega-menu ul.sub-menu {
    background: transparent;
}


/* Third level submenu. */

.main-navigation ul ul {
    top: 0;
    left: 90%;
}

.main-navigation ul:not(.therapeutic-navigation-first):not(.therapeutic-navigation-second):not(.therapeutic-navigation-third):not(.therapeutic-navigation-fourth):not(.medicine-navigation-first) {
    padding: 1rem;
    box-shadow: 0 5px 7px lightgray;
}

.therapeutic-navigation-first ul.sub-menu,
.therapeutic-navigation-second ul.sub-menu,
.therapeutic-navigation-third ul.sub-menu,
.therapeutic-navigation-fourth ul.sub-menu,
.medicine-navigation-first ul.sub-menu,
.medicine-navigation-second,
.medicine-navigation-third,
.medicine-navigation-fourth,
.medicine-navigation-fourth ul.sub-menu {
    box-shadow: none!important;
}

.therapeutic-navigation-first ul.sub-menu li a:before,
.therapeutic-navigation-second ul.sub-menu li a:before,
.therapeutic-navigation-third ul.sub-menu li a:before,
.therapeutic-navigation-fourth ul.sub-menu li a:before,
.medicine-navigation-first ul.sub-menu li a:before,
.medicine-navigation-fourth ul.sub-menu li a:before {
    display: none;
}

.main-navigation ul li {
    display: block;
    float: none;
}

.eubios-activate ul.sub-menu ul.sub-menu {
    position: relative;
    left: 0;
    padding: 0!important;
    box-shadow: none!important;
    display: block;
    height: 100%!important;
}

.eubios-activate ul.sub-menu ul.sub-menu li {
    padding-left: 1rem;
}

.eubios-activate ul.sub-menu ul.sub-menu li a:before {
    display: none;
}

.eubios-activate ul.sub-menu ul.sub-menu li:nth-of-type(1) a {
    margin-top: 0;
}

.eubios-activate ul.sub-menu ul.sub-menu li:last-of-type a {
    margin-bottom: 0.5rem;
}


/* Fixed menu on scroll.*/

.responsiville-scrollmenu-enabled nav {
    max-width: var(--panel-width);
    float: none;
    margin: auto
}

.responsiville-scrollmenu-enabled nav a {
    padding: 0;
}

.first-level-scrollmenu-container {
    background: white;
}

.small .responsiville-scrollmenu-enabled .responsiville-mobimenu-burger span {
    display: inline-block;
}

.desktop .responsiville-scrollmenu-enabled .responsiville-mobimenu-burger span {
    display: none;
}

.small .responsiville-mobimenu-enabled .responsiville-mobimenu-burger {
    display: block;
}

.desktop .responsiville-mobimenu-enabled .responsiville-mobimenu-burger {
    display: none;
}


/* Mobile burger menu.*/

.small header .responsiville-mobimenu {
    display: none;
}

.laptop header .responsiville-mobimenu {
    display: block;
}

.responsiville-mobimenu-enabled ul {
    border-width: inherit;
    background: none;
}

.responsiville-mobimenu-enabled .vanilla-language-switcher {
    left: 0;
    padding: 0;
}

.responsiville-mobimenu-open {
    padding-top: 5rem;
}

.responsiville-mobimenu-open ul {
    box-shadow: none;
}

.responsiville-mobimenu-open ul ul {
    left: 0;
}


/* Hide megamenus initially */

.responsiville-megamenu+ul {
    display: none;
}


/* Language switcher. */

.vanilla-language-switcher {
    text-align: right;
}

.vanilla-language-switcher a {
    margin: 0 0.5rem;
}

.responsiville-mobimenu-open .vanilla-language-switcher {
    padding: 5rem 0;
}

ul.main-navigation>.current-menu-item>a {
    background: #fbfafa;
    line-height: 8rem;
    color: var(--color-red);
    position: relative;
}

ul.main-navigation>.current-menu-item>a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 5px;
    width: 100%;
    background: var(--color-red);
}


/* Social Media */

.social-media li {
    display: inline;
    line-height: 8rem;
    font-size: 3rem;
}

.small .social-media li {
    font-size: 2.7rem;
}

.laptop .social-media li {
    font-size: 2.4rem;
}

.desktop .social-media li {
    font-size: 2.1rem;
}

.social-media li a {
    color: #a59d95;
}


/* 3.1 Mobile Menu */

.responsiville-mobimenu-burger,
.responsiville-mobimenu-burger:focus,
.responsiville-mobimenu-burger:hover {
    color: #a59d95;
}

.responsiville-mobimenu-enabled .responsiville-mobimenu-burger {
    line-height: 8rem;
    height: 75px;
}

button.responsiville-mobimenu-burger span {
    font-family: var(--font-bold);
}

.responsiville-mobimenu-open {
    background: var(--color-grey);
}

.responsiville-mobimenu-enabled .responsiville-mobimenu li a {
    font-size: 2rem;
    padding: 1rem;
    line-height: 1;
    color: var(--color-brown);
}

.responsiville-mobimenu-close,
.responsiville-mobimenu-close:focus,
.responsiville-mobimenu-close:hover {
    color: var(--color-brown);
}

.responsiville-mobimenu-open .main-navigation .current_page_item a,
.responsiville-mobimenu-open .main-navigation li a:hover {
    background: none;
    line-height: 1;
}

.responsiville-mobimenu-open .main-navigation .current_page_item a:before,
.responsiville-mobimenu-open .main-navigation li a:hover:before {
    background: none;
    width: 0;
    height: 0;
}

.responsiville-mobimenu-wrapper-clone:not( .responsiville-mobimenu-unstyled) ul ul a {
    font-size: 1.5rem;
    color: var(--color-white);
}

.responsiville-mobimenu-wrapper-clone:not( .responsiville-mobimenu-unstyled) ul ul ul li a {
    color: #b9a99b;
    font-size: 1.4rem;
    padding: 0.6rem;
}

.responsiville-mobimenu-wrapper-clone:not( .responsiville-mobimenu-unstyled) ul ul a {
    padding: 0.6rem;
}

.responsiville-mobimenu-wrapper-clone:not( .responsiville-mobimenu-unstyled) ul ul li {
    display: block;
}


/* 3.2 Sub Menu */

.main-navigation ul.sub-menu li a {
    position: relative;
    font-family: var(--font-regular);
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-left: 2rem;
    white-space: nowrap;
}

.main-navigation ul.sub-menu li a:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: var(--color-red);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.responsiville-mobimenu-enabled.responsiville-mobimenu-open .main-navigation ul.sub-menu li a {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.responsiville-mobimenu-enabled.responsiville-mobimenu-open .main-navigation ul.sub-menu li a:before {
    display: none;
}

.responsiville-mobimenu-wrapper.responsiville-mobimenu-enabled {
    float: right;
}

.tablet .social-media {
    text-align: center;
}

.laptop .social-media {
    text-align: initial;
}

ul#mobile-navigation+button.responsiville-drawers-button {
    display: none;
}


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

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

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

.therapeutic-mega-menu:hover,
.therapeutic-mega-menu:focus,
.therapeutic-mega-menu:active,
.medicine-mega-menu:hover,
.medicine-mega-menu:focus,
.medicine-mega-menu:active {
    display: block!important;
}

.therapeutic-mega-menu-container {
    position: relative;
}

.therapeutic-mega-menu,
.medicine-mega-menu {
    position: absolute;
    background: #fbfafa;
    top: 100%;
    width: 100%;
    height: auto;
    z-index: 4;
    padding-bottom: 4rem;
    padding-top: 1rem;
    box-shadow: 1px 1px 10px #e2e2e2;
}

.therapeutic-mega-menu:before,
.medicine-mega-menu:before {
    content: '';
    width: 100%;
    top: -3px;
    height: 5px;
    background: #fbfafa;
    position: absolute;
}

.therapeutic-mega-menu .navigation li a,
.medicine-mega-menu .navigation li a {
    position: relative;
    display: block;
    font-family: var(--font-regular);
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 1.25rem;
    margin-bottom: 0rem;
    padding-left: 3rem;
    color: black;
}

.medicine-mega-menu .navigation li a {
    padding-left: 2rem;
}

.medicine-mega-menu .navigation li a {
    width: 272px;
}

.therapeutic-mega-menu .navigation>ul>li>a:before,
.medicine-mega-menu .navigation>ul>li>a:before {
    position: absolute;
    content: '';
    width: 5px;
    /* was 13px */
    height: 5px;
    /* was 1px */
    background: var(--color-red);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.therapeutic-mega-menu .navigation ul .sub-menu {
    counter-reset: sub-menu-counter;
}

.therapeutic-mega-menu .navigation ul .sub-menu li,
.medicine-mega-menu .navigation ul .sub-menu li {
    padding-left: 3rem;
}

.therapeutic-mega-menu .navigation ul .sub-menu li a,
.medicine-mega-menu .navigation ul .sub-menu li a {
    position: relative;
    color: var(--color-brown);
    padding-left: 0;
}

ul#therapeutic-navigation-first li a:hover,
ul#therapeutic-navigation-second li a:hover,
ul#therapeutic-navigation-third li a:hover,
ul#therapeutic-navigation-fourth li a:hover {
    color: var(--color-brown);
    opacity: 0.7;
    transition: color 350ms linear, opacity 350ms linear;
}

ul#therapeutic-navigation-first ul.sub-menu li a:hover,
ul#therapeutic-navigation-second ul.sub-menu li a:hover,
ul#medicine-navigation-first ul.sub-menu li a:hover,
ul#medicine-navigation-second li a:hover,
ul#medicine-navigation-third li a:hover,
ul#medicine-navigation-fourth ul.sub-menu li a:hover {
    color: var(--color-red);
    transition: color 350ms linear;
}

.therapeutic-mega-menu .navigation ul li {
    display: block!important;
    clear: both;
}

ul#medicine-navigation-second,
ul#medicine-navigation-third {
    margin-top: 3rem;
}

ul#medicine-navigation-second li a,
ul#medicine-navigation-third li a {
    color: var(--color-brown);
}

ul#medicine-navigation-second li a:before,
ul#medicine-navigation-third li a:before {
    width: 0;
    height: 0;
}


/*    li#menu-item-19271 .sub-menu {
        height: 87px!important;
    }*/

.medicine-article table ul li {
    font-size: initial;
    color: inherit;
}