/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

<!-- Reset -->
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
}
<!-- End Reset -->

.alert {
    border-radius: 0px
}

.alert-icon {
    margin-right: 7px
}

.validation-summary-errors {
    border: 1px solid rgba(0,0,0,0);
    border-radius: .25rem;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem
}

blockquote {
    padding: 10px 20px;
    padding-left: 30px;
    margin: 0 0 20px;
    border-left: 3px solid #8c4799
}

blockquote,blockquote p {
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    font-weight: 100
}

blockquote p {
    margin-bottom: 13px
}

blockquote .small,blockquote footer,blockquote small {
    margin-top: 1em;
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

blockquote {
    margin: 1.5rem 1rem 1.5rem 2rem;
    padding: 1rem 2rem;
    position: relative;
    border-left: 4px solid #8c4799
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 25px
}

blockquote.custom-blockquote,blockquote.custom-blockquote p {
    font-size: 1.2em;
    line-height: 1.444em;
    font-style: italic
}

blockquote.custom-blockquote {
    margin: 0 0 10px 0;
    padding: 25px 20px 19px 40px;
    position: relative;
    border-left: 2px solid #8c4799
}

blockquote.custom-blockquote:before {
    z-index: 9;
    height: 100%;
    width: 38px;
    display: block;
    content: '"';
    position: absolute;
    left: 15px;
    top: 20%;
    font-size: 3em;
    font-style: italic
}

.btn {
    padding: 10px 10px 5px 10px
}

.btn::hover {
    text-decoration: none;
    cursor: pointer
}

.btn-sm {
    font-size: 11px;
    line-height: 16px;
    padding: 6px 15px 6px 15px
}

.btn-md {
    font-size: 14px;
    line-height: inherit;
    padding: 10px 10px 5px 10px
}

.btn-lg {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 40px
}

.btn-icon i {
    padding-left: 7px
}

.btn-number {
    padding-right: 1em
}

.btn-number .badge {
    font-size: 90%;
    left: 10px
}

.back-to-top-button {
    position: fixed !important;
    bottom: 30px;
    right: 30px;
    z-index: 12 !important;
    cursor: pointer
}

.swiper-container.no-overlay .swiper-slide-card {
    background: none
}

.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after {
    content: unset
}

.swiper-container .swiper-button-next i,.swiper-container .swiper-button-prev i {
    font-size: 14px;
    position: absolute;
    bottom: 12px
}

.swiper-container .swiper-slide {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: rgba(0,0,0,0)
}

.swiper-container .swiper-slide-dw {
    height: auto;
    display: flex;
    justify-content: center
}

.swiper-container .swiper-slide-card {
    max-width: 50%;
    margin: auto;
    position: absolute;
    background: rgba(68,33,121,.5);
    margin: 5%;
    padding: 3%;
    left: 5%;
    top: 0;
    bottom: 0;
    max-height: 100%
}

.swiper-container .swiper-slide-card h2 {
    padding: 10px 0;
    font-size: 18px
}

.swiper-container .swiper-button-next {
    background-image: none !important;
    width: 40px;
    position: absolute;
    bottom: 0px;
    padding: 0px !important;
    top: 50%;
    right: 20px
}

.swiper-container .swiper-button-next img {
    width: 25px;
    right: 0
}

.swiper-container .swiper-button-next .icon-iconfinder_arrow-right {
    cursor: pointer;
    background: rgba(0,0,0,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 50%;
    font-size: 23px;
    color: #fff;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-container .swiper-button-next .icon-iconfinder_arrow-right:after {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    line-height: 1;
    content: "";
    color: #fff
}

.swiper-container .swiper-button-prev {
    background-image: none !important;
    width: 40px;
    position: absolute;
    bottom: 0px;
    padding: 0px !important;
    top: 50%;
    left: 20px
}

.swiper-container .swiper-button-prev img {
    width: 25px;
    left: 0
}

.swiper-container .swiper-button-prev .icon-iconfinder_arrow-left {
    cursor: pointer;
    background: rgba(0,0,0,.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 50%;
    font-size: 23px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-container .swiper-button-prev .icon-iconfinder_arrow-left:after {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    line-height: 1;
    content: "";
    color: #fff
}

.swiper-container .swiper-button-disabled {
    display: none
}

.swiper-container .additional-navigation-buttons {
    display: block;
    position: relative;
    height: 50px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px
}

.swiper-container .additional-navigation-buttons .additional-swiper-button-prev {
    width: 100px
}

.swiper-container .additional-navigation-buttons .additional-swiper-button-prev:before {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    line-height: 1;
    content: "";
    margin-right: 10px
}

.swiper-container .additional-navigation-buttons .additional-swiper-button-prev:after {
    content: "Previous";
    font-family: unset;
    font-size: 16px
}

.swiper-container .additional-navigation-buttons .additional-swiper-button-next {
    width: 100px
}

.swiper-container .additional-navigation-buttons .additional-swiper-button-next:before {
    content: "Next";
    font-family: unset;
    font-size: 16px
}

.swiper-container .additional-navigation-buttons .additional-swiper-button-next:after {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    line-height: 1;
    content: "";
    margin-left: 10px
}

.swiper-container .additional-navigation-buttons .swiper-button-disabled {
    display: block
}

.swiper-container .swiper-pagination {
    bottom: 60px
}

.swiper-container .swiper-pagination-bullets {
    position: absolute;
    right: 30px
}

.swiper-container .swiper-pagination-bullet {
    opacity: .5;
    padding: 5px;
    margin: 7px
}

.swiper-container .swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-container .swiper-scrollbar-wrapper {
    width: 100%;
    position: absolute;
    bottom: 65px
}

.swiper-container .swiper-scrollbar-wrapper .swiper-scrollbar {
    width: 150px;
    height: 10px;
    position: relative;
    margin: 0 auto
}

.swiper-pagination .swiper-pagination-bullet:only-child {
    display: none
}

@media only screen and (max-width: 600px) {
    .swiper-container button[class^=button-],.swiper-container div[class^=button-],.swiper-container input[class^=button-],.swiper-container a[class^=button-] {
        font-size:14px !important
    }
}

@media only screen and (max-width: 767px) {
    div[data-number-of-visible-slides="1"] .swiper-wrapper {
        width:100%
    }

    div[data-number-of-visible-slides="2"] .swiper-wrapper {
        width: 200%
    }

    div[data-number-of-visible-slides="3"] .swiper-wrapper {
        width: 300%
    }

    div[data-number-of-visible-slides="4"] .swiper-wrapper {
        width: 400%
    }

    div[data-number-of-visible-slides="5"] .swiper-wrapper {
        width: 500%
    }

    div[data-number-of-visible-slides="6"] .swiper-wrapper {
        width: 600%
    }

    div[data-number-of-visible-slides="7"] .swiper-wrapper {
        width: 700%
    }

    div[data-number-of-visible-slides="8"] .swiper-wrapper {
        width: 800%
    }

    div[data-number-of-visible-slides="9"] .swiper-wrapper {
        width: 900%
    }
}

.hesperiden .tp-bullet {
    border: none;
    width: 10px;
    height: 10px
}

.hesperiden .tp-bullet.selected {
    background: #fff;
    width: 12px;
    height: 12px
}

.vh-5 {
    min-height: 5vh
}

.vh-10 {
    min-height: 10vh
}

.vh-15 {
    min-height: 15vh
}

.vh-20 {
    min-height: 20vh
}

.vh-25 {
    min-height: 25vh
}

.vh-30 {
    min-height: 30vh
}

.vh-35 {
    min-height: 35vh
}

.vh-40 {
    min-height: 40vh
}

.vh-45 {
    min-height: 45vh
}

.vh-50 {
    min-height: 50vh
}

.vh-55 {
    min-height: 55vh
}

.vh-60 {
    min-height: 60vh
}

.vh-65 {
    min-height: 65vh
}

.vh-70 {
    min-height: 70vh
}

.vh-75 {
    min-height: 75vh
}

.vh-80 {
    min-height: 80vh
}

.vh-85 {
    min-height: 85vh
}

.vh-90 {
    min-height: 90vh
}

.vh-95 {
    min-height: 95vh
}

.vh-100 {
    min-height: 100vh
}

.vw-5 {
    width: 5vw !important
}

.vw-10 {
    width: 10vw !important
}

.vw-15 {
    width: 15vw !important
}

.vw-20 {
    width: 20vw !important
}

.vw-25 {
    width: 25vw !important
}

.vw-30 {
    width: 30vw !important
}

.vw-35 {
    width: 35vw !important
}

.vw-40 {
    width: 40vw !important
}

.vw-45 {
    width: 45vw !important
}

.vw-50 {
    width: 50vw !important
}

.vw-55 {
    width: 55vw !important
}

.vw-60 {
    width: 60vw !important
}

.vw-65 {
    width: 65vw !important
}

.vw-70 {
    width: 70vw !important
}

.vw-75 {
    width: 75vw !important
}

.vw-80 {
    width: 80vw !important
}

.vw-85 {
    width: 85vw !important
}

.vw-90 {
    width: 90vw !important
}

.vw-95 {
    width: 95vw !important
}

.vw-100 {
    width: 100vw !important
}

.b-50 {
    position: relative;
    bottom: 4vh
}

.l-50 {
    position: relative;
    left: 4vh
}

.r-50 {
    position: relative;
    right: 4vh
}

.t-50 {
    position: relative;
    top: 4vh
}

.b-100 {
    position: relative;
    bottom: 7vh
}

.l-100 {
    position: relative;
    left: 7vh
}

.r-100 {
    position: relative;
    right: 7vh
}

.t-100 {
    position: relative;
    top: 7vh
}

.b-150 {
    position: relative;
    bottom: 12vh
}

.l-150 {
    position: relative;
    left: 12vh
}

.r-150 {
    position: relative;
    right: 12vh
}

.t-150 {
    position: relative;
    top: 12vh
}

.b-200 {
    position: relative;
    bottom: 18vh
}

.l-200 {
    position: relative;
    left: 18vh
}

.r-200 {
    position: relative;
    right: 18vh
}

.t-200 {
    position: relative;
    top: 18vh
}

@media(min-width: 1200px) {
    .container-wide {
        max-width:1600px
    }
}

.ndpl-preloaded {
    max-width: 1200px
}

.anchor::before {
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none
}

.hero {
    position: relative;
    overflow: hidden;
    height: 100%
}

.hero img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero .text {
    position: absolute;
    top: 40%;
    left: 10%;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    width: 80%
}

.hero .text h1 {
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
    margin: 15px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.hero .text h2 {
    font-size: 18px;
    font-weight: 900;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 860px) {
    .hero .text {
        top:30%
    }
}

@media only screen and (max-width: 767px) {
    .hero .text h1 {
        font-size:34px
    }

    .hero .text h2 {
        font-size: 16px
    }
}

@media only screen and (max-width: 600px) {
    .hero img {
        object-fit:cover;
        width: auto
    }

    .hero .text {
        top: 15%
    }
}

.bannerImage {
    width: 100%
}

.content-parent {
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.bannerVideoContainer {
    position: relative;
    overflow: hidden
}

.bannerContent {
    align-self: flex-start
}

.bannerImageContainer {
    height: 100%;
    width: 100%;
    background-size: cover;
    position: relative
}

.bannerParallax {
    background-attachment: fixed
}

/* body {
    font-family: "Open Sans",sans-serif
} */

.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 400;
    padding-top: 2rem;
    line-height: 1.5
}

.hr {
    border-top: 1px solid #333;
    margin: 22px 0 22px 0
}

.label {
    font-weight: normal
}

.icon-list {
    padding-left: 0;
    margin-left: 24px;
    list-style-type: none
}

.icon-list li {
    position: relative
}

.icon-list>li [class*=" fa-"] {
    position: absolute;
    left: -21px;
    text-align: center;
    width: 14px
}

.icon-list.elegant-font {
    margin-left: 0;
    margin-bottom: 0
}

.icon-li {
    margin-right: 10px
}

.glyphs.css-mapping {
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.5)
}

.glyphs.css-mapping li {
    margin: 0 30px 20px 0;
    padding: 0;
    display: inline-block;
    overflow: hidden
}

.glyphs.css-mapping .icon {
    margin: 0;
    margin-right: 10px;
    padding: 13px;
    height: 50px;
    width: 50px;
    color: #162a36 !important;
    overflow: hidden;
    float: left;
    font-size: 24px
}

.glyphs.css-mapping input {
    margin: 0;
    margin-top: 5px;
    padding: 8px;
    line-height: 16px;
    font-size: 16px;
    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: right
}

.pre {
    border-radius: 0
}

.modal-header h3 {
    text-transform: none
}

.blockquote-border {
    margin: 0px;
    font-style: italic;
    padding-bottom: 1em;
    padding-top: 1em;
    border-left: 8px solid #333;
    position: relative
}

.blockquote-border::before {
    font-family: Arial;
    content: "“";
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: .5em
}

.blockquote-border::after {
    content: ""
}

.blockquote-border span {
    display: block;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em
}

.blockquote-simple {
    margin: 0px;
    padding-bottom: 1em;
    padding-top: 1em;
    border: none;
    position: relative
}

.blockquote-simple::before {
    content: "“";
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: .5em
}

.blockquote-simple::after {
    content: ""
}

.blockquote-simple span {
    display: block;
    font-style: italic;
    font-size: .8em;
    margin-top: .5em
}

.blockquote-rating {
    margin: 0px;
    border: none;
    position: relative
}

.blockquote-rating::after {
    content: ""
}

.blockquote-rating span {
    display: block;
    font-size: .8em;
    margin-top: 1.5em
}

.scWebEditInput span.dialog-placeholder {
    border: 2px solid blue
}

.content-tile-text {
    margin-bottom: 20px
}

.content-tile-text ul li {
    list-style-type: bullet
}

.content-tile-icon {
    position: absolute;
    left: 0px;
    padding-top: .3rem
}

.content-tile-icon-left .content-tile-content {
    padding-left: 58px;
    padding-right: 15px
}

.content-tile-icon-left .content-tile-icon {
    position: absolute;
    left: .5rem
}

.content-tile-icon-center .content-tile-content {
    padding-left: 15px;
    padding-right: 15px
}

.content-tile-icon-center .content-tile-icon {
    position: relative
}

.content-tile-icon-right .content-tile-content {
    padding-left: 15px;
    padding-right: 58px
}

.content-tile-icon-right .content-tile-icon {
    right: 0
}

.content-tile-video {
    width: 100%
}

.content-tile-tight .content-tile-img,.content-tile-tight .content-tile-video {
    display: none
}

.content-tile-tight button {
    display: none
}

.content-tile-no-media .content-tile-img,.content-tile-no-media .content-tile-video {
    display: none
}

.rightBorderContentTile {
    border-right: 1px solid #d3d3d3
}

.leftBorderContentTile {
    border-left: 1px solid #d3d3d3
}

.topBorderContentTile {
    border-top: 1px solid #d3d3d3
}

.bottomBorderContentTile {
    border-bottom: 1px solid #d3d3d3
}

.content-tile-icon {
    position: absolute;
    left: 13px
}

.content-tile-content {
    position: relative
}

.content-tile.align-buttons-bottom {
    display: flex;
    flex-direction: column;
    height: 100%
}

.content-tile.align-buttons-bottom .icon-sm {
    width: 92px;
    height: 92px
}

.content-tile.align-buttons-bottom .content-tile-img {
    flex-shrink: 0
}

.content-tile.align-buttons-bottom .content-tile-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

.content-tile.align-buttons-bottom .content-tile-content .content-tile-text {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

.content-tile-grid {
    display: grid
}

.content-tile-footnote {
    margin-top: 20px
}

.content-tile {
    position: relative;
    transition: background-color .5s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.content-tile .content-tile-link {
    background-color: inherit
}

.content-tile .hover-text {
    opacity: 0;
    transition: opacity .5s;
    background-color: inherit;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.content-tile:hover .hover-text {
    opacity: 1
}

.img-blur {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.img-brightness {
    -webkit-filter: brightness(250%);
    filter: brightness(250%)
}

.img-contrast {
    -webkit-filter: contrast(180%);
    filter: contrast(180%)
}

.img-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.img-huerotate {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg)
}

.img-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.img-opacity {
    -webkit-filter: opacity(50%);
    filter: opacity(50%)
}

.img-saturate {
    -webkit-filter: saturate(7);
    filter: saturate(7)
}

.img-sepia {
    -webkit-filter: sepia(100%);
    filter: sepia(100%)
}

.card-info {
    margin: 0;
    padding: 22px 25px 24px 25px;
    font-size: 14px;
    line-height: 36px;
    min-height: 205px
}

.card a img {
    width: 100%;
    object-fit: cover;
    height: 20vw;
    min-height: 250px
}

.post-prev-img {
    margin-bottom: 25px
}

.post-prev-img img {
    width: 100%
}

.post-prev-title h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.333em;
    font-weight: 600
}

.post-prev-img a:hover {
    opacity: .6
}

.post-prev-img .lightbox-item a:hover {
    opacity: 1
}

.post-prev-info {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.post-prev-title a {
    outline: none !important;
    text-decoration: none;
    transition: all .3s ease 0s
}

.post-prev-text {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600
}

.post-prev-count {
    margin-left: 12px
}

.card-tile-sm {
    border-radius: 5px;
    text-align: center
}

.card-tile-sm .card-title {
    color: #000;
    font-weight: bold;
    margin: 0px;
    font-size: 3.5em;
    line-height: initial;
    margin-bottom: 5px
}

.card-tile-sm .card-subtitle {
    color: gray;
    line-height: initial;
    font-size: initial;
    font-weight: bold
}

.card-tile-sm .card-text {
    line-height: initial;
    color: #a9a9a9
}

.card-icon-article {
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    -moz-box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27)
}

.card-icon-article .card-info {
    position: relative;
    padding-top: 25px
}

.card-icon-article .card-title {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px
}

.card-icon-article .card-subtitle {
    font-weight: bold;
    margin-bottom: 10px
}

.card-icon-article .card-text {
    line-height: 24px;
    font-size: 16px;
    text-align: left
}

.card-icon-article .card-circle-icon {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: absolute;
    left: calc(50% - 25px);
    top: -25px;
    background: #ff4500;
    color: #fff
}

.card-icon-article .card-circle-icon i {
    margin-top: 10px;
    vertical-align: middle
}

.card-icon-article .card-article-details {
    font-weight: bold;
    padding: 15px;
    border-top: 1px solid #e1e4e6
}

.card-contact {
    overflow: visible;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    -moz-box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    margin-top: 80px;
    height: calc(100% - 90px)
}

.card-contact .card-info {
    position: relative;
    padding-top: 70px;
    border-radius: 5px;
    height: 100%
}

.card-contact .card-title {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px
}

.card-contact .card-subtitle {
    font-weight: bold;
    margin-bottom: 10px;
    color: gray
}

.card-contact .card-text {
    line-height: 24px;
    font-size: 16px;
    color: gray
}

.card-contact .card-image {
    z-index: 2;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    position: absolute;
    left: calc(50% - 80px);
    top: -80px;
    -webkit-box-shadow: 0px 6px 42px -2px #adadad;
    -moz-box-shadow: 0px 6px 42px -2px #adadad;
    box-shadow: 0px 6px 42px -2px #adadad
}

.card-contact .follow-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(201,201,201,.63);
    -moz-box-shadow: 0px 0px 12px 2px rgba(201,201,201,.63);
    box-shadow: 0px 0px 12px 2px rgba(201,201,201,.63)
}

.card-contact .follow-icon i {
    margin-top: 14px;
    vertical-align: middle
}

.card-contact .card-article-details {
    font-weight: bold;
    padding: 15px;
    padding-bottom: 20px
}

.card-article-img {
    text-align: center;
    border: none;
    border-radius: 5px;
    color: #fff;
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
    background-position: center;
    height: calc(100% - 10px)
}

.card-article-img .card-info {
    background: none
}

.card-article-img .card-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0px
}

.card-article-img .card-subtitle {
    font-weight: bold;
    margin-bottom: 10px;
    margin: 0px
}

.card-article-img .card-text {
    margin-top: 20px;
    line-height: 24px;
    font-size: 16px
}

.card-article-img .card-button {
    background: #ff4500;
    border-radius: 100px;
    color: #fff;
    padding: 10px;
    padding-left: 17px;
    padding-right: 17px;
    margin: 20px;
    font-size: .8em
}

.card-article-img .card-button a {
    color: #fff;
    text-decoration: none
}

.card-article-img .card-button i {
    margin-right: 5px
}

.card-simple-icon {
    border: none;
    color: #fff
}

.card-simple-icon .card-info {
    background-color: rgba(0,0,0,0)
}

.card-simple-icon .card-text {
    line-height: initial
}

.card-simple-icon i {
    margin-left: 25px;
    margin-top: 20px
}

.article {
    display: flex;
    flex-direction: column;
    padding: 20px
}

.article-topic-tag {
    display: inline-block;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 2px;
    background-color: #9ba3a9;
    font-size: 12px;
    text-transform: uppercase
}

.article-heading {
    font-size: 2.5em;
    margin-top: 10px
}

.article-subheading {
    font-size: 1.2em;
    margin-bottom: 5px
}

.article-author-details {
    color: gray;
    font-size: .8em;
    text-transform: uppercase;
    margin-bottom: 40px
}

.article-video {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    object-fit: cover
}

.article-image {
    width: 100%;
    vertical-align: top;
    object-fit: cover
}

.article-text p {
    padding: 0px
}

.article-text {
    margin-bottom: 20px
}

.article-social {
    position: relative
}

.article-bio-tile {
    background-color: #f7f7f7;
    padding: 30px;
    padding-left: 30px;
    padding-right: 10px;
    border-top: 1px solid #e1e4e6;
    display: flex
}

.article-bio-img {
    border-radius: 50%;
    height: 70px;
    width: 70px;
    display: inline-block;
    border: 4px solid #ccc
}

.article-bio-info {
    display: inline-block;
    padding-left: 20px;
    align-self: center
}

.article-bio-author {
    font-weight: bold;
    color: #555
}

.article-bio-title {
    margin-top: 10px;
    color: gray;
    font-size: 18px
}

.breadcrumb-default ul {
    padding: 0px;
    margin: 0px;
    height: 40px
}

.breadcrumb-default ul li {
    display: inline
}

.breadcrumb-default ul li a {
    display: block;
    float: left;
    height: 40px;
    background: #f7f7f7;
    text-align: center;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    margin: 0 10px 0 0;
    line-height: 27px;
    text-decoration: none
}

.breadcrumb-default ul li a:after {
    content: "";
    border-top: 20px solid rgba(0,0,0,0);
    border-bottom: 20px solid rgba(0,0,0,0);
    border-left: 20px solid #f3f5fa;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 1;
    transition: all .3s ease 0s;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-delay: 0s
}

.breadcrumb-default ul li a:before {
    content: "";
    border-top: 20px solid rgba(0,0,0,0);
    border-bottom: 20px solid rgba(0,0,0,0);
    border-left: 20px solid #fff;
    position: absolute;
    left: 0;
    top: 0
}

.breadcrumb-default ul li:first-child a:before {
    display: none
}

.breadcrumb-default ul li:last-child a {
    padding-right: 40px
}

.breadcrumb-default ul li:last-child a:after {
    display: none
}

.step {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: relative;
    background-color: #d3d3d3;
    line-height: 20px;
    border: 1px solid #d3d3d3;
    font-weight: bold;
    margin-right: 5px
}

.breadcrumb-default ul li a:hover .step {
    border-color: #fff
}

.breadcrumb-simple ul {
    padding: 0px;
    margin: 0px;
    height: 40px
}

.breadcrumb-simple ul li {
    display: inline
}

.breadcrumb-simple ul li a {
    display: block;
    float: left;
    height: 40px;
    text-align: center;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    margin: 0px;
    line-height: 27px;
    text-decoration: none;
    color: inherit
}

.breadcrumb-simple ul li a:after {
    content: "/";
    position: absolute;
    right: -20px;
    top: 4px;
    z-index: 1;
    pointer-events: none
}

.breadcrumb-simple ul li:last-child a:after {
    display: none
}

.breadcrumb-simple ul li a:hover {
    text-decoration: underline;
    transition: all .3s ease 0s
}

.breadcrumb-steps {
    padding-top: 60px;
    padding-bottom: 35px
}

.breadcrumb-steps ul {
    padding: 0px;
    margin: 0px
}

.breadcrumb-steps ul li {
    display: inline
}

.breadcrumb-steps ul li a {
    display: block;
    float: left;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    margin: 0 10px 0 10px;
    text-decoration: none;
    max-width: 120px;
    width: 120px
}

.breadcrumb-steps ul li a:after {
    content: "";
    height: 10px;
    width: 100px;
    position: absolute;
    right: -55px;
    top: -30px;
    z-index: 1
}

.breadcrumb-steps ul li a i {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    left: 35px;
    top: -50px;
    line-height: 42px;
    font-size: 30px
}

.breadcrumb-steps ul li:last-child a:after {
    display: none
}

.side-nav {
    padding-left: 0;
    max-width: 392px;
    border: none
}

.side-nav li {
    list-style-type: none
}

.side-nav>li {
    font-weight: 700
}

.side-nav>li>.item-title {
    border-bottom: 4px solid #333;
    line-height: 3;
    padding-left: 24px
}

.side-nav>li>.item-content>.side-nav>li>.item-title {
    border-bottom: 1px solid #333;
    line-height: 3;
    font-weight: 500
}

.side-nav>li>.item-content>.side-nav>li>.item-content>.side-nav>li>.item-title {
    border-bottom: none;
    line-height: 2;
    font-weight: 400;
    padding-left: 32px
}

.rotate-caret {
    transform: rotate(0deg);
    transition: .2s ease-in-out
}

.item-title:not(.collapsed) .rotate-caret {
    transform: rotate(90deg);
    transition: .2s ease-in-out
}

.dark-theme>li>.item-title {
    border-bottom: 4px solid #333
}

.dark-theme>li>.item-content>.side-nav>li>.item-title {
    border-bottom: 1px solid #333
}

.panel-group-open-close-all {
    text-align: right
}

.panel-group-open-close-all .open-close-link {
    cursor: pointer
}

.FAQaccordion .question-link {
    position: relative
}

.FAQaccordion .question-link .open-answer {
    display: none
}

.FAQaccordion .question-link .close-answer {
    display: inline;
    position: absolute;
    top: 18px;
    right: 55px
}

.FAQaccordion .question-link.collapsed .open-answer {
    display: inline;
    position: absolute;
    top: 18px;
    right: 55px
}

.FAQaccordion .question-link.collapsed .close-answer {
    display: none
}

.locator form {
    margin: 10px
}

.locator input,.locator select {
    border-radius: 2px
}

.locator .form-control:focus {
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.locatorPager {
    display: none
}

.locatorDiv {
    width: 100%
}

.locatorDiv #locatorMap {
    width: 100% !important
}

.map {
    background: #222;
    height: 350px;
    color: #fff;
    padding: 20px
}

.card-columns {
    column-count: 1
}

@media(min-width: 768px) {
    .card-columns {
        column-count:2
    }
}

@media(min-width: 992px) {
    .card-columns {
        column-count:3
    }
}

.card-img-top {
    display: none
}

input.address.search {
    width: 415px
}

.map-wrapper {
    position: relative
}

.map-wrapper+#instructions {
    display: none
}

@media(max-width: 767px) {
    .map-wrapper #map {
        display:none
    }
}

@media(max-width: 767px) {
    .map-wrapper #map.shown {
        display:block
    }
}

@media(max-width: 767px) {
    .map-wrapper #map.hidden {
        display:none
    }
}

