@charset "UTF-8";
[ui-toggle-content] {
    display: block
}

[ui-toggle-content=content] {
    display: none
}

[ui-toggle-content=content].ui-toggle-content-open,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none
}

[hidden],
template {
    display: none
}

.grid__item {
    display: inline-block
}

@media only screen and (min-width:20em) {
    .infant--one-whole {
        width: 100%
    }
    .infant--one-half,
    .infant--two-quarters,
    .infant--three-sixths,
    .infant--four-eighths,
    .infant--five-tenths,
    .infant--six-twelfths {
        width: 50%
    }
    .infant--one-third,
    .infant--two-sixths,
    .infant--four-twelfths {
        width: 33.333%
    }
    .infant--two-thirds,
    .infant--four-sixths,
    .infant--eight-twelfths {
        width: 66.666%
    }
    .infant--one-quarter,
    .infant--two-eighths,
    .infant--three-twelfths {
        width: 25%
    }
    .infant--three-quarters,
    .infant--six-eighths,
    .infant--nine-twelfths {
        width: 75%
    }
    .infant--one-fifth,
    .infant--two-tenths {
        width: 20%
    }
    .infant--two-fifths,
    .infant--four-tenths {
        width: 40%
    }
    .infant--three-fifths,
    .infant--six-tenths {
        width: 60%
    }
    .infant--four-fifths,
    .infant--eight-tenths {
        width: 80%
    }
    .infant--one-sixth,
    .infant--two-twelfths {
        width: 16.666%
    }
    .infant--five-sixths,
    .infant--ten-twelfths {
        width: 83.333%
    }
    .infant--one-eighth {
        width: 12.5%
    }
    .infant--three-eighths {
        width: 37.5%
    }
    .infant--five-eighths {
        width: 62.5%
    }
    .infant--seven-eighths {
        width: 87.5%
    }
    .infant--one-tenth {
        width: 10%
    }
    .infant--three-tenths {
        width: 30%
    }
    .infant--seven-tenths {
        width: 70%
    }
    .infant--nine-tenths {
        width: 90%
    }
    .infant--one-twelfth {
        width: 8.333%
    }
    .infant--five-twelfths {
        width: 41.666%
    }
    .infant--seven-twelfths {
        width: 58.333%
    }
    .infant--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:30em) {
    .baby--one-whole {
        width: 100%
    }
    .baby--one-half,
    .baby--two-quarters,
    .baby--three-sixths,
    .baby--four-eighths,
    .baby--five-tenths,
    .baby--six-twelfths {
        width: 50%
    }
    .baby--one-third,
    .baby--two-sixths,
    .baby--four-twelfths {
        width: 33.333%
    }
    .baby--two-thirds,
    .baby--four-sixths,
    .baby--eight-twelfths {
        width: 66.666%
    }
    .baby--one-quarter,
    .baby--two-eighths,
    .baby--three-twelfths {
        width: 25%
    }
    .baby--three-quarters,
    .baby--six-eighths,
    .baby--nine-twelfths {
        width: 75%
    }
    .baby--one-fifth,
    .baby--two-tenths {
        width: 20%
    }
    .baby--two-fifths,
    .baby--four-tenths {
        width: 40%
    }
    .baby--three-fifths,
    .baby--six-tenths {
        width: 60%
    }
    .baby--four-fifths,
    .baby--eight-tenths {
        width: 80%
    }
    .baby--one-sixth,
    .baby--two-twelfths {
        width: 16.666%
    }
    .baby--five-sixths,
    .baby--ten-twelfths {
        width: 83.333%
    }
    .baby--one-eighth {
        width: 12.5%
    }
    .baby--three-eighths {
        width: 37.5%
    }
    .baby--five-eighths {
        width: 62.5%
    }
    .baby--seven-eighths {
        width: 87.5%
    }
    .baby--one-tenth {
        width: 10%
    }
    .baby--three-tenths {
        width: 30%
    }
    .baby--seven-tenths {
        width: 70%
    }
    .baby--nine-tenths {
        width: 90%
    }
    .baby--one-twelfth {
        width: 8.333%
    }
    .baby--five-twelfths {
        width: 41.666%
    }
    .baby--seven-twelfths {
        width: 58.333%
    }
    .baby--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:37.5em) {
    .child--one-whole {
        width: 100%
    }
    .child--one-half,
    .child--two-quarters,
    .child--three-sixths,
    .child--four-eighths,
    .child--five-tenths,
    .child--six-twelfths {
        width: 50%
    }
    .child--one-third,
    .child--two-sixths,
    .child--four-twelfths {
        width: 33.333%
    }
    .child--two-thirds,
    .child--four-sixths,
    .child--eight-twelfths {
        width: 66.666%
    }
    .child--one-quarter,
    .child--two-eighths,
    .child--three-twelfths {
        width: 25%
    }
    .child--three-quarters,
    .child--six-eighths,
    .child--nine-twelfths {
        width: 75%
    }
    .child--one-fifth,
    .child--two-tenths {
        width: 20%
    }
    .child--two-fifths,
    .child--four-tenths {
        width: 40%
    }
    .child--three-fifths,
    .child--six-tenths {
        width: 60%
    }
    .child--four-fifths,
    .child--eight-tenths {
        width: 80%
    }
    .child--one-sixth,
    .child--two-twelfths {
        width: 16.666%
    }
    .child--five-sixths,
    .child--ten-twelfths {
        width: 83.333%
    }
    .child--one-eighth {
        width: 12.5%
    }
    .child--three-eighths {
        width: 37.5%
    }
    .child--five-eighths {
        width: 62.5%
    }
    .child--seven-eighths {
        width: 87.5%
    }
    .child--one-tenth {
        width: 10%
    }
    .child--three-tenths {
        width: 30%
    }
    .child--seven-tenths {
        width: 70%
    }
    .child--nine-tenths {
        width: 90%
    }
    .child--one-twelfth {
        width: 8.333%
    }
    .child--five-twelfths {
        width: 41.666%
    }
    .child--seven-twelfths {
        width: 58.333%
    }
    .child--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:48em) {
    .teen--one-whole {
        width: 100%
    }
    .teen--one-half,
    .teen--two-quarters,
    .teen--three-sixths,
    .teen--four-eighths,
    .teen--five-tenths,
    .teen--six-twelfths {
        width: 50%
    }
    .teen--one-third,
    .teen--two-sixths,
    .teen--four-twelfths {
        width: 33.333%
    }
    .teen--two-thirds,
    .teen--four-sixths,
    .teen--eight-twelfths {
        width: 66.666%
    }
    .teen--one-quarter,
    .teen--two-eighths,
    .teen--three-twelfths {
        width: 25%
    }
    .teen--three-quarters,
    .teen--six-eighths,
    .teen--nine-twelfths {
        width: 75%
    }
    .teen--one-fifth,
    .teen--two-tenths {
        width: 20%
    }
    .teen--two-fifths,
    .teen--four-tenths {
        width: 40%
    }
    .teen--three-fifths,
    .teen--six-tenths {
        width: 60%
    }
    .teen--four-fifths,
    .teen--eight-tenths {
        width: 80%
    }
    .teen--one-sixth,
    .teen--two-twelfths {
        width: 16.666%
    }
    .teen--five-sixths,
    .teen--ten-twelfths {
        width: 83.333%
    }
    .teen--one-eighth {
        width: 12.5%
    }
    .teen--three-eighths {
        width: 37.5%
    }
    .teen--five-eighths {
        width: 62.5%
    }
    .teen--seven-eighths {
        width: 87.5%
    }
    .teen--one-tenth {
        width: 10%
    }
    .teen--three-tenths {
        width: 30%
    }
    .teen--seven-tenths {
        width: 70%
    }
    .teen--nine-tenths {
        width: 90%
    }
    .teen--one-twelfth {
        width: 8.333%
    }
    .teen--five-twelfths {
        width: 41.666%
    }
    .teen--seven-twelfths {
        width: 58.333%
    }
    .teen--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:64em) {
    .adult--one-whole {
        width: 100%
    }
    .adult--one-half,
    .adult--two-quarters,
    .adult--three-sixths,
    .adult--four-eighths,
    .adult--five-tenths,
    .adult--six-twelfths {
        width: 50%
    }
    .adult--one-third,
    .adult--two-sixths,
    .adult--four-twelfths {
        width: 33.333%
    }
    .adult--two-thirds,
    .adult--four-sixths,
    .adult--eight-twelfths {
        width: 66.666%
    }
    .adult--one-quarter,
    .adult--two-eighths,
    .adult--three-twelfths {
        width: 25%
    }
    .adult--three-quarters,
    .adult--six-eighths,
    .adult--nine-twelfths {
        width: 75%
    }
    .adult--one-fifth,
    .adult--two-tenths {
        width: 20%
    }
    .adult--two-fifths,
    .adult--four-tenths {
        width: 40%
    }
    .adult--three-fifths,
    .adult--six-tenths {
        width: 60%
    }
    .adult--four-fifths,
    .adult--eight-tenths {
        width: 80%
    }
    .adult--one-sixth,
    .adult--two-twelfths {
        width: 16.666%
    }
    .adult--five-sixths,
    .adult--ten-twelfths {
        width: 83.333%
    }
    .adult--one-eighth {
        width: 12.5%
    }
    .adult--three-eighths {
        width: 37.5%
    }
    .adult--five-eighths {
        width: 62.5%
    }
    .adult--seven-eighths {
        width: 87.5%
    }
    .adult--one-tenth {
        width: 10%
    }
    .adult--three-tenths {
        width: 30%
    }
    .adult--seven-tenths {
        width: 70%
    }
    .adult--nine-tenths {
        width: 90%
    }
    .adult--one-twelfth {
        width: 8.333%
    }
    .adult--five-twelfths {
        width: 41.666%
    }
    .adult--seven-twelfths {
        width: 58.333%
    }
    .adult--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:68.75em) {
    .mama--one-whole {
        width: 100%
    }
    .mama--one-half,
    .mama--two-quarters,
    .mama--three-sixths,
    .mama--four-eighths,
    .mama--five-tenths,
    .mama--six-twelfths {
        width: 50%
    }
    .mama--one-third,
    .mama--two-sixths,
    .mama--four-twelfths {
        width: 33.333%
    }
    .mama--two-thirds,
    .mama--four-sixths,
    .mama--eight-twelfths {
        width: 66.666%
    }
    .mama--one-quarter,
    .mama--two-eighths,
    .mama--three-twelfths {
        width: 25%
    }
    .mama--three-quarters,
    .mama--six-eighths,
    .mama--nine-twelfths {
        width: 75%
    }
    .mama--one-fifth,
    .mama--two-tenths {
        width: 20%
    }
    .mama--two-fifths,
    .mama--four-tenths {
        width: 40%
    }
    .mama--three-fifths,
    .mama--six-tenths {
        width: 60%
    }
    .mama--four-fifths,
    .mama--eight-tenths {
        width: 80%
    }
    .mama--one-sixth,
    .mama--two-twelfths {
        width: 16.666%
    }
    .mama--five-sixths,
    .mama--ten-twelfths {
        width: 83.333%
    }
    .mama--one-eighth {
        width: 12.5%
    }
    .mama--three-eighths {
        width: 37.5%
    }
    .mama--five-eighths {
        width: 62.5%
    }
    .mama--seven-eighths {
        width: 87.5%
    }
    .mama--one-tenth {
        width: 10%
    }
    .mama--three-tenths {
        width: 30%
    }
    .mama--seven-tenths {
        width: 70%
    }
    .mama--nine-tenths {
        width: 90%
    }
    .mama--one-twelfth {
        width: 8.333%
    }
    .mama--five-twelfths {
        width: 41.666%
    }
    .mama--seven-twelfths {
        width: 58.333%
    }
    .mama--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:81.25em) {
    .papa--one-whole {
        width: 100%
    }
    .papa--one-half,
    .papa--two-quarters,
    .papa--three-sixths,
    .papa--four-eighths,
    .papa--five-tenths,
    .papa--six-twelfths {
        width: 50%
    }
    .papa--one-third,
    .papa--two-sixths,
    .papa--four-twelfths {
        width: 33.333%
    }
    .papa--two-thirds,
    .papa--four-sixths,
    .papa--eight-twelfths {
        width: 66.666%
    }
    .papa--one-quarter,
    .papa--two-eighths,
    .papa--three-twelfths {
        width: 25%
    }
    .papa--three-quarters,
    .papa--six-eighths,
    .papa--nine-twelfths {
        width: 75%
    }
    .papa--one-fifth,
    .papa--two-tenths {
        width: 20%
    }
    .papa--two-fifths,
    .papa--four-tenths {
        width: 40%
    }
    .papa--three-fifths,
    .papa--six-tenths {
        width: 60%
    }
    .papa--four-fifths,
    .papa--eight-tenths {
        width: 80%
    }
    .papa--one-sixth,
    .papa--two-twelfths {
        width: 16.666%
    }
    .papa--five-sixths,
    .papa--ten-twelfths {
        width: 83.333%
    }
    .papa--one-eighth {
        width: 12.5%
    }
    .papa--three-eighths {
        width: 37.5%
    }
    .papa--five-eighths {
        width: 62.5%
    }
    .papa--seven-eighths {
        width: 87.5%
    }
    .papa--one-tenth {
        width: 10%
    }
    .papa--three-tenths {
        width: 30%
    }
    .papa--seven-tenths {
        width: 70%
    }
    .papa--nine-tenths {
        width: 90%
    }
    .papa--one-twelfth {
        width: 8.333%
    }
    .papa--five-twelfths {
        width: 41.666%
    }
    .papa--seven-twelfths {
        width: 58.333%
    }
    .papa--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:120em) {
    .elder--one-whole {
        width: 100%
    }
    .elder--one-half,
    .elder--two-quarters,
    .elder--three-sixths,
    .elder--four-eighths,
    .elder--five-tenths,
    .elder--six-twelfths {
        width: 50%
    }
    .elder--one-third,
    .elder--two-sixths,
    .elder--four-twelfths {
        width: 33.333%
    }
    .elder--two-thirds,
    .elder--four-sixths,
    .elder--eight-twelfths {
        width: 66.666%
    }
    .elder--one-quarter,
    .elder--two-eighths,
    .elder--three-twelfths {
        width: 25%
    }
    .elder--three-quarters,
    .elder--six-eighths,
    .elder--nine-twelfths {
        width: 75%
    }
    .elder--one-fifth,
    .elder--two-tenths {
        width: 20%
    }
    .elder--two-fifths,
    .elder--four-tenths {
        width: 40%
    }
    .elder--three-fifths,
    .elder--six-tenths {
        width: 60%
    }
    .elder--four-fifths,
    .elder--eight-tenths {
        width: 80%
    }
    .elder--one-sixth,
    .elder--two-twelfths {
        width: 16.666%
    }
    .elder--five-sixths,
    .elder--ten-twelfths {
        width: 83.333%
    }
    .elder--one-eighth {
        width: 12.5%
    }
    .elder--three-eighths {
        width: 37.5%
    }
    .elder--five-eighths {
        width: 62.5%
    }
    .elder--seven-eighths {
        width: 87.5%
    }
    .elder--one-tenth {
        width: 10%
    }
    .elder--three-tenths {
        width: 30%
    }
    .elder--seven-tenths {
        width: 70%
    }
    .elder--nine-tenths {
        width: 90%
    }
    .elder--one-twelfth {
        width: 8.333%
    }
    .elder--five-twelfths {
        width: 41.666%
    }
    .elder--seven-twelfths {
        width: 58.333%
    }
    .elder--eleven-twelfths {
        width: 91.666%
    }
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href)")"
    }
    abbr[title]:after {
        content: " (" attr(title)")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

@media (min-width:48em) {
    .-padding {
        padding: 40px
    }
}

.btn,
.ui-selectmenu-button {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d4b4c', endColorstr='#252122', GradientType=0);
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: ms-inline-flex
}

.btn:hover,
.ui-selectmenu-button:hover {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7b797a', endColorstr='#5b595a', GradientType=0)
}

.btn--twitter {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.btn--twitter:before {
    display: inline-block
}

.btn--linkedin {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.btn--linkedin:before {
    display: inline-block
}

.burger__hl {
    display: inline-block
}

* html .burger__hl,
*+html .burger__hl {
    display: inline
}

@media (min-width:48em) {
    .burger__hl {
        width: 24px;
        height: 3px;
        top: 3px
    }
}

.burger__hl:before,
.burger__hl:after {
    display: inline-block
}

* html .burger__hl:before,
* html .burger__hl:after,
*+html .burger__hl:before,
*+html .burger__hl:after {
    display: inline
}

@media (min-width:48em) {
    .burger__hl:before,
    .burger__hl:after {
        width: 24px;
        height: 3px
    }
}

@media (min-width:48em) {
    .burger__hl:before {
        top: 6px
    }
}

@media (min-width:48em) {
    .burger__hl:after {
        top: -6px
    }
}

.burgerbun {
    display: block
}

@media (min-width:68.75em) {
    .burgerbun {
        display: none
    }
}

.card--prod-details .card__content {
    display: none
}

@media (min-width:37.5em) {
    .card--prod-details .card__content {
        display: block;
        position: relative;
        margin-bottom: 10px
    }
    .card--prod-details .card__content p:first-child {
        margin-top: 0
    }
}

.card--prod-details .card__content.-unrestricted {
    display: block
}

.card--news .card__image,
.card--award .card__image {
    display: none
}

@media (min-width:37.5em) {
    .card--news .card__image,
    .card--award .card__image {
        display: block
    }
}

.card--news .card__image img,
.card--award .card__image img {
    display: block
}

.card--news .card__content .date,
.card--award .card__content .date {
    display: inline-block
}

.card--award .-restricted:after {
    display: none!important
}

.card--related {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:37.5em) {
    .card--related {
        height: 150px
    }
}

.card .-restricted:after {
    display: block;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

@media (min-width:37.5em) {
    .carousel .owl-nav .owl-prev {
        top: 69px
    }
}

@media (min-width:37.5em) {
    .carousel .owl-nav .owl-next {
        top: 69px
    }
}

.carousel .owl-dots .owl-dot {
    display: inline-block
}

@media (min-width:48em) {
    .carousel--testimonial {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width:37.5em) {
    .carousel--staff .staff {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width:37.5em) {
    .carousel--staff .staff__avatar {
        left: 80px
    }
}

@media (min-width:48em) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:64em) {
    .container {
        padding-left: 0;
        padding-right: 0
    }
}

.document [ui-icon=pdf],
.document [ui-icon=zip],
.document [ui-icon=xls],
.document [ui-icon=xlsx],
.document [ui-icon=txt],
.document [ui-icon=ppt],
.document [ui-icon=pptx],
.document [ui-icon=doc],
.document [ui-icon=docx] {
    display: none
}

@media (min-width:64em) {
    .footer .grid .grid__item {
        padding-left: 20px
    }
}

@media (min-width:64em) {
    .footer .grid .grid__item .grid__item:first-child {
        padding-left: 80px
    }
}

@media (min-width:64em) {
    .footer .grid .grid__item .grid__item {
        padding-left: 20px
    }
}

@media (min-width:64em) {
    .footer__content {
        padding-bottom: 25px
    }
}

@media (min-width:68.75em) {
    .footer__content {
        text-align: left
    }
}

@media (min-width:64em) {
    .footer .company-details .topOfFooter {
        position: static;
        top: auto
    }
}

@media (min-width:64em) {
    .footer .company-details .bottomOfFooter {
        position: static;
        bottom: auto
    }
}

@media (min-width:37.5em) {
    .footer h4 {
        margin-top: 0
    }
}

@media (min-width:68.75em) {
    .footer h4 {
        margin-top: 33px
    }
}

.footer span {
    display: block
}

.footer p span {
    display: inline
}

@media (min-width:68.75em) {
    .footer .footer__links li {
        margin-bottom: 8px
    }
}

@media (min-width:68.75em) {
    .footer__base {
        text-align: left
    }
}

.form__item label {
    display: block
}

.form__item input[type="submit"] {
    display: inline-block
}

.form__item .checkboxes,
.form__item .radios,
.ui-selectmenu-button {
    display: block
}

.ui-selectmenu-button span.ui-selectmenu-text:after {
    display: block
}

[ui-multiforms-success] {
    display: none
}

@media (min-width:68.75em) {
    .header {
        min-height: 120px
    }
}

.contact-tab span {
    display: none
}

@media (min-width:68.75em) {
    .contact-tab {
        position: absolute;
        top: 0;
        right: 40px;
        left: auto;
        height: auto;
        color: #fff;
        padding: 20px 18px 18px;
        background: #555;
        background: linear-gradient(to bottom, #555 0%, #000 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000', GradientType=0);
        border-radius: 0 0 4px 4px;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    .contact-tab a {
        font-size: 2.1em;
        line-height: 1.4em
    }
    .contact-tab a,
    .contact-tab span {
        float: left;
        clear: both;
        width: 100%;
        letter-spacing: 1px;
        font-weight: 500
    }
    .contact-tab span {
        font-size: .9em;
        line-height: 11px;
        display: block
    }
}

@media (min-width:68.75em) {
    .logo {
        top: 26px;
        margin-left: 40px
    }
}

.flower__petal {
    display: block
}

@-webkit-keyframes petalA {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-80deg);
        transform: rotate(-80deg)
    }
}

@keyframes petalA {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-80deg);
        transform: rotate(-80deg)
    }
}

@-webkit-keyframes petalB {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg)
    }
}

@keyframes petalB {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg)
    }
}

@-webkit-keyframes petalC {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-145deg);
        transform: rotate(-145deg)
    }
}

@keyframes petalC {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-145deg);
        transform: rotate(-145deg)
    }
}

@-webkit-keyframes petalD {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-190deg);
        transform: rotate(-190deg)
    }
}

@keyframes petalD {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-190deg);
        transform: rotate(-190deg)
    }
}

@-webkit-keyframes petalE {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

@keyframes petalE {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

.heading:after {
    display: block
}

@media (min-width:68.75em) {
    .pageName {
        display: none
    }
}

.hero__media {
    display: none
}

@media (min-width:48em) {
    .hero__media {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 300px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-bottom: 8px solid green
    }
}

@media (min-width:68.75em) {
    .hero>.container {
        margin: 0 auto;
        max-width: 960px
    }
    .hero>.container .hero__content {
        padding: 20px
    }
}

@media (min-width:48em) {
    .hero__content {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 24px;
        width: 50%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 300px
    }
}

@media (min-width:48em) {
    .hero--home {
        padding-top: 55px;
        padding-bottom: 53px
    }
}

@media (min-width:48em) {
    .hero--home h1 {
        display: block;
        font-size: 2.3125rem;
        margin-bottom: 20px
    }
}

.hero--home p {
    display: none
}

@media (min-width:48em) {
    .hero--home p {
        display: block
    }
}

.icon {
    display: inline-block
}

@media (min-width:37.5em) {
    .modal__content {
        width: 580px
    }
}

@media (min-width:64em) {
    .modal__content {
        top: 100px
    }
}

.modal__content .modal__subheading {
    display: inline-block
}

.modal__close {
    display: block
}

.modal__close-btn {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d4b4c', endColorstr='#252122', GradientType=0);
    display: block
}

.modal__close-btn:hover {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7b797a', endColorstr='#5b595a', GradientType=0)
}

@media (min-width:37.5em) {
    .modal .modal--form {
        width: 580px;
        padding: 40px
    }
}

@media (min-width:48em) {
    .modal .modal--form {
        padding: 60px
    }
}

[ui-modal] {
    display: none
}

.modal__content [ui-modal] {
    display: block
}

div[ui-multiforms-many],
[ui-multiforms-selection-summary],
.nav--desktop {
    display: none
}

@media (min-width:68.75em) {
    .nav--desktop {
        display: block
    }
}

.nav--level1>ul>li {
    display: inline-block
}

.nav--level1>ul>li.selected>ul,
.nav--level1>ul>li.ancestor>ul {
    display: block
}

@media (min-width:81.25em) {
    .nav--level1>ul>li {
        margin-right: 30px
    }
}

@media (min-width:120em) {
    .nav--level1>ul>li {
        margin-right: 40px
    }
}

@media (min-width:68.75em) {
    .nav--level1 {
        right: 425px
    }
}

@media (min-width:81.25em) {
    .nav--level1 {
        right: 500px;
        left: 210px
    }
}

.nav--level2>ul {
    display: block
}

.nav--level2>ul>li {
    display: inline-block
}

.nav--level2>ul>li>a {
    display: block
}

.nav--mobile ul li.label:after {
    display: none
}

.nav--mobile ul li a,
.nav--mobile ul li span {
    display: block
}

.nav--mobile ul li ul {
    display: none
}

.nav__window>div:first-child.show:after {
    display: none
}

.nav__window>div.show span {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000', GradientType=0)
}

.nav__window>div:after {
    display: block;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=1)
}

@media (min-width:68.75em) {
    .nav__window {
        display: none
    }
}

.nav--sitemap>div ul li a,
.nav--sitemap>div ul ul li a,
.nav--sitemap>div ul ul li ul li a {
    display: block
}

@media (min-width:48em) {
    .home-nav {
        background: #fff;
        background: linear-gradient(to right, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=1)
    }
}

.home-nav__media img {
    display: block
}

.home-nav__media--secondary {
    display: none
}

@media (min-width:48em) {
    .home-nav__media--secondary {
        display: inline-block
    }
}

@media (min-width:48em) {
    .home-nav__media {
        display: inline-block;
        width: 50%
    }
}

@media (min-width:48em) {
    .home-nav__section {
        display: inline-block;
        width: 50%;
        padding-top: 50px;
        padding-bottom: 30px;
        vertical-align: top;
        padding-left: 90px
    }
}

@media (min-width:64em) {
    .home-nav__section {
        padding-left: 0
    }
}

@media (min-width:48em) {
    .home-nav__section [ui-toggle-content=content] {
        display: block
    }
}

@media (min-width:48em) {
    .home-nav__section [ui-toggle-content=glass] {
        display: none
    }
}

@media (min-width:48em) {
    .home-nav__section .home-nav__tab {
        padding: 0;
        background-color: transparent
    }
}

@media (min-width:48em) {
    .home-nav__section .home-nav__tab h2 {
        font-size: 2.3125rem
    }
}

@media (min-width:48em) {
    .home-nav__section .icon-angle-down {
        display: none
    }
}

@media (min-width:48em) {
    .home-nav__section .home-nav__tab-content {
        margin-top: 35px;
        padding: 0
    }
}

@media (min-width:48em) {
    .home-nav__section--secondary {
        padding-left: 90px
    }
}

@media (min-width:48em) {
    .home-nav__section--secondary .home-nav__tab {
        background-color: transparent
    }
}

.home-nav__item .bullet,
.home-nav__item h4 {
    display: inline-block
}

.page-name {
    display: block
}

@media (min-width:68.75em) {
    .page-name {
        display: none
    }
}

.back-link svg {
    display: none
}

.back-link>svg,
.back-link a {
    display: block
}

@media (min-width:68.75em) {
    .back-link {
        display: block;
        position: absolute;
        left: 0;
        top: 15px;
        z-index: 2;
        padding-left: 60px;
        font-size: .9em;
        background: 0 0;
        text-indent: 0
    }
    .back-link a {
        color: #000;
        font-weight: 400;
        line-height: 23px;
        position: relative
    }
    .back-link a:hover {
        text-decoration: underline
    }
    .back-link a .icon {
        display: block;
        width: 10px;
        height: 20px;
        margin-right: 10px;
        vertical-align: bottom;
        position: absolute;
        margin-left: -20px
    }
}

.hideSubNav .nav--level2 {
    display: none
}

@media (min-width:48em) {
    .product-list__item {
        display: inline-block;
        border-left: 1px solid #dfdfdf
    }
    .product-list__item:first-child {
        border-left: none
    }
}

@media (min-width:48em) {
    .product-list__item:last-child a {
        padding: 35px 20px 10px
    }
}

@media (min-width:48em) {
    .product-list__item a {
        padding: 35px 20px 10px;
        min-height: 200px
    }
}

@media (min-width:48em) {
    .product-list--1 .product-list__item {
        width: 25%
    }
    .product-list--2 .product-list__item,
    .product-list--3 .product-list__item {
        width: 33.33%
    }
    .product-list--4 .product-list__item {
        width: 25%
    }
    .product-list--5 .product-list__item {
        width: 33.33%
    }
    .product-list--5 .product-list__item:nth-child(1),
    .product-list--5 .product-list__item:nth-child(2),
    .product-list--5 .product-list__item:nth-child(3) {
        border-bottom: 1px solid #dfdfdf
    }
    .product-list--5 .product-list__item:nth-child(4) {
        border-left: none
    }
    .product-list--5 .product-list__item:nth-child(6) svg * {
        fill: inherit!important
    }
    .product-list--6 .product-list__item {
        width: 33.33%
    }
    .product-list--6 .product-list__item:nth-child(4) {
        border-top: 1px solid #dfdfdf;
        border-left: none
    }
    .product-list--6 .product-list__item:nth-child(5),
    .product-list--6 .product-list__item:nth-child(6) {
        border-top: 1px solid #dfdfdf
    }
}

@media (min-width:37.5em) {
    .grid--related li {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px
    }
}

@media (min-width:48em) {
    .grid--related li {
        width: 20%;
        padding: 0 5px
    }
}

.header .searchform {
    display: none
}

@media (min-width:68.75em) {
    .header .searchform {
        position: absolute;
        z-index: 20000;
        right: 310px;
        left: auto;
        top: 40px;
        padding: 0;
        background: 0 0;
        display: block
    }
}

@media (min-width:81.25em) {
    .header .searchform {
        right: 330px
    }
}

.searchform label {
    display: none
}

@media (min-width:68.75em) {
    .searchform input[type=search] {
        padding: 0 5px 0 10px;
        max-width: 60px
    }
}

@media (min-width:81.25em) {
    .searchform input[type=search] {
        padding: 0 10px 0 15px;
        max-width: 95px
    }
}

.searchform svg {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000', GradientType=0)
}

[ui-search-lazyload] li {
    display: none
}

[ui-search-lazyload] li.show {
    display: block
}

@media (min-width:81.25em) {
    .section {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.section--links {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=1)
}

.staff__avatar {
    display: none
}

@media (min-width:37.5em) {
    .staff__avatar {
        display: block;
        width: 120px;
        height: 120px;
        position: absolute;
        left: 0
    }
    .staff__avatar img {
        max-width: 100%;
        border-radius: 50%
    }
}

@media (min-width:37.5em) {
    .staff__bio {
        padding-left: 150px;
        text-align: left
    }
}

.tile--user {
    display: block
}

@media (min-width:48em) {
    .tile--user {
        border-top: none!important;
        margin-bottom: 0
    }
}

@media (min-width:48em) {
    .tile--user .tile__heading {
        margin-bottom: 10px
    }
}

@media (max-width:47.9em) {
    .tile--user .tile__background {
        background: none!important;
        border-top: none!important
    }
}

@media (min-width:48em) {
    .tile--user .tile__background {
        border-top-width: 8px;
        border-top-style: solid;
        height: 180px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
}

@media (min-width:48em) {
    .tile--user .tile__caption {
        width: 100%;
        position: absolute;
        bottom: 0;
        padding: 15px 20px;
        background-color: rgba(0, 0, 0, .75);
        color: #fff
    }
}

.tile--product {
    display: block
}

@media (min-width:48em) {
    .tile--product {
        display: inline-block;
        padding: 30px 20px 40px;
        margin-bottom: 0;
        border-bottom: 0 solid #ddd
    }
}

@media (min-width:48em) {
    .tile--product .tile__icon {
        position: relative;
        left: auto
    }
}

.tile--product .tile__heading {
    display: block
}

@media (min-width:48em) {
    .tile--product .tile__heading {
        text-align: center;
        font-size: 1.6em;
        font-weight: 400;
        margin: 0 0 10px
    }
}

.tile--product .tile__caption {
    display: block
}

@media (min-width:48em) {
    .tile--product .tile__caption {
        text-align: center
    }
}

.-full-height {
    position: relative
}

.-full-height>*,
.-full-height>*>div {
    position: relative;
    top: 0;
    bottom: 0
}

[ui-toggle-content] {
    display: block;
    position: relative
}

[ui-toggle-content=glass] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

[ui-toggle-content=content] {
    display: none
}

[ui-toggle-content=content].ui-toggle-content-open {
    display: block
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: 0 0
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th,
.grid {
    padding: 0
}

.grid {
    list-style: none;
    margin: 0 0 0 -24px
}

.grid__item {
    display: inline-block;
    padding-left: 24px;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box
}

.grid--rev {
    direction: rtl;
    text-align: left
}

.grid--rev>.grid__item {
    direction: ltr;
    text-align: left
}

.grid--full {
    margin-left: 0
}

.grid--full>.grid__item {
    padding-left: 0
}

.grid--right {
    text-align: right
}

.grid--right>.grid__item {
    text-align: left
}

.grid--center {
    text-align: center
}

.grid--center>.grid__item {
    text-align: left
}

.grid--middle>.grid__item {
    vertical-align: middle
}

.grid--bottom>.grid__item {
    vertical-align: bottom
}

.grid--narrow {
    margin-left: -12px
}

.grid--narrow>.grid__item {
    padding-left: 12px
}

.grid--wide {
    margin-left: -48px
}

.grid--wide>.grid__item {
    padding-left: 48px
}

.one-whole {
    width: 100%
}

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
    width: 50%
}

.one-third,
.two-sixths,
.four-twelfths {
    width: 33.333%
}

.two-thirds,
.four-sixths,
.eight-twelfths {
    width: 66.666%
}

.one-quarter,
.two-eighths,
.three-twelfths {
    width: 25%
}

.three-quarters,
.six-eighths,
.nine-twelfths {
    width: 75%
}

.one-fifth,
.two-tenths {
    width: 20%
}

.two-fifths,
.four-tenths {
    width: 40%
}

.three-fifths,
.six-tenths {
    width: 60%
}

.four-fifths,
.eight-tenths {
    width: 80%
}

.one-sixth,
.two-twelfths {
    width: 16.666%
}

.five-sixths,
.ten-twelfths {
    width: 83.333%
}

.one-eighth {
    width: 12.5%
}

.three-eighths {
    width: 37.5%
}

.five-eighths {
    width: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.333%
}

.five-twelfths {
    width: 41.666%
}

.seven-twelfths {
    width: 58.333%
}

.eleven-twelfths {
    width: 91.666%
}

@media only screen and (min-width:20em) {
    .infant--one-whole {
        width: 100%
    }
    .infant--one-half,
    .infant--two-quarters,
    .infant--three-sixths,
    .infant--four-eighths,
    .infant--five-tenths,
    .infant--six-twelfths {
        width: 50%
    }
    .infant--one-third,
    .infant--two-sixths,
    .infant--four-twelfths {
        width: 33.333%
    }
    .infant--two-thirds,
    .infant--four-sixths,
    .infant--eight-twelfths {
        width: 66.666%
    }
    .infant--one-quarter,
    .infant--two-eighths,
    .infant--three-twelfths {
        width: 25%
    }
    .infant--three-quarters,
    .infant--six-eighths,
    .infant--nine-twelfths {
        width: 75%
    }
    .infant--one-fifth,
    .infant--two-tenths {
        width: 20%
    }
    .infant--two-fifths,
    .infant--four-tenths {
        width: 40%
    }
    .infant--three-fifths,
    .infant--six-tenths {
        width: 60%
    }
    .infant--four-fifths,
    .infant--eight-tenths {
        width: 80%
    }
    .infant--one-sixth,
    .infant--two-twelfths {
        width: 16.666%
    }
    .infant--five-sixths,
    .infant--ten-twelfths {
        width: 83.333%
    }
    .infant--one-eighth {
        width: 12.5%
    }
    .infant--three-eighths {
        width: 37.5%
    }
    .infant--five-eighths {
        width: 62.5%
    }
    .infant--seven-eighths {
        width: 87.5%
    }
    .infant--one-tenth {
        width: 10%
    }
    .infant--three-tenths {
        width: 30%
    }
    .infant--seven-tenths {
        width: 70%
    }
    .infant--nine-tenths {
        width: 90%
    }
    .infant--one-twelfth {
        width: 8.333%
    }
    .infant--five-twelfths {
        width: 41.666%
    }
    .infant--seven-twelfths {
        width: 58.333%
    }
    .infant--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:30em) {
    .baby--one-whole {
        width: 100%
    }
    .baby--one-half,
    .baby--two-quarters,
    .baby--three-sixths,
    .baby--four-eighths,
    .baby--five-tenths,
    .baby--six-twelfths {
        width: 50%
    }
    .baby--one-third,
    .baby--two-sixths,
    .baby--four-twelfths {
        width: 33.333%
    }
    .baby--two-thirds,
    .baby--four-sixths,
    .baby--eight-twelfths {
        width: 66.666%
    }
    .baby--one-quarter,
    .baby--two-eighths,
    .baby--three-twelfths {
        width: 25%
    }
    .baby--three-quarters,
    .baby--six-eighths,
    .baby--nine-twelfths {
        width: 75%
    }
    .baby--one-fifth,
    .baby--two-tenths {
        width: 20%
    }
    .baby--two-fifths,
    .baby--four-tenths {
        width: 40%
    }
    .baby--three-fifths,
    .baby--six-tenths {
        width: 60%
    }
    .baby--four-fifths,
    .baby--eight-tenths {
        width: 80%
    }
    .baby--one-sixth,
    .baby--two-twelfths {
        width: 16.666%
    }
    .baby--five-sixths,
    .baby--ten-twelfths {
        width: 83.333%
    }
    .baby--one-eighth {
        width: 12.5%
    }
    .baby--three-eighths {
        width: 37.5%
    }
    .baby--five-eighths {
        width: 62.5%
    }
    .baby--seven-eighths {
        width: 87.5%
    }
    .baby--one-tenth {
        width: 10%
    }
    .baby--three-tenths {
        width: 30%
    }
    .baby--seven-tenths {
        width: 70%
    }
    .baby--nine-tenths {
        width: 90%
    }
    .baby--one-twelfth {
        width: 8.333%
    }
    .baby--five-twelfths {
        width: 41.666%
    }
    .baby--seven-twelfths {
        width: 58.333%
    }
    .baby--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:37.5em) {
    .child--one-whole {
        width: 100%
    }
    .child--one-half,
    .child--two-quarters,
    .child--three-sixths,
    .child--four-eighths,
    .child--five-tenths,
    .child--six-twelfths {
        width: 50%
    }
    .child--one-third,
    .child--two-sixths,
    .child--four-twelfths {
        width: 33.333%
    }
    .child--two-thirds,
    .child--four-sixths,
    .child--eight-twelfths {
        width: 66.666%
    }
    .child--one-quarter,
    .child--two-eighths,
    .child--three-twelfths {
        width: 25%
    }
    .child--three-quarters,
    .child--six-eighths,
    .child--nine-twelfths {
        width: 75%
    }
    .child--one-fifth,
    .child--two-tenths {
        width: 20%
    }
    .child--two-fifths,
    .child--four-tenths {
        width: 40%
    }
    .child--three-fifths,
    .child--six-tenths {
        width: 60%
    }
    .child--four-fifths,
    .child--eight-tenths {
        width: 80%
    }
    .child--one-sixth,
    .child--two-twelfths {
        width: 16.666%
    }
    .child--five-sixths,
    .child--ten-twelfths {
        width: 83.333%
    }
    .child--one-eighth {
        width: 12.5%
    }
    .child--three-eighths {
        width: 37.5%
    }
    .child--five-eighths {
        width: 62.5%
    }
    .child--seven-eighths {
        width: 87.5%
    }
    .child--one-tenth {
        width: 10%
    }
    .child--three-tenths {
        width: 30%
    }
    .child--seven-tenths {
        width: 70%
    }
    .child--nine-tenths {
        width: 90%
    }
    .child--one-twelfth {
        width: 8.333%
    }
    .child--five-twelfths {
        width: 41.666%
    }
    .child--seven-twelfths {
        width: 58.333%
    }
    .child--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:48em) {
    .teen--one-whole {
        width: 100%
    }
    .teen--one-half,
    .teen--two-quarters,
    .teen--three-sixths,
    .teen--four-eighths,
    .teen--five-tenths,
    .teen--six-twelfths {
        width: 50%
    }
    .teen--one-third,
    .teen--two-sixths,
    .teen--four-twelfths {
        width: 33.333%
    }
    .teen--two-thirds,
    .teen--four-sixths,
    .teen--eight-twelfths {
        width: 66.666%
    }
    .teen--one-quarter,
    .teen--two-eighths,
    .teen--three-twelfths {
        width: 25%
    }
    .teen--three-quarters,
    .teen--six-eighths,
    .teen--nine-twelfths {
        width: 75%
    }
    .teen--one-fifth,
    .teen--two-tenths {
        width: 20%
    }
    .teen--two-fifths,
    .teen--four-tenths {
        width: 40%
    }
    .teen--three-fifths,
    .teen--six-tenths {
        width: 60%
    }
    .teen--four-fifths,
    .teen--eight-tenths {
        width: 80%
    }
    .teen--one-sixth,
    .teen--two-twelfths {
        width: 16.666%
    }
    .teen--five-sixths,
    .teen--ten-twelfths {
        width: 83.333%
    }
    .teen--one-eighth {
        width: 12.5%
    }
    .teen--three-eighths {
        width: 37.5%
    }
    .teen--five-eighths {
        width: 62.5%
    }
    .teen--seven-eighths {
        width: 87.5%
    }
    .teen--one-tenth {
        width: 10%
    }
    .teen--three-tenths {
        width: 30%
    }
    .teen--seven-tenths {
        width: 70%
    }
    .teen--nine-tenths {
        width: 90%
    }
    .teen--one-twelfth {
        width: 8.333%
    }
    .teen--five-twelfths {
        width: 41.666%
    }
    .teen--seven-twelfths {
        width: 58.333%
    }
    .teen--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:64em) {
    .adult--one-whole {
        width: 100%
    }
    .adult--one-half,
    .adult--two-quarters,
    .adult--three-sixths,
    .adult--four-eighths,
    .adult--five-tenths,
    .adult--six-twelfths {
        width: 50%
    }
    .adult--one-third,
    .adult--two-sixths,
    .adult--four-twelfths {
        width: 33.333%
    }
    .adult--two-thirds,
    .adult--four-sixths,
    .adult--eight-twelfths {
        width: 66.666%
    }
    .adult--one-quarter,
    .adult--two-eighths,
    .adult--three-twelfths {
        width: 25%
    }
    .adult--three-quarters,
    .adult--six-eighths,
    .adult--nine-twelfths {
        width: 75%
    }
    .adult--one-fifth,
    .adult--two-tenths {
        width: 20%
    }
    .adult--two-fifths,
    .adult--four-tenths {
        width: 40%
    }
    .adult--three-fifths,
    .adult--six-tenths {
        width: 60%
    }
    .adult--four-fifths,
    .adult--eight-tenths {
        width: 80%
    }
    .adult--one-sixth,
    .adult--two-twelfths {
        width: 16.666%
    }
    .adult--five-sixths,
    .adult--ten-twelfths {
        width: 83.333%
    }
    .adult--one-eighth {
        width: 12.5%
    }
    .adult--three-eighths {
        width: 37.5%
    }
    .adult--five-eighths {
        width: 62.5%
    }
    .adult--seven-eighths {
        width: 87.5%
    }
    .adult--one-tenth {
        width: 10%
    }
    .adult--three-tenths {
        width: 30%
    }
    .adult--seven-tenths {
        width: 70%
    }
    .adult--nine-tenths {
        width: 90%
    }
    .adult--one-twelfth {
        width: 8.333%
    }
    .adult--five-twelfths {
        width: 41.666%
    }
    .adult--seven-twelfths {
        width: 58.333%
    }
    .adult--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:68.75em) {
    .mama--one-whole {
        width: 100%
    }
    .mama--one-half,
    .mama--two-quarters,
    .mama--three-sixths,
    .mama--four-eighths,
    .mama--five-tenths,
    .mama--six-twelfths {
        width: 50%
    }
    .mama--one-third,
    .mama--two-sixths,
    .mama--four-twelfths {
        width: 33.333%
    }
    .mama--two-thirds,
    .mama--four-sixths,
    .mama--eight-twelfths {
        width: 66.666%
    }
    .mama--one-quarter,
    .mama--two-eighths,
    .mama--three-twelfths {
        width: 25%
    }
    .mama--three-quarters,
    .mama--six-eighths,
    .mama--nine-twelfths {
        width: 75%
    }
    .mama--one-fifth,
    .mama--two-tenths {
        width: 20%
    }
    .mama--two-fifths,
    .mama--four-tenths {
        width: 40%
    }
    .mama--three-fifths,
    .mama--six-tenths {
        width: 60%
    }
    .mama--four-fifths,
    .mama--eight-tenths {
        width: 80%
    }
    .mama--one-sixth,
    .mama--two-twelfths {
        width: 16.666%
    }
    .mama--five-sixths,
    .mama--ten-twelfths {
        width: 83.333%
    }
    .mama--one-eighth {
        width: 12.5%
    }
    .mama--three-eighths {
        width: 37.5%
    }
    .mama--five-eighths {
        width: 62.5%
    }
    .mama--seven-eighths {
        width: 87.5%
    }
    .mama--one-tenth {
        width: 10%
    }
    .mama--three-tenths {
        width: 30%
    }
    .mama--seven-tenths {
        width: 70%
    }
    .mama--nine-tenths {
        width: 90%
    }
    .mama--one-twelfth {
        width: 8.333%
    }
    .mama--five-twelfths {
        width: 41.666%
    }
    .mama--seven-twelfths {
        width: 58.333%
    }
    .mama--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:81.25em) {
    .papa--one-whole {
        width: 100%
    }
    .papa--one-half,
    .papa--two-quarters,
    .papa--three-sixths,
    .papa--four-eighths,
    .papa--five-tenths,
    .papa--six-twelfths {
        width: 50%
    }
    .papa--one-third,
    .papa--two-sixths,
    .papa--four-twelfths {
        width: 33.333%
    }
    .papa--two-thirds,
    .papa--four-sixths,
    .papa--eight-twelfths {
        width: 66.666%
    }
    .papa--one-quarter,
    .papa--two-eighths,
    .papa--three-twelfths {
        width: 25%
    }
    .papa--three-quarters,
    .papa--six-eighths,
    .papa--nine-twelfths {
        width: 75%
    }
    .papa--one-fifth,
    .papa--two-tenths {
        width: 20%
    }
    .papa--two-fifths,
    .papa--four-tenths {
        width: 40%
    }
    .papa--three-fifths,
    .papa--six-tenths {
        width: 60%
    }
    .papa--four-fifths,
    .papa--eight-tenths {
        width: 80%
    }
    .papa--one-sixth,
    .papa--two-twelfths {
        width: 16.666%
    }
    .papa--five-sixths,
    .papa--ten-twelfths {
        width: 83.333%
    }
    .papa--one-eighth {
        width: 12.5%
    }
    .papa--three-eighths {
        width: 37.5%
    }
    .papa--five-eighths {
        width: 62.5%
    }
    .papa--seven-eighths {
        width: 87.5%
    }
    .papa--one-tenth {
        width: 10%
    }
    .papa--three-tenths {
        width: 30%
    }
    .papa--seven-tenths {
        width: 70%
    }
    .papa--nine-tenths {
        width: 90%
    }
    .papa--one-twelfth {
        width: 8.333%
    }
    .papa--five-twelfths {
        width: 41.666%
    }
    .papa--seven-twelfths {
        width: 58.333%
    }
    .papa--eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:120em) {
    .elder--one-whole {
        width: 100%
    }
    .elder--one-half,
    .elder--two-quarters,
    .elder--three-sixths,
    .elder--four-eighths,
    .elder--five-tenths,
    .elder--six-twelfths {
        width: 50%
    }
    .elder--one-third,
    .elder--two-sixths,
    .elder--four-twelfths {
        width: 33.333%
    }
    .elder--two-thirds,
    .elder--four-sixths,
    .elder--eight-twelfths {
        width: 66.666%
    }
    .elder--one-quarter,
    .elder--two-eighths,
    .elder--three-twelfths {
        width: 25%
    }
    .elder--three-quarters,
    .elder--six-eighths,
    .elder--nine-twelfths {
        width: 75%
    }
    .elder--one-fifth,
    .elder--two-tenths {
        width: 20%
    }
    .elder--two-fifths,
    .elder--four-tenths {
        width: 40%
    }
    .elder--three-fifths,
    .elder--six-tenths {
        width: 60%
    }
    .elder--four-fifths,
    .elder--eight-tenths {
        width: 80%
    }
    .elder--one-sixth,
    .elder--two-twelfths {
        width: 16.666%
    }
    .elder--five-sixths,
    .elder--ten-twelfths {
        width: 83.333%
    }
    .elder--one-eighth {
        width: 12.5%
    }
    .elder--three-eighths {
        width: 37.5%
    }
    .elder--five-eighths {
        width: 62.5%
    }
    .elder--seven-eighths {
        width: 87.5%
    }
    .elder--one-tenth {
        width: 10%
    }
    .elder--three-tenths {
        width: 30%
    }
    .elder--seven-tenths {
        width: 70%
    }
    .elder--nine-tenths {
        width: 90%
    }
    .elder--one-twelfth {
        width: 8.333%
    }
    .elder--five-twelfths {
        width: 41.666%
    }
    .elder--seven-twelfths {
        width: 58.333%
    }
    .elder--eleven-twelfths {
        width: 91.666%
    }
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href)")"
    }
    abbr[title]:after {
        content: " (" attr(title)")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

*,
*:after,
*:before {
    box-sizing: border-box;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    outline: none
}

html {
    font-family: "open-sans", sans-serif;
    font-weight: 300
}

body {
    font-size: .875em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    background-color: #d1d3d4
}

.main {
    position: relative
}

ul,
ol,
li {
    list-style: none;
    padding: 0
}

li {
    margin: 0
}

hr {
    border: 1px solid;
    margin: -1px 0
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0;
    margin-bottom: 0
}

b,
strong,
em,
small,
code {
    line-height: 1
}

sup {
    top: -.4em
}

sup,
sub {
    vertical-align: baseline;
    position: relative
}

sub {
    top: .4em
}

h1,
h2,
h3,
h4 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    clear: both
}

h1,
.h1 {
    font-size: 2.3125rem;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: .33333em
}

h2,
.h2 {
    font-size: 1.4375rem;
    line-height: 1.06667em;
    margin-top: 0;
    margin-bottom: .53333em
}

h3,
.h3 {
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

h4,
.h4 {
    font-size: 1rem;
    line-height: 1.41176rem;
    margin-top: 1.41176rem;
    margin-bottom: 1.41176rem
}

p {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    clear: both
}

ul,
ol {
    margin: 1.5em 0;
    clear: both
}

pre,
table,
blockquote {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    clear: both
}

a {
    text-decoration: none;
    color: #000;
    font-weight: 400
}

.-center {
    text-align: center
}

.text--small {
    font-size: .6875rem
}

.-bg--white {
    background-color: #fff
}

.-padding {
    padding: 20px
}

@media (min-width:48em) {
    .-padding {
        padding: 40px
    }
}

.-no-padding {
    padding: 0
}

.-no-padding--bottom {
    padding-bottom: 0!important;
    overflow: auto
}

.-no-padding--top-first {
    padding-top: 0!important
}

.-no-padding--top-first~.-no-padding--top-first {
    padding-top: 60px!important
}

.cms-content h2:first-child,
.cms-content h3:first-child,
.cms-content h4:first-child,
.cms-content p:first-child {
    margin-top: 0
}

.cms-content p:last-child {
    margin-bottom: 0
}

.cms-content ul,
.cms-content ol {
    padding-left: 20px
}

.cms-content ul li {
    list-style: disc
}

.cms-content ul ul li {
    list-style: circle
}

.cms-content ul ul li ul li {
    list-style: disc
}

.cms-content ol li {
    list-style: decimal
}

.cms-content ol ol li {
    list-style: lower-alpha
}

.cms-content ol ol li ol li {
    list-style: lower-roman
}

.btn {
    padding: 15px 25px
}

.btn,
.ui-selectmenu-button {
    background: #4d4b4c;
    background: linear-gradient(to bottom, #4d4b4c 0%, #252122 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d4b4c', endColorstr='#252122', GradientType=0);
    min-height: 50px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: ms-inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    transition: 250ms;
    letter-spacing: 1px;
    font-size: .95em;
    border-style: none;
    line-height: 20px;
    text-align: center;
    text-decoration: none!important
}

.btn:hover,
.ui-selectmenu-button:hover {
    background: #7b797a;
    background: linear-gradient(to bottom, #7b797a 0%, #5b595a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7b797a', endColorstr='#5b595a', GradientType=0)
}

.btn--twitter {
    background: #44a8d5;
    height: 50px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 26px;
    margin-top: 20px;
    color: #fff;
    font-size: .9em
}

.btn--twitter:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url(../images/twitter.png)
}

.btn--linkedin {
    background: #2676b8;
    height: 50px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 26px;
    color: #fff;
    font-size: .9em
}

.btn--linkedin:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url(../images/linkedin2.png)
}

.burger {
    padding: 10px;
    border: 0;
    background-color: transparent;
    transition: .3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 103;
    float: right
}

.burger:hover {
    opacity: 1
}

.burger:active {
    transition: 0
}

.burger:focus {
    outline: none
}

.burger::-moz-focus-inner {
    border: 0
}

.burger__hl {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 1.5px;
    width: 24px;
    height: 3px;
    margin-bottom: 3px;
    background: #000;
    transition: .3s;
    border-bottom: 1px solid #aaa
}

* html .burger__hl,
*+html .burger__hl {
    display: inline
}

@media (min-width:48em) {
    .burger__hl {
        width: 24px;
        height: 3px;
        top: 3px
    }
}

.burger__hl:before,
.burger__hl:after {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    width: 24px;
    height: 3px;
    background: #000;
    transition: .3s;
    -webkit-transform-origin: .2em center;
    transform-origin: .2em center;
    border-bottom: 1px solid #aaa
}

* html .burger__hl:before,
* html .burger__hl:after,
*+html .burger__hl:before,
*+html .burger__hl:after {
    display: inline
}

@media (min-width:48em) {
    .burger__hl:before,
    .burger__hl:after {
        width: 24px;
        height: 3px
    }
}

.burger__hl:before {
    top: 6px
}

@media (min-width:48em) {
    .burger__hl:before {
        top: 6px
    }
}

.burger__hl:after {
    top: -6px
}

@media (min-width:48em) {
    .burger__hl:after {
        top: -6px
    }
}

[ui-mobile-menu-state="is-open"] .burger__hl {
    background: 0 0;
    border-bottom: 0 solid #aaa
}

[ui-mobile-menu-state="is-open"] .burger__hl:before,
[ui-mobile-menu-state="is-open"] .burger__hl:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    border-bottom: 0 solid #aaa
}

[ui-mobile-menu-state="is-open"] .burger__hl:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

[ui-mobile-menu-state="is-open"] .burger__hl:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.burgerbun {
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
    padding-left: 40px
}

@media (min-width:68.75em) {
    .burgerbun {
        display: none
    }
}

.burgerbun>span {
    position: absolute;
    left: 0;
    line-height: 45px;
    margin-right: 5px;
    font-weight: 700
}

.burgerbun>span[ui-mobile-menu-label=close] {
    opacity: 0
}

body[ui-mobile-menu-state="is-open"] .burgerbun>span[ui-mobile-menu-label=close] {
    opacity: 1;
    -webkit-transform: .33s;
    transform: .33s
}

body[ui-mobile-menu-state="is-open"] .burgerbun>span[ui-mobile-menu-label=open] {
    opacity: 0;
    -webkit-transform: .33s;
    transform: .33s
}

.card {
    background-color: #fff
}

.card,
.card .heading {
    color: #000
}

.card__content ul,
.card__content ol {
    margin-top: 0
}

.card a,
.card__read-more {
    text-decoration: underline
}

.card__read-more {
    font-weight: 700;
    color: #000;
    transition: opacity 250ms
}

.card--prod-details {
    padding: 30px;
    margin-bottom: 10px
}

.card--prod-details:last-child {
    margin-bottom: 0
}

.card--prod-details .card__content {
    display: none
}

@media (min-width:37.5em) {
    .card--prod-details .card__content {
        display: block;
        position: relative;
        margin-bottom: 10px
    }
    .card--prod-details .card__content p:first-child {
        margin-top: 0
    }
}

.card--prod-details .card__content.-unrestricted {
    display: block;
    margin-bottom: 20px
}

.card--news,
.card--award {
    margin-bottom: 24px;
    border-top: 8px solid #1a2857
}

.card--news .card__image,
.card--award .card__image {
    display: none;
    overflow: hidden
}

@media (min-width:37.5em) {
    .card--news .card__image,
    .card--award .card__image {
        display: block
    }
}

.card--news .card__image img,
.card--award .card__image img {
    display: block;
    max-width: 100%
}

.card--news .card__content,
.card--award .card__content {
    padding: 20px 20px 40px;
    position: relative
}

.card--news .card__content .date,
.card--award .card__content .date {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 4px
}

.card--news .card__content .except,
.card--award .card__content .except {
    margin-bottom: 8px
}

.card--news .card__content .headline,
.card--award .card__content .headline {
    margin: 0;
    font-weight: 300
}

.card--news .card__content .-restricted,
.card--award .card__content .-restricted {
    min-height: 54px;
    max-height: 54px
}

.card--news .card__content a,
.card--award .card__content a {
    position: absolute;
    bottom: 20px
}

.card--award .-restricted {
    min-height: none!important;
    max-height: none!important;
    height: auto!important
}

.card--award .-restricted:after {
    display: none!important
}

.card--provider {
    padding: 0 20px;
    margin-bottom: 24px;
    line-height: 180px;
    font-size: 0;
    min-height: 180px
}

.card--provider img {
    margin: 0 auto;
    max-width: 100%;
    vertical-align: middle
}

.card--related {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:37.5em) {
    .card--related {
        height: 150px
    }
}

.card--related:hover .card__overlay {
    opacity: .75
}

.card--related .card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .9;
    z-index: 1
}

.card--related .card__content {
    position: relative;
    z-index: 2;
    color: #fff;
    margin: 0 auto;
    padding: 0 20px
}

.card--related .card__content h6 {
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 4px;
    line-height: 20px
}

.card--related .card__content span {
    font-weight: 100
}

.card .-restricted {
    position: relative;
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    transition: 500ms
}

.card .-restricted:after {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0)0%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.card.-unrestricted .-restricted {
    max-height: 750px
}

.carousel .owl-nav .owl-prev {
    position: absolute;
    top: 23px;
    left: 0
}

@media (min-width:37.5em) {
    .carousel .owl-nav .owl-prev {
        top: 69px
    }
}

.carousel .owl-nav .owl-next {
    position: absolute;
    top: 23px;
    right: 0
}

@media (min-width:37.5em) {
    .carousel .owl-nav .owl-next {
        top: 69px
    }
}

.carousel .owl-nav .icon {
    width: 30px;
    height: 30px
}

.carousel .owl-dots {
    text-align: center;
    margin-top: 20px
}

.carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 58px;
    height: 4px;
    margin: 0 2px;
    background-color: #bdbcbd
}