.map-wrapper #map.mapboxgl-map {
    height: 600px !important;
    width: 100%
}

@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map {
        height:600px
    }
}

@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map.hidden {
        display:none
    }
}

.map-wrapper #map.mapboxgl-map .mapboxgl-canvas-container .mapboxgl-marker svg g g:nth-child(3) {
    fill: #fff;
    opacity: 1
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
    border-radius: 15px 0 15px 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
    border-radius: 0 15px 15px 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
    border-radius: 15px 15px 0 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
    border-radius: 15px 15px 15px 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-content {
    border-radius: 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content {
    box-shadow: 0 2px 14px rgba(0,0,0,.23);
    padding: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i {
    margin-right: 5px;
    position: relative;
    top: 4px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    right: 5px;
    top: 5px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card {
    padding: 2rem 2rem 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header {
    align-items: center;
    column-gap: .5rem;
    display: flex;
    margin-bottom: 1rem
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .popup-img {
    image-rendering: -webkit-optimize-contrast;
    max-width: 40%
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .popup-img[src=null] {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {
    font-size: 20px;
    line-height: 20px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {
    font-size: 16px;
    margin-bottom: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row {
    border-top: 1px solid rgba(0,0,0,.1);
    display: flex;
    flex-wrap: nowrap;
    padding: 0 1rem
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row:last-of-type {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more {
    padding: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {
    border-radius: 0 0 15px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px 7px;
    text-align: center;
    width: 100%
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color: #fff;
    color: #8c4799 !important;
    text-decoration: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    white-space: nowrap
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions a:focus {
    color: #8c4799
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a.disabled {
    pointer-events: none;
    cursor: default
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a {
    font-weight: 400;
    outline: none
}

.map-wrapper #mapboxLegend {
    border: 1px solid #000;
    border-radius: 1rem;
    column-gap: 1.5rem;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: nowrap
}

.map-wrapper #search-bar {
    border-radius: 1rem;
    padding: 1rem
}

@media(max-width: 767px) {
    .map-wrapper #search-bar {
        margin:0 auto;
        max-width: 80%
    }
}

@media(max-width: 575px) {
    .map-wrapper #search-bar {
        min-width:100%
    }
}

.map-wrapper #search-bar .search-bar-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.map-wrapper #search-bar .search-bar-row .validation-container {
    position: absolute;
    top: -15px;
    left: 15px
}

.map-wrapper #search-bar .search-bar-row .required-field {
    color: red;
    font-weight: bold
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row {
        flex-direction:column;
        flex-wrap: wrap;
        row-gap: .5rem
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color: #fff;
    min-width: 150px;
    position: relative
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper {
        width:100%
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper select {
    display: none;
    visibility: hidden
}

.map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
    border-radius: 8px 0 0 8px
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
        border-right:none
    }
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:last-of-type .select-styled {
        border-left:none
    }
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper+#geocoder input[type=text] {
        border-radius:0 !important
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
    border: 1px solid hsla(0,0%,100%,.3);
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    padding: 12px 25px 12px 15px;
    transition: all .2s ease-in
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
        border-radius:8px !important;
        min-height: 43px;
        padding: 12px 35px 12px 20px;
        position: relative
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:after {
    content: "";
    cursor: pointer;
    width: 0;
    height: 0;
    border: 7px solid rgba(0,0,0,0);
    position: absolute;
    top: 16px;
    right: 10px
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 9px rgba(0,0,0,.2);
    display: none;
    font-size: 14px;
    margin: 0;
    padding: 12px 35px 14px 18px;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 100% !important;
    z-index: 999
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li {
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    position: relative;
    transition: all .15s ease-in
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li[rel=hide] {
    display: none
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #radiusDiv {
        order:2
    }
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder {
        order:1;
        width: 100%
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
    background: rgba(0,0,0,0);
    box-shadow: none;
    height: 100%
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
        max-width:unset;
        width: 100%
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder--icon {
    display: none
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 8px 0 0 8px;
    font-size: 15px;
    height: 100%;
    outline: none;
    padding: 12px 24px 12px 18px
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
        border-radius:8px;
        width: 100%
    }
}

@media(min-width: 575px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
        min-width:325px
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder .input-validation-error,.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder .address-validation-error {
    border: 2px solid #aa2d2a !important;
    background-color: #f6e9e9 !important
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #tagFilter {
        order:3
    }
}

.map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-radius: 0 8px 8px 0;
    outline: none;
    transition: all .1s ease-in-out
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
        border-radius:8px;
        margin-top: 8px;
        order: 4;
        width: 100%
    }
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes {
        display:flex;
        justify-content: space-evenly
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper {
    margin: 10px auto 0;
    text-align: center
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper {
        margin:10px 0 0;
        text-align: left
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    background-color: rgba(0,0,0,0);
    border-radius: 3px;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    vertical-align: bottom;
    margin-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    content: "";
    background-color: rgba(0,0,0,0);
    position: absolute;
    left: 5px;
    top: 0;
    width: 5px;
    height: 11px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
        font-size:12px
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
    display: flex
}

@media(min-width: 768px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
        display:none
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper input[type=checkbox] {
    margin-right: 0;
    margin-left: 10px
}

#locationSearchResults #resultsHeader {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 40px 0 15px
}

#locationSearchResults #resultsHeader #tagLegend span:nth-child(2) {
    border-radius: 17px;
    color: #fff !important;
    display: inline-block;
    padding: 3px 12px 6px 12px;
    margin: 4px 0 12px 0;
    font-size: 14px;
    background-color: #01a99d !important
}

#locationSearchResults #resultsHeader #tagLegend span span {
    border-radius: 17px;
    color: #fff !important;
    display: inline-block;
    padding: 3px 12px 6px 12px;
    margin: 4px 0 12px 0;
    font-size: 14px;
    background-color: #8c4799 !important
}

@media(max-width: 767px) {
    #locationSearchResults {
        padding-top:35px
    }
}

.search-results-wrapper .search-result-name {
    color: #228282
}

.search-results-wrapper .search-result-item {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 20px 0 0
}

@media(max-width: 767px) {
    .search-results-wrapper .search-result-item {
        padding:15px 15px 0
    }
}

.search-results-wrapper .search-result-item .search-result-labels,.search-results-wrapper .search-result-item .search-result-address {
    margin-bottom: 10px
}

.search-results-wrapper .search-result-item .search-result-tags .tag {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px 8px 0
}

.search-results-wrapper .search-result-item .search-result-item-left {
    display: flex;
    justify-content: space-between
}

@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left {
        flex-wrap:wrap;
        margin-top: 30px;
        row-gap: 15px
    }
}

.search-results-wrapper .search-result-item .search-result-item-left .result-td {
    flex: 1 1 100%;
    width: 100%
}

@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50 {
        flex:1 1 100%;
        max-width: 100%
    }
}

@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50:nth-child(2n) {
        text-align:left
    }
}

.search-results-wrapper .search-result-item .search-result-item-left .result-td i {
    margin-right: 5px;
    position: relative;
    top: 4px
}

.search-results-wrapper .search-result-item .search-result-item-left .result-td a {
    text-decoration: none
}

.search-results-wrapper .search-result-item .search-result-item-left .result-td a span {
    text-decoration: underline
}

.search-results-wrapper .search-result-item .search-result-item-left .btn {
    padding: 6px 25px
}

.search-results-wrapper .search-result-item .search-result-item-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 768px) {
    .search-results-wrapper .search-result-item .search-result-item-right {
        justify-content:flex-end
    }
}

.search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    display: none
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    width: 100%
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display: block
}

.map-buttons-wrapper .additional-buttons {
    margin-top: 42px
}

.map-buttons-wrapper .additional-buttons .btn {
    min-width: 200px;
    justify-content: center !important
}

@media(max-width: 450px) {
    .map-buttons-wrapper .additional-buttons .btn {
        min-width:160px;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(max-width: 575px) {
    .map-buttons-wrapper .additional-buttons .btn {
        margin-bottom:1rem
    }
}

@media(min-width: 576px) {
    .map-buttons-wrapper .additional-buttons .btn:first-child {
        margin-right:1.5rem
    }
}

.icon-browser::before {
    content: url("");
    display: inline-block;
    height: 20px;
    width: 20px
}

.icon-phone::before {
    content: url("");
    display: inline-block;
    height: 20px;
    width: 20px
}

.icon-map-marker-black::before {
    content: url("")
}

.icon-map::before {
    content: url("");
    display: inline-block;
    height: 20px;
    width: 20px
}

.icon-directions::before {
    content: url("")
}

.input-validation-error {
    border: 2px solid red !important
}

.tile-component {
    width: 250px;
    padding: 0px 16px 16px 16px;
    border-radius: 8px;
    -moz-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2)
}

.content-wrapper {
    max-width: 95%;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.item-image {
    max-width: 210px;
    object-fit: cover;
    margin: 0 auto;
    border-radius: 8px;
    -moz-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2)
}

.image-container {
    margin: 0 auto;
    z-index: 2;
    position: relative;
    top: -20px
}

.category {
    margin-top: 0;
    text-align: center;
    font-size: 14px
}

.product-name {
    text-align: center;
    font-size: 24px
}

.product-description {
    text-align: center;
    font-size: 18px;
    line-height: 1.5
}

.product-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.product-price {
    font-size: 20px
}

form .spinner-overlay {
    background-color: #fff;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: 9
}

form .spinner-overlay .spinner-border {
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 45vh
}

.article-index .article-body {
    overflow: hidden;
    max-height: 400px
}

.article-index .article-body .background {
    position: relative;
    background-size: cover;
    background-position: 50%,50%;
    height: 400px;
    transition: .3s ease-in-out
}

.article-index .article-body .background:hover {
    transform: scale(1.05);
    transition: .3s ease-in-out
}

.article-index .article-body .content {
    position: absolute;
    vertical-align: bottom;
    bottom: 0;
    width: 100%;
    padding: 0 0 20px 30px;
    background-color: rgba(0,0,0,.65);
    margin-left: -15px;
    padding-top: 20px
}

.article-index .article-body a:hover {
    text-decoration: none
}

.article-index .article-body h6,.article-index .article-body h3,.article-index .article-body text {
    color: #fff
}

.article-index .article-body h3 {
    padding-left: 0px
}

.stripParallax {
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.stripVideoContainer {
    position: relative;
    overflow: hidden
}

video.stripWidth {
    left: 50%;
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

[sc-part-of="placeholder rendering"].collapse:not(.show) {
    display: initial
}

.strip-3d-component .images-section {
    min-height: 850px;
    z-index: 10;
    position: relative;
    overflow: hidden
}

.strip-3d-component .images-section .image-3d {
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 100%;
    position: absolute
}

.strip-3d-component .images-section .image-3d.back-image {
    z-index: 6;
    min-height: 105%
}

.strip-3d-component .images-section .image-3d.front-image {
    z-index: 8
}

.strip-3d-component .strip-3d-ph {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%
}

.rich-text ul {
    list-style: none;
    padding-left: 0
}

.rich-text {
    font-size: 15px;
    padding: 20px 0
}

.rich-text a {
    line-height: 1.5
}

.rich-text a:hover {
    text-decoration: underline
}

.show-more-text {
    overflow: hidden
}

/* .content-list and .content-list>li moved to footer-global-module module.css */

.content-list .content-list-item-image {
    display: inline-block
}

.flex-even li {
    flex: 1
}

.modal-dialog {
    z-index: 1200
}

.modal-content .modal-body {
    min-height: 300px
}

.flyout-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    z-index: 5;
    overflow: hidden;
    transition: width .5s ease
}

.flyout-wrapper.hidden {
    display: none
}

.flyout-wrapper.visible {
    display: block
}

.flyout-wrapper .flyout {
    width: 500px
}

.flyout-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 4
}

.flyout-overlay.hidden {
    display: none
}

.flyout-overlay.visible {
    display: block
}

.page-navigation {
    background-color: #fff
}

.page-navigation .page-navigation-heading,
.page-navigation .page-navigation-item {
    display: inline-block;
    position: relative;
}

.page-navigation .page-navigation-item .item-text {
    display: inline-block;
}

/* Animated active underline for scrollspy */
.page-navigation .page-navigation-item::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background: #d22630;
    transition: width 0.3s ease;
    pointer-events: none;
}

.page-navigation .page-navigation-item.active::after {
    width: 50%;
}

.page-navigation.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.global-search-pagination .active {
    text-decoration: underline
}

@media print {
    .flexibile-accordion-panel {
        display: block !important
    }
}

.avoid-page-break {
    page-break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    break-inside: avoid !important
}

@media print {
    .col-print-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-print-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-print-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-print-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-print-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-print-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-print-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-print-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-print-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-print-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-print-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-print-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-print-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-print-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-print-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-print-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-print-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-print-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-print-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-print-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-print-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-print-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-print-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-print-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-print-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-print-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-print-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

.scEmptyPlaceholder {
    width: 100%
}

.video-wrapper {
    height: 0px;
    padding-top: 56.25%;
    position: relative
}

.video-wrapper>div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important
}

.fixed-top {
    position: absolute
}

.fixed-top .navbar {
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 20
}

@media only screen and (max-width: 717px) {
    .fixed-top .navbar {
        top:50px
    }
}

@media only screen and (max-width: 425px) {
    .fixed-top .navbar {
        top:62px
    }
}

/* .navbar base, .branding, .navbar-toggler, .secondary-menu, .primary-menu, .branding-wrapper, .secondary-menu-wrapper styles moved to header-branding-global-module and header-nav-global-module module.css */

.navbar-absolute {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0
}

/* .branding positioning, .navbar-toggler/.go-back, .navbar-nav, .menu-wrapper, .primary-menu, .sub-menu, .secondary-menu-wrapper, .tertiary-menu moved to header-branding-global-module and header-nav-global-module module.css */

.navbar .search-and-language {
    padding: 10px 0px
}

.navbar .language-switcher {
    display: inline-block
}

.navbar .global-search {
    display: inline-block
}

/* .wide-nav-items, .primary-menu responsive, .no-primary-menu moved to header-nav-global-module module.css */

.global-header-banner {
    width: 450px;
    height: 75px;
    position: absolute;
    left: 160px;
    top: 13px;
    display: none;
    visibility: hidden
}

@media only screen and (min-width: 997px) {
    .global-header-banner {
        display:block;
        visibility: visible
    }
}

@media only screen and (min-width: 1200px) {
    .global-header-banner {
        left:250px
    }
}

.toggle-linebreak {
    display: none
}

@media only screen and (min-width: 992px)and (max-width: 1200px) {
    .toggle-linebreak {
        display:block
    }

    .nav-item-align-top {
        margin-bottom: auto
    }
}

/* @media max-width 767px navbar responsive block moved to header-branding-global-module and header-nav-global-module module.css */

/* #site-header, .primary-menu-left, .primary-menu-right moved to header-nav-global-module module.css */

.zynteglo-custom-banner__wrapper {
    overflow: hidden;
    min-height: 470px
}

@media(max-width: 991px) {
    .zynteglo-custom-banner__wrapper {
        padding-bottom:20px
    }
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__wrapper {
        display:flex;
        flex-direction: column-reverse;
        padding-bottom: unset;
        min-height: unset
    }
}

.zynteglo-custom-banner__wrapper .main-header {
    color: #733689;
    font-family: "BrandonGrotesque-Medium";
    font-size: 48px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 50px;
    margin-bottom: 1rem;
    text-align: left;
    z-index: 99
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__wrapper .main-header {
        font-size:26px;
        line-height: 30px
    }
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__image {
        max-width:30%;
        margin-left: -1rem
    }
}

.zynteglo-custom-banner__image-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__image-wrapper {
        position:relative
    }
}

.zynteglo-custom-banner__image-wrapper .caption {
    bottom: 75px;
    color: #fff;
    font-family: "SofiaProSoft-Bold";
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    right: 50px;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    text-transform: uppercase;
    z-index: 1;
    max-width: 75px;
    text-align: right
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__image-wrapper .caption {
        bottom:10px;
        font-size: 8px;
        left: 10px;
        right: 10px;
        max-width: unset;
        text-align: left
    }
}

.zynteglo-custom-banner__image-wrapper .hero-image {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    overflow: hidden
}

.zynteglo-custom-banner__image-wrapper .hero-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media(min-width: 767px) {
    .zynteglo-custom-banner__image-wrapper .hero-image .overlay {
        background-image:linear-gradient(90deg, #f3f7fb 0%, #f3f7fb 29%, rgba(243, 247, 251, 0.81) 60%, rgba(255, 255, 255, 0) 85%)
    }
}

@media(max-width: 1199px) {
    .zynteglo-custom-banner__image-wrapper .hero-image .overlay {
        min-width:115%
    }
}

@media(max-width: 900px) {
    .zynteglo-custom-banner__image-wrapper .hero-image .overlay {
        min-width:120%
    }
}

@media(max-width: 850px) {
    .zynteglo-custom-banner__image-wrapper .hero-image .overlay {
        min-width:130%
    }
}

@media(max-width: 800px) {
    .zynteglo-custom-banner__image-wrapper .hero-image .overlay {
        min-width:135%
    }
}

@media(min-width: 1200px) {
    .zynteglo-custom-banner__image-wrapper .hero-image .overlay {
        min-width:unset
    }
}

.zynteglo-custom-banner__image-wrapper .hero-image img {
    object-fit: cover;
    object-position: right bottom;
}

@media(min-width: 2100px) {
    .zynteglo-custom-banner__image-wrapper .hero-image img {
        object-fit:contain;
        object-position: 40% -20%;
        transform: scale(1.05)
    }
}

@media(min-width: 1900px) {
    .zynteglo-custom-banner__image-wrapper .hero-image img {
        height:100%;
        width: 60vw
    }
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__image-wrapper .hero-image img {
        width:100%
    }
}

.zynteglo-custom-banner__text {
    padding-top: 55px;
    position: relative;
    z-index: 3
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__text {
        padding-top:15px
    }
}

.zynteglo-custom-banner__text-wrapper {
    max-width: 600px
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__text-wrapper {
        margin:0 auto;
        max-width: unset;
        position: relative;
        width: 100%
    }
}

.zynteglo-custom-banner__text-wrapper .description {
    color: rgba(0,0,0,.87);
    font-family: "SofiaProSoft-Medium";
    font-size: 22px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 24px
}

@media(max-width: 767px) {
    .zynteglo-custom-banner__text-wrapper .description {
        font-size:20px;
        line-height: 22px
    }
}

.zynteglo-custom-banner__text-wrapper .description sup {
    font-size: 13px
}

.zynteglo-custom-banner__text-wrapper .caption {
    color: rgba(0,0,0,.8);
    font-size: 12px;
    line-height: 14px
}

.zynteglo-custom-banner__text-wrapper .btn-secondary {
    border-radius: 13px
}

.zynteglo-custom-banner__text-wrapper .btn-secondary:before {
    background-image: url(./images/icon-explore-next-efficacy.svg);
    min-width: 46px;
    min-height: 46px
}

@media(min-width: 2300px) {
    .zynteglo-custom-banner__image-wrapper .caption {
        right:5%;
        left: unset
    }
}

@media(min-width: 2500px) {
    .zynteglo-custom-banner__image-wrapper .caption {
        right:7%
    }
}

@media(min-width: 2700px) {
    .zynteglo-custom-banner__image-wrapper .caption {
        right:10%
    }
}

@media(min-width: 3000px) {
    .zynteglo-custom-banner__image-wrapper .caption {
        right:12%
    }
}

.mobile-image-text {
    display: flex
}

.timeline {
    position: relative
}

.timeline::before,.timeline::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #e00028;
    z-index: 1;
    left: 45px
}

.timeline h2,.timeline .content-list-item-subtitle {
    color: #8c4799
}

.timeline .content-list-inner {
    padding: 25px 0px
}

.timeline .content-list-inner::after {
    content: "";
    position: absolute;
    width: 2px;
    background-color: #e00028;
    top: 0;
    bottom: 0;
    z-index: 0;
    position: inline-block;
    left: 50px
}

.timeline .content-list>li {
    padding: 0px;
    position: relative;
    background-color: inherit;
    width: 100%;
    margin-top: 20px;
    z-index: 5;
    display: flex
}

.timeline .content-list-item-image {
    padding: 0px;
    background-color: #fff;
    position: relative;
    border-radius: 100px;
    width: 100px;
    min-width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center
}

.timeline .content-list-item-image::before,.timeline .content-list-item-image::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #e00028;
    border-radius: 50%;
    z-index: 1;
    left: 45px
}

.timeline .content-list-item-image::before {
    top: -5px
}

.timeline .content-list-item-image::after {
    bottom: -5px
}

.timeline .content-list-content {
    margin-left: 20px
}

@media only screen and (min-width: 992px) {
    .timeline::before,.timeline::after {
        left:69px
    }

    .timeline .content-list-inner::after {
        left: 74px
    }

    .timeline .content-list-item-image {
        width: 150px;
        min-width: 150px;
        height: 150px
    }

    .timeline .content-list-item-image::before,.timeline .content-list-item-image::after {
        left: 69px
    }

    .timeline .content-list-item-image::before {
        top: -5px
    }

    .timeline .content-list-item-image::after {
        bottom: -5px
    }
}

.article-index {
    height: 100%;
    text-align: left;
    display: flex;
    flex-direction: column
}

.article-index .article-index-title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

.article-index-tag {
    background-repeat: no-repeat;
    font-style: italic;
    margin-bottom: 4px;
    padding-left: 12px
}

.content-item-index-tile {
    height: 100%;
    text-align: left
}

.content-item-index-tile.align-buttons-bottom {
    display: flex;
    flex-direction: column
}

.content-item-index-tile.align-buttons-bottom .content-item-index-tile-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

.content-item-index-tile.align-buttons-bottom button {
    width: 50%
}

.search-location-btn:disabled {
    background: #fff !important;
    border: 2px solid #ffb549 !important;
    cursor: not-allowed
}

.modal-backdrop.show {
    opacity: .9
}

.modal-dialog {
    z-index: 1200
}

.modal {
    background-color: rgba(0,0,0,.5)
}

body {
    word-wrap: break-word;
    line-height: 1.3;
    font-size: 16px;
    font-family: "SofiaProSoft-Regular",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
    text-rendering: optimizeLegibility
}

#content {
    flex: none
}

/* #content .secondary-menu-wrapper styles moved to header-branding-global-module module.css */

.strip-component {
    padding: 20px 0px;
    position: relative
}

.col,[class^=col] {
    padding-top: 15px;
    padding-bottom: 25px
}

ul {
    list-style: none;
    padding-left: 15px
}

ul.bullet li::before,.content-tile .content-tile-text ul li::before,ul.dashed li::before {
    color: #8c4799;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

ul.bullet li::before,.content-tile .content-tile-text ul li::before {
    content: "•"
}

ul.dashed li::before {
    content: "‒"
}

ul.bullet-blue li::before {
    content: "•";
    color: #0065a1;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.bg-primary,.bg-secondary,.bg-quaternary,.bg-senary,.bg-octonary,.bg-denary,.bg-gray {
    color: #fff
}

.bg-primary a,.bg-secondary a,.bg-quaternary a,.bg-senary a,.bg-octonary a,.bg-denary a,.bg-gray a {
    color: #fff
}

.split-background {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, #eeeeef 50%, #eeeeef 100%)
}

picture,picture source,picture img {
    display: block;
    object-fit: contain
}

.picture-inline img {
    display: inline !important
}

@media only screen and (max-width: 992px) {
    .patient-icons picture {
        height:auto;
        display: inline-block;
        width: 250px
    }

    .patient-icons .col {
        flex-basis: auto;
        width: 100%;
        display: block;
        text-align: center
    }
}

@media only screen and (min-width: 993px) {
    .patient-icons picture {
        display:flex;
        height: 150px;
        width: auto
    }

    .patient-icons picture source,.patient-icons picture img {
        align-self: center;
        height: 150px;
        max-width: inherit
    }
}

.position-top {
    top: 0px
}

.position-right {
    right: 0px
}

.position-bottom {
    bottom: 0px
}

.position-left {
    left: 0px
}

.accordion-item .accordion-header {
    border-bottom: 2px solid #b91b21
}

.accordion-item .accordion-header button {
    padding: 1rem 0rem;
    font-family: "SofiaProSoft-Bold",sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: left;
    text-decoration: none;
    transition: color .3s ease-in-out
}

.accordion-item .accordion-header button:before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    position: absolute;
    top: 16px;
    right: 0px;
    border: 2px solid #b082c0;
    transition: background .3s ease-in-out
}

.accordion-item .accordion-header button:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    position: absolute;
    transform: rotate(180deg);
    transition: transform .5s ease-in-out;
    right: 9px;
    top: 18px;
    color: #b91b21
}

.accordion-item .accordion-header button.collapsed::after {
    transform: rotate(0deg);
    transition: transform 0s ease-in-out;
    top: 21px
}

.accordion-item .accordion-header button:hover {
    color: #8c4799;
    text-decoration: none;
    transition: color .3s ease-in-out
}

.accordion-item .accordion-header button:hover:before {
    background: #e5d4e9;
    transition: background .3s ease-in-out
}

.accordion-item .accordion-header button:active {
    color: #ffb549
}

.accordion-item .accordion-header button:active:before {
    background: #ffe0b1;
    transition: background .3s ease-in-out
}

.accordion-item .accordion-header button:visited {
    color: #000
}

.accordion-item .collapse {
    background: #fff
}

.accordion-item .accordion-body {
    padding: 0px
}

.flexible-accordion-component {
    border-bottom: 2px solid #b91b21;
    transition: all .3s ease-in-out
}

.flexible-accordion-component:hover {
    cursor: pointer
}

.flexible-accordion-component:active {
    border-bottom: 2px solid #ffb549;
    transition: all .3s ease-in-out
}

.flexible-accordion-component .panel-heading .question-link {
    text-decoration: none !important
}

.flexible-accordion-component .panel-heading .question-link.collapsed h2:before,.flexible-accordion-component .panel-heading .question-link.collapsed h6:before {
    transform: rotate(0deg);
    transition: all .3s ease-in-out
}

.flexible-accordion-component .panel-heading .question-link:hover {
    text-decoration: none;
    transition: color .3s ease-in-out
}

.flexible-accordion-component .panel-heading .question-link h6,.flexible-accordion-component .panel-heading .question-link h2 {
    padding: 1rem 0rem;
    font-family: "SofiaProSoft-Bold",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: left;
    text-decoration: none;
    transition: color .3s ease-in-out;
    text-transform: uppercase;
    min-height: 60px;
    display: flex;
    align-items: center
}

.flexible-accordion-component .panel-heading .question-link h6:before,.flexible-accordion-component .panel-heading .question-link h2:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    color: #b91b21;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    position: absolute;
    top: 16px;
    right: 0px;
    transition: all .3s ease-in-out;
    transform: rotate(180deg);
    border: 2px solid #b082c0
}

.flexible-accordion-component .panel-heading .question-link h6 span,.flexible-accordion-component .panel-heading .question-link h2 span {
    display: inline-block;
    padding-right: 40px
}

@media only screen and (min-width: 768px) {
    .flexible-accordion-component .panel-heading:hover h2,.flexible-accordion-component .panel-heading:hover h6 {
        color:#8c4799;
        text-decoration: none;
        transition: all .3s ease-in-out
    }

    .flexible-accordion-component .panel-heading:hover h2:before,.flexible-accordion-component .panel-heading:hover h6:before {
        background: #e5d4e9;
        transition: all .3s ease-in-out
    }
}

.flexible-accordion-component .panel-heading:active h2,.flexible-accordion-component .panel-heading:active h6 {
    color: #8c4799;
    transition: all .3s ease-in-out
}

.flexible-accordion-component .panel-heading:active h2:before,.flexible-accordion-component .panel-heading:active h6:before {
    background: #ffe0b1;
    transition: all .3s ease-in-out
}

.flexible-accordion-component .panel-heading.active h2,.flexible-accordion-component .panel-heading.active h6 {
    color: #000
}

.flexible-accordion-component .panel-heading.conversation h2 {
    font-family: "SofiaProSoft-Medium";
    font-size: 22px;
    line-height: 24px;
    color: #000;
    text-transform: none
}

.flexible-accordion-component .panel-heading.conversation h2:before {
    top: unset
}

.flexible-accordion-component .panel-heading.faq-alignment h2:before {
    top: 10px
}

.flexible-accordion-component .panel-body.question-body {
    padding: 0px
}

.flexible-accordion-component.bottom-border {
    border-bottom: 3px solid #dbc2e0
}

.accordion-heading {
    font-family: "SofiaProSoft-Bold",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    text-transform: uppercase
}

.collapsible,.collapsable {
    position: relative
}

.collapsible a[data-toggle=collapse],.collapsable a[data-toggle=collapse] {
    font-family: BrandonGrotesqueWeb-Bold;
    color: #000;
    font-size: 1.3rem;
    display: block;
    width: 100%;
    padding: 1.3rem 3rem 1rem 1.2rem;
    border-radius: 25px;
    border: 3px solid #000;
    position: relative
}

.collapsible a[data-toggle=collapse] h2,.collapsable a[data-toggle=collapse] h2 {
    font-family: BrandonGrotesqueWeb-Bold;
    font-size: 1.3rem;
    color: #000;
    padding: 0px
}

.collapsible a[data-toggle=collapse]:hover,.collapsible a[data-toggle=collapse]:hover h2,.collapsable a[data-toggle=collapse]:hover,.collapsable a[data-toggle=collapse]:hover h2 {
    color: #d22630;
    text-decoration: none
}

.collapsible a[data-toggle=collapse]::after,.collapsable a[data-toggle=collapse]::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    padding: 0px 5px 0px 10px;
    margin-top: -0.8em;
    position: absolute;
    top: 40px;
    right: 25px
}