.carousel .owl-dots .owl-dot.active,
.carousel .owl-dots .owl-dot:hover {
    background-color: #231f20
}

.-themed-bgc .carousel .owl-dots .owl-dot {
    background-color: #fff
}

.-themed-bgc .carousel .owl-dots .owl-dot.active,
.-themed-bgc .carousel .owl-dots .owl-dot:hover {
    background-color: rgba(255, 255, 255, .75)
}

.carousel--testimonial {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

@media (min-width:48em) {
    .carousel--testimonial {
        padding-left: 80px;
        padding-right: 80px
    }
}

.carousel--testimonial .testimonial {
    max-width: 600px;
    margin: 0 auto 40px
}

.carousel--testimonial .testimonial svg {
    width: 30px;
    height: 40px;
    color: #000
}

.carousel--testimonial .testimonial p {
    font-size: 1rem;
    font-style: italic;
    line-height: 1.75rem
}

.carousel--testimonial .testimonial__client {
    font-weight: 700;
    display: block;
    font-size: 19px;
}

.carousel--staff .staff {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:37.5em) {
    .carousel--staff .staff {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width:37.5em) {
    .carousel--staff .staff__avatar {
        left: 80px
    }
}

.-themed-bgc .carousel--testimonial .testimonial svg {
    color: #fff
}

.container {
    margin-left: 0;
    margin-right: 0;
    max-width: 940px;
    padding: 0 20px
}

@media (min-width:48em) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:64em) {
    .container {
        padding-left: 0;
        padding-right: 0
    }
}

.container--wide {
    max-width: 1400px;
    padding-left: 0;
    padding-right: 0
}

.container--narrow {
    max-width: 620px
}

.document {
    line-height: 1.5em;
    padding: 0 20px 0 0;
    margin-bottom: 20px;
    position: relative
}

.document svg {
    position: absolute;
    top: 30px;
    left: 20px;
    width: 40px;
    height: 40px
}

.document [ui-icon=pdf] {
    display: none
}

.document [ui-icon=pdf] .st0 {
    fill: #1D1D1B
}

.document [ui-icon=pdf] .st1 {
    fill: #BF3A2A
}

.document [ui-icon=zip] {
    display: none
}

.document [ui-icon=zip] .st0 {
    fill: #1D1E1C
}

.document [ui-icon=zip] .st1 {
    fill: #9C9C9A
}

.document [ui-icon=xls] {
    display: none
}

.document [ui-icon=xls] .st0 {
    fill: #1D1E1C
}

.document [ui-icon=xls] .st1 {
    fill: #079C58
}

.document [ui-icon=xlsx] {
    display: none
}

.document [ui-icon=xlsx] .st0 {
    fill: #1D1E1C
}

.document [ui-icon=xlsx] .st1 {
    fill: #079C58
}

.document [ui-icon=txt] {
    display: none
}

.document [ui-icon=txt] .st0 {
    fill: #1D1E1C
}

.document [ui-icon=ppt] {
    display: none
}

.document [ui-icon=ppt] .st0 {
    fill: #1D1E1C
}

.document [ui-icon=ppt] .st1 {
    fill: #D04727
}

.document [ui-icon=pptx] {
    display: none
}

.document [ui-icon=pptx] .st0 {
    fill: #1D1E1C
}

.document [ui-icon=pptx] .st1 {
    fill: #D04727
}

.document [ui-icon=doc] {
    display: none
}

.document [ui-icon=doc] .st0 {
    fill: #1D1E1C
}

.document [ui-icon=doc] .st1 {
    fill: #4974B8
}

.document [ui-icon=docx] {
    display: none
}

.document [ui-icon=docx] .st0 {
    fill: #1D1E1C
}

.document [ui-icon=docx] .st1 {
    fill: #4974B8
}

.document__name {
    border-top: 10px solid #000;
    border-color: inherit;
    padding: 70px 20px 0;
    background: #fff
}

.document__link {
    padding: 0 20px 40px;
    background: #fff;
}

.document a {
    font-weight: 700;
    border-bottom: 1px solid #000
}

.footer {
    background-color: #2e2d32;
    color: #828183;
    padding-top: 40px;
    font-size: 1.2em;
    text-align: center
}

.footer .grid {
    margin-left: 0
}

.footer .grid .grid__item {
    padding-left: 0
}

@media (min-width:64em) {
    .footer .grid .grid__item {
        padding-left: 20px
    }
}

@media (min-width:64em) {
    .footer .grid .grid__item .grid__item:first-child {
        padding-left: 80px
    }
}

@media (min-width:64em) {
    .footer .grid .grid__item .grid__item {
        padding-left: 20px
    }
}

.footer .grid .child--one-whole {
    padding-left: 0
}

.footer__content {
    padding-bottom: 150px;
    padding-top: 60px;
    position: relative;
    text-align: center
}

@media (min-width:64em) {
    .footer__content {
        padding-bottom: 25px
    }
}

@media (min-width:68.75em) {
    .footer__content {
        text-align: left
    }
}

.footer__contact-details svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 30px
}

.footer .company-details .topOfFooter {
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:64em) {
    .footer .company-details .topOfFooter {
        position: static;
        top: auto
    }
}

.footer .company-details .bottomOfFooter {
    position: absolute;
    bottom: 20px;
    width: 100%
}

@media (min-width:64em) {
    .footer .company-details .bottomOfFooter {
        position: static;
        bottom: auto
    }
}

.footer p {
    color: #d6d6d6;
    line-height: 1.5em;
    margin: 1.25em 0 0
}

.footer address p {
    line-height: 1.9em;
    font-size: 1.05em
}

.footer a {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: 1px
}

.footer h4 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 1.6em;
    font-weight: 400
}

@media (min-width:37.5em) {
    .footer h4 {
        margin-top: 0
    }
}

@media (min-width:68.75em) {
    .footer h4 {
        margin-top: 33px
    }
}

.footer span {
    display: block;
    line-height: 20px
}

.footer p span {
    display: inline
}

.footer address {
    font-style: normal
}

.footer .footer__links li {
    margin-bottom: 4px
}

@media (min-width:68.75em) {
    .footer .footer__links li {
        margin-bottom: 8px
    }
}

.footer .footer__links a .icon {
    margin-left: 2px;
    width: 6px;
    height: 10px;
    vertical-align: middle
}

.footer__base {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #252328;
    text-align: center;
    color: #f1f1f1;
    line-height: 1.3em
}

@media (min-width:68.75em) {
    .footer__base {
        text-align: left
    }
}

.form label.error {
    color: #f30
}

.form__item,
.form__item label {
    margin-bottom: 10px
}

.form__item label {
    font-size: .8rem;
    font-weight: 700;
    display: block
}

.form__item textarea,
.form__item input {
    border: none;
    border-radius: 4px;
    width: 100%;
    color: #808285;
    background-color: #e6e7e8
}