.collapsible a[data-toggle=collapse] div,.collapsable a[data-toggle=collapse] div {
    padding-top: 5px;
    line-height: .8
}

.collapsible a[data-toggle=collapse] .content-tile-content,.collapsable a[data-toggle=collapse] .content-tile-content {
    padding-top: 0px
}

.collapsible a[data-toggle=collapse] .content-tile-text,.collapsable a[data-toggle=collapse] .content-tile-text {
    padding-top: 0px;
    margin-bottom: 0px
}

.collapsible a[data-toggle=collapse].collapsed::after,.collapsable a[data-toggle=collapse].collapsed::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    padding: 0px 5px 0px 10px;
    margin-top: -0.8em;
    position: absolute;
    top: 40px;
    right: 25px
}

.collapsible a[aria-expanded=true],.collapsable a[aria-expanded=true] {
    border-color: #000;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.collapsible .strip-component.show,.collapsable .strip-component.show {
    border: 3px solid #000;
    border-top: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none
}

blockquote {
    margin: 0px;
    margin-top: 2.5rem;
    padding: 1rem;
    color: #8c4799;
    border-left: 4px solid #8c4799;
    font-size: 22px
}

/* .site-disclaimer — moved to disclaimer-bar module.css */

sub,sup {
    font-size: 65%
}

sup {
    top: -0.5em
}

sub.important-number,sup.important-number {
    font-size: 80%
}

sup.important-number {
    top: -0.2em
}

.page-title {
    position: relative;
    padding: 15px 0px 0px 0px
}