.form__item textarea,
.form__item input,
.form__item select,
.form__item .ui-selectmenu-button {
    margin-bottom: 20px
}

.form__item input {
    padding-left: 20px;
    padding-right: 20px;
    height: 50px
}

.form__item textarea {
    padding: 15px 20px
}

.form__item input[type="checkbox"],
.form__item input[type="radio"] {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 2px;
    line-height: 20px;
    margin-bottom: 0
}

.form__item input[type="submit"] {
    color: #fff;
    display: inline-block;
    max-width: 220px;
    font-size: .9em;
    letter-spacing: 1px
}

.form__item .dateofbirth>div {
    float: left;
    clear: none;
    width: 32%;
    margin-right: 2%
}

.form__item .dateofbirth>div:nth-of-type(3n+3) {
    margin-right: 0
}

.form__item .checkboxes,
.form__item .radios {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    line-height: 20px;
    margin-bottom: 10px
}

.form__item .ui-selectmenu-menu {
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto
}

.ui-selectmenu-button {
    width: 100%!important;
    display: block;
    height: 50px;
    padding: 0
}

.ui-selectmenu-button span.ui-selectmenu-text {
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0 44px 0 20px;
    position: relative;
    z-index: 10;
    text-transform: none
}

.ui-selectmenu-button span.ui-selectmenu-text:after {
    content: "";
    background-image: url(../images/chevron-down.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 17px;
    right: 20px;
    transition: -webkit-transform 250ms;
    transition: transform 250ms
}

.ui-selectmenu-button[aria-expanded='true'] .ui-selectmenu-text:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ui-selectmenu-menu {
    margin-top: -2px;
    background-color: #000
}

.ui-selectmenu-menu .ui-menu {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
    padding: 6px 20px;
    color: #fff
}

.ui-selectmenu-menu .ui-menu .ui-state-focus {
    background-color: #7b797a;
    color: #fff
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup~.ui-menu-item {
    padding-left: 24px
}

[ui-multiforms-success] {
    display: none
}

.contactPage h3 {
    margin-bottom: 0
}

.contactPage p {
    margin-top: 5px;
    margin-bottom: 40px;
    font-size: 1.2em;
    line-height: 1.5em
}

.contactPage form {
    margin-top: 20px
}

#crafty_postcode_result_display_1 {
    padding: 15px 0
}

#crafty_postcode_result_display_1 select {
    width: 100%!important;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    margin-bottom: 0
}

.header {
    background-color: #fff;
    position: sticky;
    height: 100px;
    left: 0;
    top: 0;
    z-index: 1111;
}

@media (min-width:68.75em) {
    .header {
        min-height: 120px
    }
}

.contact-tab {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    padding: 10px;
    height: 45px;
    background-color: #000;
    line-height: 30px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #36465D;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.contact-tab a {
    color: #fff;
    font-weight: 400
}

.contact-tab span {
    display: none
}

@media (min-width:68.75em) {
    .contact-tab {
        position: absolute;
        top: 0;
        right: 40px;
        left: auto;
        height: auto;
        color: #fff;
        padding: 20px 10px 18px;
        background: #555;
        background: linear-gradient(to bottom, #555 0%, #000 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000', GradientType=0);
        border-radius: 0 0 4px 4px;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    .contact-tab a {
        font-size: 2.1em;
        line-height: 1.4em
    }
    .contact-tab a,
    .contact-tab span {
        float: left;
        clear: both;
        width: 100%;
        letter-spacing: 1px;
        font-weight: 500
    }
    .contact-tab span {
        font-size: .9em;
        line-height: 11px;
        display: block
    }
}

.logo {
    top: 15px;
    margin-left: 10px;
    position: relative
}

@media (min-width:68.75em) {
    .logo {
        top: 26px;
        margin-left: 40px
    }
}

.flower {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 72px;
    margin: 0;
    overflow: hidden;
    background-color: #fff
}

.flower__petal {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 25px 0;
    background-color: #37485e;
    position: absolute;
    top: 12px;
    left: 33px;
    border: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.flower__petal:nth-child(odd) {
    background-color: #3ab497
}

.flower__petal:nth-child(2) {
    -webkit-animation: petalA .2s normal ease-out both 1;
    animation: petalA .2s normal ease-out both 1
}

.flower__petal:nth-child(3) {
    -webkit-animation: petalB .4s normal ease-out both 1;
    animation: petalB .4s normal ease-out both 1
}

.flower__petal:nth-child(4) {
    -webkit-animation: petalC .6s normal ease-out both 1;
    animation: petalC .6s normal ease-out both 1
}

.flower__petal:nth-child(5) {
    -webkit-animation: petalD .8s normal ease-out both 1;
    animation: petalD .8s normal ease-out both 1
}

.flower__petal:nth-child(6) {
    -webkit-animation: petalE 1s normal ease-out both 1;
    animation: petalE 1s normal ease-out both 1
}

@-webkit-keyframes petalA {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-80deg);
        transform: rotate(-80deg)
    }
}

@keyframes petalA {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-80deg);
        transform: rotate(-80deg)
    }
}

@-webkit-keyframes petalB {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg)
    }
}

@keyframes petalB {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg)
    }
}

@-webkit-keyframes petalC {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-145deg);
        transform: rotate(-145deg)
    }
}

@keyframes petalC {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-145deg);
        transform: rotate(-145deg)
    }
}

@-webkit-keyframes petalD {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-190deg);
        transform: rotate(-190deg)
    }
}

@keyframes petalD {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-190deg);
        transform: rotate(-190deg)
    }
}

@-webkit-keyframes petalE {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

@keyframes petalE {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
}

.heading:after {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #000
}

.-themed-bgc div:not(.card)>.heading {
    color: #fff
}

.-themed-bgc div:not(.card)>.heading:after {
    background-color: #fff
}

.pageName {
    text-align: center;
    border-bottom: 1px solid #fff;
    line-height: 40px
}

@media (min-width:68.75em) {
    .pageName {
        display: none
    }
}

.hero {
    background-color: #fff;
    position: relative
}

.hero__media {
    display: none
}

@media (min-width:48em) {
    .hero__media {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 300px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-bottom: 8px solid green
    }
}

.hero>.container {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: none
}

.hero>.container .hero__content {
    padding: 20px;
    height: 240px;
}
@media (min-width:68.75em) {
    .hero>.container {
        margin: 0 auto;
        max-width: 960px
    }
    .hero>.container .hero__content {
        padding: 0px;
    }
}

.hero__content {
    padding: 20px;
    border-bottom: 8px solid green
}

@media (min-width:48em) {
    .hero__content {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 24px;
        width: 50%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 300px
    }
    .hero__media {height: 240px;}

}

.hero__content p {
    font-size: 1.25em;
    line-height: 1.45em
}

.hero__content h1 {
    margin-top: 0
}

.hero__content svg {
    max-width: 60px;
    margin-bottom: 10px;
    padding-bottom: 0;
    max-height: 60px
}

.hero--home {
    padding-top: 25px;
    padding-bottom: 23px;
    background-color: #1a2857;
    color: #fff
}

.hero--home .container {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:48em) {
    .hero--home {
        padding-top: 55px;
        padding-bottom: 53px
    }
}

.hero--home h1 {
    font-size: 2em;
    font-weight: 400
}

@media (min-width:48em) {
    .hero--home h1 {
        display: block;
        font-size: 2.3125rem;
        margin-bottom: 20px
    }
}

.hero--home p {
    margin: 0;
    font-size: 1.15em;
    display: none
}

@media (min-width:48em) {
    .hero--home p {
        display: block
    }
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor
}

.icon-angle-left {
    width: .3750009909272194em
}

.icon-angle-right,
.icon-angle-right-bold {
    width: .3392861280590296em
}

.icon-angle-up {
    width: .642861433327198em
}

.icon-angle-down {
    width: .6428574100136757em
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: auto;
    background-color: rgba(53, 73, 94, .8)
}

.modal.open {
    width: 100%;
    height: 100%;
    opacity: 1
}

.modal__content {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1001
}

@media (min-width:37.5em) {
    .modal__content {
        width: 580px
    }
}

@media (min-width:64em) {
    .modal__content {
        top: 100px
    }
}

.modal__content .modal__heading {
    margin-bottom: 0
}

.modal__content .modal__subheading {
    margin-bottom: 24px;
    display: inline-block
}

.modal__close {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1000
}

.modal__close-btn {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    top: 28px;
    border: none;
    text-align: center;
    font-family: "proxima-nova", sans-serif;
    font-size: 30px;
    background: #4d4b4c;
    background: linear-gradient(to bottom, #4d4b4c 0%, #252122 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d4b4c', endColorstr='#252122', GradientType=0);
    display: block;
    border-radius: 4px;
    color: #fff;
    transition: 250ms
}

.modal__close-btn:hover {
    background: #7b797a;
    background: linear-gradient(to bottom, #7b797a 0%, #5b595a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7b797a', endColorstr='#5b595a', GradientType=0)
}

.modal .modal--form {
    background-color: #fff;
    width: 100%;
    border-top-width: 8px;
    border-top-style: solid;
    padding: 20px
}

@media (min-width:37.5em) {
    .modal .modal--form {
        width: 580px;
        padding: 40px
    }
}

@media (min-width:48em) {
    .modal .modal--form {
        padding: 60px
    }
}

.-overflow {
    overflow: hidden
}

[ui-modal] {
    display: none
}

.modal__content [ui-modal] {
    display: block
}

div[ui-multiforms-many],
[ui-multiforms-selection-summary] {
    display: none
}

[ui-multiforms-checkboxes] input[type=text],
[ui-checkboxes-required] input[type=text] {
    z-index: -999;
    width: 10px;
    height: 10px;
    margin: -20px 0 0;
    padding: 0;
    position: absolute
}

.nav {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700
}

.nav--desktop {
    display: none
}

@media (min-width:68.75em) {
    .nav--desktop {
        display: block
    }
}

.nav--level1 {
    position: absolute;
    top: 35px;
    left: 160px;
    right: 500px;
    height: 50px;
    box-sizing: border-box
}

.nav--level1>ul {
    position: relative;
    padding-left: 20px;
    max-width: none;
    margin: 15px 0 0
}

.nav--level1>ul>li {
    display: inline-block;
}

.nav--level1>ul>li:last-child {
    margin-right: 0
}

.nav--level1>ul>li>a {
    padding: 5px 20px 0 20px;
    color: #888;
    font-weight: 500;
    font-size: 1.1em
}

.nav--level1>ul>li.selected>a>span, 
.nav--level1>ul>li.ancestor>a>span, 
.nav--level1>ul>li>a:hover>span, 
.nav--level1>ul>li:hover>a>span, 
.nav--level1>ul>li:active>a>span,
.nav--level1>ul>li:focus>a>span{
    font-weight: 700;
    color: #333;
    border-bottom: 2px solid #333
}

.nav--level1>ul>li.selected>ul,
.nav--level1>ul>li.ancestor>ul {
    display: block
}

@media (min-width:81.25em) {
    .nav--level1>ul>li {
        margin-right: 0;
    }
}


@media (min-width:68.75em) {
    .nav--level1 {
        right: 425px
    }
}

@media (min-width:81.25em) {
    .nav--level1 {
        right: 500px;
        left: 210px
    }
}

.nav--level2,
.nav--level2>ul {
    position: relative
}

.nav--level2>ul {
    left: 0;
    right: 0;
    display: block;
    margin: 0;
    padding-left: 210px;
    background: inherit
}

.nav--level2>ul>li {
    display: inline-block;
    margin-right: 8px
}

.nav--level2>ul>li>a {
    padding: 15px 20px;
    color: #fff;
    font-weight: 500;
    font-size: 1.1em;
    display: block;
    line-height: 20px
}

.nav--level2>ul>li.selected>a,
.nav--level2>ul>li.ancestor>a {
    background: rgba(255, 255, 255, .25)
}

.nav--mobile {
    position: fixed;
    top: 145px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: #fff
}

.nav--mobile ul {
    z-index: 998;
    margin: 0;
    max-width: 100%
}

.nav--mobile ul,
.nav--mobile ul li {
    position: relative
}

.nav--mobile ul li.children:after {
    content: "›";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    margin-right: 20px;
    height: 40px;
    width: 40px;
    line-height: 34px;
    font-size: 30px;
    text-align: left
}

.nav--mobile ul li.level1:after {
    margin-right: 0
}

.nav--mobile ul li.label a {
    font-weight: 700;
    text-transform: uppercase
}

.nav--mobile ul li.label:after {
    display: none
}

.nav--mobile ul li a {
    border-bottom: 1px solid #ddd;
    color: #000
}

.nav--mobile ul li a,
.nav--mobile ul li span {
    display: block;
    padding: 20px 30px;
    font-weight: 500;
    cursor: hand
}

.nav--mobile ul li span {
    position: relative;
    z-index: 996;
    color: #fff;
    text-indent: 20px;
    border-bottom: 1px solid #ccc
}

.nav--mobile ul li span:before {
    content: "‹";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    width: 40px;
    line-height: 34px;
    font-size: 30px;
    text-align: right
}

.nav--mobile ul li ul {
    display: none
}

.nav__window {
    width: 100%;
    overflow: hidden;
    position: static
}

.nav__window>div {
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 20px;
    width: 100%;
    background: #fff
}

.nav__window>div:first-child {
    margin-left: 0;
    z-index: 1001
}

.nav__window>div:first-child.show:after {
    display: none
}

.nav__window>div.show {
    transition: .5s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.nav__window>div.show span {
    background: #333;
    background: linear-gradient(to bottom, #333 0%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000', GradientType=0);
    transition: all .33s ease-in
}

.nav__window>div:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 20px;
    top: 0;
    bottom: 0;
    z-index: 997;
    background: #fff;
    background: linear-gradient(to right, #fff 0%, #eee 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=1)
}

@media (min-width:68.75em) {
    .nav__window {
        display: none
    }
}

.nav--sitemap a svg {
    float: right;
    margin-top: 5px
}

.nav--sitemap>div ul {
    list-style-type: none;
    padding-left: 20px
}

.nav--sitemap>div ul li,
.nav--sitemap>div ul ul li,
.nav--sitemap>div ul ul li ul li {
    list-style-type: none
}

.nav--sitemap>div ul li a,
.nav--sitemap>div ul ul li a,
.nav--sitemap>div ul ul li ul li a {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.nav--sitemap>div ul li p,
.nav--sitemap>div ul ul li p,
.nav--sitemap>div ul ul li ul li p {
    margin: 0 0 0 10px;
    font-style: italic
}

.nav--sitemap>div>ul {
    padding-left: 0
}

.nav--sitemap>div>ul>li>a {
    border-bottom: 1px solid #ccc
}

.nav--sitemap>div>ul>li>a:hover {
    border-bottom: 1px solid #000
}

.nav--sitemap>div>ul>li>ul>li>a {
    border-bottom: 1px solid #ddd
}

.nav--sitemap>div>ul>li>ul>li>a:hover {
    border-bottom: 1px solid #000
}

.nav--sitemap>div>ul>li>ul>li>ul>li>a {
    border-bottom: 1px solid #eee
}

.nav--sitemap>div>ul>li>ul>li>ul>li>a:hover {
    border-bottom: 1px solid #000
}

body[ui-mobile-menu-state=is-open] {
    padding-top: 100px
}

body[ui-mobile-menu-state=is-open] nav.nav--mobile,
body[ui-mobile-menu-state=is-open] .contact-tab,
body[ui-mobile-menu-state=is-open] .header form {
    transition: .5s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

body[ui-mobile-menu-state=is-open] .header {
    z-index: 1000;
    width: 100%;
    position: fixed;
    top: 0
}

body[ui-mobile-menu-state=is-closing] nav.nav--mobile,
body[ui-mobile-menu-state=is-closing] .contact-tab,
body[ui-mobile-menu-state=is-closing] .header form {
    transition: .5s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.home-nav .container {
    padding: 0
}

@media (min-width:48em) {
    .home-nav {
        background: #fff;
        background: linear-gradient(to right, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=1)
    }
}

.home-nav__media {
    width: 100%
}

.home-nav__media img {
    max-width: 100%;
    display: block
}

.home-nav__media--secondary {
    display: none
}

@media (min-width:48em) {
    .home-nav__media--secondary {
        display: inline-block
    }
}

@media (min-width:48em) {
    .home-nav__media {
        display: inline-flex;
        width: 50%;
        height: 230px;
        overflow: hidden;
        align-items: flex-end;
    }
}

.home-nav__section {
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

@media (min-width:48em) {
    .home-nav__section {
        display: inline-block;
        width: 50%;
        padding-top: 50px;
        padding-bottom: 30px;
        vertical-align: top;
        padding-left: 90px
    }
}

@media (min-width:64em) {
    .home-nav__section {
        padding-left: 0
    }
}

@media (min-width:48em) {
    .home-nav__section [ui-toggle-content=content] {
        display: block
    }
}

@media (min-width:48em) {
    .home-nav__section [ui-toggle-content=glass] {
        display: none
    }
}

.home-nav__section .home-nav__tab {
    padding: 20px;
    cursor: pointer
}

@media (min-width:48em) {
    .home-nav__section .home-nav__tab {
        padding: 0;
        background-color: transparent
    }
}

.home-nav__section .home-nav__tab h2 {
    margin: 0;
    font-size: 1.6em
}

@media (min-width:48em) {
    .home-nav__section .home-nav__tab h2 {
        font-size: 2.3125rem
    }
}

.home-nav__section .home-nav__tab a {
    color: #000
}

.home-nav__section .icon-angle-down {
    position: absolute;
    right: 20px;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-duration: .25s
}

@media (min-width:48em) {
    .home-nav__section .icon-angle-down {
        display: none
    }
}

.home-nav__section .ui-toggle-content-open .icon-angle-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition-duration: .25s
}

.home-nav__section .home-nav__tab-content {
    padding: 10px 20px 20px
}

@media (min-width:48em) {
    .home-nav__section .home-nav__tab-content {
        margin-top: 35px;
        padding: 0
    }
}

.home-nav__section .home-nav__tab-content ul {
    margin: 0
}

.home-nav__section .home-nav__tab-content ul li {
    margin-bottom: 20px
}

.home-nav__section--secondary {
    background-color: #f1f1f1
}

@media (min-width:48em) {
    .home-nav__section--secondary {
        padding-left: 90px
    }
}

@media (min-width:48em) {
    .home-nav__section--secondary .home-nav__tab {
        background-color: transparent
    }
}

.home-nav__item .bullet {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 2px
}

.home-nav__item .bullet svg {
    color: #fff;
    margin-left: 2px
}

.home-nav__item h4 {
    display: inline-block;
    color: #000;
    font-size: 1.2rem;
    margin: 0
}

.home-nav__item .caption {
    color: #939498;
    margin-top: 4px;
    margin-left: 24px;
    font-size: .9em;
    line-height: 10px
}

.page-name {
    display: block;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 400px;
    border-bottom: 1px solid #fff
}

@media (min-width:68.75em) {
    .page-name {
        display: none
    }
}

.page-name a {
    color: #fff
}
.clinic-page .page-name {
    line-height: 21px;
}
.clinic-page .page-name a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: "open-sans", sans-serif;
}

.back-link {
    text-indent: -9999px;
    background: 0 0;
    position: absolute;
    top: -46px;
    width: 100%;
    height: 45px
}

.back-link svg {
    display: none
}

.back-link>svg {
    display: block;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 16px
}

.back-link a {
    display: block;
    line-height: 45px;
    text-transform: lowercase
}

.back-link a span {
    text-transform: capitalize
}

@media (min-width:68.75em) {
    .back-link {
        display: block;
        position: absolute;
        left: 0;
        top: 15px;
        z-index: 2;
        padding-left: 60px;
        font-size: .9em;
        background: 0 0;
        text-indent: 0
    }
    .back-link a {
        color: #000;
        font-weight: 400;
        line-height: 23px;
        position: relative
    }
    .back-link a:hover {
        text-decoration: underline
    }
    .back-link a .icon {
        display: block;
        width: 10px;
        height: 20px;
        margin-right: 10px;
        vertical-align: bottom;
        position: absolute;
        margin-left: -20px
    }
}

.hideSubNav .nav--level2 {
    display: none
}

.product-list {
    text-align: center;
    margin: 0
}

.product-list__item {
    vertical-align: top
}

@media (min-width:48em) {
    .product-list__item {
        display: inline-block;
        border-left: 1px solid #dfdfdf
    }
    .product-list__item:first-child {
        border-left: none
    }
}

.product-list__item:last-child a {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 20px
}

@media (min-width:48em) {
    .product-list__item:last-child a {
        padding: 35px 20px 10px
    }
}

.product-list__item a {
    width: 100%;
    padding: 0 0 40px 90px
}

@media (min-width:48em) {
    .product-list__item a {
        padding: 35px 20px 10px;
        min-height: 200px
    }
}

@media (min-width:48em) {
    .product-list--1 .product-list__item {
        width: 25%
    }
    .product-list--2 .product-list__item,
    .product-list--3 .product-list__item {
        width: 33.33%
    }
    .product-list--4 .product-list__item {
        width: 25%
    }
    .product-list--5 .product-list__item {
        width: 33.33%
    }
    .product-list--5 .product-list__item:nth-child(1),
    .product-list--5 .product-list__item:nth-child(2),
    .product-list--5 .product-list__item:nth-child(3) {
        border-bottom: 1px solid #dfdfdf
    }
    .product-list--5 .product-list__item:nth-child(4) {
        border-left: none
    }
    .product-list--5 .product-list__item:nth-child(6) svg * {
        fill: inherit!important
    }
    .product-list--6 .product-list__item {
        width: 33.33%
    }
    .product-list--6 .product-list__item:nth-child(4) {
        border-top: 1px solid #dfdfdf;
        border-left: none
    }
    .product-list--6 .product-list__item:nth-child(5),
    .product-list--6 .product-list__item:nth-child(6) {
        border-top: 1px solid #dfdfdf
    }
}

.grid--related li {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 10px
}

@media (min-width:37.5em) {
    .grid--related li {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px
    }
}

@media (min-width:48em) {
    .grid--related li {
        width: 20%;
        padding: 0 5px
    }
}

.container--related {
    max-width: 1050px;
    padding: 0;
    width: 100%
}

.container--related>h4 {
    font-size: 1.65em;
    font-weight: 400;
    margin: 0 0 40px
}

.container--related .grid {
    margin-left: inherit
}

.header .searchform {
    display: none
}

@media (min-width:68.75em) {
    .header .searchform {
        position: absolute;
        z-index: 20000;
        right: 310px;
        left: auto;
        top: 40px;
        padding: 0;
        background: 0 0;
        display: block
    }
}

@media (min-width:81.25em) {
    .header .searchform {
        right: 330px
    }
}

nav .searchform {
    float: left;
    width: 100%;
    padding: 15px 30px
}

nav .searchform svg {
    position: absolute;
    right: 0
}

nav .searchform input[type=search] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    max-width: none
}

nav .searchform div {
    width: 100%;
    position: relative
}

.searchform {
    position: relative
}

.searchform div {
    float: right
}

.searchform label {
    display: none
}

.searchform input[type=search] {
    float: left;
    clear: none;
    height: 40px;
    padding: 0 10px 0 20px;
    margin: 0;
    max-width: 150px;
    line-height: 40px;
    color: #939498;
    font-weight: 400;
    font-size: .9em;
    background: #E6E7E9;
    border-style: none;
    border-radius: 3px 0 0 3px
}

@media (min-width:68.75em) {
    .searchform input[type=search] {
        padding: 0 5px 0 10px;
        max-width: 60px
    }
}

@media (min-width:81.25em) {
    .searchform input[type=search] {
        padding: 0 10px 0 15px;
        max-width: 95px
    }
}

.searchform svg {
    float: left;
    clear: none;
    height: 40px;
    width: 40px;
    padding: 10px;
    margin: 0;
    line-height: 40px;
    color: #fff;
    border-style: none;
    border-radius: 0 3px 3px 0;
    background: #555;
    background: linear-gradient(to bottom, #555 0%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000', GradientType=0)
}

.searchform input[type=submit] {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    background: 0 0;
    border-style: none;
    color: none;
    text-indent: -9999px;
    overflow: hidden
}

[ui-search-lazyload] li {
    display: none;
    opacity: 0;
    transition: opacity .5s
}

[ui-search-lazyload] li.show {
    display: block;
    transition: opacity .5s;
    opacity: 1
}

.section {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff
}

@media (min-width:81.25em) {
    .section {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.section--content p:first-child {
    margin-top: 0
}

.section--content p:last-child {
    margin-bottom: 0
}

.section--content p {
    font-size: 1em;
    line-height: 1.65em
}

.section--content ul,
.section--content ol {
    padding-left: 20px
}

.section--content ul li {
    list-style: disc
}

.section--content ul ul li {
    list-style: circle
}

.section--content ul ul li ul li {
    list-style: disc
}

.section--content ol li {
    list-style: decimal
}

.section--content ol ol li {
    list-style: lower-alpha
}

.section--content ol ol li ol li {
    list-style: lower-roman
}

.section--content a {
    text-decoration: underline
}

.section--grey {
    background-color: #f1f1f1
}

.section--black {
    background-color: #000;
    color: #fff
}

.section--links {
    background: #fff;
    background: linear-gradient(to right, #fff 0%, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=1)
}

.section img {
    max-width: 100%
}

.section--content:not(.section--grey)+.section--content:not(.section--grey) {
    padding-top: 0
}

.section--grey+.section--grey {
    padding-top: 0
}

.staff {
    position: relative;
    padding: 30px 0 0
}

.staff__avatar {
    display: none
}

@media (min-width:37.5em) {
    .staff__avatar {
        display: block;
        width: 120px;
        height: 120px;
        position: absolute;
        left: 0
    }
    .staff__avatar img {
        max-width: 100%;
        border-radius: 50%
    }
}

.staff__bio {
    text-align: center
}

.staff__bio h3,
.staff__bio h4 {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 1.25em
}

@media (min-width:37.5em) {
    .staff__bio {
        padding-left: 150px;
        text-align: left
    }
}

.carousel--staff {
    margin-top: 40px
}

.-themed-bgc {
    color: #fff
}

.tile--user {
    border-top-width: 8px;
    border-top-style: solid;
    display: block;
    margin-bottom: 30px
}

@media (min-width:48em) {
    .tile--user {
        border-top: none!important;
        margin-bottom: 0
    }
}

.tile--user .tile__heading {
    margin: 6px 0 10px;
    color: #000;
    font-size: 1.5em;
    line-height: 30px;
    font-weight: 400
}

@media (min-width:48em) {
    .tile--user .tile__heading {
        margin-bottom: 10px
    }
}

.tile--user .tile__heading .icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-left: 3px
}

@media (max-width:47.9em) {
    .tile--user .tile__background {
        background: none!important;
        border-top: none!important
    }
}

@media (min-width:48em) {
    .tile--user .tile__background {
        border-top-width: 8px;
        border-top-style: solid;
        height: 180px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
}

.tile--user .tile__caption {
    color: #000;
    font-weight: 100
}

@media (min-width:48em) {
    .tile--user .tile__caption {
        width: 100%;
        position: absolute;
        bottom: 0;
        padding: 15px 20px;
        background-color: rgba(0, 0, 0, .75);
        color: #fff
    }
}

.tile--product {
    text-align: center;
    display: block;
    color: #000;
    overflow: auto;
    transition: 250ms;
    padding: 0 0 20px 80px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}

@media (min-width:48em) {
    .tile--product {
        display: inline-block;
        padding: 30px 20px 40px;
        margin-bottom: 0;
        border-bottom: 0 solid #ddd
    }
}

.tile--product:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, .25)
}

.tile--product .tile__icon {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 20px
}

@media (min-width:48em) {
    .tile--product .tile__icon {
        position: relative;
        left: auto
    }
}

.tile--product .tile__heading {
    margin: 0 0 5px;
    font-size: 1.3em;
    line-height: 30px;
    font-weight: 700;
    text-align: left;
    display: block
}

@media (min-width:48em) {
    .tile--product .tile__heading {
        text-align: center;
        font-size: 1.6em;
        font-weight: 400;
        margin: 0 0 10px
    }
}

.tile--product .tile__heading .icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px
}

.tile--product .tile__caption {
    color: #000;
    font-size: .95em;
    text-align: left;
    display: block
}

@media (min-width:48em) {
    .tile--product .tile__caption {
        text-align: center
    }
}

iframe.video {
    width: 100%
}




/* SIMON/BOX CSS */
.green {
    color:#bfd700;
}
.micro_header {
    border-top:20px solid #1a2857;
    min-height:0;
    height:auto;
    position: relative;
}
.micro_header:after {
    content:"";
    display:table;
    clear:both;
    zoom:0;
    font-size:0;
}
.micro_header .logo {
    position: static;
    display: inline-block;
    margin-top:25px;
}

.micro_nav_items {
    width:calc(100% - 200px);
    right: 40px;
    top: 20px;
    text-align: right;
    float: right;
    padding-right: 40px;
}
.micro_nav_items li {
    display: inline-block;
    margin: 0 0 4px 0;
}
.micro_nav_items li a {
    padding:10px 20px;
    background: #eee;
    display: block;
}
.micro_nav_items li a:hover {
    background: #ddd;
}


.micro_client_container .section {
    padding-top: 0;
    padding-bottom: 0;
    background: none;
}

.micro_contact_container {
    background-color: #e2e3e4;
    margin: 0px 0px 2em 0px;
    padding: 0.5em 1em;
}

.client-logo .client-logo_container {
    /*text-align: center;*/
    margin-bottom: 40px;
}

.client-logo .client-logo_container img {
    max-width: 250px;
    width:auto;
}

.micro_form_header {
    font-size: 1.8em;
    color: #1A2857;
    font-weight: 500;
    line-height: 1em;
    padding: 0px;
}

.micro_form_container {
    width: 100%;
    background-color: #e2e3e4;
    padding: 0.5em 1em 0.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
}

.micro_form_container label {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin-top:5;
}

.micro_form_container input[type="text"], .micro_form_container input[type="email"], .micro_form_container textarea {
    padding: .5em;
    margin: 0px 0px 5px;
    font-size: 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize:none;
    border:1px solid #ccc;
    outline:none;
    box-shadow: none;
}
.micro_form_container textarea { 
    height:75px;
}
.micro_form_container input[type="submit"] {
    background: #1a2857;
    padding: .5em .5em 0.7em;
    color:white;
    width:100%;
}
.micro_client_container {
    
}

.micro_client_container #form1_login input[type="submit"], 
.micro_client_container #form1_reset input[type="submit"] {
    background: #1a2857 !important;
}


.micro_client_container #form1_login legend {
    padding: 0 10px;
    font-size: 18px;
    font-weight: bold;
}
.micro_client_container #form1_reset {
    border: 1px solid silver;
}
.micro_client_container #form1_reset p {
    margin-top: 0;
}

.micro_client_container #form1_login fieldset, .micro_client_container #form1_reset {
    max-width:600px;
    margin:0 auto;
    padding:40px;
}
.micro_client_container #form1_login label, .micro_client_container #form1_reset label {
    display: block;
    text-align: center;
    margin:20px 0 10px;
}
.micro_client_container #form1_login input[type="email"], .micro_client_container #form1_login input[type="password"], .micro_client_container #form1_reset input[type="email"], .micro_client_container #form1_reset input[type="password"] {
    display:block;
    width:100%;
    height:40px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
}
.micro_client_container #form1_login input[type="submit"], .micro_client_container #form1_reset input[type="submit"] {
    background: #96c11e;
    padding: 1em .5em 1.2em;
    color:white;
    margin-top:30px;
    width:100%;
}

.glossary_item {
    display:none;
}

.glossary_item#glossary_item_A {
    display: block;
}

.glossary_letters {
    text-align: center;
    margin-bottom: 40px;
}
.glossary_letters span {
    display: inline-block;
    border-radius:50%;
    background:#1a2857;
    color:white;
    text-align: center;
    height: 30px;
    width: 30px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px 0 0;
}
.glossary_letters span:hover {
    background: black;
}

.glossary_block {
    background:#eee;
    padding:20px 20px 1px;
    margin:0 0 20px;
}
.glossary_block div:first-child {
    font-size: 1.5rem;
    color:#1a2857;
    font-weight: bold;
}