.page-title [class^=col] {
    padding-top: 0px;
    padding-bottom: 0px
}

.page-title::before {
    content: " ";
    height: 4px;
    width: 50%;
    background: #ffb549;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 8px
}

.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6 {
    background: #fff;
    z-index: 10
}

.page-title h1 span,.page-title h2 span,.page-title h3 span,.page-title h4 span,.page-title h5 span,.page-title h6 span {
    display: inline-block
}

.page-title h1 span::after,.page-title h2 span::after,.page-title h3 span::after,.page-title h4 span::after,.page-title h5 span::after,.page-title h6 span::after {
    display: block;
    content: " ";
    height: 4px;
    width: 100%;
    background: #ffb549
}

@media only screen and (min-width: 992px) {
    .page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6 {
        width:50%
    }
}

.border-top,.border-right,.border-bottom,.border-left {
    border-width: 4px !important
}

@media only screen and (min-width: 768px) {
    .border-md-top {
        border-top:4px solid
    }

    .border-md-right {
        border-right: 4px solid
    }

    .border-md-bottom {
        border-bottom: 4px solid
    }

    .border-md-left {
        border-left: 4px solid
    }
}

.border-thin {
    border: 1px !important
}

.border-top-thin {
    border-top: 1px solid
}

.border-right-thin {
    border-right: 1px solid
}

.border-bottom-thin {
    border-bottom: 1px solid
}

.border-left-thin {
    border-left: 1px solid
}

.border-thick {
    border: 9px !important
}

.border-top-thick {
    border-top: 9px solid
}

.border-right-thick {
    border-right: 9px solid
}

.border-bottom-thick {
    border-bottom: 9px solid
}

.border-left-thick {
    border-left: 9px solid
}

.chevron-down::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #8c4799;
    font-size: 4rem;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .chevron-md-none::before {
        content:"";
        display: none
    }
}

footer {
    font-size: 15px
}

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

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    line-height: 1.2
}

h1,.h1 {
    font-family: BrandonGrotesque-Medium;
    color: #733689;
    font-size: 48px
}

@media(max-width: 767px) {
    h1,.h1 {
        font-size:26px
    }
}

h1 sub,h1 sup,.h1 sub,.h1 sup {
    font-size: 30%
}

h1 sup,.h1 sup {
    top: -1.25em
}

h2,.h2 {
    font-family: SofiaProSoft-Medium;
    color: #000;
    font-size: 22px
}

@media(max-width: 767px) {
    h2,.h2 {
        font-size:22px
    }
}

h3,.h3 {
    font-family: SofiaProSoft-Medium;
    color: #733689;
    font-size: 24px
}

h4,.h4 {
    font-family: SofiaProSoft-Bold;
    color: #8c4799;
    font-size: 18px
}

h5,.h5 {
    font-family: BrandonGrotesque-Medium;
    color: #8c4799;
    font-size: 30px
}

h6,.h6 {
    font-family: SofiaProSoft-Medium;
    color: #4d4d4f;
    font-size: 18px
}

h6 sub,h6 sup,.h6 sub,.h6 sup {
    font-size: 65%
}

h6 sup,.h6 sup {
    top: -0.5em
}

small,.small {
    font-size: .8rem
}

p {
    font-size: 16px
}

.font-large {
    font-size: 18px
}

.font-small {
    font-size: 14px
}

.font-xsmall {
    font-size: 12px
}

strong,.strong {
    font-weight: 700
}

a.text-link,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a,.text-link {
    color: #3a024a;
    outline: none;
    text-decoration: underline
}

a.text-link:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:hover,a.text-link:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:focus,.text-link:hover,.text-link:focus {
    color: #b082c0;
    text-decoration: underline;
    cursor: pointer
}

a.text-link:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:active,.text-link:active {
    color: #ffb549;
    text-decoration: underline
}

a.text-link-dark,.text-link-dark {
    color: #fff;
    outline: none;
    text-decoration: underline
}

a.text-link-dark:hover,a.text-link-dark:focus,.text-link-dark:hover,.text-link-dark:focus {
    color: #b082c0;
    text-decoration: underline;
    cursor: pointer
}

a.text-link-dark:active,.text-link-dark:active {
    color: #ffb549;
    text-decoration: underline
}

.bg-quaternary {
    color: #fff
}

.bg-gray {
    background: #4d4d4f;
    color: #fff
}

.btn {
    max-width: 500px;
    padding: 10px
}

.btn-primary,.navbar .navbar-toggler,.btn-primary:not([href]):not([tabindex]) {
    background: #fff;
    color: #000;
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-weight: 500;
    border-radius: 20px;
    font-size: 14px;
    line-height: 16px !important;
    letter-spacing: normal;
    text-align: center;
    border: 2px solid #d22630;
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: fit-content !important
}

.btn-primary:hover,.navbar .navbar-toggler:hover,.btn-primary:not([href]):not([tabindex]):hover {
    background-color: #e5d4e9;
    color: #000;
    border-color: #b082c0
}

.btn-primary:active,.navbar .navbar-toggler:active,.btn-primary:focus,.navbar .navbar-toggler:focus,.btn-primary:not([href]):not([tabindex]):active,.btn-primary:not([href]):not([tabindex]):focus {
    color: #000 !important;
    background-color: #ffe0b1 !important;
    border-color: #d22630 !important;
    box-shadow: none !important
}

.btn-primary.purple,.navbar .purple.navbar-toggler,.btn-primary:not([href]):not([tabindex]).purple {
    border: 2px solid #b082c0
}

.btn-primary.purple:active,.navbar .purple.navbar-toggler:active,.btn-primary.purple:focus,.navbar .purple.navbar-toggler:focus,.btn-primary:not([href]):not([tabindex]).purple:active,.btn-primary:not([href]):not([tabindex]).purple:focus {
    border-color: #b082c0 !important
}

.btn-secondary,.btn-secondary:not([href]):not([tabindex]) {
    background: #fff;
    color: #000;
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-weight: 500;
    border-radius: 20px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: normal;
    text-align: left;
    border: 2px solid #b082c0;
    min-height: fit-content !important;
    padding: 9px 25px 9px 14px
}

.btn-secondary:hover,.btn-secondary:not([href]):not([tabindex]):hover {
    background-color: #e5d4e9;
    color: #000;
    border-color: #b082c0
}

.btn-secondary:active,.btn-secondary:focus,.btn-secondary:not([href]):not([tabindex]):active,.btn-secondary:not([href]):not([tabindex]):focus {
    color: #000 !important;
    background-color: #ffe0b1 !important;
    border-color: #b082c0 !important;
    box-shadow: none !important
}

.btn-secondary:before,.btn-secondary:not([href]):not([tabindex]):before {
    content: "";
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/sm-map-marker-icon.svg");
    background-size: 100%;
    min-width: 14px;
    min-height: 19px;
    background-repeat: no-repeat;
    margin-right: 15px
}
{  background-image: }
#cookiebanner .btn-primary,#cookiebanner .navbar .navbar-toggler,.navbar #cookiebanner .navbar-toggler,#cookiebanner .btn-primary:not([href]):not([tabindex]) {
    min-height: 0
}

.btn-tertiary,.btn-tertiary:not([href]):not([tabindex]) {
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    color: #000;
    background-color: #fff;
    border: 2px solid #b082c0;
    border-radius: 20px;
    width: 100px;
    height: 130px;
    padding: 5px;
    padding-top: 10px;
    display: inline-grid;
    justify-items: center;
    line-height: 17px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary,.btn-tertiary:not([href]):not([tabindex]) {
        width:155px;
        height: 155px;
        padding: 15px;
        font-size: 16px;
        margin-bottom: 8px
    }

    .btn-tertiary:nth-child(1),.btn-tertiary:nth-child(3),.btn-tertiary:nth-child(5),.btn-tertiary:not([href]):not([tabindex]):nth-child(1),.btn-tertiary:not([href]):not([tabindex]):nth-child(3),.btn-tertiary:not([href]):not([tabindex]):nth-child(5) {
        margin-right: 8px
    }
}

.btn-tertiary:hover,.btn-tertiary:not([href]):not([tabindex]):hover {
    background-color: #e5d4e9;
    color: #000;
    border-color: #b082c0
}

.btn-tertiary:active,.btn-tertiary:focus,.btn-tertiary:not([href]):not([tabindex]):active,.btn-tertiary:not([href]):not([tabindex]):focus {
    color: #000;
    background-color: #ffe0b1 !important;
    border-color: #b082c0 !important;
    box-shadow: none !important
}

.btn-tertiary:before,.btn-tertiary:not([href]):not([tabindex]):before {
    content: "";
    background-image: url(./images/map-marker-lg.svg);
    display: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.btn-tertiary.treatment:before,.btn-tertiary:not([href]):not([tabindex]).treatment:before {
    background-image: url(./images/treatment-lg.svg);
    width: 61px;
    height: 56px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary.treatment:before,.btn-tertiary:not([href]):not([tabindex]).treatment:before {
        width:78px;
        height: 71px
    }
}

.btn-tertiary.safety:before,.btn-tertiary:not([href]):not([tabindex]).safety:before {
    background-image: url(./images/zyn_patient_icon_safety_NEW.svg);
    width: 67px;
    height: 59px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary.safety:before,.btn-tertiary:not([href]):not([tabindex]).safety:before {
        width:81px;
        height: 72px
    }
}

.btn-tertiary.conversations:before,.btn-tertiary:not([href]):not([tabindex]).conversations:before {
    background-image: url(./images/conversation-lg.svg);
    width: 59px;
    height: 53px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary.conversations:before,.btn-tertiary:not([href]):not([tabindex]).conversations:before {
        width:70px;
        height: 64px
    }
}

.btn-tertiary.how:before,.btn-tertiary:not([href]):not([tabindex]).how:before {
    background-image: url(./images/icon-explore-zynteglo-works.svg);
    width: 49px;
    height: 56px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary.how:before,.btn-tertiary:not([href]):not([tabindex]).how:before {
        width:67px;
        height: 78px
    }
}

.btn-tertiary.support:before,.btn-tertiary:not([href]):not([tabindex]).support:before {
    background-image: url(./images/new-support-lg.svg);
    width: 62px;
    height: 60px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary.support:before,.btn-tertiary:not([href]):not([tabindex]).support:before {
        width:79px;
        height: 76px
    }
}

.btn-tertiary.faqs:before,.btn-tertiary:not([href]):not([tabindex]).faqs:before {
    background-image: url(./images/faq-lg.svg);
    width: 51px;
    height: 63px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary.faqs:before,.btn-tertiary:not([href]):not([tabindex]).faqs:before {
        width:58px;
        height: 71px
    }
}

.btn-tertiary.results:before,.btn-tertiary:not([href]):not([tabindex]).results:before {
    background-image: url(./images/results.svg);
    width: 46px;
    height: 58px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary.results:before,.btn-tertiary:not([href]):not([tabindex]).results:before {
        width:59px;
        height: 73px
    }
}

.btn-tertiary.beta-thal:before,.btn-tertiary:not([href]):not([tabindex]).beta-thal:before {
    background-image: url(./images/dna.svg);
    width: 70px;
    height: 66px
}

@media only screen and (max-width: 767px) {
    .btn-tertiary.beta-thal:before,.btn-tertiary:not([href]):not([tabindex]).beta-thal:before {
        width:70px;
        height: 66px
    }
}

.btn-secondary,.btn-quaternary,.btn-file-download,.btn-file-download:not([href]):not([tabindex]),.btn-quinary,.btn-octonary,.btn-arrow {
    display: inline-flex;
    position: relative;
    padding-right: 25px;
    align-items: center;
    justify-content: left
}

.btn-secondary::after,.btn-quaternary::after,.btn-file-download::after,.btn-file-download:not([href]):not([tabindex])::after,.btn-quinary::after,.btn-octonary::after,.btn-arrow::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    position: absolute;
    right: 10px;
    color: #b91b21
}

.btn-quaternary,.btn-file-download,.btn-file-download:not([href]):not([tabindex]),.btn-quaternary:not([href]):not([tabindex]) {
    background-color: rgba(0,0,0,0);
    color: #000;
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    border-radius: 0px;
    border: none;
    margin-right: 50px
}

.btn-quaternary:hover,.btn-file-download:hover,.btn-file-download:hover:not([href]):not([tabindex]),.btn-quaternary:active,.btn-file-download:active,.btn-file-download:active:not([href]):not([tabindex]),.btn-quaternary:not(:disabled):not(.disabled):active,.btn-quaternary:not(:disabled):not(.disabled).active,.btn-file-download:not(:disabled):not(.disabled).active,.show>.btn-quaternary.dropdown-toggle,.show>.dropdown-toggle.btn-file-download,.btn-quaternary:not([href]):not([tabindex]):hover,.btn-quaternary:not([href]):not([tabindex]):active,.btn-quaternary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active,.btn-quaternary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active,.show>.btn-quaternary:not([href]):not([tabindex]).dropdown-toggle {
    background-color: rgba(0,0,0,0);
    color: #000
}

.btn-quaternary::after,.btn-file-download::after,.btn-file-download:not([href]):not([tabindex])::after,.btn-quaternary:not([href]):not([tabindex])::after {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d22630;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    border: 2px solid #d22630;
    right: -20px;
    color: #fff
}

.btn-quaternary:hover::after,.btn-file-download:hover::after,.btn-file-download:hover:not([href]):not([tabindex])::after,.btn-quaternary:not([href]):not([tabindex]):hover::after {
    background-color: #fff;
    color: #d22630;
    border-color: #d22630
}

.btn-quaternary:active,.btn-file-download:active,.btn-file-download:active:not([href]):not([tabindex]),.btn-quaternary:focus,.btn-file-download:focus,.btn-file-download:focus:not([href]):not([tabindex]),.btn-quaternary:not([href]):not([tabindex]):active,.btn-quaternary:not([href]):not([tabindex]):focus {
    box-shadow: none !important
}

.btn-quaternary:active::after,.btn-file-download:active::after,.btn-file-download:active:not([href]):not([tabindex])::after,.btn-quaternary:focus::after,.btn-file-download:focus::after,.btn-file-download:focus:not([href]):not([tabindex])::after,.btn-quaternary:not([href]):not([tabindex]):active::after,.btn-quaternary:not([href]):not([tabindex]):focus::after {
    color: #d22630 !important;
    background-color: #ffe0b1 !important;
    border-color: #d22630 !important;
    box-shadow: none !important
}

.btn-quaternary.left,.left.btn-file-download,.left.btn-file-download:not([href]):not([tabindex]),.btn-quaternary:not([href]):not([tabindex]).left {
    padding-left: 50px
}

.btn-quaternary.left::after,.left.btn-file-download::after,.left.btn-file-download:not([href]):not([tabindex])::after,.btn-quaternary:not([href]):not([tabindex]).left::after {
    right: unset;
    left: 0
}

.btn-quaternary.navigate,.navigate.btn-file-download,.navigate.btn-file-download:not([href]):not([tabindex]),.btn-quaternary:not([href]):not([tabindex]).navigate {
    padding-left: 50px
}

.btn-quaternary.navigate::after,.navigate.btn-file-download::after,.navigate.btn-file-download:not([href]):not([tabindex])::after,.btn-quaternary:not([href]):not([tabindex]).navigate::after {
    content: "";
    background-image: url(./images/zynpatient_icon_leave_site.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
    right: unset;
    left: 0
}

.btn-quaternary.navigate:hover::after,.navigate.btn-file-download:hover::after,.btn-quaternary.navigate:focus::after,.navigate.btn-file-download:focus::after,.btn-quaternary.navigate:active::after,.navigate.btn-file-download:active::after,.btn-quaternary:not([href]):not([tabindex]).navigate:hover::after,.btn-quaternary:not([href]):not([tabindex]).navigate:focus::after,.btn-quaternary:not([href]):not([tabindex]).navigate:active::after {
    background-image: url(./images/leaving-site-icon.svg)
}

.btn-quinary,.btn-quinary:not([href]):not([tabindex]) {
    background-color: #fff;
    color: #000;
    border-radius: 20px;
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-weight: 500;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    border: 2px solid #b082c0;
    padding-left: 25px;
    min-width: 100%
}

.btn-quinary:hover,.btn-quinary:not([href]):not([tabindex]):hover {
    background: #e5d4e9;
    border-color: #b082c0;
    color: #000
}

.btn-quinary:active,.btn-quinary:focus,.btn-quinary:not([href]):not([tabindex]):active,.btn-quinary:not([href]):not([tabindex]):focus {
    background-color: #ffe0b1 !important;
    border-color: #b082c0 !important;
    box-shadow: none !important
}

.btn-senary,.btn-senary:not([href]):not([tabindex]) {
    background-color: #fff;
    border: 2px solid #9a5da5;
    border-radius: 50%;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "SofiaProSoft-Bold",sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 0 2px 2px;
    text-decoration: none;
    text-transform: uppercase;
    height: 54px;
    width: 54px;
    z-index: 100 !important
}

.btn-senary.back-to-top-button,.btn-senary:not([href]):not([tabindex]).back-to-top-button {
    display: none;
    bottom: 20px
}

@media only screen and (max-width: 767px) {
    .btn-senary.back-to-top-button,.btn-senary:not([href]):not([tabindex]).back-to-top-button {
        right:20px
    }
}

@media only screen and (max-width: 358px) {
    .btn-senary.back-to-top-button,.btn-senary:not([href]):not([tabindex]).back-to-top-button {
        bottom:175px
    }
}

.btn-senary:before,.btn-senary:not([href]):not([tabindex]):before {
    content: "";
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/up-caret.svg");
    background-size: cover;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -3px;
    width: 23px;
    height: 10px;
    background-repeat: no-repeat
}

.btn-senary:hover,.btn-senary:not([href]):not([tabindex]):hover {
    color: #000;
    border-color: #b082c0;
    background-color: #e5d4e9
}

.btn-senary:focus,.btn-senary:active,.btn-senary:not(:disabled):not(.disabled):active,.btn-senary:not(:disabled):not(.disabled).active,.show>.btn-senary.dropdown-toggle,.btn-senary:not([href]):not([tabindex]):focus,.btn-senary:not([href]):not([tabindex]):active,.btn-senary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active,.btn-senary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active,.show>.btn-senary:not([href]):not([tabindex]).dropdown-toggle {
    color: #000;
    background-color: #ffe0b1;
    border-color: #b082c0;
    box-shadow: none !important
}

.btn-septenary,.btn-septenary:not([href]):not([tabindex]) {
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    border-radius: 20px;
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding-left: 2rem;
    padding-right: 2rem
}

.btn-septenary:hover,.btn-septenary:not([href]):not([tabindex]):hover {
    background: #fff;
    border: 2px solid #8c4799;
    color: #000
}

.btn-file-download,.btn-file-download:not([href]):not([tabindex]) {
    padding-left: 50px
}

@media(max-width: 430px) {
    .btn-file-download,.btn-file-download:not([href]):not([tabindex]) {
        max-width:300px
    }
}

.btn-file-download::after,.btn-file-download:not([href]):not([tabindex])::after {
    content: url(./images/zynpatient_icon_download.svg);
    border: 2px solid #d22630;
    border-radius: 50%;
    left: 0;
    background-color: #d22630;
    background-position: center
}

.btn-file-download:hover::after,.btn-file-download:active::after,.btn-file-download:focus::after,.btn-file-download:not([href]):not([tabindex]):hover::after,.btn-file-download:not([href]):not([tabindex]):active::after,.btn-file-download:not([href]):not([tabindex]):focus::after {
    content: url(./images/down-arrow.svg)
}

.zynteglo-toc {
    position: relative
}

.zynteglo-toc .content-list {
    position: relative;
    border-bottom: 1px solid #c7c8ca;
    display: block
}

@media only screen and (min-width: 992px) {
    .zynteglo-toc .content-list {
        display:flex
    }
}

.zynteglo-toc .content-list-title {
    margin: 0 auto;
    display: flex;
    position: relative;
    color: #000;
    text-align: center;
    white-space: nowrap
}

.zynteglo-toc .content-list-title::before {
    content: " ";
    height: 1px;
    width: 48%;
    margin-right: 2%;
    background: #c7c8ca;
    display: flex;
    position: relative;
    margin-top: .4rem
}

.zynteglo-toc .content-list-title::after {
    content: " ";
    height: 1px;
    width: 48%;
    margin-left: 2%;
    background: #c7c8ca;
    display: flex;
    position: relative;
    margin-top: .4rem
}

@media only screen and (max-width: 480px) {
    .zynteglo-toc .content-list-title {
        white-space:normal
    }
}

/* .footer-primary-links — moved to footer module.css */

.modal-content {
    border: none;
    border-radius: 20px
}

.modal-content .modal-header {
    border-bottom: none;
    padding: 0px
}

.modal-content .modal-header .close {
    margin: 0px 0px 0px auto;
    padding: 15px 0px 0px 0px
}

.modal-content .modal-body {
    padding: 0px
}

@media only screen and (max-width: 576px) {
    .modal-gate .modal-dialog {
        margin:0px
    }
}

.modal-gate .modal-header {
    display: none
}

.modal-leaving-site .modal-content {
    padding: 0px 10px !important;
    max-width: 320px
}

.modal-leaving-site .modal-content .modal-header .close {
    background-color: #fff;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 2px solid #b082c0;
    margin-top: 10px;
    opacity: 1;
    position: relative;
    outline: none !important
}

.modal-leaving-site .modal-content .modal-header .close:before,.modal-leaving-site .modal-content .modal-header .close:after {
    content: "";
    background: #d22630;
    background-repeat: no-repeat;
    position: absolute;
    height: 16px;
    width: 2px;
    top: 6px;
    left: 13px
}

.modal-leaving-site .modal-content .modal-header .close:before {
    transform: rotate(45deg)
}

.modal-leaving-site .modal-content .modal-header .close:after {
    transform: rotate(-45deg)
}

.modal-leaving-site .modal-content .modal-header .close img {
    display: none;
    visibility: hidden
}

.modal-leaving-site .modal-content .modal-header .close:hover {
    background-color: #e5d4e9;
    border-color: #b082c0
}

.modal-leaving-site .modal-content .modal-header .close:active {
    background-color: #ffe0b1;
    border-color: #b082c0
}

.modal-leaving-site .modal-dialog-centered {
    justify-content: center
}

#leaving-site,#honesty-box {
    padding-right: 0 !important
}