/*start popup css*/
#popup {
    display: inline-block;
    opacity: 0;
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    padding: 40px 15px;
    width: 90%;
    background-color: #0276A5;
    border: 1px solid #888;
    box-shadow: 1px 1px 0.5em 0 rgba(0, 0, 0, .5);
    transition: opacity .3s ease-in-out;
    overflow: auto;
    max-width: 500px;
    z-index: 9999999;
}
.btn-success {
    background-color: white;
    border: 2px solid;
    border-radius: 4px;
    padding: 8px 16px!important;
    font-size: 1em;
    margin: 4px 8px 4px 0;
    font-weight: 700;
    line-height: 1.5em;
    cursor: pointer;
}
.sessionClass ,.cookiesClass {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.contant {
    color: white;
    font-weight: 400;
    letter-spacing: 0.6px;
}
.titleclass {
    width: 100%;
}
.main-div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
hr {
    color: white;
    height: 1px;
    margin: 17px 0;
    opacity: .25;
}
#popup.hidden {
    display: none;
}
#popup.fade-in {
    opacity: 1;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.messagecookies {
    font-size: 19px !important;
    color: white;
    font-weight: 500;
}
.onoffswitch {
    position: relative; 
    width: 83px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block; 
    width: 200%; 
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; 
    float: left; 
    width: 50%; 
    height: 30px; 
    padding: 0; 
    line-height: 30px;
    font-size: 14px; 
    color: white; 
    font-family: Trebuchet, Arial, sans-serif; 
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "On";
    padding-left: 10px;
    background-color: #2f2f5f; 
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Off";
    padding-right: 10px;
    background-color: #2f2f5f; 
    color: #fff;
    text-align: right;
}
.onoffswitch-switch {
    display: block; 
    width: 38px; 
    margin: 6px;
    background: #0276A5;
    position: absolute; 
    top: 0; 
    bottom: 0;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/*start css 18-02-2021*/
.container--wide.clinic-container {max-width: 1400px; padding-left: 0; padding-right: 0;background: #fff;} 
.clinic-finder {font-family: "open-sans", sans-serif !important;padding: 0 15px;font-weight: 300;max-width: 100%;margin: 16px auto 0 auto;}
.clinic-page {background: #d1d3d4;}
.nav--level1>ul>li>a {font-size: 15.4px;}
.contact-tab a {font-size: 25px;} 
.clinic-finder .searchDiv {padding: 10px 0;} 
.clinic-finder .btn-info {border: none;} 
.clinic-finder .btn-info:focus {border: none; box-shadow: none;} 
.clinic-finder .searchDiv {display: flex;} 
.clinic-finder div.cliniclist .col-md-6.scroll {padding-left: 0; border: 1px solid #e0e0e0; padding: 0;} 
.clinic-finder div.cliniclist .col-md-6.map {padding-right: 0;} 
.clinic-finder .displayInline {display: flex;}
.clinic-finder #map {height: 434px; width: 100%; margin-top: 30px;} 
.clinic-finder .scroll {unicode-bidi:bidi-override; overflow: scroll; overflow-x: hidden!important;} 
.clinic-finder .clinic {border: 2px solid #e0e0e0;} 
.clinic-finder .p-20 {padding: 20px;} 
.clinic-finder .p-18 {padding: 18px;} 
.clinic-finder div.cliniclist {height: 464px; direction: ltr;} 
.clinic-finder .scroll {unicode-bidi:bidi-override; overflow: scroll; overflow-x: hidden!important; margin-top: 30px;} 
.clinic-finder .details {border-bottom: 1px solid #e0e0e0; padding: 20px;font-size: 14px;} 
.clinic-finder .searchDiv input {border: 0; border-bottom: 2px solid #757575; width: 100%; font-size: 17px; line-height: 30px; height: 50px; text-align: left;background: transparent; color: black;} 
.clinic-finder .searchDiv input:focus {outline: 0; color: black;} 
.clinic-finder .searchDiv input::placeholder {color: #757575;} 
.clinic-finder .searchText {padding-top: 11px;font-size: 17px;} 
.clinic-finder .paddingZiro {padding: 0;} 
.clinic-finder .clinicSearch {border-bottom: 2px solid #e0e0e0;font-size: 17px;} 
.clinicHeader {padding-left: 0px;} 
.clinic-finder .detailsLink {color: black;text-decoration: none;}
.clinic-finder .detailsLink:hover {color: #17a2b8;text-decoration: none;}
.clinic-finder h1 {font-weight: 700;font-size: 37px;}
.clinic-finder .details h3 {font-weight: 700;font-size: 16px;}
.clinic-page .contact-tab span {font-size: 12.6px;}
.clinic-finder .searchDiv .col-md-1:Last-child {padding: 0;} 

@media (max-width: 1450px) {
    .container--wide.clinic-container {max-width: 100%;}
    .clinic-finder .searchDiv .searchText {width: 95px; flex: unset; max-width: 100%; display: inline-flex;} 
    .clinic-finder .searchDiv .col-md-10 {flex: unset; max-width: 100%; display: inline-flex; width: calc(100% - 245px);}
    .clinic-finder .searchDiv .col-md-1:last-child {flex: unset; max-width: 100%; width: 150px;} 
    .clinic-finder .searchDiv .col-md-1:last-child button.btn.btn-info {width: calc(100% - 15px);}
}
@media (max-width: 1370px) {
    .clinic-finder {margin: 16px auto 0 179px;}
}
@media (max-width: 1099px) {
    .nav--desktop.nav {display: none;}
    .contact-tab a {font-size: 14px;}
    .clinic-finder {margin: 16px auto 0 auto;}
}
@media (min-width: 360px) and (max-width: 640px) {
    #popup {
        width: 100%;
    }
    .messagecookies {
        font-size: 15px !important;
        color: white;
    }
    hr {
        color: white;
        height: 1px;
        margin: 10px 0;
        opacity: .25;
    }
    #popup {
        left: 50%;
    }
}
@media (min-width: 641px) and (max-width: 1366px) {
    #popup {
        width: 59%;
    }
    .messagecookies {
        font-size: 15px !important;
        color: white;
    }
    hr {
        color: white;
        height: 1px;
        margin: 10px 0;
        opacity: .25;
    }
    #popup {
        left: 29%;
    }
}
@media (max-width: 1470px) {
    div#popup {
        width: 29%;
    }
    div#popup hr {
        margin: 10px 0;
    }
    div#popup .contant {
        margin: 10px 0;
    }
}
@media (max-width: 1340px) {
    div#popup {
        width: 34%;
    }
}
@media (max-width: 1023px) {
    div#popup {
        width: 45%;
    }
}
@media (max-width: 767px) {
    div#popup {
        width: 90%;
        overflow: auto;
        padding: 30px 20px;
        z-index: 111;
    }
    .onoffswitch-inner:before {
        font-size: 12px;
        padding-left: 7px;
    }
    .clinic-finder .searchDiv {
        flex-wrap: wrap;
        padding: 15px;
    }
    .clinic-finder .clinic .searchDiv > div {
        width: calc(100% - 70px);
        padding: 0;
    }
    .clinic-finder .searchDiv input {
        font-size: 14px;
        height: 40px;
        border: 2px solid #757575;
        border-radius: 0
    }
    .clinic-finder .searchDiv .col-md-1:last-child {
        width: 70px;
    }
    .clinic-finder .searchDiv .col-md-1:last-child .btn-info {
        min-height: 30px;
        height: 40px;
        border-radius: 0;
        font-size: 12px;
    }
    .clinic-finder div.cliniclist .col-md-6 {
        width: 100%;
    }
    .clinic-finder div.cliniclist {
        height: auto;
        flex-wrap: wrap;
    }
    .clinic-finder div.cliniclist .col-md-6.scroll {
        height: 545px;
    }
    .cliniclist h3 {
        font-size: 20px;
    }
    .cliniclist  span {
        font-size: 15px;
    }
    .clinic-finder div.cliniclist .col-md-6 .btn-info {
        font-size: 14px;
        min-height: 40px;
    }
    .clinic-finder .details {
        padding: 15px;
    }
    .clinicHeader.p-20 {
        padding: 10px 0;
    }
    .clinic-finder .searchDiv .col-md-1:last-child button.btn.btn-info {
        width: 100%;
    }
}
/*end popup css*/