#leaving-site .modal-dialog,#honesty-box .modal-dialog {
    max-width: 320px;
    margin: 0 auto
}

#leaving-site .modal-content,#honesty-box .modal-content {
    padding-top: 20px;
    max-width: 320px
}

.icon-xs img,img.icon-xs {
    width: auto;
    max-height: 50px
}

.icon-sm img,img.icon-sm,.icon-sm source {
    width: auto;
    max-height: 92px
}

.icon-md img,img.icon-md {
    width: auto;
    max-height: 150px
}

.icon-lg img,img.icon-lg {
    width: auto;
    max-height: 200px
}

.container-narrow {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container-narrow {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container-narrow {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container-narrow {
        max-width:980px
    }
}

@media(min-width: 576px) {
    .container {
        max-width:100%
    }
}

@media(min-width: 768px) {
    .container {
        max-width:100%
    }
}

@media(min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-wide {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1366px
}

.container-wide .row {
    max-width: 100%
}

.row {
    -ms-flex: 1;
    flex: 1
}

.col {
    flex: 1
}

.zynteglo-de-header {
    padding: 0px;
    position: relative;
    z-index: 2;
    box-shadow: 0 1px 4px rgba(0,0,0,.5)
}

.zynteglo-de-hero {
    padding: 0px
}

.zynteglo-de-hero .zynteglo-custom-banner-wrapper {
    border: none
}

.zynteglo-de-hero .zynteglo-custom-banner-wrapper .page-title {
    display: none
}

.zynteglo-de-hero .page-title::before {
    background: none
}

.zynteglo-de-hero .container-narrow {
    margin-bottom: 2rem
}

@media(max-width: 992px) {
    .zynteglo-de-hero .container-narrow {
        max-width:992px
    }
}

.pt-7-french-efficacy {
    padding-top: 8rem
}

@media(max-width: 767px) {
    .pt-7-french-efficacy {
        padding-top:0
    }
}

@media(min-width: 992px) {
    .text-center-desktop {
        text-align:center
    }
}

.z-index-2 {
    z-index: 2
}

@media(max-width: 767px) {
    .px-0-mobile {
        padding-left:0 !important;
        padding-right: 0 !important
    }
}

#CybotCookiebotDialog {
    font-family: "Open Sans",sans-serif !important;
    border-top: 4px solid #d22630 !important;
    box-shadow: none !important;
    background-color: #f3f3f3 !important;
    padding-right: 0px !important
}

#CybotCookiebotDialogBody {
    padding-right: 0px !important;
    word-break: break-word !important
}

#CybotCookiebotDialog div {
    font-family: "Open Sans",sans-serif !important
}

#CybotCookiebotDialog a {
    font-family: "Open Sans",sans-serif !important
}

#CybotCookiebotDialogBodyContentText,#CybotCookiebotDialogBodyContentTitle {
    font-family: "Open Sans",sans-serif !important;
    color: #000 !important
}

.CybotCookiebotDialogBodyButton {
    background: #fff !important;
    color: #000 !important;
    font-family: BrandonGrotesqueWeb-Bold !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    border: 4px solid #ffb549 !important;
    padding: 12px !important;
    white-space: break-spaces !important;
    height: auto !important
}

.CybotCookiebotDialogBodyButton:hover,.CybotCookiebotDialogBodyButton:active,.CybotCookiebotDialogBodyButton:not(:disabled):not(.disabled):active,.CybotCookiebotDialogBodyButton:not(:disabled):not(.disabled).active,.show>.CybotCookiebotDialogBodyButton.dropdown-toggle {
    background: #fff;
    color: #000;
    border: 4px solid #ffb549
}

@media only screen and (min-width: 768px) {
    .CybotCookiebotDialogBodyButton {
        width:fit-content !important
    }
}

.CybotCookiebotDialogBodyButton:hover,.CybotCookiebotDialogBodyButton:active,.CybotCookiebotDialogBodyButton:not(:disabled):not(.disabled):active,.CybotCookiebotDialogBodyButton:not(:disabled):not(.disabled).active,.show>.CybotCookiebotDialogBodyButton.dropdown-toggle {
    background-color: #ffb549 !important;
    font-family: "BrandonGrotesqueWeb-Bold";
    color: #000 !important
}

@media only screen and (max-width: 767px) {
    .CybotCookiebotDialogBodyButton {
        display:block !important;
        width: 90% !important;
        margin: 0 auto 8px auto !important
    }
}

#CybotCookiebotDialogBodyLevelDetailsButton {
    line-height: 18px !important;
    background-position-x: right !important;
    background-position-y: 6px !important;
    background-position: right 6px !important
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #ffb549 !important
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:active,#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:not(:disabled):not(.disabled):active,#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:not(:disabled):not(.disabled).active,.show>#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll.dropdown-toggle {
    background-color: #ffb549 !important;
    background-image: none !important
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    width: 100%;
    margin: .5rem 0
}

@media only screen and (min-width: 768px) {
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        display:flex !important;
        flex-direction: row-reverse !important
    }
}

#CybotCookiebotDialogDetailBodyContent {
    border-bottom: 1px solid #000 !important
}

#CybotCookiebotDialogBodyLevelDetailsWrapper,#CybotCookiebotDialogDetailBodyContentTabsAbout,.CybotCookiebotDialogDetailBodyContentCookieContainerTypes,#CybotCookiebotDialogDetailBodyContentTabsOverview {
    background-color: #e6e6e6 !important
}

@media only screen and (max-width: 767px) {
    #CybotCookiebotDialogBodyLevelButtons {
        margin-left:0px !important
    }
}

.map-wrapper {
    position: relative
}

.map-wrapper+#instructions {
    display: none
}

.map-wrapper #search-bar {
    padding: 20px 36px 40px
}

@media(max-width: 767px) {
    .map-wrapper #search-bar {
        margin:0 auto;
        max-width: 80%
    }
}

@media(max-width: 575px) {
    .map-wrapper #search-bar {
        max-width:100%
    }
}

.map-wrapper #search-bar .search-bar-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row {
        flex-direction:column;
        flex-wrap: wrap;
        row-gap: .5rem
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto-Medium",sans-serif;
    min-width: 150px;
    position: relative
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper {
        width:100%
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper select {
    display: none;
    visibility: hidden
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper+#geocoder input[type=text] {
        border-radius:0 !important
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
    border-top: 1px solid #4d4d4f;
    border-bottom: 1px solid #4d4d4f;
    border-left: 1px solid #4d4d4f;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    background: #fff;
    color: #8c4799;
    font-size: 14px;
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    z-index: 1;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: all .2s ease-in
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
        border-top:1px solid #4d4d4f;
        border-bottom: 1px solid #4d4d4f;
        border-left: 1px solid #4d4d4f;
        border-right: 1px solid #4d4d4f;
        border-radius: 20px !important
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:after {
    content: "";
    cursor: pointer;
    width: 0;
    height: 0;
    border: 6px solid rgba(0,0,0,0);
    position: absolute;
    top: 16px;
    right: 12px;
    border-color: #8c4799 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    top: 53%;
    transform: translateY(-25%)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:hover {
    color: rgb(201.3629032258,36.4370967742,46.0258064516)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:active:after,.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled.active:after {
    top: 9px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 9px rgba(0,0,0,.2);
    display: none;
    font-size: 14px;
    margin: 0;
    padding: 0 0 1rem 0;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    background-color: #fff;
    color: #8c4799
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li {
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: .4rem 1.5rem;
    position: relative;
    transition: all .15s ease-in;
    white-space: nowrap
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li:hover {
    color: #ffb549
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li[rel=hide] {
    display: none
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #radiusDiv {
        order:0
    }
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder {
        order:0;
        width: 100%;
        position: relative;
        z-index: 4
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
    background: rgba(0,0,0,0);
    box-shadow: none;
    height: 100%
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
        max-width:unset;
        width: 100%
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder--icon {
    display: none
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 20px 0 0 20px;
    color: #733689;
    background-color: #fff;
    font-family: "Roboto-Medium",sans-serif;
    font-size: 15px;
    height: 40px;
    line-height: 20px;
    outline: none;
    border-right: none
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
        border-top:1px solid #8c4799;
        border-bottom: 1px solid #8c4799;
        border-left: 1px solid #8c4799;
        border-right: 1px solid #8c4799;
        border-radius: 20px !important
    }
}

@media(min-width: 575px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
        min-width:200px
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::placeholder {
    color: #4d4d4f !important
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color: #4d4d4f !important
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color: #4d4d4f !important
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #tagFilter {
        order:3
    }
}

.map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-radius: 0 10px 8px 0;
    font-size: 15px;
    line-height: 1;
    min-height: unset;
    outline: none;
    transition: all .1s ease-in-out;
    align-items: center;
    font-family: "SofiaProSoft-Regular",sans-serif !important
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
        border-radius:8px;
        margin-top: 8px;
        order: 4;
        width: 100%
    }
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:disabled {
    background: #fff !important;
    border: 2px solid #ffb549 !important;
    cursor: not-allowed
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:hover {
    background: #e5d4e9
}

.map-wrapper #search-bar .checkboxes {
    display: none
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes {
        display:none;
        justify-content: space-evenly
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper {
    margin: .5rem 0 0 1.5rem;
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper {
        margin:10px 0 0;
        text-align: left
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    background-color: rgba(0,0,0,0);
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 3px;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    vertical-align: bottom;
    margin-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    content: "";
    background-color: rgba(0,0,0,0);
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 5px;
    top: 0;
    width: 5px;
    height: 11px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    cursor: pointer;
    font-family: "Roboto-Bold",sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
        font-size:12px
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
    display: inline-block
}

@media(min-width: 768px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
        display:none
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper input[type=checkbox] {
    margin-right: 0;
    margin-left: 10px
}

.map-wrapper #map.mapboxgl-map {
    height: 600px;
    width: 100%
}

@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map {
        height:60vh
    }
}

@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map.hidden {
        display:none
    }
}

.map-wrapper #map.mapboxgl-map .mapboxgl-canvas-container .mapboxgl-marker svg g g:nth-child(3) {
    fill: #fff;
    opacity: 1
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup {
    max-width: 350px !important;
    z-index: 999
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content {
    border-radius: 15px;
    box-shadow: 0 2px 14px rgba(0,0,0,.23);
    padding: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i {
    margin-right: 5px;
    position: relative;
    top: 4px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    right: 5px;
    top: 5px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card {
    padding: 2rem 2rem 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header {
    column-gap: .5rem;
    display: grid;
    margin-bottom: 1rem
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header img {
    image-rendering: -webkit-optimize-contrast
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {
    color: #8c4799;
    font-family: "BrandonGrotesque-Bold";
    font-size: 20px;
    line-height: 20px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {
    color: #dbc2e0;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 16px;
    margin-bottom: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row {
    border-top: 1px solid rgba(0,0,0,.1);
    display: flex;
    flex-wrap: nowrap;
    padding: 0 1rem
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more {
    padding: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {
    background-color: #ffb549;
    border: 4px solid #ffb549;
    border-radius: 0 0 15px 15px;
    color: #000;
    font-family: "BrandonGrotesqueWeb-Bold";
    font-size: 17px;
    padding: 10px 15px 7px;
    text-align: center;
    width: 100%
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color: #fff;
    text-decoration: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-family: "Poppins-Medium",sans-serif;
    font-size: 14px;
    padding: 10px 15px;
    white-space: nowrap
}

.map-wrapper #mapboxLegend {
    border: none;
    border-radius: 1rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: wrap
}

@media(max-width: 1200px) {
    .map-wrapper #mapboxLegend {
        padding:0
    }
}

.map-wrapper #mapboxLegend span {
    height: 40px;
    display: flex;
    align-items: center
}

#locationSearchResults {
    background: #fff;
    border-radius: 15px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 15
}

@media print {
    #locationSearchResults {
        margin: 0 auto
    }
}

@media(max-width: 767px) {
    #locationSearchResults {
        border-radius:2rem;
        box-shadow: 0 0 1px rgba(0,0,0,.2);
        padding: 0;
        margin-top: 2rem
    }
}

@media(min-width: 992px) {
    #locationSearchResults {
        width:960px;
        max-width: 100%
    }
}

#locationSearchResults #resultsHeader {
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 2rem 1rem 2rem
}

@media(max-width: 767px) {
    #locationSearchResults #resultsHeader {
        padding:1rem 1rem 2rem
    }
}

#locationSearchResults .search-results-wrapper {
    padding: 0 70px
}

@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper {
        padding:0 15px
    }
}

#locationSearchResults .search-results-wrapper .search-result-item {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 20px 0 0
}

@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item {
        padding:15px 15px 0
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-name {
    font-family: "SofiaProSoft-Bold";
    color: #8c4799 !important;
    font-size: 18px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-labels,#locationSearchResults .search-results-wrapper .search-result-item .search-result-address {
    font-family: "Roboto-Regular",sans-serif;
    margin-bottom: 10px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-tags .tag {
    color: #fff;
    border-radius: 17px;
    display: inline-block;
    font-family: "Roboto-Regular",sans-serif;
    padding: 3px 12px 4px 12px;
    margin: 4px 0 12px 0;
    font-size: 14px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
    display: flex;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 14px;
    justify-content: space-between;
    margin-top: 1rem !important
}

@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
        flex-wrap:wrap;
        margin-top: 30px;
        row-gap: 15px
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td {
    flex: 1 1 100% !important;
    max-width: 100% !important
}

@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50 {
        flex:1 1 100% !important;
        max-width: 100% !important
    }
}

@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50:nth-child(2n) {
        text-align:left
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.location .location-distance {
    color: #000
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td i {
    margin-right: 5px;
    position: relative;
    top: 4px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: "SofiaProSoft-Regular"
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a:hover {
    color: #b082c0
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a span {
    text-decoration: none
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .btn {
    font-family: "BrandonGrotesqueWeb-Bold";
    min-height: unset;
    padding: 6px 25px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 768px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right {
        justify-content:space-around
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    margin: 15px auto;
    max-width: 150px
}

@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
        display:none
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .btn {
    font-family: "BrandonGrotesqueWeb-Bold";
    line-height: 1;
    margin: 0 auto;
    min-height: unset;
    padding: 6px 25px 2px
}

.map-buttons-wrapper {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 992px) {
    .map-buttons-wrapper {
        margin:0 auto;
        max-width: 100%;
        width: 960px
    }
}

@media(max-width: 767px) {
    .map-buttons-wrapper {
        padding:0 15px
    }
}

.map-buttons-wrapper .load-more-btn-wrapper,.map-buttons-wrapper .additional-buttons {
    padding: 0 55px
}

@media(max-width: 767px) {
    .map-buttons-wrapper .load-more-btn-wrapper,.map-buttons-wrapper .additional-buttons {
        padding:0 15px
    }
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    width: 100%
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display: block;
    font-family: "BrandonGrotesqueWeb-Bold";
    line-height: 1;
    margin: 42px auto 70px;
    min-height: unset;
    padding: 6px 25px 5px
}

.map-buttons-wrapper .additional-buttons {
    margin-top: 42px
}

@media(max-width: 575px) {
    .map-buttons-wrapper .additional-buttons {
        flex-wrap:nowrap;
        justify-content: space-between
    }
}

.map-buttons-wrapper .additional-buttons .btn-quaternary,.map-buttons-wrapper .additional-buttons .btn-file-download {
    min-width: 200px
}

@media(max-width: 450px) {
    .map-buttons-wrapper .additional-buttons .btn-quaternary,.map-buttons-wrapper .additional-buttons .btn-file-download {
        min-width:160px;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(min-width: 576px) {
    .map-buttons-wrapper .additional-buttons .btn-quaternary:first-child,.map-buttons-wrapper .additional-buttons .btn-file-download:first-child {
        margin-right:1.5rem
    }
}

.icon-browser::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-browser-red.svg")
}

.icon-phone::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-phone-red.svg")
}

.icon-map-marker::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-map-red.svg")
}

.icon-map-marker-black::before {
    content: url("")
}

.icon-map::before {
    content: url("")
}

.icon-directions::before {
    content: url("")
}

.icon-print {
    display: none
}

@media print {
    .no-print,.no-print * {
        display: none !important
    }
}

.rounded {
    border-radius: 20px !important
}

.rounded-top-left {
    border-top-left-radius: 20px !important
}

.rounded-top-right {
    border-top-right-radius: 20px !important
}

.rounded-bottom-left {
    border-bottom-left-radius: 20px !important
}

.rounded-bottom-right {
    border-bottom-right-radius: 20px !important
}

.purple-outline {
    border: 1px solid #733689;
    border-radius: 20px;
    padding: 30px 30px 15px;
    margin: 15px 0
}

.blue-outline {
    border: 1px solid #006ea4;
    border-radius: 20px;
    padding: 30px 30px 15px;
    margin: 15px 0
}

.gray-outline {
    border: 2px solid #707070
}

@media only screen and (max-width: 991px) {
    .column-reverse-mobile .row {
        flex-direction:column-reverse
    }
}

@media(max-width: 767px) {
    .mobile-full-width {
        width:100% !important;
        text-align: center !important
    }
}

.background-image-cover {
    background-size: cover !important
}

.background-image-top,.background-image-center,.background-image-bottom {
    background-repeat: no-repeat
}

.background-image-top {
    background-position-y: top
}

.background-image-center {
    background-position-y: center
}

.background-image-bottom {
    background-position-y: bottom
}

.background-image-left {
    background-position-x: left
}

.background-image-middle {
    background-position-x: center
}

.background-image-right {
    background-position-x: right
}

.background-image-10 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 10%
}

.background-image-20 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 20%
}

.background-image-30 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 30%
}

.background-image-40 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 40%
}

.background-image-50 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%
}

.background-image-60 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 60%
}

.background-image-70 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 70%
}

.background-image-80 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%
}

.background-image-90 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 90%
}

.background-image-100 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 100%
}

.top-offset-50 {
    top: 50px;
    position: absolute
}

.top-offset-100 {
    top: 100px;
    position: absolute
}

.top-offset-150 {
    top: 150px;
    position: absolute
}

.top-offset-200 {
    top: 200px;
    position: absolute
}

.top-offset-250 {
    top: 250px;
    position: absolute
}

.top-offset-300 {
    top: 300px;
    position: absolute
}

.top-offset-350 {
    top: 350px;
    position: absolute
}

.top-offset-400 {
    top: 400px;
    position: absolute
}

.top-offset-450 {
    top: 450px;
    position: absolute
}

.top-offset-500 {
    top: 500px;
    position: absolute
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-50 {
        top:50px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-100 {
        top:100px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-150 {
        top:150px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-200 {
        top:200px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-250 {
        top:250px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-300 {
        top:300px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-350 {
        top:350px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-400 {
        top:400px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-450 {
        top:450px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-500 {
        top:500px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .bg-hidden-mobile {
        background-image:none !important
    }
}


.gray-lines {
    position: relative
}

.gray-lines:before,.gray-lines:after {
    position: absolute;
    content: "";
    background: #dbc2e0;
    width: 2px;
    height: 90px;
    top: 25px
}

@media(max-width: 991px) {
    .gray-lines:before,.gray-lines:after {
        top:15px
    }
}

.gray-lines:before {
    left: 0
}

.gray-lines:after {
    right: 0
}


.content-list.beta-thal-list {
    display: grid;
    grid-template-columns: repeat(4, 25%)
}

.content-list.beta-thal-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

.content-list.beta-thal-list li:before {
    content: url(./images/purple-arrow.svg);
    width: 38px;
    position: absolute;
    left: -38px;
    top: 25%;
    transform: translateY(-25%)
}

.content-list.beta-thal-list li:first-child:before {
    display: none
}

.content-list.beta-thal-list li .content-list-item-image {
    display: flex;
    align-items: center;
    height: 165px
}

.content-list.beta-thal-list li .content-list-item-image img {
    margin-bottom: 40px;
    max-height: 125px;
    max-width: 125px
}

@media(max-width: 767px) {
    .content-list.beta-thal-list {
        grid-template-columns:100%;
        grid-template-rows: auto
    }

    .content-list.beta-thal-list li {
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
        max-width: 350px
    }

    .content-list.beta-thal-list li:before {
        left: calc(50% - 20px);
        top: -70px;
        transform: rotate(90deg)
    }
}

.content-list-wrapper.treatment-journey-list {
    position: relative
}

.content-list-wrapper.treatment-journey-list .content-list-title {
    color: #733689;
    font-family: "SofiaProSoft-Bold",sans-serif;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom-color: #8c4799;
    border-bottom-width: 2px;
    white-space: nowrap;
    padding-top: 0
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-title {
        border:none;
        margin: 0 auto;
        white-space: normal
    }
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list {
        display:flex;
        justify-content: space-between
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list {
        justify-content:center
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list {
        align-items:center;
        flex-direction: column
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li {
    display: flex;
    justify-content: center;
    padding: 40px 0 48px;
    position: relative;
    transition: padding .4s ease-in-out
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li:last-child {
        padding-bottom:80px;
        border-top-color: #8c4799;
        border-top-width: 2px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li {
        border-top-color:#8c4799;
        border-top-width: 2px;
        min-width: 100%
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li::before {
    content: "";
    height: 25px;
    border-left-color: #8c4799;
    border-left-width: 2px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li::after {
    content: "";
    background-color: #8c4799;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 768px)and (max-width: 991px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.custom-3 {
        flex:0 0 22%;
        max-width: 22%
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.short-dots::before {
    border-left-style: dotted
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.short-dots::before {
        border-left-style:solid
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.short-solid::before {
    border-left-style: solid
}

@media(min-width: 1201px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid {
        padding-top:100px
    }
}

@media(min-width: 768px)and (max-width: 1200px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid {
        padding-top:300px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid {
        padding-top:40px
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::before {
    border-left-style: solid
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::before {
        height:85px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::before {
        height:25px
    }
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::after {
        top:85px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::after {
        top:25px
    }
}

@media(min-width: 1201px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid .content-list-content {
        top:200px
    }
}

@media(min-width: 768px)and (max-width: 1200px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid .content-list-content {
        top:410px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid .content-list-content {
        top:145px
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li .content-list-item-image img {
    height: 249px;
    min-height: 249px;
    min-width: 249px;
    width: 249px
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li .content-list-content {
    left: 50%;
    position: absolute;
    top: 145px;
    text-align: center;
    transform: translateX(-50%);
    transition: top .4s ease-in-out
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li .content-list-content .content-list-item-title-wrapper .content-list-item-title {
    font-size: 18px;
    line-height: 22px
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li .content-list-content .content-list-item-body-wrapper {
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 18px
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list.dashed-line .content-list-title {
        border-bottom-style:dashed
    }
}

.content-list-wrapper.treatment-journey-list.dashed-line .content-list-inner .content-list li {
    border-top-style: dashed
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list.dashed-line .content-list-inner .content-list li {
        border-top-style:none
    }
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list.dotted-line .content-list-title {
        border-bottom-style:dotted
    }
}

.content-list-wrapper.treatment-journey-list.dotted-line .content-list-inner .content-list li {
    border-top-style: dotted
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list.dotted-line .content-list-inner .content-list li {
        border-top-style:none
    }
}

.content-list-wrapper.moa-list .content-list {
    display: flex;
    column-gap: 2.5rem;
    padding-left: 0;
}

@media(min-width: 768px)and (max-width: 991px) {
    .content-list-wrapper.moa-list .content-list {
        column-gap:1.5rem
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list {
        flex-direction:column;
        align-items: center;
        row-gap: 0;
        padding-left: 0;
    }
}

.content-list-wrapper.moa-list .content-list li {
    position: relative;
    padding: 15px;
    padding-bottom: 25px;
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list li {
        max-width:450px;
        display: flex;
        padding-left: 0;
        padding-right: 0;
        align-items: center;
        margin-bottom: 1.5rem;
    }
}

.content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
    content: "";
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/arrow-purple.png");
    background-repeat: no-repeat;
    background-size: 5px 44px;
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 44px;
    right: -25px;
    bottom: 136px;
    transform: rotate(-90deg);
}

@media(max-width: 1022px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        bottom:156px;
    }
}

@media(max-width: 991px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        right:-15px;
        bottom: 136px;
    }
}

@media(max-width: 974px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        bottom:156px;
    }
}

@media(max-width: 891px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        bottom:176px;
    }
}

@media(max-width: 821px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        bottom:196px;
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        background-size:5px 44px;
        transform: translateX(-50%);
        left: 105px;
        top: unset;
        bottom: -10px;
    }
}

.content-list-wrapper.moa-list .content-list li .content-list-item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list li .content-list-item-image {
        height:unset
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list li .content-list-item-image img {
        min-width:100px;
        padding-right: 1rem
    }
}

.content-list-wrapper.moa-list .content-list li .content-list-content {
    color: rgba(0,0,0,.8);
    line-height: 20px
}

.map-wrapper .qtc-find {
    background-color: #f3f3f3;
    margin: 1rem 0 2rem 0;
    border-radius: 1.5rem
}

.map-wrapper #search-bar {
    background-color: #f3f3f3;
    border-radius: 1.5rem;
    padding: 1rem 0 0 1rem;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

@media(max-width: 1200px) {
    .map-wrapper #search-bar {
        width:100%
    }
}

.map-wrapper #search-bar .search-bar-row {
    display: flex;
    flex-direction: row
}

.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color: #fff;
    font-family: "Roboto-Medium",sans-serif;
    min-width: unset;
    position: relative
}

.map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
    border-left: 1px solid #4d4d4f
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:last-of-type .select-styled {
        border-left:1px solid #4d4d4f
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled::after {
    border-color: #4d4d4f rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:active:after,.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled.active:after {
    top: 14px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #4d4d4f rgba(0,0,0,0)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:hover {
    color: rgb(133.625,67.7669642857,146.0330357143)
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    color: #000;
    font-family: "SofiaProSoft-Regular",sans-serif;
    font-size: 16px;
    background: #fff;
    border-radius: 20px 0 0 20px;
    line-height: 20px;
    height: 40px;
    border: 1px solid #4c4c4c;
    border-right: none
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::placeholder {
    color: hsla(0,0%,100%,.35)
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color: hsla(0,0%,100%,.35)
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color: hsla(0,0%,100%,.35)
}

.map-wrapper #search-bar .search-bar-row .search-location-btn {
    background: #fff;
    color: #000;
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-weight: 500;
    border-radius: 0 20px 20px 0;
    font-size: 14px;
    line-height: 16px !important;
    letter-spacing: normal;
    text-align: center;
    border: 2px solid #8c4799;
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: fit-content !important;
    position: relative;
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
        border-top:2px solid #8c4799;
        border-bottom: 2px solid #8c4799;
        border-left: 2px solid #8c4799;
        border-right: 2px solid #8c4799;
        border-radius: 20px !important
    }
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:disabled {
    background: #fff !important;
    border: 2px solid #ffb549 !important;
    cursor: not-allowed
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:hover {
    background-color: #e5d4e9;
    color: #000;
    border-color: #b082c0
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:active,.map-wrapper #search-bar .search-bar-row .search-location-btn:focus {
    color: #000 !important;
    background-color: #ffe0b1 !important;
    border-color: #b082c0 !important;
    box-shadow: none !important
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    border: 1px solid #000
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    color: #000;
    font-family: "SofiaProSoft-Medium",sans-serif
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content a i::before {
    background-color: #3a004a
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content a:hover i::before {
    background-color: #8c4799
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i.location-icon {
    margin-right: 5px;
    position: relative;
    top: 2px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {
    color: #d22630;
    font-family: "BrandonGrotesque-Bold";
    font-size: 20px;
    line-height: 20px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {
    color: #4d4d4f;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 16px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {
    background-color: #ffb549;
    border: 4px solid #ffb549;
    color: #000;
    font-family: "BrandonGrotesqueWeb-Bold";
    font-size: 17px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color: #fff
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-family: "Poppins-Medium",sans-serif;
    font-size: 14px
}

#locationSearchResults #search_result_1 {
    padding-top: 0;
    margin-top: -5px
}

#locationSearchResults #resultsHeader #tagLegend span:nth-child(2) {
    border-radius: 17px;
    color: #fff !important;
    display: inline-block;
    padding: 3px 12px 4px 12px;
    margin: 4px 0 0 0;
    font-size: 14px;
    background-color: #f99a9a !important
}

#locationSearchResults #resultsHeader #tagLegend span span {
    border-radius: 17px;
    color: #fff !important;
    display: inline-block;
    padding: 3px 12px 4px 12px;
    margin: 4px 0 0 0;
    font-size: 14px;
    background-color: #d22630 !important
}

#locationSearchResults .search-results-wrapper {
    padding: 0 15px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-labels,#locationSearchResults .search-results-wrapper .search-result-item .search-result-address {
    font-family: "Open Sans",sans-serif
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
    font-family: "Roboto-Regular",sans-serif;
    font-size: 14px;
    margin-top: 2rem
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.location .location-distance {
    color: #000
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i {
    margin-right: 5px;
    position: relative
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i::before {
    background-color: #d22630
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a:hover i::before {
    background-color: #8c4799
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .btn {
    font-family: "BrandonGrotesqueWeb-Bold";
    min-height: unset
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    display: block;
    margin: 15px auto;
    max-width: 150px
}

@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
        display:none
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .btn {
    font-family: "BrandonGrotesqueWeb-Bold";
    margin: 0 auto;
    min-height: unset;
    padding: 6px 25px 2px
}

.map-buttons-wrapper {
    height: auto
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.1) !important
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display: block;
    font-family: "BrandonGrotesqueWeb-Bold";
    line-height: 1;
    margin: 42px auto 70px;
    min-height: unset;
    padding: 6px 25px 5px
}

.map-buttons-wrapper .additional-buttons .btn {
    background: #fff;
    color: #000;
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-weight: 500;
    border-radius: 20px;
    font-size: 14px;
    line-height: 16px !important;
    letter-spacing: normal;
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: fit-content !important;
    border: 2px solid #b082c0 !important
}

.map-buttons-wrapper .additional-buttons .btn:hover {
    background-color: #e5d4e9;
    color: #000;
    border-color: #b082c0
}

.map-buttons-wrapper .additional-buttons .btn:active,.map-buttons-wrapper .additional-buttons .btn:focus {
    color: #000 !important;
    background-color: #ffe0b1 !important;
    border-color: #b082c0 !important;
    box-shadow: none !important
}

@media(max-width: 575px) {
    .map-buttons-wrapper .additional-buttons .btn {
        width:100%
    }
}

.icon-browser::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-browser-red.svg");
    -webkit-mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-browser-red.svg") no-repeat center;
    mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-browser-red.svg") no-repeat center;
    width: 23px
}

.icon-phone::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-phone-red.svg");
    -webkit-mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-phone-red.svg") no-repeat center;
    mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-phone-red.svg") no-repeat center
}

.icon-map-marker::before {
    content: url("")
}

.icon-map-marker-black::before {
    content: url("")
}

.icon-map::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-map-red.svg");
    -webkit-mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-map-red.svg") no-repeat center;
    mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/icon-map-red.svg") no-repeat center
}

.icon-directions::before {
    content: url("");
    -webkit-mask: url("") no-repeat center;
    mask: url("") no-repeat center
}

@media print {
    .no-print,.no-print * {
        display: none !important
    }
}

.purple-arrow {
    position: relative
}

.purple-arrow:after {
    content: "";
    position: absolute;
    background-image: url(./images/down-arrow-purple.png);
    background-size: 100%;
    width: 41px;
    height: 171px;
    background-repeat: no-repeat;
    left: 75%;
    top: 0
}

@media(max-width: 900px) {
    .purple-arrow:after {
        left:85%
    }
}

@media(max-width: 767px) {
    .purple-arrow:after {
        left:80%
    }
}

@media(max-width: 425px) {
    .purple-arrow:after {
        left:unset;
        right: 0
    }
}

.table-left {
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 10px
}

@media(max-width: 850px) {
    .table-left {
        padding-left:25px
    }
}

@media(max-width: 767px) {
    .table-left {
        padding-left:15px
    }
}

@media(max-width: 425px) {
    .table-left {
        padding-right:30px
    }
}

.table-right {
    padding-left: 50px;
    padding-right: 15px;
    padding-top: 10px;
    width: 40%
}

@media(max-width: 1199px) {
    .table-right {
        padding-left:15px
    }
}

@media(max-width: 991px) {
    .table-right {
        font-size:40px !important;
        padding-left: 25px
    }
}

@media(max-width: 850px) {
    .table-right {
        padding-left:15px
    }
}

@media(max-width: 767px) {
    .table-right {
        padding-left:35px
    }
}

@media(max-width: 500px) {
    .table-right {
        padding-left:15px
    }
}

@media(max-width: 400px) {
    .table-right {
        padding-left:15px;
        font-size: 35px !important
    }
}

.genotype-row {
    height: 208.5px
}

@media(max-width: 990px) {
    .genotype-row {
        height:182.5px
    }
}

@media(max-width: 767px) {
    .genotype-row {
        height:auto
    }
}

@media(max-width: 767px) {
    .rounded-top-right-mobile {
        border-top-right-radius:20px !important
    }

    .rounded-bottom-right-mobile {
        border-bottom-right-radius: 20px !important
    }

    .rounded-top-left-mobile {
        border-top-left-radius: 20px !important
    }

    .rounded-bottom-left-mobile {
        border-bottom-left-radius: 20px !important
    }
}

.explore-next-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

@media(max-width: 1200px) {
    .explore-next-buttons {
        max-width:330px
    }
}

@media(max-width: 767px) {
    .explore-next-buttons {
        margin:0 auto;
        text-align: center
    }
}

@media(max-width: 340px) {
    .explore-next-buttons {
        justify-content:center
    }
}

.explore-next-buttons.homepage .btn-tertiary {
    height: 156px;
    width: 156px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around
}

.explore-next-buttons.homepage .btn-tertiary:nth-child(1),.explore-next-buttons.homepage .btn-tertiary:nth-child(3),.explore-next-buttons.homepage .btn-tertiary:nth-child(5) {
    margin-right: 8px
}

.explore-next-buttons.homepage .btn-tertiary.how:before {
    width: 66px;
    height: 76px
}

.explore-next-buttons.homepage .btn-tertiary.results {
    padding: 15px 30px
}

.explore-next-buttons.homepage .btn-tertiary.results:before {
    width: 56px;
    height: 71px
}

.explore-next-buttons.homepage .btn-tertiary.safety:before {
    width: 51px;
    height: 66px
}

.explore-next-buttons.homepage .btn-tertiary.treatment:before {
    width: 89px;
    height: 78px
}

.explore-next-buttons.homepage .btn-tertiary.support:before {
    width: 82px;
    height: 81px
}

.explore-next-buttons.homepage .btn-tertiary.faqs:before {
    width: 55px;
    height: 69px
}

@media(max-width: 356px) {
    .explore-next-buttons {
        justify-content:center
    }
}

.explore-next {
    width: 100%;
    max-width: 320px;
    justify-content: flex-start;
    margin-top: 40px;
    padding: 15px 60px 15px 20px;
    line-height: 20px
}

.explore-next:before {
    height: 41px;
    width: 29px;
    margin-right: 20px;
    background-image: url(./images/map-marker-icon.svg);
    margin-top: 5px
}

.explore-next:after {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    border: 2px solid #b082c0;
    right: 20px
}

@media(max-width: 767px) {
    .explore-next {
        max-width:325px;
        margin-top: 2px
    }
}

.explore-next.qtc {
    position: relative;
    padding-left: 60px
}

.explore-next.qtc:before {
    position: absolute;
    left: 20px;
    top: 10px
}

.explore-next.qtc:after {
    content: "";
    background-image: url(./images/leaving-site-icon.svg);
    right: 20px;
    position: absolute;
    bottom: 15px;
    background-repeat: no-repeat;
    background-position: center
}

form label {
    cursor: pointer;
    display: flex
}

form label div {
    padding-top: 0 !important
}

form .checkbox-container label {
    display: block;
    grid-template-columns: 32px auto
}

form input[type=radio],form input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #4d4d4f;
    cursor: pointer;
    display: inline-grid;
    height: 20px;
    padding: 0;
    place-content: center;
    width: 20px;
    position: relative
}

form input[type=radio] {
    border-radius: 50%;
    margin-right: 10px
}

form input[type=radio]::before {
    box-shadow: inset 1em 1em #8c4799;
    content: "";
    height: 16px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    width: 16px;
    border-radius: 50%
}

form input[type=radio]:checked:before {
    transform: scale(1)
}

form input[type=checkbox] {
    border-radius: 2px;
    margin-right: 10px;
    position: relative;
    height: 20px;
    width: 20px;
    padding-right: 19px
}

form input[type=checkbox]:checked:before {
    content: "";
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-right: 2px solid #8c4799;
    border-bottom: 2px solid #8c4799;
    border-top: 0;
    border-left: 0;
    border-radius: 0;
    position: absolute;
    left: 5px;
    top: 1px;
    width: 7px;
    height: 12px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

form input[type=checkbox]:checked:after {
    content: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border: 0 !important;
}

form input:hover {
    border-color: #dbc2e0 !important
}

form input:active {
    border-color: #ffe0b1 !important
}

form input:focus-visible {
    border-color: #4c4c4c !important;
    outline: 1px dashed #4d4d4f
}

form input[type=text], .hgspt-form form input[type=text] {
    height: 40px;
    padding: 10px 15px;
    border: 1px solid #4c4c4c;
    outline: none !important
}

form input[type=text]::placeholder, .hgspt-form form input[type=text]::placeholder {
    padding-left: .5rem !important
}

form input[type=text]:hover, .hgspt-form form input[type=text]:hover {
    border: 2px solid #dbc2e0 !important
}

form input[type=text]:active, .hgspt-form form input[type=text]:active {
    border: 2px solid #ffe0b1 !important
}

form input[type=text]:focus-visible, .hgspt-form form input[type=text]:focus-visible {
    outline: 1px dashed #4d4d4f
}

form input[type=text].input-validation-error, .hgspt-form form input[type=text].input-validation-error {
    border: 2px solid #b91b21 !important
}

.input-validation-error, .hgspt-form .input-validation-error {
    border: 2px solid #b91b21 !important
}

.field-validation-error, .hgspt-form .field-validation-error {
    color: #b91b21;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 16px;
    display: block;
    margin-left: 18px
}

.validation-summary-errors.global-form-error, .hgspt-form .validation-summary-errors.global-form-error {
    color: #b91b21;
    border: 2px solid #b91b21;
    background-color: rgba(185,27,33,.1);
    border-radius: 2px;
    display: flex;
    align-items: center;
    max-width: 850px;
    border-radius: 30px;
    font-family: "SofiaProSoft-Bold";
    height: 50px
}

@media only screen and (max-width: 767px) {
    .validation-summary-errors.global-form-error, .hgspt-form .validation-summary-errors.global-form-error {
        padding-left:65px;
        height: unset
    }
}

.validation-summary-errors.global-form-error:before, .hgspt-form .validation-summary-errors.global-form-error:before {
    content: "";
    background-image: url(./images/error-icon.png);
    height: 36px;
    width: 36px;
    background-size: 36px 36px;
    margin-right: 15px
}

@media only screen and (max-width: 767px) {
    .validation-summary-errors.global-form-error:before {
        position:absolute;
        left: 15px
    }
}

.required-radio-error-div input[type=radio] {
    border: 1px solid #b91b21
}

input[type=checkbox].input-validation-error {
    border: 1px solid #b91b21;
    background-color: rgba(170,45,42,.1)
}

.patient-story {
    position: relative;
    background-size: cover
}

.patient-story .caption {
    margin-left: 20px;
    position: absolute;
    bottom: -10px;
    left: 50px
}

@media only screen and (min-width: 1200px) {
    .patient-story {
        background-size:contain
    }

    .patient-story .content {
        margin-top: 40px
    }

    .patient-story .caption {
        margin-top: 10px
    }
}

@media only screen and (max-width: 1199px) {
    .patient-story .caption {
        margin-top:-20px
    }
}

@media only screen and (max-width: 991px) {
    .patient-story {
        background-size:cover
    }

    .patient-story .caption {
        margin-top: -80px
    }
}

@media only screen and (max-width: 767px) {
    .patient-story {
        background-size:cover;
        background-position: 50% 100%;
        min-height: 600px
    }

    .patient-story .content {
        margin-top: 100px
    }

    .patient-story .caption {
        position: absolute;
        bottom: 0;
        margin-left: 10px;
        left: 0
    }
}

@media only screen and (max-width: 576px) {
    .patient-story .content {
        max-width:50vw;
        float: right;
        margin-top: 50px
    }
}

@media only screen and (max-width: 490px) {
    .patient-story .content {
        margin-top:35px
    }
}

@media only screen and (max-width: 450px) {
    .patient-story {
        min-height:650px
    }

    .patient-story .content {
        max-width: 55vw;
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .mobile-20 {
        max-width:20%;
        min-width: 20%
    }

    .mobile-40 {
        max-width: 40%;
        width: 40%
    }
}

@media only screen and (max-width: 450px) {
    .mobile-40 {
        min-width:40%
    }
}

.actor-portrayal {
    margin: -25px auto 0px;
    text-align: right;
    padding-right: 20px;
    font-size: 12px;
    position: relative;
    right: 0;
    bottom: 15px;
    max-width: 1366px
}

@media only screen and (max-width: 767px) {
    .actor-portrayal {
        font-size:8px;
        margin-top: -20px;
        position: absolute;
        bottom: unset
    }
}

@media only screen and (max-width: 767px) {
    .text-center-mobile {
        text-align:center
    }
}

.content-tile .content-tile-text ul li {
    list-style-type: unset
}

.purple-gradient {
    background-image: linear-gradient(50deg, #E3DDED 0%, #F3F5F7 50%, #E6EEEF 100%)
}

.green-gradient {
    background-image: linear-gradient(50deg, #E6EEEF 0%, #F3F5F7 50%, #E3DDED 100%)
}

.purple-gradient-green-mobile {
    background-image: linear-gradient(50deg, #E3DDED 0%, #F3F5F7 50%, #E6EEEF 100%)
}

@media only screen and (max-width: 767px) {
    .purple-gradient-green-mobile {
        background-image:linear-gradient(50deg, #E6EEEF 0%, #F3F5F7 50%, #E3DDED 100%)
    }
}

@media only screen and (min-width: 768px) {
    _::-webkit-full-page-media,_:future,:root .safari_desktop {
        margin-top:-30px
    }
}

.sup-text {
    position: relative
}

.sup-text sup {
    position: absolute;
    left: -4px;
    top: 6px
}

.table-divider::before {
    content: "";
    width: 1px;
    height: 80%;
    background: #4d4d4f;
    position: absolute;
    top: 10%;
    right: 0
}

@media(max-width: 991px) {
    .table-divider::before {
        content:none
    }
}

.z-index-1 {
    z-index: 1
}

.content-tile-round {
    display: flex;
    padding: 20px;
    border-radius: 20px;
    color: #733689;
    overflow: auto;
    background-image: linear-gradient(50deg, #e32a2a 0%, #e3dded 0%, #f3f5f7 48%, #e6eeef 100%)
}

.content-tile-round .content-tile-img {
    position: absolute
}

.content-tile-round .content-tile-content .content-tile-title {
    font-family: "SofiaProSoft-Medium";
    font-size: 24px;
    color: inherit;
    margin-left: auto;
    padding-top: 1rem;
    padding-left: 125px
}

.content-tile-round .content-tile-content .content-tile-text {
    font-family: "SofiaProSoft-Medium";
    margin: 3rem 1rem 1rem 1rem
}

.content-tile-round .content-tile-content a {
    padding-left: 1rem !important
}

.content-tile-img-left {
    display: flex;
    gap: 1.5rem
}

.content-tile-img-left .content-tile-img {
    align-self: flex-start
}

.content-tile-img-left .content-tile-content .content-tile-title {
    font-family: "SofiaProSoft-Medium";
    font-size: 24px;
    color: #733689;
    padding-top: 1rem
}

.content-tile-img-left .content-tile-content .content-tile-text {
    padding-top: 10px;
    margin-bottom: 30px
}

.content-tile-img-left .content-tile-content a {
    padding-left: 0px !important
}

@media only screen and (max-width: 767px) {
    .content-tile-img-left .content-tile-img {
        position:absolute
    }

    .content-tile-img-left .content-tile-content .content-tile-title {
        display: flex;
        padding-left: 120px;
        height: 108px;
        align-items: center
    }

    .content-tile-img-left .content-tile-content .content-tile-text {
        margin-bottom: .5rem
    }

    .content-tile-img-left .content-tile-content a {
        padding-left: 0px !important
    }
}

@media only screen and (min-width: 768px) {
    .desktop-table {
        display:table
    }
}

@media only screen and (max-width: 767px) {
    .desktop-table {
        display:none
    }
}

@media only screen and (min-width: 768px) {
    .mobile-table {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .mobile-table {
        display:table
    }
}

.clinical-results {
    background-color: #e6e6e7;
    border-radius: 30px
}

.clinical-results .number {
    font-family: BrandonGrotesque-Bold;
    font-size: 50px;
    color: #8c4799;
    padding: 10px 10px 10px 30px;
    line-height: 35px
}

@media only screen and (max-width: 400px) {
    .clinical-results .number {
        padding-left:20px;
        padding-right: 5px
    }
}

.clinical-results .number-label {
    font-family: SofiaProSoft-Medium;
    font-size: 14px
}

.table-heading {
    color: #733689;
    font-family: SofiaProSoft-Medium;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    text-transform: uppercase;
    padding: 20px
}

.table-subheading {
    color: #733689;
    font-family: SofiaProSoft-Bold;
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-transform: uppercase;
    padding: 5px 20px 10px
}

@media only screen and (max-width: 400px) {
    .table-subheading {
        padding-left:15px;
        padding-right: 15px
    }
}

.table-subheading-description {
    padding: 0 20px 10px;
    font-size: 15px;
    line-height: 18px
}

@media only screen and (max-width: 400px) {
    .table-subheading-description {
        padding-left:15px;
        padding-right: 15px
    }
}

.table-label {
    color: #4d4d4f;
    font-family: SofiaProSoft-Bold;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    padding: 20px 20px 10px;
    text-transform: uppercase
}

@media only screen and (max-width: 400px) {
    .table-label {
        padding-left:15px;
        padding-right: 15px
    }
}

.rounded-top-left {
    border-top-left-radius: 20px
}

.rounded-top-right {
    border-top-right-radius: 20px
}

.table-text {
    font-family: SofiaProSoft-Medium;
    color: #4d4d4f;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0px 15px 20px 30px
}

@media only screen and (max-width: 400px) {
    .table-text {
        padding-left:20px;
        padding-right: 20px
    }
}

.table-text-purple {
    font-family: SofiaProSoft-Medium;
    font-size: 18px;
    line-height: 20px;
    color: #3a024a;
    padding: 0px 15px 20px 30px;
    display: inline-block
}

@media only screen and (max-width: 400px) {
    .table-text-purple {
        padding-left:20px;
        padding-right: 20px
    }
}

.table-answer {
    font-family: SofiaProSoft-Bold;
    font-size: 22px;
    line-height: 18px;
    color: #8c4799;
    padding: 10px 30px 25px;
    text-align: center
}

@media(min-width: 768px)and (max-width: 991px) {
    .w-95 {
        width:95% !important
    }
}

@media(max-width: 767px) {
    .w-100-m {
        width:100% !important
    }
}

@media (max-width: 575.98px) {
    .w-mobile-33 {
        width: 33.3333% !important;
    }
}

.iron-chelation {
    background-color: #f3f3f3
}

.iron-chelation .number {
    font-family: BrandonGrotesque-Bold;
    font-size: 50px;
    color: #8c4799;
    padding: 10px 10px 0px 30px;
    line-height: 35px;
    padding-bottom: 0px !important
}

@media only screen and (max-width: 400px) {
    .iron-chelation .number {
        padding-left:20px;
        padding-right: 5px
    }
}

.iron-chelation .number-label {
    font-family: SofiaProSoft-Medium;
    font-size: 14px
}

.gray-drop {
    text-shadow: 0 2px 4px rgba(0,0,0,.5)
}

.icon-space div:nth-child(1) {
    flex: 0 0 120px;
    max-width: 120px
}

.icon-space div:nth-child(2) {
    max-width: fit-content
}

.icon-space div:nth-child(2) .h3 {
    padding-top: 1rem
}

@media(max-width: 401px)and (max-height: 619px) {
    .footer {
        padding-bottom:130px
    }
}

.btn-submit,.btn-sign-up {
    width: 195px
}

.border-black {
    border: 1px solid #000 !important
}

@media(min-width: 768px) {
    .home-doctors :nth-child(1) .content-list-item-title {
        padding-top:20px;
        margin-bottom: 4px
    }
}

.content-tile.purple-border-tile {
    display: flex;
    border-top: 17px solid #8c4799;
    padding: 0 15px 10px 15px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    background: #fff;
    align-items: flex-start;
}

@media only screen and (min-width: 768px) {
    .content-tile.purple-border-tile {
        min-height:375px;
        margin-top: -75px
    }
}

@media only screen and (min-width: 833px) {
    .content-tile.purple-border-tile {
        min-height:351px
    }
}

@media only screen and (min-width: 924px) {
    .content-tile.purple-border-tile {
        min-height:310px
    }
}

@media only screen and (min-width: 1200px) {
    .content-tile.purple-border-tile {
        min-height:260px;
        display: flex;
        align-items: flex-start;
    }
}

.content-tile.purple-border-tile .content-tile-img {
    width: 50px;
    height: 50px;
    margin-top: 25px;
    margin-right: 15px
}

@media only screen and (min-width: 768px) {
    .content-tile.purple-border-tile .content-tile-content {
        display:flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-title {
        font-size:20px;
        line-height: 24px
    }
}

.content-tile.purple-border-tile .content-tile-content .content-tile-text {
    margin-right: 25px
}

@media only screen and (max-width: 832px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-text {
        margin-right:0;
        min-height: unset
    }
}

@media only screen and (min-width: 833px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-text {
        min-height:145px
    }
}

@media only screen and (min-width: 924px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-text {
        min-height:125px
    }
}

@media only screen and (min-width: 1200px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-text {
        min-height:107px
    }
}

.content-tile.purple-border-tile .content-tile-content .btn-quaternary,.content-tile.purple-border-tile .content-tile-content .btn-file-download {
    margin-right: 30px
}

@media only screen and (max-width: 767px) {
    .content-tile.purple-bottom-border-m {
        border-bottom:17px solid #8c4799
    }
}

.sup-text {
    position: relative
}

.sup-text sup {
    position: absolute;
    left: -6px;
    top: 6px
}

.sup-text .symbol {
    position: absolute;
    left: -6px
}

.btn-primary.contact,.navbar .contact.navbar-toggler {
    border-color: #fff;
    color: #006ea4;
    font-family: "Helvetica",sans-serif;
    padding: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    overflow: hidden
}

.btn-primary.contact:hover,.navbar .contact.navbar-toggler:hover {
    border-color: #8c4799 !important;
    background-color: #8c4799 !important;
    color: #fff !important
}

.btn-primary.contact:active,.navbar .contact.navbar-toggler:active,.btn-primary.contact:focus,.navbar .contact.navbar-toggler:focus {
    border-color: #69c3e8 !important;
    background-color: #69c3e8 !important;
    color: #006ea4 !important;
    box-shadow: none !important
}

.btn-primary.contact.email:before,.navbar .contact.email.navbar-toggler:before {
    content: "";
    background-image: url(./images/zyn_icon_connect_filled.svg);
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 10px;
    top: 7px
}

.btn-primary.contact.phone:before,.navbar .contact.phone.navbar-toggler:before {
    content: "";
    background-image: url(./images/zyn_icon_phone_filled.svg);
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 15px;
    top: 6px
}

@media only screen and (min-width: 1200px) {
    .btn-primary.contact.email,.navbar .contact.email.navbar-toggler {
        padding:10px 10px 10px 30px
    }
}

@media only screen and (max-width: 1199px) {
    .btn-primary.contact,.navbar .contact.navbar-toggler {
        font-size:15px
    }

    .btn-primary.contact.email,.navbar .contact.email.navbar-toggler {
        text-align: right;
        padding-right: 5px
    }

    .btn-primary.contact.email:before,.navbar .contact.email.navbar-toggler:before {
        left: 5px
    }
}

@media only screen and (max-width: 991px) {
    .btn-primary.contact,.navbar .contact.navbar-toggler {
        font-size:16px
    }

    .btn-primary.contact.email,.navbar .contact.email.navbar-toggler {
        text-align: center;
        padding-right: 10px
    }

    .btn-primary.contact.email:before,.navbar .contact.email.navbar-toggler:before {
        left: 10px
    }
}

@media only screen and (max-width: 400px) {
    .btn-primary.contact,.navbar .contact.navbar-toggler {
        font-size:15px
    }

    .btn-primary.contact.email,.navbar .contact.email.navbar-toggler {
        padding-left: 10px;
        padding-right: 5px
    }

    .btn-primary.contact.email:before,.navbar .contact.email.navbar-toggler:before {
        left: 5px
    }
}

@media only screen and (max-width: 365px) {
    .btn-primary.contact.email,.navbar .contact.email.navbar-toggler {
        padding-left:10px;
        padding-right: 5px
    }

    .btn-primary.contact.email:before,.navbar .contact.email.navbar-toggler:before {
        left: 5px
    }
}

@media only screen and (max-width: 340px) {
    .btn-primary.contact.email,.navbar .contact.email.navbar-toggler {
        text-align:right;
        padding-right: 10px
    }
}

@media only screen and (max-width: 330px) {
    .btn-primary.contact.email,.navbar .contact.email.navbar-toggler {
        padding-right:5px
    }
}

.btn-primary.contact.black,.navbar .contact.black.navbar-toggler {
    color: #000 !important;
    border: 2px solid #d22630 !important
}

@media only screen and (max-width: 1199px) {
    .btn-primary.contact.black,.navbar .contact.black.navbar-toggler {
        font-size:14.5px
    }
}

@media only screen and (max-width: 991px) {
    .btn-primary.contact.black,.navbar .contact.black.navbar-toggler {
        font-size:15px
    }
}

@media only screen and (max-width: 380px) {
    .btn-primary.contact.black,.navbar .contact.black.navbar-toggler {
        font-size:14px
    }
}

@media only screen and (max-width: 355px) {
    .btn-primary.contact.black,.navbar .contact.black.navbar-toggler {
        font-size:13px
    }
}

@media only screen and (max-width: 340px) {
    .btn-primary.contact.black,.navbar .contact.black.navbar-toggler {
        font-size:12px
    }
}

.btn-primary.contact.black:hover,.navbar .contact.black.navbar-toggler:hover {
    color: #000 !important;
    border: 2px solid #8c4799 !important;
    background-color: #dbc2e0 !important
}

.btn-primary.contact.black:active,.navbar .contact.black.navbar-toggler:active,.btn-primary.contact.black:focus,.navbar .contact.black.navbar-toggler:focus {
    color: #000 !important;
    border: 2px solid #d22630 !important;
    background-color: #ffe0b1 !important
}

.btn-primary.contact.black.email:before,.navbar .contact.black.email.navbar-toggler:before {
    background-image: url(./images/icon_email_black.svg);
    top: 12px
}

.btn-primary.contact.black.phone:before,.navbar .contact.black.phone.navbar-toggler:before {
    background-image: url(./images/icon_phone_black.svg)
}

@media only screen and (max-width: 368px) {
    .btn-primary.contact.black.email,.navbar .contact.black.email.navbar-toggler {
        text-align:center;
        padding-right: 10px;
        padding-left: 25px
    }
}

.bg-nonary {
    background-color: #ede3ef !important
}

.btn-primary.next,.navbar .next.navbar-toggler,.btn-primary.download,.navbar .download.navbar-toggler {
    position: relative;
    border: 2px solid #d22630
}

.btn-primary.next:hover,.navbar .next.navbar-toggler:hover,.btn-primary.download:hover,.navbar .download.navbar-toggler:hover {
    background-color: #dbc2e0;
    border: 2px solid #8c4799
}

.btn-primary.next:active,.navbar .next.navbar-toggler:active,.btn-primary.next:focus,.navbar .next.navbar-toggler:focus,.btn-primary.download:active,.navbar .download.navbar-toggler:active,.btn-primary.download:focus,.navbar .download.navbar-toggler:focus {
    border: 2px solid #d22630 !important
}

.btn-primary.next:before,.navbar .next.navbar-toggler:before {
    content: "";
    background-image: url(./images/right-caret-black.svg);
    display: inherit;
    background-repeat: no-repeat;
    position: absolute;
    top: 11px;
    width: 10px;
    height: 14px;
    right: 10px
}

.btn-primary.download:before,.navbar .download.navbar-toggler:before {
    content: "";
    background-image: url(./images/icon_down_black.png);
    display: inherit;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    height: 18px;
    width: 12px;
    background-size: contain
}

.top {
    border-top: 2px solid #b91b21
}

@media only screen and (min-width: 768px) {
    .top-d {
        border-top:2px solid #b91b21
    }
}

.btn-down-arrow,.btn-down-arrow:not([href]):not([tabindex]) {
    font-family: "SofiaProSoft-Medium",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    display: flex;
    gap: 1.5rem;
    align-items: baseline;
    text-align: left;
    position: relative;
    padding-top: 0;
    display: flex;
    align-items: center;
    color: #733689;
    margin-top: 5px
}

.btn-down-arrow:after,.btn-down-arrow:not([href]):not([tabindex]):after {
    content: "";
    background-image: url(./images/down_arrow_dotted.svg);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d22630;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    border: 2px solid #d22630;
    min-width: 33px;
    transform: rotate(90deg)
}

.btn-down-arrow:hover,.btn-down-arrow:not([href]):not([tabindex]):hover {
    text-decoration: none
}

.btn-down-arrow:focus,.btn-down-arrow:not([href]):not([tabindex]):focus {
    box-shadow: none
}

@media only screen and (min-width: 768px) {
    .purple-divider-top {
        border-top:2px solid #8c4799;
        position: relative;
        margin-top: 25px;
        padding-top: 60px
    }

    .purple-divider-top:before {
        content: "";
        background-color: #8c4799;
        width: 2px;
        height: 27px;
        position: absolute;
        left: 50%;
        top: 0
    }

    .purple-divider-top:after {
        content: "";
        background-color: #8c4799;
        width: 7px;
        height: 7px;
        position: absolute;
        left: calc(50% - 2.75px);
        top: 27px;
        border-radius: 50%
    }
}

@media only screen and (max-width: 767px) {
    .purple-divider-top {
        padding-top:25px
    }
}

@media only screen and (min-width: 768px) {
    .purple-divider-side img {
        min-height:96px;
        max-height: 96px
    }
}

@media only screen and (max-width: 767px) {
    .purple-divider-side {
        border-left:2px solid #8c4799;
        margin-left: 1rem !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        padding-left: 40px !important;
        border-radius: 0 !important;
    }

    .purple-divider-side ul {
        margin-bottom: 0
    }

    .purple-divider-side h4 {
        position: relative
    }

    .purple-divider-side h4:before {
        content: "";
        background-color: #8c4799;
        width: 2px;
        height: 27px;
        position: absolute;
        left: -45px;
        top: -4.75px;
        transform: rotate(90deg)
    }

    .purple-divider-side h4:after {
        content: "";
        background-color: #8c4799;
        width: 7px;
        height: 7px;
        position: absolute;
        left: -32px;
        top: 5px;
        border-radius: 50%
    }
}

.btn-octonary {
    background-color: #8c4799;
    border-radius: 20px;
    color: #fff;
    border: 1px solid #8c4799;
    min-width: 330px;
    padding: 10px 60px 10px 15px;
    text-align: left;
    font-family: "SofiaProSoft-Medium";
    font-size: 16px;
    line-height: 20px
}

@media only screen and (max-width: 370px) {
    .btn-octonary {
        min-width:100%
    }
}

.btn-octonary:before {
    content: "";
    background-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/zynteglo-theme/images/zynpatient_icon_studies_default.svg");
    background-repeat: no-repeat;
    height: 38px;
    width: 30px;
    min-width: 40px;
    margin-right: 10px
}

@media only screen and (max-width: 370px) {
    .btn-octonary:before {
        margin-right:0
    }
}

.btn-octonary:after {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    right: 15px
}

.btn-octonary:hover {
    background-color: #fff !important;
    color: #733689 !important;
    border: 1px solid #8c4799 !important
}

.btn-octonary:hover:before {
    background-image: url(./images/zynpatient_icon_studies_interactive.svg)
}

.btn-octonary:hover:after {
    color: #fff;
    background: #8c4799
}

.btn-octonary:active,.btn-octonary:focus {
    background-color: #ffe0b1 !important;
    color: #733689 !important;
    border: 1px solid #8c4799 !important;
    box-shadow: none !important
}

.btn-octonary:active:before,.btn-octonary:focus:before {
    background-image: url(./images/zynpatient_icon_studies_interactive.svg)
}

.btn-octonary:active:after,.btn-octonary:focus:after {
    color: #fff;
    background: #8c4799
}

.map-wrapper .search-bar-row .validation-container {
    position: absolute;
    top: 5px !important;
    left: 4rem !important
}

@media(max-width: 767px) {
    .map-wrapper .search-bar-row .validation-container {
        left:0 !important;
        width: 100%;
        text-align: center
    }
}

.top-curved {
    border-left: 2px dotted #4d4d4f;
    border-top: 2px dotted #4d4d4f;
    border-top-left-radius: 17px;
    min-height: 100%;
    min-width: 100%
}

.bottom-curved {
    border-left: 2px dotted #4d4d4f;
    border-bottom: 2px dotted #4d4d4f;
    border-bottom-left-radius: 17px;
    min-height: 100%;
    min-width: 100%
}

.dotted-left {
    border-left: 2px dotted #4d4d4f
}

.dotted-right {
    border-right: 2px dotted #4d4d4f
}

.dotted-top {
    border-top: 2px dotted #4d4d4f
}

.top-curved-full {
    border-left: 2px dotted #4d4d4f;
    border-top: 2px dotted #4d4d4f;
    border-right: 2px dotted #4d4d4f;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    min-height: 15px;
    min-width: 100%
}

.bottom-curved-full {
    border-left: 2px dotted #4d4d4f;
    border-bottom: 2px dotted #4d4d4f;
    border-right: 2px dotted #4d4d4f;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    min-height: 15px;
    min-width: 100%
}

hr.dotted {
    border-top: 2px dotted #4d4d4f;
    width: 200px
}

.mapboxgl-popup-content .custom-row .col-6 {
    padding: 10px 15px
}

.mapboxgl-popup-content .custom-row .col-6 .visit-website {
    padding-top: 0 !important;
    padding-left: 0 !important
}

.mapboxgl-popup-content .custom-row .phone a {
    display: flex;
    align-items: center
}

.search-results-wrapper .search-result-item-left .result-td :nth-child(1) {
    margin-bottom: 0
}

/* ============================================= */
/* HUBSPOT DND AREA OVERRIDES                    */
/* ============================================= */

/* HubSpot DnD grid system — required for multi-column sections */
.row-fluid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.row-fluid-wrapper {
    width: 100%;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.row-fluid [class*="span"] {
    box-sizing: border-box;
    min-height: 1px;
}

.row-fluid .span1 { flex: 0 0 8.333%; max-width: 8.333%; }
.row-fluid .span2 { flex: 0 0 16.666%; max-width: 16.666%; }
.row-fluid .span3 { flex: 0 0 25%; max-width: 25%; }
.row-fluid .span4 { flex: 0 0 33.333%; max-width: 33.333%; }
.row-fluid .span5 { flex: 0 0 41.666%; max-width: 41.666%; }
.row-fluid .span6 { flex: 0 0 50%; max-width: 50%; }
.row-fluid .span7 { flex: 0 0 58.333%; max-width: 58.333%; }
.row-fluid .span8 { flex: 0 0 66.666%; max-width: 66.666%; }
.row-fluid .span9 { flex: 0 0 75%; max-width: 75%; }
.row-fluid .span10 { flex: 0 0 83.333%; max-width: 83.333%; }
.row-fluid .span11 { flex: 0 0 91.666%; max-width: 91.666%; }
.row-fluid .span12 { flex: 0 0 100%; max-width: 100%; }

@media (max-width: 767px) {
    .row-fluid [class*="span"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.container-fluid.dnd-section {
    padding-left: 0;
    padding-right: 0;
}

/* Global: strip all padding/margin from ALL dnd wrappers (header, content, ISI, footer) */
.dnd-section {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.dnd-section > .row-fluid {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.dnd-section .dnd-column {
    padding: 0;
    margin: 0;
}

.dnd-section .dnd-row {
    padding: 0;
    margin: 0;
}

.dnd-section .dnd-module {
    padding: 0;
    margin: 0;
}

/* Reset html/body */
html, body {
    margin: 0;
    padding: 0;
}

/* Reset HubSpot wrapper divs */
.body-container--global,
.body-wrapper,
#hs_cos_wrapper_widget_block {
    margin: 0;
    padding: 0;
}

/* Override Bootstrap .text-primary from blue to Zynteglo purple */
.text-primary {
    color: #8c4799 !important;
}

/* HubSpot form styling — global */
.hs-form-private .hs-form-field > label,
.hs-form .hs-form-field > label,
.hs-form .hs-form-field label.hs-label {
    font-family: 'SofiaProSoft-Medium', sans-serif;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    color: #000;
}

.hs-form-private .hs-input,
.hs-form .hs-input[type="text"],
.hs-form .hs-input[type="email"],
.hs-form .hs-input {
    width: 75% !important;
    border-radius: 20px;
    border: 1px solid #000;
    padding: 6px 15px;
    margin-bottom: 10px;
    font-family: 'SofiaProSoft-Regular', sans-serif;
    font-size: 16px;
    height: 40px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .hs-form .hs-input[type="text"],
    .hs-form .hs-input[type="email"] {
        width: 100% !important;
    }
}

.hs-form .hs-input[type="text"]:hover,
.hs-form .hs-input[type="email"]:hover {
    border: 2px solid #8c4799;
}

.hs-form .hs-input[type="text"]:focus,
.hs-form .hs-input[type="email"]:focus {
    border: 2px solid #3a024a;
    outline: none;
}

.hs-form-private .hs-form-checkbox label,
.hs-form-private .hs-form-booleancheckbox label,
.hs-form .hs-form-checkbox label,
.hs-form .hs-form-booleancheckbox label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'SofiaProSoft-Regular', sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    cursor: pointer;
}

.hs-form-private .hs-form-checkbox input[type="checkbox"],
.hs-form-private .hs-form-booleancheckbox input[type="checkbox"],
.hs-form .hs-form-checkbox input[type="checkbox"],
.hs-form .hs-form-booleancheckbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1px solid #4d4d4f;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    margin: 0;
}

.hs-form .hs-form-checkbox input[type="checkbox"]:checked,
.hs-form .hs-form-booleancheckbox input[type="checkbox"]:checked {
    border-color: #3a024a;
}

.hs-form .hs-form-checkbox input[type="checkbox"]:checked::before,
.hs-form .hs-form-booleancheckbox input[type="checkbox"]:checked::before {
    content: "";
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-right: 2px solid #3a024a;
    border-bottom: 2px solid #3a024a;
    border-top: 0;
    border-left: 0;
    border-radius: 0;
    position: absolute;
    left: 5px;
    top: 1px;
    width: 7px;
    height: 12px;
    transform: rotate(45deg);
}

.hs-form-private .hs-form-checkbox input[type="checkbox"]:checked::after,
.hs-form-private .hs-form-booleancheckbox input[type="checkbox"]:checked::after,
.hs-form .hs-form-checkbox input[type="checkbox"]:checked::after,
.hs-form .hs-form-booleancheckbox input[type="checkbox"]:checked::after {
    content: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border: 0 !important;
}

.hs-form-private .hs-submit .hs-button,
.hs-form-private .hs-submit input[type="submit"],
.hs-form .hs-submit .hs-button,
.hs-form .hs-submit input[type="submit"] {
    font-family: 'SofiaProSoft-Medium', sans-serif;
    font-size: 16px;
    background-color: #fff;
    color: #000;
    border: 2px solid #8c4799;
    border-radius: 20px;
    padding: 10px 40px;
    cursor: pointer;
    min-width: 195px;
}

.hs-form .hs-submit .hs-button:hover,
.hs-form .hs-submit input[type="submit"]:hover {
    background-color: #b082c0;
    color: #fff;
    border-color: #b082c0;
}

.hs-form .hs-submit .hs-button:active,
.hs-form .hs-submit input[type="submit"]:active,
.hs-form .hs-submit .hs-button:focus,
.hs-form .hs-submit input[type="submit"]:focus {
    background-color: #ffe0b1;
    color: #000;
    border-color: #8c4799;
    box-shadow: none;
    outline: none;
}

@media (max-width: 767px) {
    .hs-form .hs-submit .hs-button,
    .hs-form .hs-submit input[type="submit"] {
        width: 100%;
    }
}

.hs-form .hs-error-msgs {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
}

.hs-form .hs-error-msgs li label {
    color: #b91b21;
    font-size: 14px;
}

.hs-form .hs-input.error {
    border: 2px solid #b91b21 !important;
}

/* HubSpot new form renderer — CSS variable overrides */
[data-hsfc-id="Renderer"] {
    --hsf-default-field-label__font-family: 'SofiaProSoft-Medium', sans-serif;
    --hsf-default-field-label__font-size: 18px;
    --hsf-default-field-label__color: #000;
    --hsf-default-field-input__font-family: 'SofiaProSoft-Regular', sans-serif;
    --hsf-default-field-input__font-size: 16px;
    --hsf-default-field-input__color: #000;
    --hsf-default-field-input__background-color: #fff;
    --hsf-default-field-input__border-color: #000;
    --hsf-default-field-input__border-width: 1px;
    --hsf-default-field-input__border-style: solid;
    --hsf-default-field-input__border-radius: 20px;
    --hsf-default-field-input__padding: 10px 15px;
    --hsf-default-field-input__placeholder-color: #999;
    --hsf-default-field-checkbox__background-color: #fff;
    --hsf-default-field-checkbox__border-color: #4d4d4f;
    --hsf-default-field-checkbox__color: #3a024a;
    --hsf-default-field-checkbox__padding: 8px;
    --hsf-default-field-radio__background-color: #fff;
    --hsf-default-field-radio__border-color: #4d4d4f;
    --hsf-default-field-radio__color: #3a024a;
    --hsf-default-button__font-family: 'SofiaProSoft-Medium', sans-serif;
    --hsf-default-button__font-size: 16px;
    --hsf-default-button__color: #000;
    --hsf-default-button__background-color: #fff;
    --hsf-default-button__border-radius: 20px;
    --hsf-default-button__border-width: 2px;
    --hsf-default-button__border-style: solid;
    --hsf-default-button__border-color: #8c4799;
    --hsf-default-button__padding: 10px 40px;
    --hsf-default-button__font-weight: 500;
    --hsf-default-button--hover__background-color: #b082c0;
    --hsf-default-button--hover__color: #fff;
    --hsf-default-erroralert__color: #b91b21;
    --hsf-default-erroralert__font-family: 'SofiaProSoft-Regular', sans-serif;
    --hsf-default-background__padding: 0;
    --hsf-default-background__border-style: none;
}

[data-hsfc-id="Renderer"] .hsfc-TextInput {
    width: 43% !important;
    border-radius: 20px !important;
    border: 1px solid #000 !important;
    padding: 10px 15px !important;
    font-family: 'SofiaProSoft-Regular', sans-serif !important;
    font-size: 16px !important;
    background-color: #fff !important;
    height: 40px;
    box-sizing: border-box;
}

[data-hsfc-id="Renderer"] .hsfc-TextInput:hover {
    border: 2px solid #DBC2E0 !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-TextInput:active {
    border: 2px solid #ffe0b1 !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-TextInput:focus,
[data-hsfc-id="Renderer"] .hsfc-TextInput:focus-visible {
    border: 1px solid #4c4c4c !important;
    outline: 1px dashed #4D4D4F !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput {
    border-radius: 2px !important;
    border: 1px solid #4d4d4f !important;
    background-color: #fff !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:hover {
    border-color: #DBC2E0 !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:active {
    border-color: #ffe0b1 !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:focus-visible {
    border-color: #4c4c4c !important;
    outline: 1px dashed #4D4D4F !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-FieldLabel__RequiredIndicator {
    display: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-FieldLabel {
    font-family: 'SofiaProSoft-Medium', sans-serif !important;
    font-size: 18px !important;
    color: #000 !important;
}

[data-hsfc-id="Renderer"] .hsfc-NavigationRow {
    margin-top: 10px !important;
}

[data-hsfc-id="Renderer"] .hsfc-NavigationRow__Buttons {
    justify-content: flex-start !important;
    margin-bottom: 30px;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options > *:not(:last-child) {
    margin-bottom: 15px !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options label > span,
[data-hsfc-id="Renderer"] .hsfc-CheckboxField label > span {
    font-family: 'SofiaProSoft-Regular', sans-serif !important;
    font-size: 16px !important;
    color: #000 !important;
    line-height: 1.25 !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options label,
[data-hsfc-id="Renderer"] .hsfc-CheckboxField label {
    align-items: flex-start !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options label > input,
[data-hsfc-id="Renderer"] .hsfc-CheckboxField label > input {
    margin-top: 2px !important;
}

@media (max-width: 767px) {
    [data-hsfc-id="Renderer"] .hsfc-TextInput::placeholder {
        text-align: center !important;
    }

    [data-hsfc-id="Renderer"] .hsfc-TextInput {
        text-align: center !important;
    }
}

[data-hsfc-id="Renderer"] .hsfc-Button {
    font-family: 'SofiaProSoft-Medium', sans-serif !important;
    font-size: 14px !important;
    background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #8c4799 !important;
    border-radius: 20px !important;
    padding: 10px 80px !important;
    min-width: 260px;
    font-weight: 500 !important;
    width: auto !important;
}

[data-hsfc-id="Renderer"] .hsfc-Button:not([disabled]):hover {
    background-color: #DBC2E0 !important;
    color: #000 !important;
    border-color: #b082c0 !important;
    transform: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-Button:not([disabled]):active,
[data-hsfc-id="Renderer"] .hsfc-Button:not([disabled]):focus {
    background-color: #ffe0b1 !important;
    color: #000 !important;
    border-color: #8c4799 !important;
    transform: none !important;
    box-shadow: none !important;
}

[data-hsfc-id="Renderer"] .hsfc-Step {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

[data-hsfc-id="Renderer"] .hsfc-Step .hsfc-Step__Content {
    padding: 20px !important;
}

@media (max-width: 767px) {
    [data-hsfc-id="Renderer"] .hsfc-TextInput {
        width: 100% !important;
    }

    [data-hsfc-id="Renderer"] .hsfc-Button {
        width: 100% !important;
    }
}

/* btn-quaternary: text always black, no underline */
.btn-quaternary,
.btn-quaternary:hover,
.btn-quaternary:focus,
.btn-quaternary:active,
.btn-quaternary:visited,
.btn-quaternary:not([href]):not([tabindex]),
.btn-quaternary:not([href]):not([tabindex]):hover,
.btn-quaternary:not([href]):not([tabindex]):focus,
.btn-quaternary:not([href]):not([tabindex]):active {
    color: #000 !important;
    text-decoration: none !important;
}

}