.clinic-finder .displayInline input.btn {font-size: 11px;min-height: 40px;width: 150px;display: inline-block;word-break: break-word;white-space: normal;}
.details .col-md-9 {flex: 0 0 65%; max-width: 65%;} 
.details .col-md-3 {flex: 0 0 35%; max-width: 35%;}
.clinic-finder .displayInline.row .col-md-9 {flex: 0 0 55%; max-width: 55%;} 
.clinic-finder .displayInline.row .col-md-3 {flex: 0 0 45%; max-width: 45%;}
.clinic-page .hero__content h1 {font-weight: 700;margin: 0px 0 20px 0px;color: #fff;font-size: 37px;}
.clinic-page .hero__content p {font-family: "open-sans", sans-serif;font-weight: 300;font-size: 16px;}
.clinic-finder {margin: 16px auto 0 auto;}
.clinic-finder .container {max-width: 960px;}
/*Start css 26-05-2021*/
.clinic-page .section--content  h2.heading {font-family: "proxima-nova", sans-serif;font-weight: 700;font-size: 23px;margin-bottom: .53333em;}
.clinic-page .clinic-container >  nav.nav.nav--desktop {display: none;}
.clinic-page .section--content .container {font-family: "open-sans", sans-serif;font-weight: 300;font-size: 14px;}
.clinic-page .section--content a {padding: 15px 25px; color: #fff; font-size: .95em; line-height: 20px;}
.section--content a:hover {background: linear-gradient(to bottom, #7b797a 0%, #5b595a 100%);color: #fff;}
.main.clinic-finder .container {max-width: 1400px;}
.clinic-page .hero .container {padding: 0px 10px;}
.clinic-finder .searchDiv .col-md-10 {flex: 0 0 80%; max-width: 80%;} 
.clinic-finder .searchDiv .col-md-1:nth-child(1) {width: 80px; flex: unset; max-width: 100%;} 
.clinic-finder .searchDiv .col-md-1:nth-child(3) {width: calc(100% - 80% - 80px);}
.clinic-page .hero > .hero .container {padding: 0;}
.clinic-page .hero .section > a {padding: 0; margin: 0; line-height: 0; font-size: 0;}
.clinic-page .hero section.section p {margin-top: 1rem;}
.clinic-page .hero section.section p:nth-of-type(1) {margin-top: 25px;} 

@media (min-width: 68.75em) {
    .clinic-page .section--content .container {max-width: 960px;padding: 0 10px;}
    .clinic-page .section--content h2.heading::after {margin: 20px auto 0 0;}
}

@media (max-width: 1099px) {
    .clinic-page .section--content .container {max-width: 100%;padding: 0 15px;}
    .main.clinic-finder .container {padding: 0 15px;}
}
@media (max-width: 1200px) {
    .clinic-finder {margin: 16px 0 0 0px;}
    .clinic-finder .container {max-width: 100%;padding: 0px;}
    .clinic-finder .displayInline input.btn {font-size: 10px;width: 160px;}
}
@media (max-width: 1023px) {
    .clinic-finder div.cliniclist .col-md-6 {flex: 0 0 100%;max-width: 100%;}
    .clinic-finder .displayInline {flex-wrap: wrap;}
    .clinic-finder div.cliniclist {overflow: auto;}
    .clinic-finder .container ,
    .clinic-page .section--content .container {padding: 0 15px;}
    .clinic-finder .displayInline input.btn {width: auto;}
    .clinic-finder .searchDiv .col-md-1:nth-child(3) {width: calc(100% - 70% - 80px);}
    .clinic-finder .searchDiv .col-md-10 {flex: 0 0 70%;max-width: 70%;}
}
@media (max-width: 767px) {
    .clinic-page .hero__content h1 {font-size: 37px;}
    .clinic-finder .details .row {display: block;} 
    .details .col-md-3 img {float: none !important;} 
    .clinic-finder .displayInline.row .col-md-9 {flex: 0 0 100%; max-width: 100%; text-align: center;margin: 10px 0;} 
    .clinic-finder .displayInline.row .col-md-3 , 
    .details .col-md-3 ,
    .details .col-md-9 {flex: 0 0 100%; max-width: 100%;} 
    .details .col-md-3 a, .details .col-md-3 a input {display: block;width: 100%;}
    .details .col-md-3 {text-align: center;margin: 20px 0 0;}
    .clinic-finder div.cliniclist .col-md-6 .btn-info {width: 100%;}
    .main.clinic-finder .container {padding: 0px;}
    .clinic-finder .searchDiv .col-md-1:nth-child(3) {width: calc(100% - 40% - 80px);}
    .clinic-finder .searchDiv {flex-wrap: wrap;}
    .clinic-finder .searchDiv .col-md-1:nth-child(1) {width: 100%;}
    .clinic-finder .searchDiv .col-md-1:nth-child(3) {width: calc(100% - 70%);}
    .clinic-finder .searchDiv .col-md-10 {padding-right: 0px;}
}
/*end css 26-05-2021*/
/*start css 15-06-2021*/
.clinic-page .cms-content .heading {font-size: 1.4375rem; font-weight: 700;} 
.clinic-page .cms-content p {font-family: "open-sans", sans-serif; font-weight: 300; font-size: .875em; line-height: 1.5em;} 
.clinic-page .hero .section  .cms-content  p:nth-of-type(1) {margin: 0;} 
.clinic-page .cms-content p {margin-top: 1.5em; margin-bottom: 0;} 
.clinic-page .hero section.section p img {margin-bottom: 5px;}
/*end css 15-06-2021*/
/*start css 03-09-2021*/
.container--wide  , .hero>.container {max-width: 100%;} 
header.header > .container, .footer .container {max-width: 1400px; margin: 0 auto; padding: 0 15px;position: relative;} 
section.home-nav {max-width: 100%; margin: 0 auto; padding: 0;} 
.home-nav__media img {width: 100%;}
.home-nav .container ,
.section > .container {max-width: 1020px;}
.nav--level2>ul>li:first-child {margin-left: -20px;}
.hero__content.-themed-bc {width: 100%;} 
.hero__content.-themed-bc .hero-custom {width: 100%; max-width: 1020px; margin: 0 auto; padding: 0; position: relative; z-index: 11; color: #fff;} 
.nav--level2>ul {padding: 0; max-width: 980px; margin: 0 auto; padding: 0;} 
.hero--home.hero > .container {max-width: 1020px;margin: 0 auto;padding: 0;position: relative;z-index: 11;color: #fff;} .logo {margin-left: 0;} 
.hero__content::before {content: '';background-image: linear-gradient(to right, #1a2857, #1a2857, #1a2857,transparent, transparent);position: absolute;left: 0;top: 0;display: block;width: 100%;height: calc(100% - 8px);z-index: 11;} 
.clinic-page .container--wide.clinic-container {max-width: 100%;} 
.hero__content.-themed-bc .hero-custom > * {width: 50%;margin-bottom: 10px;}
.footer .grid .grid__item .grid__item {width: 24.9%;} 
.footer .grid .grid__item .grid__item .logos {display: flex; flex-wrap: wrap;} 
.footer__cedincial-details img {width: 49%;display: inline-block;height: auto;margin-bottom: 10px;padding: 0 20px 0 0px;}
.footer .grid .grid__item .grid__item .logos img {width: auto !important; height: 40px !important; align-items: flex-end; display: flex;} 
.logo-custom {height: 50px; margin-bottom: 10px; display: inline-flex; align-items: flex-end; padding: 0 15px 0 0; justify-content: flex-start;width: 50%;}
.carousel.carousel--sliderLogo.owl-loaded.owl-drag {overflow: hidden;position: relative;background: #fff;display: flex;padding: 40px 0;align-items: center;} 
.carousel--sliderLogo .owl-stage {display: flex;} 
.carousel--sliderLogo .owl-nav .owl-next{position: unset;float: right;} 
.carousel--sliderLogo .owl-nav .owl-prev{position: unset;} 
.section-padding{padding:60px 0;} 
.brand-carousel {background: #eee; margin-top: 10%;} 
.carousel--sliderLogo .owl-item{margin-left: 18px;} 
.provider-logo {background: #ea7600; padding: 0 0 10px; margin: -50px 0  0;} 
.provider-logo .container {background: #fff;display: flex;align-items: center;} 
.carousel--sliderLogo .owl-nav {position: absolute;top: 40%;width: 100%;display: flex;align-items: center;justify-content: space-between;font-size: 0;left: 0;z-index: 0;} 
.provider-logo .container .owl-stage-outer {/* z-index: 11; */}
.provider-logo .slider-nav a {width: 30px;height: 30px;border: 1px solid #afacac;border-radius: 15px;/* margin-left: 15px; */position: relative;top: unset;right: unset;} 
.carousel--sliderLogo .owl-nav > div.owl-next {margin: 0 15px 0 0; } 
.provider-logo .slider-nav a::before {content: '';width: 8px;height: 8px;transform: rotate(-226deg );border: solid #afacac;border-width: 0px 1px 1px 0;display: inline-block;position: absolute;left: 12px;top: 11px;z-index: 11;}
.provider-logo .next-arrow-contain.slider-nav a::before {transform: rotate(-45deg); left: 9px;}
.carousel--sliderLogo .owl-nav > div.disabled {opacity: 0.3;}
.carousel--sliderLogo .owl-stage img {width: auto;margin: 0 auto;height: auto;padding: 0 25px;} 
.carousel--sliderLogo .owl-stage .sliderLogo {margin: 0 auto;display: flex;align-items: flex-end;height: 100%;} 
.carousel--sliderLogo .owl-stage .owl-item {margin: 0;}
.provider-logo .slider-nav a {position: relative; display: block; font-size: 0;} 
.provider-logo .slider-nav {padding: 0 10px;}
.nav--desktop.nav--level2 {position: sticky; left: 0; top: 106px; z-index: 1111;}
.document-data .document {width: 33.33%;} 
.document-data .document .document-content {background-size: cover;background-position: center;min-height: 230px;border-top: 10px solid #c0392b;margin-top: 0;display: flex;width: 100%;align-items: flex-end;flex-wrap: wrap;overflow: hidden;height: 230px;} 
.document-data .document .document-detail > div {background: transparent;border: 0;width: 100%;height: auto !important;padding: 0;transition: 0.5s;font-size: 22px;font-weight: 400;} 
.document-data .document  .document_icon {display: none;} 
.document-data .document .document-detail {background: #0000008f;width: 100%;display: flex;flex-wrap: wrap;color: #fff;padding: 0 20px;transition: 0.5s;align-items: center;transform: translatey(40%);} 
.document-data .document .document-detail > div.document__name a {padding: 20px 0; display: block;} 
.document-data .document .document-detail > .document__link a {padding: 11px 6px;display: inline-block;color: #fff;font-size: 20px;font-weight: bold;margin: 0;border-color: #fff;} 
.document-data .document .document-detail .document__name {display: inline-flex;border-bottom: 1px solid #fff;padding: 10px 0px 9px;margin: 0 0 20px;height: 60px !important;align-items: center;width: auto;line-height: 25px;}
.document-data .document .document-content:hover .document-detail {transform: translatey(0%); height: 100%; text-align: center; justify-content: center;} 
.document-data .document .document-content:hover .document-detail .document__name {border-color: transparent; margin: 0;} 
.document-data .document .document-content:hover .document__link {min-height: 80px;}
.director-class .staff .staff__avatar {width: 100%;height: auto;position: unset;display: flex;color: #000;flex-wrap: wrap;align-items: flex-start;} 
.director-class .staff__avatar img {/* width: 160px; *//* height: 160px; *//* display: inline-block; *//* margin: 0; */    border-radius: 50%;} 
.director-class .staff__avatar p {display: inline-block;font-size: 19px;color: grey;line-height: 27px;width: 100%;padding-left: 0;margin: 0;} 
.director-class .staff__avatar p strong {width: 100%;display: block;margin: 20px 0 10px 0;font-size: 25px;color: #000;} 
.director-class .staff__avatar p > strong:nth-of-type(2) {margin: 0  0 20px;color: #000;font-weight: 500;font-size: 20px;}
.director-class .staff__link {/* text-align: right; *//* position: absolute; *//* right: 0; *//* top: 60px; */}
.director-class .staff__link a img {width: 50px;height: 50px;display: inline-block;padding: 3px;}
.director-class .staff .staff__avatar .left-staff {width: 170px;} 
.director-class .staff .staff__avatar .right-staff {width: calc(100% - 170px); padding-left: 40px;} 
.director-class .staff .staff__avatar .right-staff .director-name {display: flex; align-items: center; width: 100%; margin-bottom: 15px;} 
.director-class .staff .staff__avatar .right-staff .director-name .staff-title {width: calc(100% - 50px);} 
.director-class .staff .staff__avatar .right-staff .director-name .staff__link {width: 50px;} 
.director-class .staff .staff__avatar .right-staff .director-name .staff-title h3 {margin: 0 0; font-weight: normal; font-size: 20px; color: grey;} 
.director-class .staff .staff__avatar .right-staff .director-name .staff-title h2 {font-size: 20px; margin: 0 0 5px 0px;}
.main .-no-padding--top-first.director-class {padding: 0 0 20px !important; background-color:#fff;}
.main .-no-padding--bottom.director-title {background-color:#fff;}
.main h2.heading.director-heading {color: black; padding: 0; margin: 0; font-size: 35px; line-height: normal;} 
.main h2.heading.director-heading::after {background: #000;margin: 10px 0px 40px;}
.product-list .tile--product:hover {margin-top: -10px;margin-bottom: 30px;}
.product-list .tile--product:hover svg {transform: rotate(9deg) translate3d(0,0,0);}
.product-list .product-list__item:nth-child(5), 
.product-list .product-list__item:nth-child(6), 
.product-list .product-list__item:nth-child(4) , 
.product-list .product-list__item {border: 0;}
.product-list .tile--product .tile__icon {transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out,-moz-transform .25s ease-in-out;}
.product-list .product-list__item a {min-height: 205px;margin-bottom: 30px;}
.main .-no-padding--top-first.director-class {padding: 0 0 20px !important; background-color:#fff;}
.main .-no-padding--bottom.director-title {background-color:#fff;}
.main h2.heading.director-heading {color: black; padding: 0; margin: 0; font-size: 35px; line-height: normal;} 
.main h2.heading.director-heading::after {background: #000;margin: 10px 0px 40px;}
.product-list .tile--product:hover {margin-top: -10px;margin-bottom: 30px;}
.product-list .tile--product:hover svg {transform: rotate(9deg) translate3d(0,0,0);}
.product-list .product-list__item:nth-child(5), 
.product-list .product-list__item:nth-child(6), 
.product-list .product-list__item:nth-child(4) , 
.product-list .product-list__item {border: 0;}
.product-list .tile--product .tile__icon {transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out,-moz-transform .25s ease-in-out;}
.product-list .product-list__item a {min-height: 205px;margin-bottom: 30px;}
/*sub-menu*/
.sub-menu {display: none;} 
.header > .container .nav--level1 {position: unset;order: 2;width: auto;width: calc(100% - 600px);height: auto;right: unset;left: unset;top: unset;text-align: center;} 
.header > .container {display: flex;align-items: center;flex-wrap: wrap;} 
.header > .container .contact-tab {position: unset;width: 250px;transform: unset;order: 4;margin-top: -30px;padding: 10px 0 20px;} 
.header > .container .logo {width: 100px; order: 1; position: unset;} 
.header > .container .searchform {position: unset;width: 250px;order: 3;padding: 0px  30px 0 0;} 
.header > .container .searchform div {float: none; width: 100%; display: block; position: relative;} 
.header > .container .searchform form {width: 100%; display: block;} 
.header > .container .searchform input[type=search] {width: 100%; float: none; max-width: unset; padding: 0px 50px 0px 15px; line-height: 40px; height: 40px; box-sizing: border-box;} 
.header > .container .searchform .icon-search {float: none; position: absolute; right: 0;} 
header.header {min-height: unset;height: auto;padding-bottom: 0;z-index: 11111;} 
/*.sub-menu.sub-menu-open {display: block; position: absolute; top: 100%; max-width: 1500px; background: #f1f1f1;}
*/
/*sub-menu css*/
.sub-menu {position: absolute; max-width: 700px; top: 100%; width: 100%; background: #fafafc; align-items: flex-start; left: 5%; width: 100%; perspective: 1000px; z-index: -1; animation: rotateMenu 400ms ease-in-out forwards; transform-origin: top center;} 
.micro_header-perent .micro_header .logo{margin-left: 10px;}
@keyframes rotateMenu {0% {transform: rotateX(-90deg)} 70% {transform: rotateX(20deg)} 100% {transform: rotateX(0deg)}}
.main-li:hover .sub-menu {display: flex !important;} 
.nav--level1>.container {position: unset;} 
li.main-li {position: unset;} 
.sub-menu-ul-second {width: 50%;position: relative;background: #eaebef;} 
.sub-menu-ul-second .sub-menu-ul-third {width: 350px;position: absolute;left: 50%;top: 0;text-align: left;height: 100%;background: #df7402;display: none;} 
.sub-menu-ul-second > li:hover .sub-menu-ul-third {display: block;z-index: 1;} 
.sub-menu-ul-second > li > a, .sub-menu-ul-second > li > span {width: 100%;text-align: left;display: inline-block;color: #000;} 
.sub-menu .sub-menu-ul-first {width: 350px;font-size: 15px;} 
.sub-menu-ul-second > li {display: flex;align-items: flex-start;width: 100%;flex-wrap: wrap;margin-left: 0;padding-right: 0;margin-bottom: 20px;} 
.sub-menu .sub-menu-ul {padding: 40px 100px 40px 40px;font-size: 20px;text-align: left;/* min-height: 100%; *//* height: 100%; */}
.sub-menu .sub-menu-ul a {font-weight: 600;} 
.nav--level1>ul>li {padding: 30px 0 40px;}
.sub-menu-ul-second > li > span p {margin: 0; font-weight: normal; display: block; font-size: 18px; color: #3d3c41; line-height: normal;} 
.sub-menu-ul-second > li > a:hover {text-decoration: underline; color: #1a2857;}
.sub-menu-ul-third li a {color: #fff;margin-bottom: 15px;display: block;}
.sub-menu-ul-second > li:nth-of-type(1) >ul {z-index: 1;}
.sub-menu .sub-menu-ul.sub-menu-ul-second {min-height: 370px;padding-right: 40px;width: 350px;position: relative;background: #eaebef;}
ul.sub-menu-ul.sub-menu-ul-third {padding: 40px 30px 40px 40px;} 
.section img {width: 100%;}
.sub-menu > .sub-menu-ul-first > li > a {color: #1a2857;font-size: 33px;}
ul.sub-menu-ul.sub-menu-ul-third a {font-weight: normal;}
ul.sub-menu-ul.sub-menu-ul-third li:first-of-type a {font-weight: 600;}
.staff-new-class .owl-carousel .owl-item .staff-image{width: 40px; position: absolute; right: 0;}
.nav--level1>ul>li.last-menu-open .sub-menu {max-width: 1050px;} 
.nav--level1>ul>li.last-menu-open .sub-menu-ul-second {width: 700px;} 
.nav--level1>ul>li.last-menu-open .sub-menu-ul-second > li {padding-right: 55%;}
.card--news .card__image img, .card--award .card__image img {width: 100% !important;}
@media (min-height: 577px) and (max-height: 600px) {
    .sub-menu {height: 400px;/*overflow-y: auto;overflow-x: hidden;*/}
    .sub-menu-ul-second .sub-menu-ul-third {position: fixed;left: 67%}
    .main-li:hover .sub-menu .sub-menu-ul-second {height: 400px; overflow-y: auto; min-height: unset; overflow-x: hidden;} 
    .main-li.last-menu-open:hover .sub-menu .sub-menu-ul-second .sub-menu-ul-third {height: 400px; overflow: auto;} 
    .main-li.last-menu-open:hover .sub-menu .sub-menu-ul-second {overflow: hidden;} 
}
@media (min-height: 400px) and (max-height: 578px) {
    .sub-menu {height: 300px;/*overflow-y: auto;overflow-x: hidden;*/}
    .sub-menu-ul-second .sub-menu-ul-third {position: fixed;left: 67%}
    .main-li:hover .sub-menu .sub-menu-ul-second {height: 300px; overflow-y: auto; min-height: unset; overflow-x: hidden;} 
    .main-li.last-menu-open:hover .sub-menu .sub-menu-ul-second .sub-menu-ul-third {height: 300px; overflow: auto;} 
    .main-li.last-menu-open:hover .sub-menu .sub-menu-ul-second {overflow: hidden;} 
}
@media (min-width: 68.75em) {
    .hero>.container {max-width: 100%;} 
    .logo {margin-left: 0;} 
    .micro_header-perent .micro_header .logo{margin-left: 40px;}
}
@media (max-width: 1299px) {
    .provider-logo {padding: 10px 20px;}
    .header > .container .nav--level1 {width: calc(100% - 550px);}
    .header > .container .contact-tab {width: 200px;padding: 20px 10px;margin-top: -36px;}
    .contact-tab a {font-size: 23.4px;}
    .header > .container .searchform {padding: 0px  20px 0px 20px;}
    .nav--level1>ul>li {padding: 30px 0 50px;}
    .nav--desktop.nav--level2 {top: 116px;}
    .sub-menu {max-width: 600px;}
    .nav--level1>ul>li.last-menu-open .sub-menu {max-width: 900px;}
    .sub-menu .sub-menu-ul-first ,
    .sub-menu .sub-menu-ul.sub-menu-ul-second ,
    .sub-menu-ul-second .sub-menu-ul-third {width: 300px;}
    .nav--level1>ul>li.last-menu-open .sub-menu-ul-second {width: 600px;}
    .nav--level1>ul {padding-left: 5px;}
    .sub-menu > .sub-menu-ul-first > li > a {font-size: 27px;}
    .sub-menu .sub-menu-ul {font-size: 17px;padding: 20px 100px 20px 20px;}
    ul.sub-menu-ul.sub-menu-ul-third {padding: 20px;}
}
@media (max-width: 1245px) {
    .nav--level1>ul>li>a {padding: 5px 7px 0 7px;}
}
@media (max-width: 1099px) {
    .page-name {position: sticky;left: 0;top: 79px;z-index: 1111;}
    .header > .container .contact-tab {display: none;}
    .header > .container .logo {top: 30px;margin-top: 25px;}
    header.header {padding-bottom: 10px;}
}
@media (max-width: 1023px) {
    .provider-logo .container {margin: 0 auto;max-width: 900px;padding: 0;}
}   
@media (max-width: 767px) {
    .hero__content::before {width: 0;height: 0;background-image: none;}
    .hero__content ,
    .hero-custom {background: #fff;color: #000;}
    .hero__content.-themed-bc .hero-custom > * {width: 100%;color: #000;}
    .footer .grid .grid__item .grid__item {width: 49%;}
    .logo-custom {justify-content: center;}
    .footer .grid .grid__item .grid__item .logos img {height: 60px !important;}
    .logo {top: 30px;}
    .burgerbun {right: 10px;}
    .document-data .document {width: 100%;padding: 0;}
    .main h2.heading.director-heading {font-size: 25px;}
    .director-class .staff__avatar p strong {font-size: 22px;margin: 0 0 10px 0;}
    .page-name.-themed-bgc {background: #1a2857;}
    .product-list .product-list__item a {border: 0;min-height: auto;padding: 20px 0 20px 90px;}
    .product-list .tile--product:hover {box-shadow: 0 0 10px rgb(0 0 0 / 25%);}
    .product-list .tile--product:hover svg {transform: rotate(-9deg) translate3d(0,0,0);}
    .footer__cedincial-details img {padding: 0 15px;}
    .director-class .staff .staff__avatar .left-staff {width: 100%;}
    .director-class .staff .staff__avatar .right-staff {width: 100%;padding: 0;}
    .director-class .staff__avatar p {font-size: 15px;line-height: 25px;}
    .hero>.container .hero__content {height: auto;} 
}
@media (max-width: 575px) {
    .footer .grid .grid__item .grid__item {width: 100%;padding-bottom: 10px;}
    .logo-custom {justify-content: center;padding: 0;}
    .grid.footer__content {padding-bottom: 20px; margin: 0; padding: 0;} 
    .footer .grid .child--one-whole {display: flex; padding-left: 0; flex-wrap: wrap;} 
    .footer .company-details .topOfFooter {position: unset; order: 1;} 
    .footer .company-details .bottomOfFooter {order: 2;position: unset;margin-bottom: 30px;} 
    .footer__contact-details svg {width: 0;height: 0;margin: 0;}
    .footer address {margin-bottom: -20px;}
    .footer h4 {margin-top: 0;}
    .carousel.carousel--sliderLogo.owl-loaded.owl-drag {padding: 20px 0;}
    .provider-logo .slider-nav a {width: 25px;height: 25px;}
    .provider-logo .slider-nav a::before {left: 10px;top: 8px;}
    .provider-logo .next-arrow-contain.slider-nav a::before {left: 6px;}
    .director-class .staff__avatar img {width: 100%;height: auto;margin: 0 0 20px;float: none;}
    .director-class .staff {padding: 0;}
}
/*end css 03-09-2021*/

@media(min-width:320px) and (max-width: 425px) {
    .footer__cedincial-details img{
        padding: 0 25px;
    }   
}
@media(min-width:426px) and (max-width: 500px) {
    .footer__cedincial-details img{
        padding: 0 45px;
    }   
}
@media(min-width:501px) and (max-width: 525px) {
    .footer__cedincial-details img{
        padding: 0 55px;
    }   
}
@media(min-width:525px) and (max-width: 575px) {
    .footer__cedincial-details img{
        padding: 0 55px;
    }   
}

@media (min-width:48em) {
    .home-nav__section--secondary {
        padding-left: 175px;
    }
}

.micro_header-perent .page-name.-themed-bgc{background: rgba(0, 0, 0, 0); position: unset;}