.parallelogram-demo {
    margin-top: 50px;
    width: 75%;
    height: 100px;
    padding: 30px;
    margin-left: 30px;
    background-color: aqua
}

.parallelogram-demo:before,
.parallelogram-demo:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: rotate(360deg)
}

.parallelogram-demo:before {
    left: -30px;
    border-width: 0 0 100px 30px;
    border-color: transparent transparent aqua transparent
}

.parallelogram-demo:after {
    right: -30px;
    border-width: 100px 30px 0 0;
    border-color: aqua transparent transparent transparent
}

.parallelogram-demo h1,
.parallelogram-demo h2,
.parallelogram-demo h3,
.parallelogram-demo h4,
.parallelogram-demo h5,
.parallelogram-demo h6,
.parallelogram-demo p,
.parallelogram-demo li,
.parallelogram-demo a {
    color: #222
}

.wedge-container {
    overflow: hidden;
    width: 100%;
    height: 300px
}

.wedge-container .wedge-demo {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 300px;
    background-color: tan;
    opacity: .7;
    -ms-transform: skewY(10deg);
    transform: skewY(10deg);
    top: -50%;
    bottom: -20%
}

.wedge-container p {
    text-align: center
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
    display: none
}

ng\:form {
    display: block
}

.ng-hide-add-active,
.ng-hide-remove {
    display: block
}

@font-face {
    font-family: "Din";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb_subset.ttf") format("truetype")
}

@font-face {
    font-family: "Din Bold";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Bold_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Bold_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Bold_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Bold_subset.ttf") format("truetype")
}

@font-face {
    font-family: "Din Black";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Black_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Black_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Black_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Black_subset.ttf") format("truetype")
}

@font-face {
    font-family: "Din Light";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Light_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Light_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Light_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Light_subset.ttf") format("truetype")
}

@font-face {
    font-family: "Din Medium";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Medium_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Medium_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Medium_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Medium_subset.ttf") format("truetype")
}

@font-face {
    font-family: "Din Italic";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Italic_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Italic_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Italic_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-Italic_subset.ttf") format("truetype")
}

@font-face {
    font-family: "Din Bold Italic";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-BoldItalic_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-BoldItalic_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-BoldItalic_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-BoldItalic_subset.ttf") format("truetype")
}

@font-face {
    font-family: "Din Black Italic";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-BlackItalic_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-BlackItalic_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-BlackItalic_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-BlackItalic_subset.ttf") format("truetype")
}

@font-face {
    font-family: "Din Medium Italic";
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-MediumItalic_subset.eot");
    src: url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-MediumItalic_subset.eot?#iefix") format("embedded-opentype"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-MediumItalic_subset.woff") format("woff"), url("/hcp/wp-content/themes/firmagon-hcp/assets/fonts/din/DINWeb-MediumItalic_subset.ttf") format("truetype")
}

body {
    font-family: 'Din', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

@-moz-document url-prefix() {
    body {
        font-weight: lighter !important
    }
}

strong,
b {
    font-family: 'Din Bold', Helvetica, sans-serif
}

strong em,
strong i,
b em,
b i {
    font-family: 'Din Bold Italic', Helvetica, sans-serif
}

em,
i {
    font-family: 'Din Italic', Helvetica, sans-serif
}

h1,
.heading--1 {
    font-family: 'Din Medium', Helvetica, sans-serif;
    color: #FFFFFF
}

h2,
.heading--2 {
    font-family: 'Din Medium', Helvetica, sans-serif;
    color: #A50235
}

h3,
.heading--3 {
    font-family: 'Din Light', Helvetica, sans-serif;
    color: #000000
}

h4,
.heading--4 {
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #A50135
}

@media only screen and (min-width: 1025px) {

    h1,
    .heading--1 {
        font-size: 42px;
        line-height: 42px;
        text-transform: uppercase
    }

    h2,
    .heading--2 {
        font-size: 36px;
        line-height: 38px;
        text-transform: uppercase
    }

    h3,
    .heading--3 {
        font-size: 28px;
        line-height: 32px
    }

    h4,
    .heading--4 {
        font-size: 18px;
        line-height: 20px;
        text-transform: uppercase
    }

    p {
        font-size: 18px;
        line-height: 20px
    }

    p.footnote,
    p.abbreviations,
    p.references {
        font-size: 14px;
        line-height: 18px;
        color: #4d4d4f
    }

    p.footnote span.italic,
    p.abbreviations span.italic,
    p.references span.italic {
        font-family: 'Din Italic', Helvetica, sans-serif
    }

    p.abbreviations {
        padding-bottom: 10px
    }

    li {
        font-size: 18px;
        line-height: 20px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {

    h1,
    .heading--1 {
        font-size: 42px;
        line-height: 42px;
        text-transform: uppercase
    }

    h2,
    .heading--2 {
        font-size: 36px;
        line-height: 38px;
        text-transform: uppercase
    }

    h3,
    .heading--3 {
        font-size: 28px;
        line-height: 32px
    }

    h4,
    .heading--4 {
        font-size: 18px;
        line-height: 20px;
        text-transform: uppercase
    }

    p {
        font-size: 18px;
        line-height: 20px
    }

    p.footnote,
    p.abbreviations,
    p.references {
        font-size: 14px;
        line-height: 18px;
        color: #4d4d4f
    }

    p.footnote span.italic,
    p.abbreviations span.italic,
    p.references span.italic {
        font-family: 'Din Italic', Helvetica, sans-serif
    }

    p.abbreviations {
        padding-bottom: 10px
    }

    li {
        font-size: 18px;
        line-height: 20px
    }
}

@media only screen and (max-width: 640px) {

    h1,
    .heading--1 {
        font-size: 34px;
        line-height: 34px;
        text-transform: uppercase
    }

    h2,
    .heading--2 {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 30px;
        line-height: 32px
    }

    h3,
    .heading--3 {
        font-family: 'Din Light', Helvetica, sans-serif;
        font-size: 28px;
        line-height: 32px
    }

    h4,
    .heading--4 {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 18px;
        line-height: 30px
    }

    p {
        font-size: 18px;
        line-height: 24px
    }

    p.footnote,
    p.abbreviations,
    p.references {
        font-size: 14px;
        line-height: 18px;
        color: #4D4D4F
    }

    li {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 374px) {
    h2 {
        font-size: 25px
    }
}

nav li {
    padding-bottom: 0
}

.isi--text p {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px
}

.isi--text h3,
.isi--text a {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 16px;
    color: #A50235;
    line-height: 22px;
    text-transform: uppercase
}

.isi--text a {
    text-decoration: underline;
    text-transform: capitalize
}

.upper {
    text-transform: uppercase
}

.lower {
    text-transform: lowercase !important
}

*,
*:before,
*:after {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 1000000px;
    background: url("");
    -webkit-tap-highlight-color: transparent
}

html,
body {
    background: #F6F5F3
}

html {
    font-size: 100%;
    overflow-y: auto
}

@media only screen and (min-width: 1025px) {
    html {
        min-width: 1024px
    }
}

@media only screen and (max-width: 640px) {
    html {
        min-width: 320px
    }

    html body {
        overflow: hidden
    }
}

@media only screen and (max-width: 640px) and (min-aspect-ratio: 13 / 9) {
    html {
        min-width: 640px
    }
}

html.no-scroll {
    overflow-y: initial
}

html.no-scroll body {
    overflow: hidden
}

@media only screen and (max-width: 640px) {

    html.keyboard-open header.header--global,
    html.keyboard-open footer.footer--sticky {
        visibility: hidden !important;
        pointer-events: none !important
    }
}

body {
    overflow-y: auto;
    overflow-x: hidden
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    display: inline-block
}

a:focus {
    outline: 0;
    outline: thin dotted \9
}

a:hover {
    text-decoration: none
}

a.scroll-point {
    margin-top: -10px;
    position: absolute;
    display: block
}

p a {
    display: inline
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
    color: inherit;
    padding: 0;
    margin: 0
}

label {
    cursor: pointer
}

.nobr,
nobr {
    white-space: nowrap
}

sub,
sup {
    font-size: 0.6em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

.eq-ie9 sup {
    top: -0.7em
}

.eq-ie7 sup {
    top: -0.8em
}

sub {
    bottom: -0.25em
}

picture {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

picture img {
    width: 100%;
    height: auto
}

a>picture {
    display: block
}

.eq-ie9 * {
    filter: none !important
}

.eq-ie8 * {
    filter: inherit
}

@media only screen and (max-width: 640px) {
    .wrap--full {
        margin-right: -15px;
        margin-left: -15px
    }
}

.wrap--content {
    margin: 0 auto;
    height: 100%
}

.wrap--content:before,
.wrap--content:after {
    content: " ";
    display: table
}

.wrap--content:after {
    clear: both
}

@media only screen and (min-width: 1025px) {
    .wrap--content {
        width: 93.75%;
        padding: 42px 0
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1200px) {
    .wrap--content {
        width: 1200px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .wrap--content {
        padding: 42px 6%
    }
}

@media only screen and (max-width: 640px) {
    .wrap--content {
        width: 100%;
        padding: 15px
    }

    .wrap--content.wrap--full {
        width: 100%;
        margin-left: 0;
        padding: 0
    }
}

.cf:before,
.cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.cb {
    clear: both
}

.cr {
    clear: right
}

.cl {
    clear: left
}

@media only screen and (min-width: 1025px) {
    .hide--lg {
        display: none !important
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .hide--md {
        display: none !important
    }
}

@media only screen and (max-width: 640px) {
    .hide--sm {
        display: none !important
    }
}

header.header--page {
    background: white
}

.center {
    text-align: center
}

ul.bullet {
    display: block
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    ul.bullet {
        padding-left: 15px
    }
}

@media only screen and (max-width: 640px) {
    ul.bullet {
        padding-left: 10px
    }
}

ul.bullet>li {
    display: block
}

ul.bullet>li.no-bullet:before {
    content: ''
}

ul.bullet>li:before {
    content: '\2022';
    width: 0;
    overflow: visible;
    float: left;
    font-size: 0.8em
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    ul.bullet>li:before {
        margin: 0 5px 0 -15px
    }
}

@media only screen and (max-width: 640px) {
    ul.bullet>li:before {
        margin: 0 2px 0 -10px
    }
}

ul.dash {
    display: block
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    ul.dash {
        padding-left: 15px
    }
}

@media only screen and (max-width: 640px) {
    ul.dash {
        padding-left: 10px
    }
}

ul.dash>li {
    display: block
}

ul.dash>li:before {
    content: '\2013';
    width: 0;
    overflow: visible;
    float: left;
    font-size: 0.8em
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    ul.dash>li:before {
        margin: 0 5px 0 -15px
    }
}

@media only screen and (max-width: 640px) {
    ul.dash>li:before {
        margin: 0 2px 0 -10px
    }
}

@media only screen and (min-width: 1025px) {
    ul.dash.dash--m {
        padding-left: 20px;
        margin-left: -20px
    }
}

@media only screen and (max-width: 640px) {
    ul.dash.dash--m {
        padding-left: 15px;
        margin-left: -15px
    }
}

ul.dash.dash--m>li:before {
    content: '\2014'
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    ul.dash.dash--m>li:before {
        margin-left: -20px
    }
}

@media only screen and (max-width: 640px) {
    ul.dash.dash--m>li:before {
        margin-left: -15px
    }
}

ol.letter {
    display: block;
    counter-reset: lettered
}

@media only screen and (min-width: 1025px) {
    ol.letter {
        padding-left: 15px
    }
}

@media only screen and (max-width: 640px) {
    ol.letter {
        padding-left: 0
    }
}

ol.letter>li {
    position: relative;
    display: block;
    counter-increment: lettered
}

ol.letter>li:before {
    content: counter(lettered, lower-alpha);
    margin: 0 5px 0 -15px;
    width: 0;
    overflow: visible;
    float: left
}

@media only screen and (max-width: 640px) {
    ol.letter>li:before {
        margin: 0;
        width: auto;
        float: none
    }
}

ol.number {
    display: block;
    counter-reset: numbered
}

@media only screen and (min-width: 1025px) {
    ol.number {
        padding-left: 15px;
        margin-left: -15px
    }
}

@media only screen and (max-width: 640px) {
    ol.number {
        padding-left: 18px;
        margin-left: -18px
    }
}

ol.number>li {
    display: block;
    counter-increment: numbered
}

ol.number>li:before {
    content: counter(numbered, decimal) ".";
    width: 0;
    overflow: visible;
    float: left
}

@media only screen and (min-width: 1025px) {
    ol.number>li:before {
        margin: 0 5px 0 -15px
    }
}

@media only screen and (max-width: 640px) {
    ol.number>li:before {
        margin: 0 2px 0 -18px
    }
}

.footnote {
    margin-left: 9px
}

.footnote:before {
    position: absolute;
    right: 100%;
    padding-right: 2px
}

.footnote.asterisk:before {
    content: '\002A'
}

.footnote.dagger:before {
    content: '†';
    font-size: 0.6em;
    top: -3px
}

.footnote.a:before {
    content: 'a';
    font-size: 0.6em;
    top: -3px
}

.intrinsic-container {
    position: relative;
    height: 0;
    overflow: hidden
}

.intrinsic-container iframe,
.intrinsic-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.intrinsic-container-16x9 {
    padding-bottom: 56.25%
}

.intrinsic-container-4x3 {
    padding-bottom: 75%
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pronounciation {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    cursor: pointer
}

section,
header {
    background: white
}

.veil {
    visibility: hidden !important
}

@media only screen and (min-width: 1025px) {
    .scroll-fix {
        overflow: hidden
    }
}

@media only screen and (min-width: 1025px) {
    .scroller {
        min-width: 1024px
    }
}

@media only screen and (max-width: 640px) {
    .scroller {
        min-width: 320px
    }
}

.align--left {
    text-align: left
}

.isi--text p {
    font-size: 16px;
    line-height: 19px
}

.isi--text h3 {
    font-size: 16px;
    color: #A50235;
    line-height: 22px
}

.isi--text .angle,
.isi--text .fuzz--clear {
    display: none
}

.h1-container {
    width: 100%;
    background-color: #000
}

.h1-container span.t {
    font-family: 'Din Black', Helvetica, sans-serif
}

.h1-container .wrap--content {
    padding: 32px 0
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .h1-container .wrap--content {
        padding: 32px 5.3333333333%
    }
}

.button {
    border: 2px solid #FFFFFF;
    border-radius: 7px
}

.button.learn-more {
    width: 228px;
    transition: background 250ms, border-color 250ms
}

.button.learn-more a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center
}

.button.learn-more p {
    font-size: 21px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 13px 0 13px 0;
    text-transform: uppercase;
    transition: color 250ms
}

.button.learn-more.gray {
    background: #4D4D4F
}

.button.learn-more.gray:hover {
    border-color: #4D4D4F
}

.button.learn-more.gray:hover p {
    color: #4D4D4F
}

.button.learn-more.gray:active {
    border-color: transparent
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .button.learn-more.gray:active {
        border-color: #4D4D4F
    }
}

.button.learn-more.gray:active p {
    color: #4D4D4F
}

.button.learn-more.red {
    background: #A50235;
    border: 2px solid transparent
}

.button.learn-more.red:hover {
    border-color: #A50235
}

.button.learn-more.red:hover p {
    color: #A50235
}

.button.learn-more.red:active {
    border-color: transparent
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .button.learn-more.red:active {
        border-color: #A50235
    }
}

.button.learn-more.red:active p {
    color: #A50235
}

.button.learn-more.black {
    background: #231F20
}

.button.learn-more.black:hover {
    border-color: #231F20
}

.button.learn-more.black:hover p {
    color: #4D4D4F
}

.button.learn-more.black:active {
    border-color: transparent
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .button.learn-more.black:active {
        border-color: #231F20
    }
}

.button.learn-more.black:active p {
    color: #4D4D4F
}

.button.learn-more.gray:hover,
.button.learn-more.gray:active,
.button.learn-more.red:hover,
.button.learn-more.red:active,
.button.learn-more.black:hover,
.button.learn-more.black:active {
    background: #ffffff
}

.btn--red,
.btn--gray-lt,
.btn--gray-md,
.btn--gray-dk {
    width: 234px;
    height: 50px;
    border-radius: 7px;
    text-align: center;
    font-size: 22px;
    line-height: 24px;
    padding-top: 14px;
    transition: background-color 250ms, border-color 250ms, color 250ms;
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #fff
}

.btn--red {
    background-color: #A50235;
    border: 2px solid transparent;
    border-radius: 7px
}

.btn--red:hover {
    background-color: #FFFFFF;
    border: 2px solid #A50235;
    color: #A50235
}

.btn--red:active {
    background-color: #FFFFFF;
    border: 2px solid transparent;
    color: #A50235
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .btn--red:active {
        border: 2px solid #A50235
    }
}

.btn--gray-md {
    background-color: #4D4D4F;
    border: 2px solid #FFFFFF;
    border-radius: 7px
}

.btn--gray-md:hover {
    background-color: #FFFFFF;
    border: 2px solid #4D4D4F;
    color: #4D4D4F
}

.btn--gray-md:active {
    background-color: #FFFFFF;
    border: 2px solid transparent;
    color: #4D4D4F
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .btn--gray-md:active {
        border: 2px solid #4D4D4F
    }
}

.btn--gray-dk {
    background-color: #231F20;
    border: 2px solid #FFFFFF
}

.btn--gray-dk:hover {
    background-color: #FFFFFF;
    border: 2px solid #231F20;
    color: #4D4D4F
}

.btn--gray-dk:active {
    background-color: #FFFFFF;
    border: 2px solid transparent;
    color: #4D4D4F
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .btn--gray-dk:active {
        border: 2px solid #231F20
    }
}

.btn--quote {
    height: 50px
}

.btn--quote .circle,
.btn--quote .text {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn--quote .circle {
    width: 50px;
    height: 50px;
    font-family: 'Din Italic', Helvetica, sans-serif;
    color: #fff;
    font-size: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 14px
}

.btn--quote .circle span {
    font-size: 48px;
    line-height: 1.6em;
    left: 43%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute
}

.btn--quote .text {
    width: 194px;
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 50px;
    color: #FFFFFF;
    letter-spacing: 0
}

@media only screen and (min-width: 1025px) {
    .content--article {
        min-height: 600px
    }
}

@media only screen and (min-width: 1025px) {
    .content--article {
        padding-top: 60px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    .content--article {
        padding-top: 80px
    }
}

.is--hc {
    position: absolute;
    left: 50%
}

.is--vc {
    position: absolute;
    top: 50%
}

@font-face {
    font-family: 'password';
    src: url("../fonts/password.eot");
    src: url("../fonts/password.eot?#iefix") format("embedded-opentype"), url("../fonts/password.woff") format("woff"), url("../fonts/password.ttf") format("truetype"), url("../fonts/password.svg#5f4dcc3b5aa765d61d8327deb882cf99") format("svg");
    font-style: normal;
    font-weight: 400
}

.font--password {
    font-family: 'password'
}

.form--styled:before,
.form--styled:after {
    content: " ";
    display: table
}

.form--styled:after {
    clear: both
}

.form--styled input::-ms-clear {
    display: none
}

.form--styled input::-ms-reveal {
    display: none
}

.form--styled button {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px
}

@media only screen and (max-width: 640px) {
    .form--styled button:after {
        display: none
    }
}

.form--styled .disabled {
    opacity: .45;
    filter: alpha(opacity=45)
}

.form--styled .form__input,
.form--styled .form__checkbox,
.form--styled .form__radio {
    color: #7A878F
}

.form--styled .faux-input,
.form--styled input[type="color"],
.form--styled input[type="date"],
.form--styled input[type="datetime"],
.form--styled input[type="datetime-local"],
.form--styled input[type="email"],
.form--styled input[type="month"],
.form--styled input[type="number"],
.form--styled input[type="password"],
.form--styled input[type="search"],
.form--styled input[type="tel"],
.form--styled input[type="text"],
.form--styled input[type="time"],
.form--styled input[type="url"],
.form--styled input[type="week"],
.form--styled input:not([type]),
.form--styled textarea,
.form--styled select,
.form--styled textarea {
    display: inline-block;
    border: 1px solid #7A878F;
    border-radius: 3px;
    color: inherit;
    width: 100%;
    background-color: #F5F8FD;
    margin: 2px 0;
    color: #626d74
}

.form--styled .faux-input:focus,
.form--styled input[type="color"]:focus,
.form--styled input[type="date"]:focus,
.form--styled input[type="datetime"]:focus,
.form--styled input[type="datetime-local"]:focus,
.form--styled input[type="email"]:focus,
.form--styled input[type="month"]:focus,
.form--styled input[type="number"]:focus,
.form--styled input[type="password"]:focus,
.form--styled input[type="search"]:focus,
.form--styled input[type="tel"]:focus,
.form--styled input[type="text"]:focus,
.form--styled input[type="time"]:focus,
.form--styled input[type="url"]:focus,
.form--styled input[type="week"]:focus,
.form--styled input:not([type]):focus,
.form--styled textarea:focus,
.form--styled select:focus,
.form--styled textarea:focus {
    outline: 0;
    outline: thin dotted \9;
    border-color: #7A878F
}

.form--styled .faux-input[disabled],
.form--styled input[type="color"][disabled],
.form--styled input[type="date"][disabled],
.form--styled input[type="datetime"][disabled],
.form--styled input[type="datetime-local"][disabled],
.form--styled input[type="email"][disabled],
.form--styled input[type="month"][disabled],
.form--styled input[type="number"][disabled],
.form--styled input[type="password"][disabled],
.form--styled input[type="search"][disabled],
.form--styled input[type="tel"][disabled],
.form--styled input[type="text"][disabled],
.form--styled input[type="time"][disabled],
.form--styled input[type="url"][disabled],
.form--styled input[type="week"][disabled],
.form--styled input:not([type])[disabled],
.form--styled textarea[disabled],
.form--styled select[disabled],
.form--styled textarea[disabled] {
    opacity: 1
}

.form--styled .faux-input[readonly],
.form--styled input[type="color"][readonly],
.form--styled input[type="date"][readonly],
.form--styled input[type="datetime"][readonly],
.form--styled input[type="datetime-local"][readonly],
.form--styled input[type="email"][readonly],
.form--styled input[type="month"][readonly],
.form--styled input[type="number"][readonly],
.form--styled input[type="password"][readonly],
.form--styled input[type="search"][readonly],
.form--styled input[type="tel"][readonly],
.form--styled input[type="text"][readonly],
.form--styled input[type="time"][readonly],
.form--styled input[type="url"][readonly],
.form--styled input[type="week"][readonly],
.form--styled input:not([type])[readonly],
.form--styled textarea[readonly],
.form--styled select[readonly],
.form--styled textarea[readonly] {
    opacity: 1
}

.form--styled .faux-input.font--password,
.form--styled input[type="color"].font--password,
.form--styled input[type="date"].font--password,
.form--styled input[type="datetime"].font--password,
.form--styled input[type="datetime-local"].font--password,
.form--styled input[type="email"].font--password,
.form--styled input[type="month"].font--password,
.form--styled input[type="number"].font--password,
.form--styled input[type="password"].font--password,
.form--styled input[type="search"].font--password,
.form--styled input[type="tel"].font--password,
.form--styled input[type="text"].font--password,
.form--styled input[type="time"].font--password,
.form--styled input[type="url"].font--password,
.form--styled input[type="week"].font--password,
.form--styled input:not([type]).font--password,
.form--styled textarea.font--password,
.form--styled select.font--password,
.form--styled textarea.font--password {
    padding: 10px 8px
}

.form--styled .faux-input::-webkit-input-placeholder,
.form--styled input[type="color"]::-webkit-input-placeholder,
.form--styled input[type="date"]::-webkit-input-placeholder,
.form--styled input[type="datetime"]::-webkit-input-placeholder,
.form--styled input[type="datetime-local"]::-webkit-input-placeholder,
.form--styled input[type="email"]::-webkit-input-placeholder,
.form--styled input[type="month"]::-webkit-input-placeholder,
.form--styled input[type="number"]::-webkit-input-placeholder,
.form--styled input[type="password"]::-webkit-input-placeholder,
.form--styled input[type="search"]::-webkit-input-placeholder,
.form--styled input[type="tel"]::-webkit-input-placeholder,
.form--styled input[type="text"]::-webkit-input-placeholder,
.form--styled input[type="time"]::-webkit-input-placeholder,
.form--styled input[type="url"]::-webkit-input-placeholder,
.form--styled input[type="week"]::-webkit-input-placeholder,
.form--styled input:not([type])::-webkit-input-placeholder,
.form--styled textarea::-webkit-input-placeholder,
.form--styled select::-webkit-input-placeholder,
.form--styled textarea::-webkit-input-placeholder {
    color: #a4acb2
}

.form--styled .faux-input::-moz-placeholder,
.form--styled input[type="color"]::-moz-placeholder,
.form--styled input[type="date"]::-moz-placeholder,
.form--styled input[type="datetime"]::-moz-placeholder,
.form--styled input[type="datetime-local"]::-moz-placeholder,
.form--styled input[type="email"]::-moz-placeholder,
.form--styled input[type="month"]::-moz-placeholder,
.form--styled input[type="number"]::-moz-placeholder,
.form--styled input[type="password"]::-moz-placeholder,
.form--styled input[type="search"]::-moz-placeholder,
.form--styled input[type="tel"]::-moz-placeholder,
.form--styled input[type="text"]::-moz-placeholder,
.form--styled input[type="time"]::-moz-placeholder,
.form--styled input[type="url"]::-moz-placeholder,
.form--styled input[type="week"]::-moz-placeholder,
.form--styled input:not([type])::-moz-placeholder,
.form--styled textarea::-moz-placeholder,
.form--styled select::-moz-placeholder,
.form--styled textarea::-moz-placeholder {
    color: #a4acb2
}

.form--styled .faux-input:-moz-placeholder,
.form--styled input[type="color"]:-moz-placeholder,
.form--styled input[type="date"]:-moz-placeholder,
.form--styled input[type="datetime"]:-moz-placeholder,
.form--styled input[type="datetime-local"]:-moz-placeholder,
.form--styled input[type="email"]:-moz-placeholder,
.form--styled input[type="month"]:-moz-placeholder,
.form--styled input[type="number"]:-moz-placeholder,
.form--styled input[type="password"]:-moz-placeholder,
.form--styled input[type="search"]:-moz-placeholder,
.form--styled input[type="tel"]:-moz-placeholder,
.form--styled input[type="text"]:-moz-placeholder,
.form--styled input[type="time"]:-moz-placeholder,
.form--styled input[type="url"]:-moz-placeholder,
.form--styled input[type="week"]:-moz-placeholder,
.form--styled input:not([type]):-moz-placeholder,
.form--styled textarea:-moz-placeholder,
.form--styled select:-moz-placeholder,
.form--styled textarea:-moz-placeholder {
    color: #a4acb2
}

.form--styled .faux-input:-ms-input-placeholder,
.form--styled input[type="color"]:-ms-input-placeholder,
.form--styled input[type="date"]:-ms-input-placeholder,
.form--styled input[type="datetime"]:-ms-input-placeholder,
.form--styled input[type="datetime-local"]:-ms-input-placeholder,
.form--styled input[type="email"]:-ms-input-placeholder,
.form--styled input[type="month"]:-ms-input-placeholder,
.form--styled input[type="number"]:-ms-input-placeholder,
.form--styled input[type="password"]:-ms-input-placeholder,
.form--styled input[type="search"]:-ms-input-placeholder,
.form--styled input[type="tel"]:-ms-input-placeholder,
.form--styled input[type="text"]:-ms-input-placeholder,
.form--styled input[type="time"]:-ms-input-placeholder,
.form--styled input[type="url"]:-ms-input-placeholder,
.form--styled input[type="week"]:-ms-input-placeholder,
.form--styled input:not([type]):-ms-input-placeholder,
.form--styled textarea:-ms-input-placeholder,
.form--styled select:-ms-input-placeholder,
.form--styled textarea:-ms-input-placeholder {
    color: #a4acb2
}

.form--styled .faux-input.placeholder,
.form--styled input[type="color"].placeholder,
.form--styled input[type="date"].placeholder,
.form--styled input[type="datetime"].placeholder,
.form--styled input[type="datetime-local"].placeholder,
.form--styled input[type="email"].placeholder,
.form--styled input[type="month"].placeholder,
.form--styled input[type="number"].placeholder,
.form--styled input[type="password"].placeholder,
.form--styled input[type="search"].placeholder,
.form--styled input[type="tel"].placeholder,
.form--styled input[type="text"].placeholder,
.form--styled input[type="time"].placeholder,
.form--styled input[type="url"].placeholder,
.form--styled input[type="week"].placeholder,
.form--styled input:not([type]).placeholder,
.form--styled textarea.placeholder,
.form--styled select.placeholder,
.form--styled textarea.placeholder {
    color: #a4acb2;
    font-family: inherit;
    padding: 8px
}

.form--styled .faux-input,
.form--styled input[type="color"],
.form--styled input[type="date"],
.form--styled input[type="datetime"],
.form--styled input[type="datetime-local"],
.form--styled input[type="email"],
.form--styled input[type="month"],
.form--styled input[type="number"],
.form--styled input[type="password"],
.form--styled input[type="search"],
.form--styled input[type="tel"],
.form--styled input[type="text"],
.form--styled input[type="time"],
.form--styled input[type="url"],
.form--styled input[type="week"],
.form--styled input:not([type]),
.form--styled textarea {
    text-indent: 4px
}

@media only screen and (min-width: 1025px) {
    .form--styled .form__left {
        float: left;
        margin-left: 10px
    }

    .form--styled .form__left:first-child {
        margin-left: 0
    }
}

@media only screen and (min-width: 1025px) {
    .form--styled .form__right {
        float: right;
        margin-right: 10px
    }

    .form--styled .form__right:first-child {
        margin-right: 0
    }
}

.form--styled input[type="file"]:focus,
.form--styled input[type="radio"]:focus,
.form--styled input[type="checkbox"]:focus {
    outline: thin dotted #7A878F;
    outline: 1px auto #7A878F
}

.form--styled .form__checkbox {
    padding: 10px 0 10px 20px;
    display: block
}

.form--styled .form__checkbox.form__aligned+.form__checkbox.form__aligned {
    margin-left: 10px
}

.form--styled .form__checkbox input[type="radio"],
.form--styled .form__checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 14px
}

.eq-ie .form--styled .form__checkbox input[type="radio"],
.eq-ie .form--styled .form__checkbox input[type="checkbox"] {
    top: 16px
}

.form--styled .form__radio {
    padding: 5px 0 5px 20px;
    display: block
}

.form--styled .form__radio.form__aligned+.form__radio.form__aligned {
    margin-left: 10px
}

.form--styled .form__radio input[type="radio"],
.form--styled .form__radio input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 9px
}

.eq-ie .form--styled .form__radio input[type="radio"],
.eq-ie .form--styled .form__radio input[type="checkbox"] {
    top: 11px
}

@media only screen and (min-width: 1025px) {
    .form--styled .form__aligned {
        display: inline-block;
        *zoom: 1;
        *display: inline
    }
}

@media only screen and (max-width: 640px) {
    .form--styled .form__aligned {
        display: block
    }
}

.form--styled select {
    border: 1px solid #7A878F;
    vertical-align: top;
    height: 40px
}

.form--styled select[multiple] {
    height: auto
}

.form--styled label {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: block;
    height: 100%
}

.form--styled label>* {
    pointer-events: none
}

.form--styled label a {
    pointer-events: all
}

.form--styled fieldset+fieldset {
    margin-top: 20px
}

.form--styled fieldset.space--none {
    margin-top: 0
}

.form--styled fieldset p {
    font-size: 15px;
    color: #000000
}

.form--styled legend {
    display: block;
    width: 100%;
    font-weight: weight("open sans", "semibold");
    color: #0A5992
}

.form--styled .form__field-error {
    display: block;
    color: #FF647E;
    padding: 10px 10px 0 10px;
    font-size: 13px;
    line-height: 18px
}

.form--styled .form__field-error p,
.form--styled .form__field-error label {
    padding-bottom: 0
}

@media only screen and (min-width: 1025px) {
    .form--styled .form__errors {
        padding-top: 18px
    }
}

@media only screen and (max-width: 640px) {
    .form--styled .form__errors {
        padding-top: 9px
    }
}

.form--styled .form__errors p {
    font-weight: weight("open sans", "semibold");
    color: #FF647E;
    text-align: center
}

@media only screen and (min-width: 1025px) {
    .form--styled .form__indent {
        margin-left: 20px
    }
}

@media only screen and (min-width: 1025px) {
    .form--styled .form__control-group {
        padding: 5px 0
    }
}

@media only screen and (max-width: 640px) {
    .form--styled .form__input {
        padding: 5px 0
    }
}

.form--styled .gif--loading {
    margin: 8.5px auto;
    display: block
}

.form--styled .form__submit {
    padding: 0
}

@media only screen and (min-width: 1025px) {
    .form--styled .width--1 {
        width: 240px
    }

    .form--styled .width--2 {
        width: 180px
    }

    .form--styled .width--3 {
        width: 271px
    }

    .form--styled .width--4 {
        width: 160px
    }

    .form--styled .width--5 {
        width: 100px
    }

    .form--styled .width--overflow {
        width: 101%
    }
}

.form--styled .icon {
    position: absolute;
    right: 10px
}

.form--styled .icon.error {
    display: none
}

.form--styled [ng-form].show-errors.ng-invalid legend {
    color: #FF647E
}

.form--styled [ng-form].show-errors.ng-invalid .faux-input.ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="color"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="date"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime-local"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="email"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="month"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="number"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="password"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="search"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="tel"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="text"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="time"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="url"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input[type="week"].ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid input:not([type]).ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid select.ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid option.ng-invalid,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid {
    border-color: #FF647E;
    color: #FF647E
}

.form--styled [ng-form].show-errors.ng-invalid .faux-input.ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="color"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="date"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime-local"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="email"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="month"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="number"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="password"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="search"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="tel"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="text"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="time"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="url"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="week"].ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input:not([type]).ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid select.ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid option.ng-invalid::-webkit-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid::-webkit-input-placeholder {
    color: #FF647E
}

.form--styled [ng-form].show-errors.ng-invalid .faux-input.ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="color"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="date"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime-local"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="email"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="month"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="number"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="password"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="search"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="tel"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="text"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="time"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="url"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="week"].ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input:not([type]).ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid select.ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid option.ng-invalid::-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid::-moz-placeholder {
    color: #FF647E
}

.form--styled [ng-form].show-errors.ng-invalid .faux-input.ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="color"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="date"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime-local"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="email"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="month"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="number"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="password"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="search"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="tel"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="text"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="time"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="url"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="week"].ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input:not([type]).ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid select.ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid option.ng-invalid:-moz-placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid:-moz-placeholder {
    color: #FF647E
}

.form--styled [ng-form].show-errors.ng-invalid .faux-input.ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="color"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="date"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime-local"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="email"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="month"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="number"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="password"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="search"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="tel"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="text"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="time"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="url"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="week"].ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid input:not([type]).ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid select.ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid option.ng-invalid:-ms-input-placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid:-ms-input-placeholder {
    color: #FF647E
}

.form--styled [ng-form].show-errors.ng-invalid .faux-input.ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="color"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="date"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="datetime-local"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="email"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="month"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="number"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="password"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="search"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="tel"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="text"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="time"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="url"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input[type="week"].ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid input:not([type]).ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid select.ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid option.ng-invalid.placeholder,
.form--styled [ng-form].show-errors.ng-invalid textarea.ng-invalid.placeholder {
    color: #FF647E
}

.form--styled.submitted.ng-invalid legend,
.form--styled .submitted [ng-form].ng-invalid legend {
    color: #FF647E
}

.form--styled.submitted.ng-invalid .faux-input.ng-invalid,
.form--styled.submitted.ng-invalid input[type="color"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="date"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="datetime"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="datetime-local"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="email"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="month"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="number"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="password"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="search"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="tel"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="text"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="time"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="url"].ng-invalid,
.form--styled.submitted.ng-invalid input[type="week"].ng-invalid,
.form--styled.submitted.ng-invalid input:not([type]).ng-invalid,
.form--styled.submitted.ng-invalid textarea.ng-invalid,
.form--styled.submitted.ng-invalid select.ng-invalid,
.form--styled.submitted.ng-invalid option.ng-invalid,
.form--styled.submitted.ng-invalid textarea.ng-invalid,
.form--styled .submitted [ng-form].ng-invalid .faux-input.ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="color"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="date"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime-local"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="email"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="month"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="number"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="password"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="search"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="tel"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="text"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="time"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="url"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input[type="week"].ng-invalid,
.form--styled .submitted [ng-form].ng-invalid input:not([type]).ng-invalid,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid,
.form--styled .submitted [ng-form].ng-invalid select.ng-invalid,
.form--styled .submitted [ng-form].ng-invalid option.ng-invalid,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid {
    border-color: #FF647E;
    color: #FF647E
}

.form--styled.submitted.ng-invalid .faux-input.ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="color"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="date"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="datetime"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="datetime-local"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="email"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="month"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="number"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="password"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="search"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="tel"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="text"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="time"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="url"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input[type="week"].ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid input:not([type]).ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid select.ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid option.ng-invalid::-webkit-input-placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid .faux-input.ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="color"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="date"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime-local"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="email"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="month"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="number"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="password"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="search"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="tel"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="text"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="time"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="url"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="week"].ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input:not([type]).ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid select.ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid option.ng-invalid::-webkit-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid::-webkit-input-placeholder {
    color: #FF647E
}

.form--styled.submitted.ng-invalid .faux-input.ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="color"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="date"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="datetime"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="datetime-local"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="email"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="month"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="number"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="password"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="search"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="tel"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="text"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="time"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="url"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="week"].ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid input:not([type]).ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid select.ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid option.ng-invalid::-moz-placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid .faux-input.ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="color"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="date"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime-local"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="email"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="month"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="number"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="password"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="search"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="tel"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="text"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="time"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="url"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="week"].ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input:not([type]).ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid select.ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid option.ng-invalid::-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid::-moz-placeholder {
    color: #FF647E
}

.form--styled.submitted.ng-invalid .faux-input.ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="color"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="date"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="datetime"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="datetime-local"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="email"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="month"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="number"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="password"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="search"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="tel"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="text"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="time"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="url"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input[type="week"].ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid input:not([type]).ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid select.ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid option.ng-invalid:-moz-placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid .faux-input.ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="color"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="date"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime-local"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="email"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="month"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="number"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="password"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="search"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="tel"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="text"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="time"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="url"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="week"].ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid input:not([type]).ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid select.ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid option.ng-invalid:-moz-placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid:-moz-placeholder {
    color: #FF647E
}

.form--styled.submitted.ng-invalid .faux-input.ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="color"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="date"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="datetime"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="datetime-local"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="email"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="month"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="number"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="password"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="search"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="tel"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="text"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="time"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="url"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input[type="week"].ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid input:not([type]).ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid select.ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid option.ng-invalid:-ms-input-placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid .faux-input.ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="color"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="date"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime-local"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="email"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="month"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="number"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="password"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="search"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="tel"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="text"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="time"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="url"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="week"].ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid input:not([type]).ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid select.ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid option.ng-invalid:-ms-input-placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid:-ms-input-placeholder {
    color: #FF647E
}

.form--styled.submitted.ng-invalid .faux-input.ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="color"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="date"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="datetime"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="datetime-local"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="email"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="month"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="number"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="password"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="search"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="tel"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="text"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="time"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="url"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input[type="week"].ng-invalid.placeholder,
.form--styled.submitted.ng-invalid input:not([type]).ng-invalid.placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid.placeholder,
.form--styled.submitted.ng-invalid select.ng-invalid.placeholder,
.form--styled.submitted.ng-invalid option.ng-invalid.placeholder,
.form--styled.submitted.ng-invalid textarea.ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid .faux-input.ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="color"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="date"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="datetime-local"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="email"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="month"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="number"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="password"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="search"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="tel"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="text"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="time"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="url"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input[type="week"].ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid input:not([type]).ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid select.ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid option.ng-invalid.placeholder,
.form--styled .submitted [ng-form].ng-invalid textarea.ng-invalid.placeholder {
    color: #FF647E
}

.form--styled.submitted.ng-invalid .form__checkbox.invalid,
.form--styled.submitted.ng-invalid .form__radio.invalid,
.form--styled .submitted [ng-form].ng-invalid .form__checkbox.invalid,
.form--styled .submitted [ng-form].ng-invalid .form__radio.invalid {
    color: #FF647E
}

.form--styled .blocker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent
}

.eq-ie .form--styled .blocker {
    background: image-url("transparent.gif")
}

.form--styled .form__input .blocker {
    cursor: pointer
}

.form--styled.submitted label.error,
.form--styled.submitted legend.error,
.form--styled .submitted label.error,
.form--styled .submitted legend.error {
    color: #FF647E
}

.form--styled.submitted .faux-input.error,
.form--styled.submitted input[type="color"].error,
.form--styled.submitted input[type="date"].error,
.form--styled.submitted input[type="datetime"].error,
.form--styled.submitted input[type="datetime-local"].error,
.form--styled.submitted input[type="email"].error,
.form--styled.submitted input[type="month"].error,
.form--styled.submitted input[type="number"].error,
.form--styled.submitted input[type="password"].error,
.form--styled.submitted input[type="search"].error,
.form--styled.submitted input[type="tel"].error,
.form--styled.submitted input[type="text"].error,
.form--styled.submitted input[type="time"].error,
.form--styled.submitted input[type="url"].error,
.form--styled.submitted input[type="week"].error,
.form--styled.submitted input:not([type]).error,
.form--styled.submitted textarea.error,
.form--styled.submitted select.error,
.form--styled.submitted option.error,
.form--styled.submitted textarea.error,
.form--styled .submitted .faux-input.error,
.form--styled .submitted input[type="color"].error,
.form--styled .submitted input[type="date"].error,
.form--styled .submitted input[type="datetime"].error,
.form--styled .submitted input[type="datetime-local"].error,
.form--styled .submitted input[type="email"].error,
.form--styled .submitted input[type="month"].error,
.form--styled .submitted input[type="number"].error,
.form--styled .submitted input[type="password"].error,
.form--styled .submitted input[type="search"].error,
.form--styled .submitted input[type="tel"].error,
.form--styled .submitted input[type="text"].error,
.form--styled .submitted input[type="time"].error,
.form--styled .submitted input[type="url"].error,
.form--styled .submitted input[type="week"].error,
.form--styled .submitted input:not([type]).error,
.form--styled .submitted textarea.error,
.form--styled .submitted select.error,
.form--styled .submitted option.error,
.form--styled .submitted textarea.error {
    border-color: #FF647E;
    color: #FF647E
}

.form--styled.submitted .faux-input.error::-webkit-input-placeholder,
.form--styled.submitted input[type="color"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="date"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="datetime"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="datetime-local"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="email"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="month"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="number"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="password"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="search"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="tel"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="text"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="time"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="url"].error::-webkit-input-placeholder,
.form--styled.submitted input[type="week"].error::-webkit-input-placeholder,
.form--styled.submitted input:not([type]).error::-webkit-input-placeholder,
.form--styled.submitted textarea.error::-webkit-input-placeholder,
.form--styled.submitted select.error::-webkit-input-placeholder,
.form--styled.submitted option.error::-webkit-input-placeholder,
.form--styled.submitted textarea.error::-webkit-input-placeholder,
.form--styled .submitted .faux-input.error::-webkit-input-placeholder,
.form--styled .submitted input[type="color"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="date"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="datetime"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="datetime-local"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="email"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="month"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="number"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="password"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="search"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="tel"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="text"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="time"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="url"].error::-webkit-input-placeholder,
.form--styled .submitted input[type="week"].error::-webkit-input-placeholder,
.form--styled .submitted input:not([type]).error::-webkit-input-placeholder,
.form--styled .submitted textarea.error::-webkit-input-placeholder,
.form--styled .submitted select.error::-webkit-input-placeholder,
.form--styled .submitted option.error::-webkit-input-placeholder,
.form--styled .submitted textarea.error::-webkit-input-placeholder {
    color: #FF647E
}

.form--styled.submitted .faux-input.error::-moz-placeholder,
.form--styled.submitted input[type="color"].error::-moz-placeholder,
.form--styled.submitted input[type="date"].error::-moz-placeholder,
.form--styled.submitted input[type="datetime"].error::-moz-placeholder,
.form--styled.submitted input[type="datetime-local"].error::-moz-placeholder,
.form--styled.submitted input[type="email"].error::-moz-placeholder,
.form--styled.submitted input[type="month"].error::-moz-placeholder,
.form--styled.submitted input[type="number"].error::-moz-placeholder,
.form--styled.submitted input[type="password"].error::-moz-placeholder,
.form--styled.submitted input[type="search"].error::-moz-placeholder,
.form--styled.submitted input[type="tel"].error::-moz-placeholder,
.form--styled.submitted input[type="text"].error::-moz-placeholder,
.form--styled.submitted input[type="time"].error::-moz-placeholder,
.form--styled.submitted input[type="url"].error::-moz-placeholder,
.form--styled.submitted input[type="week"].error::-moz-placeholder,
.form--styled.submitted input:not([type]).error::-moz-placeholder,
.form--styled.submitted textarea.error::-moz-placeholder,
.form--styled.submitted select.error::-moz-placeholder,
.form--styled.submitted option.error::-moz-placeholder,
.form--styled.submitted textarea.error::-moz-placeholder,
.form--styled .submitted .faux-input.error::-moz-placeholder,
.form--styled .submitted input[type="color"].error::-moz-placeholder,
.form--styled .submitted input[type="date"].error::-moz-placeholder,
.form--styled .submitted input[type="datetime"].error::-moz-placeholder,
.form--styled .submitted input[type="datetime-local"].error::-moz-placeholder,
.form--styled .submitted input[type="email"].error::-moz-placeholder,
.form--styled .submitted input[type="month"].error::-moz-placeholder,
.form--styled .submitted input[type="number"].error::-moz-placeholder,
.form--styled .submitted input[type="password"].error::-moz-placeholder,
.form--styled .submitted input[type="search"].error::-moz-placeholder,
.form--styled .submitted input[type="tel"].error::-moz-placeholder,
.form--styled .submitted input[type="text"].error::-moz-placeholder,
.form--styled .submitted input[type="time"].error::-moz-placeholder,
.form--styled .submitted input[type="url"].error::-moz-placeholder,
.form--styled .submitted input[type="week"].error::-moz-placeholder,
.form--styled .submitted input:not([type]).error::-moz-placeholder,
.form--styled .submitted textarea.error::-moz-placeholder,
.form--styled .submitted select.error::-moz-placeholder,
.form--styled .submitted option.error::-moz-placeholder,
.form--styled .submitted textarea.error::-moz-placeholder {
    color: #FF647E
}

.form--styled.submitted .faux-input.error:-moz-placeholder,
.form--styled.submitted input[type="color"].error:-moz-placeholder,
.form--styled.submitted input[type="date"].error:-moz-placeholder,
.form--styled.submitted input[type="datetime"].error:-moz-placeholder,
.form--styled.submitted input[type="datetime-local"].error:-moz-placeholder,
.form--styled.submitted input[type="email"].error:-moz-placeholder,
.form--styled.submitted input[type="month"].error:-moz-placeholder,
.form--styled.submitted input[type="number"].error:-moz-placeholder,
.form--styled.submitted input[type="password"].error:-moz-placeholder,
.form--styled.submitted input[type="search"].error:-moz-placeholder,
.form--styled.submitted input[type="tel"].error:-moz-placeholder,
.form--styled.submitted input[type="text"].error:-moz-placeholder,
.form--styled.submitted input[type="time"].error:-moz-placeholder,
.form--styled.submitted input[type="url"].error:-moz-placeholder,
.form--styled.submitted input[type="week"].error:-moz-placeholder,
.form--styled.submitted input:not([type]).error:-moz-placeholder,
.form--styled.submitted textarea.error:-moz-placeholder,
.form--styled.submitted select.error:-moz-placeholder,
.form--styled.submitted option.error:-moz-placeholder,
.form--styled.submitted textarea.error:-moz-placeholder,
.form--styled .submitted .faux-input.error:-moz-placeholder,
.form--styled .submitted input[type="color"].error:-moz-placeholder,
.form--styled .submitted input[type="date"].error:-moz-placeholder,
.form--styled .submitted input[type="datetime"].error:-moz-placeholder,
.form--styled .submitted input[type="datetime-local"].error:-moz-placeholder,
.form--styled .submitted input[type="email"].error:-moz-placeholder,
.form--styled .submitted input[type="month"].error:-moz-placeholder,
.form--styled .submitted input[type="number"].error:-moz-placeholder,
.form--styled .submitted input[type="password"].error:-moz-placeholder,
.form--styled .submitted input[type="search"].error:-moz-placeholder,
.form--styled .submitted input[type="tel"].error:-moz-placeholder,
.form--styled .submitted input[type="text"].error:-moz-placeholder,
.form--styled .submitted input[type="time"].error:-moz-placeholder,
.form--styled .submitted input[type="url"].error:-moz-placeholder,
.form--styled .submitted input[type="week"].error:-moz-placeholder,
.form--styled .submitted input:not([type]).error:-moz-placeholder,
.form--styled .submitted textarea.error:-moz-placeholder,
.form--styled .submitted select.error:-moz-placeholder,
.form--styled .submitted option.error:-moz-placeholder,
.form--styled .submitted textarea.error:-moz-placeholder {
    color: #FF647E
}

.form--styled.submitted .faux-input.error:-ms-input-placeholder,
.form--styled.submitted input[type="color"].error:-ms-input-placeholder,
.form--styled.submitted input[type="date"].error:-ms-input-placeholder,
.form--styled.submitted input[type="datetime"].error:-ms-input-placeholder,
.form--styled.submitted input[type="datetime-local"].error:-ms-input-placeholder,
.form--styled.submitted input[type="email"].error:-ms-input-placeholder,
.form--styled.submitted input[type="month"].error:-ms-input-placeholder,
.form--styled.submitted input[type="number"].error:-ms-input-placeholder,
.form--styled.submitted input[type="password"].error:-ms-input-placeholder,
.form--styled.submitted input[type="search"].error:-ms-input-placeholder,
.form--styled.submitted input[type="tel"].error:-ms-input-placeholder,
.form--styled.submitted input[type="text"].error:-ms-input-placeholder,
.form--styled.submitted input[type="time"].error:-ms-input-placeholder,
.form--styled.submitted input[type="url"].error:-ms-input-placeholder,
.form--styled.submitted input[type="week"].error:-ms-input-placeholder,
.form--styled.submitted input:not([type]).error:-ms-input-placeholder,
.form--styled.submitted textarea.error:-ms-input-placeholder,
.form--styled.submitted select.error:-ms-input-placeholder,
.form--styled.submitted option.error:-ms-input-placeholder,
.form--styled.submitted textarea.error:-ms-input-placeholder,
.form--styled .submitted .faux-input.error:-ms-input-placeholder,
.form--styled .submitted input[type="color"].error:-ms-input-placeholder,
.form--styled .submitted input[type="date"].error:-ms-input-placeholder,
.form--styled .submitted input[type="datetime"].error:-ms-input-placeholder,
.form--styled .submitted input[type="datetime-local"].error:-ms-input-placeholder,
.form--styled .submitted input[type="email"].error:-ms-input-placeholder,
.form--styled .submitted input[type="month"].error:-ms-input-placeholder,
.form--styled .submitted input[type="number"].error:-ms-input-placeholder,
.form--styled .submitted input[type="password"].error:-ms-input-placeholder,
.form--styled .submitted input[type="search"].error:-ms-input-placeholder,
.form--styled .submitted input[type="tel"].error:-ms-input-placeholder,
.form--styled .submitted input[type="text"].error:-ms-input-placeholder,
.form--styled .submitted input[type="time"].error:-ms-input-placeholder,
.form--styled .submitted input[type="url"].error:-ms-input-placeholder,
.form--styled .submitted input[type="week"].error:-ms-input-placeholder,
.form--styled .submitted input:not([type]).error:-ms-input-placeholder,
.form--styled .submitted textarea.error:-ms-input-placeholder,
.form--styled .submitted select.error:-ms-input-placeholder,
.form--styled .submitted option.error:-ms-input-placeholder,
.form--styled .submitted textarea.error:-ms-input-placeholder {
    color: #FF647E
}

.form--styled.submitted .faux-input.error.placeholder,
.form--styled.submitted input[type="color"].error.placeholder,
.form--styled.submitted input[type="date"].error.placeholder,
.form--styled.submitted input[type="datetime"].error.placeholder,
.form--styled.submitted input[type="datetime-local"].error.placeholder,
.form--styled.submitted input[type="email"].error.placeholder,
.form--styled.submitted input[type="month"].error.placeholder,
.form--styled.submitted input[type="number"].error.placeholder,
.form--styled.submitted input[type="password"].error.placeholder,
.form--styled.submitted input[type="search"].error.placeholder,
.form--styled.submitted input[type="tel"].error.placeholder,
.form--styled.submitted input[type="text"].error.placeholder,
.form--styled.submitted input[type="time"].error.placeholder,
.form--styled.submitted input[type="url"].error.placeholder,
.form--styled.submitted input[type="week"].error.placeholder,
.form--styled.submitted input:not([type]).error.placeholder,
.form--styled.submitted textarea.error.placeholder,
.form--styled.submitted select.error.placeholder,
.form--styled.submitted option.error.placeholder,
.form--styled.submitted textarea.error.placeholder,
.form--styled .submitted .faux-input.error.placeholder,
.form--styled .submitted input[type="color"].error.placeholder,
.form--styled .submitted input[type="date"].error.placeholder,
.form--styled .submitted input[type="datetime"].error.placeholder,
.form--styled .submitted input[type="datetime-local"].error.placeholder,
.form--styled .submitted input[type="email"].error.placeholder,
.form--styled .submitted input[type="month"].error.placeholder,
.form--styled .submitted input[type="number"].error.placeholder,
.form--styled .submitted input[type="password"].error.placeholder,
.form--styled .submitted input[type="search"].error.placeholder,
.form--styled .submitted input[type="tel"].error.placeholder,
.form--styled .submitted input[type="text"].error.placeholder,
.form--styled .submitted input[type="time"].error.placeholder,
.form--styled .submitted input[type="url"].error.placeholder,
.form--styled .submitted input[type="week"].error.placeholder,
.form--styled .submitted input:not([type]).error.placeholder,
.form--styled .submitted textarea.error.placeholder,
.form--styled .submitted select.error.placeholder,
.form--styled .submitted option.error.placeholder,
.form--styled .submitted textarea.error.placeholder {
    color: #FF647E
}

.form--styled fieldset .form-instruction {
    font-size: 0.8em
}

.form--styled fieldset p {
    transition: color 250ms
}

.form--styled fieldset select,
.form--styled fieldset input {
    transition: border-color 250ms
}

.form--styled fieldset .msg {
    opacity: 0;
    transition: opacity 250ms
}

.eq-ie8 .form--styled fieldset .msg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.form--styled fieldset.bst-invalid.bst-touched .msg {
    opacity: 1
}

.eq-ie8 .form--styled fieldset.bst-invalid.bst-touched .msg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.form--styled fieldset.bst-invalid.bst-touched p {
    color: #E62966
}

.form--styled .errors {
    height: 0;
    width: 100%
}

.form--styled .errors .msg {
    font-size: 14px;
    line-height: 18px;
    color: #E62966
}

.form--styled fieldset.bst-invalid.bst-touched .errors {
    height: auto
}

.form--styled input[type="text"],
.form--styled select {
    width: 100%;
    height: 30px;
    margin: 11px 0 00px 0;
    font-size: 18px;
    color: #231F20
}

.form--styled input[type="text"].ng-invalid.ng-dirty,
.form--styled select.ng-invalid.ng-dirty {
    border-color: #E62966
}

.form--styled input[type="text"]:focus,
.form--styled select:focus {
    border: 3px solid #5C7386;
    box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    border-radius: 3px
}

.form--styled input[type="text"] {
    background: #F6F5F3;
    border: 1px solid #C3C3C3;
    box-shadow: inset 0px 1px 0px 0px #000000
}

.form--styled select {
    background: #fff;
    border: 1px solid #C3C3C3
}

@media only screen and (min-width: 1025px) {
    .form--styled.bst-submitted fieldset.bst-invalid .errors {
        height: auto
    }
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .form--styled.bst-submitted fieldset.bst-invalid .errors {
        height: 21px
    }
}

.form--styled.bst-submitted fieldset.bst-invalid .msg {
    opacity: 1
}

.eq-ie8 .form--styled.bst-submitted fieldset.bst-invalid .msg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.form--styled.bst-submitted fieldset.bst-invalid p {
    color: #E62966
}

.form--styled.bst-submitted select.ng-invalid,
.form--styled.bst-submitted input.ng-invalid {
    border: 1px solid #E62966
}

.form--styled .form-errors {
    margin-bottom: 36px
}

.form--styled .form__error {
    text-align: left;
    margin-top: 20px;
    opacity: 0;
    height: 0;
    transition: opacity 250ms, height 250ms
}

.eq-ie8 .form--styled .form__error {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.form--styled .form__error p {
    font-family: 'Din Medium', Helvetica, sans-serif;
    color: #E62966;
    margin: 0
}

.form--styled .form__error.active {
    opacity: 1;
    height: 20px
}

.eq-ie8 .form--styled .form__error.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.form--styled button {
    cursor: pointer
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .form--styled .errors {
        position: static;
        text-align: left;
        transition: height 250ms, opacity 250ms
    }
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5000;
    animation: fadeIn 250ms;
    background: rgba(86, 86, 86, 0.75)
}

.modal .modal__outer {
    display: table-cell;
    vertical-align: middle
}

.modal .modal__inner {
    margin: 0 auto;
    width: 90%;
    max-width: 850px;
    border-radius: 3px;
    background: #F7F7F7;
    box-shadow: 0px 2px 4px 2px #38434B;
    text-align: left
}

.modal .modal__inner h2 {
    padding-bottom: 50px
}

.eq-ie8 .modal .modal__inner {
    overflow-y: auto
}

.modal .modal__scroll {
    padding: 50px 40px;
    max-height: inherit;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.eq-ie8 .modal .modal__scroll {
    overflow: visible
}

.modal .modal__close {
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1;
    width: 25px;
    height: 25px
}

.modal .modal__close::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal .modal__close::after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal .modal__close:before,
.modal .modal__close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #4D4D4F
}

.modal--homepage-quote1 .modal__scroll,
.modal--homepage-quote2 .modal__scroll {
    padding: 40px 20px
}

.modal--homepage-quote1 picture,
.modal--homepage-quote1 .text,
.modal--homepage-quote2 picture,
.modal--homepage-quote2 .text {
    display: inline-block
}

.modal--homepage-quote1 picture,
.modal--homepage-quote2 picture {
    vertical-align: top
}

.modal--homepage-quote1 picture,
.modal--homepage-quote1 picture img,
.modal--homepage-quote2 picture,
.modal--homepage-quote2 picture img {
    width: 200px
}

.modal--homepage-quote1 picture img,
.modal--homepage-quote2 picture img {
    border: 1px solid black
}

.modal--homepage-quote1 .text,
.modal--homepage-quote2 .text {
    width: 100%;
    margin-left: 0
}

.modal--homepage-quote1 .red,
.modal--homepage-quote1 .red *,
.modal--homepage-quote2 .red,
.modal--homepage-quote2 .red * {
    color: #A50135
}

.modal--homepage-quote1 p.red,
.modal--homepage-quote2 p.red {
    margin-bottom: 10px
}

@media only screen and (min-width: 1025px) {

    .modal--homepage-quote1 .text,
    .modal--homepage-quote2 .text {
        width: 70%;
        margin-left: 14px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {

    .modal--homepage-quote1 picture,
    .modal--homepage-quote2 picture {
        width: 25%
    }

    .modal--homepage-quote1 picture img,
    .modal--homepage-quote2 picture img {
        max-width: 80%;
        display: inline-block
    }

    .modal--homepage-quote1 .text,
    .modal--homepage-quote2 .text {
        width: 72%;
        margin-left: 0
    }
}

@media only screen and (max-width: 640px) {

    .modal--homepage-quote1 p,
    .modal--homepage-quote2 p {
        font-size: 16px;
        line-height: 21px
    }

    .modal--homepage-quote1 p.red,
    .modal--homepage-quote2 p.red {
        margin-bottom: 8px
    }
}

.modal--homepage-quote1 picture {
    left: -155px;
    top: -97px
}

.modal--homepage-quote1 picture img {
    border: none;
    position: fixed;
    width: 344px;
    height: 443px
}

.modal--homepage-quote2 picture {
    left: -178px;
    top: -50px
}

.modal--homepage-quote2 picture img {
    border: none;
    position: fixed;
    width: 375px;
    height: 421px
}

.firma-tabs {
    font-size: 0
}

.firma-tabs .firma-tab {
    background: #4D4D4F;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 33.3333%;
    border-right: 1px solid #F6F5F3;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: background-color 250ms
}

.firma-tabs .firma-tab:last-of-type {
    border-right: none
}

.firma-tabs .firma-tab.active {
    background-color: #86002A
}

.firma-tabs .firma-tab.active:after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #86002A
}

.firma-tabs .firma-tab.active:hover {
    background-color: #86002A
}

.firma-tabs .firma-tab:hover {
    background-color: #A50235
}

.firma-tabs .firma-tab:active {
    background-color: #86002A
}

.firma-tabs .firma-tab-link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px 0
}

.firma-tabs .tab-title {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 30px
}

.firma-tabs .tab-subtitle {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 20px
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .firma-tabs .firma-tab {
        min-height: 110px
    }
}

@media only screen and (max-width: 640px) {
    .firma-tabs .mobile-dropdown {
        width: 20.2898550725%;
        height: 70px;
        background-color: #231F20;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000
    }

    .firma-tabs .mobile-dropdown:after {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        transform: rotateZ(-45deg);
        left: 50%;
        top: 50%;
        margin: -12px 0 0 -9px
    }

    .firma-tabs .firma-tab {
        display: block;
        width: 100%;
        height: 0;
        border-right: none;
        overflow: hidden;
        transition: height 250ms;
        padding-left: 23px
    }

    .firma-tabs .firma-tab.active {
        height: 70px;
        padding-right: 22.8985507246%
    }

    .firma-tabs .firma-tab.active:after {
        display: none
    }

    .firma-tabs .firma-tab-link {
        text-align: left
    }

    .firma-tabs.open .firma-tab {
        height: 70px
    }

    .firma-tabs .tab-title,
    .firma-tabs .mobile-colon {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 21px;
        line-height: 27px;
        color: #FFFFFF
    }

    .firma-tabs .tab-subtitle {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 18px;
        line-height: 20px;
        color: #FFFFFF
    }
}

.form-container {
    width: 48.8333333333%;
    margin: 0 auto
}

.form-container p {
    margin: 22px 0 8px;
    font-size: 15px;
    line-height: 20px
}

.form-container .input-container.submit {
    margin: 30px 0 15px
}

.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="tel"] {
    height: 30px
}

.form-container input,
.form-container textarea {
    display: block;
    width: 100%;
    background-color: #F6F5F3;
    font-size: 18px;
    color: #4A4A4A;
    line-height: 23px
}

.form-container input.wpcf7-submit,
.form-container textarea.wpcf7-submit {
    height: 100%;
    background: transparent;
    border: none;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 24px;
    color: #FFFFFF;
    cursor: pointer
}

.screen-reader-response {
    display: none
}

.wpcf7-form.sent * {
    display: none
}

.wpcf7-form.sent .wpcf7-mail-sent-ok {
    display: block;
    width: 94.5392491468%;
    padding: 23px 8.4837545126%;
    background: #279A67;
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 20px
}

@media only screen and (min-width: 1025px) {
    .wpcf7-form.sent .wpcf7-mail-sent-ok {
        margin-top: 152px
    }
}

.wpcf7-form.sent .wpcf7-mail-sent-ok:before {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-right: 11px;
    content: '';
    width: 31px;
    height: 31px;
    background-image: url(images/message-sent-icon.png);
    background-size: 100%
}

.wpcf7-not-valid-tip {
    display: block;
    padding-top: 5px;
    color: #f00
}

.wpcf7-validation-errors {
    color: #f00
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .form-container {
        width: 75%;
        padding-bottom: 30px
    }

    .form-container p {
        margin: 20px 0 10px
    }

    .form-container input.wpcf7-submit {
        width: 100%;
        float: none
    }
}

@media only screen and (max-width: 640px) {
    .form-container {
        width: 100%
    }

    .form-container p {
        margin: 15px 0 7px
    }

    .form-container input.wpcf7-submit {
        width: 100%;
        float: none
    }

    .wpcf7-form.sent .wpcf7-mail-sent-ok {
        text-align: center;
        padding: 28px 15.9292035398%
    }

    .wpcf7-form.sent .wpcf7-mail-sent-ok:before {
        display: block;
        margin: 0 auto 7px auto
    }
}

.component--patient-profile {
    background-color: #ECE9E5
}

.component--patient-profile .text-container {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    font-size: 0
}

.component--patient-profile .text-container h3 {
    padding-bottom: 43px
}

.component--patient-profile .text-container h4 {
    padding-bottom: 10px
}

.component--patient-profile .text-container ul {
    padding-bottom: 30px
}

.component--patient-profile .column {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top
}

.component--patient-profile .patient-image {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top
}

.component--patient-profile .patient-image img {
    display: block
}

.component--patient-profile .footnote {
    position: absolute;
    left: 6%;
    bottom: 50px;
    width: 48.1666666667%
}

@media only screen and (min-width: 1025px) {
    .component--patient-profile .wrap--content {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .component--patient-profile .wrap--content {
        padding: 15px 4%
    }

    .component--patient-profile h2 {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 36px;
        line-height: 46px;
        text-align: center
    }

    .component--patient-profile h3 {
        font-size: 26px;
        line-height: 32px;
        text-align: center
    }

    .component--patient-profile .column.right,
    .component--patient-profile .column.left {
        width: 50%;
        margin: 0
    }

    .component--patient-profile .patient-image {
        display: block;
        width: 50%;
        margin: 20px auto 0
    }

    .component--patient-profile .footnote {
        position: static;
        width: 100%
    }

    .component--patient-profile .footnote.bottom {
        width: 82.3353293413%;
        padding-top: 40px
    }
}

@media only screen and (max-width: 640px) {
    .component--patient-profile .wrap--content {
        padding: 15px 4%
    }

    .component--patient-profile .mobile-header-container .mobile-image {
        display: block;
        width: 100%
    }

    .component--patient-profile .mobile-header-container .mobile-header {
        padding: 25px 15px 32px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.45)
    }

    .component--patient-profile .text-container {
        width: 100%
    }

    .component--patient-profile .column.right,
    .component--patient-profile .column.left {
        width: 100%;
        margin: 0
    }

    .component--patient-profile h2 {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 36px;
        line-height: 46px;
        color: #FFFFFF;
        text-align: center
    }

    .component--patient-profile h3 {
        font-size: 26px;
        line-height: 32px;
        color: #FFFFFF;
        text-align: center
    }

    .component--patient-profile .footnote {
        position: static;
        width: 100%
    }

    .component--patient-profile .footnote.bottom {
        width: 82.3353293413%;
        padding-top: 40px
    }
}

.study-design {
    font-size: 0
}

.study-design h2 {
    padding-bottom: 33px
}

.study-design .study-design-callout {
    background: rgba(207, 199, 189, 0.4)
}

.study-design .study-design-callout h3 {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #A50235;
    padding-bottom: 8px
}

.study-design .study-design-callout li {
    padding-bottom: 4px
}

.study-design .study-design-column {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48.3333333333%;
    min-height: 207px;
    margin-top: 40px;
    padding: 24px 2.5%
}

.study-design .study-design-column.left-column-callout {
    margin-right: 3.3333333333%
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .study-design .study-design-column {
        margin-top: 0
    }
}

@media only screen and (max-width: 640px) {
    .study-design h2 {
        text-transform: uppercase;
        font-size: 36px;
        line-height: 38px;
        padding-bottom: 23px
    }

    .study-design .study-design-column {
        min-height: 0;
        width: 100%
    }

    .study-design .study-design-column.left-column-callout {
        margin: 46px 0 18px 0
    }

    .study-design .study-design-column.right-column-callout {
        margin: 0 0 36px 0
    }
}

.monthly-matters {
    background-color: #222;
    color: #fff
}

.monthly-matters .wrap--content {
    padding: 36px 0
}

.monthly-matters h2.title {
    font-size: 50px;
    line-height: 42px;
    color: #fff;
    width: 60%;
    padding-top: 18px;
    text-transform: uppercase
}

.monthly-matters .left {
    width: 39%;
    margin-right: 10.7142857143%;
    display: inline-block;
    vertical-align: top
}

.monthly-matters .left h3 {
    font-size: 34px;
    line-height: 42px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff
}

.monthly-matters .left p {
    font-size: 18px;
    line-height: 20px
}

.monthly-matters .right {
    width: 38.5714285714%;
    margin-left: 10.7142857143%;
    display: inline-block;
    vertical-align: top
}

.monthly-matters .quote {
    width: 100%;
    font-family: 'Din Medium Italic', Helvetica, sans-serif;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    color: #fff
}

.monthly-matters .quote:before {
    content: url("images/lquot.png");
    position: absolute;
    width: 25px;
    height: 12px;
    line-height: 1;
    top: -10px;
    left: -25px
}

.monthly-matters .quote:after {
    content: url("images/rquot.png");
    display: inline-block;
    *zoom: 1;
    *display: inline;
    top: -12px
}

.monthly-matters .credit {
    font-size: 14px;
    color: #FFF;
    line-height: 16px
}

@media only screen and (min-width: 1025px) {
    .monthly-matters {
        min-height: 374px
    }

    .monthly-matters h2.title {
        width: 75%;
        height: 71px;
        padding: 30px;
        margin-left: 20px;
        background-color: #A50235;
        width: 52%;
        min-width: 580px;
        padding-top: 18px;
        margin-left: -90px;
        padding-left: 90px
    }

    .monthly-matters h2.title:before,
    .monthly-matters h2.title:after {
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        -webkit-transform: rotate(360deg)
    }

    .monthly-matters h2.title:before {
        left: -20px;
        border-width: 0 0 71px 20px;
        border-color: transparent transparent #A50235 transparent
    }

    .monthly-matters h2.title:after {
        right: -20px;
        border-width: 71px 20px 0 0;
        border-color: #A50235 transparent transparent transparent
    }

    .monthly-matters h2.title h1,
    .monthly-matters h2.title h2,
    .monthly-matters h2.title h3,
    .monthly-matters h2.title h4,
    .monthly-matters h2.title h5,
    .monthly-matters h2.title h6,
    .monthly-matters h2.title p,
    .monthly-matters h2.title li,
    .monthly-matters h2.title a {
        color: #fff
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .monthly-matters .wrap--content {
        padding-left: 6%;
        padding-right: 6%
    }

    .monthly-matters h2.title {
        margin-bottom: 20px;
        min-width: 0;
        max-width: 400px;
        width: 75%;
        height: 120px;
        padding: 30px;
        margin-left: 20px;
        background-color: #A50235;
        padding-top: 18px;
        padding-bottom: 18px;
        margin-left: -90px;
        padding-left: 90px
    }

    .monthly-matters h2.title:before,
    .monthly-matters h2.title:after {
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        -webkit-transform: rotate(360deg)
    }

    .monthly-matters h2.title:before {
        left: -20px;
        border-width: 0 0 120px 20px;
        border-color: transparent transparent #A50235 transparent
    }

    .monthly-matters h2.title:after {
        right: -20px;
        border-width: 120px 20px 0 0;
        border-color: #A50235 transparent transparent transparent
    }

    .monthly-matters h2.title h1,
    .monthly-matters h2.title h2,
    .monthly-matters h2.title h3,
    .monthly-matters h2.title h4,
    .monthly-matters h2.title h5,
    .monthly-matters h2.title h6,
    .monthly-matters h2.title p,
    .monthly-matters h2.title li,
    .monthly-matters h2.title a {
        color: #fff
    }

    .monthly-matters .left {
        width: 100%
    }

    .monthly-matters .right {
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }
}

@media only screen and (max-width: 640px) {
    .monthly-matters .wrap--content {
        padding-left: 3%;
        padding-right: 3%
    }

    .monthly-matters h2.title {
        width: 350px;
        max-width: 103%;
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 42px;
        background-color: #A50235;
        height: 71px;
        padding-left: 20px;
        margin-left: -3%
    }

    .monthly-matters .left,
    .monthly-matters .right {
        max-width: 100%;
        margin: 0
    }

    .monthly-matters .left h3,
    .monthly-matters .left p,
    .monthly-matters .right h3,
    .monthly-matters .right p {
        margin-bottom: 20px
    }

    .monthly-matters .left {
        width: 80.6818181818%;
        min-width: 284px
    }

    .monthly-matters .left p {
        margin-bottom: 27px;
        font-size: 18px;
        line-height: 24px
    }

    .monthly-matters .right {
        width: 86.3636363636%;
        min-width: 304px;
        margin-left: 3.6931818182%
    }

    .monthly-matters .quote {
        margin: 0 auto 20px auto;
        font-size: 22px;
        line-height: 28px
    }

    .monthly-matters .quote:before {
        content: url("images/sm/lquot-sm.png");
        width: 12px;
        left: -12px
    }

    .monthly-matters .quote:after {
        content: url("images/sm/rquot-sm.png");
        width: 12px
    }

    .monthly-matters .credit {
        margin-bottom: 52px
    }
}

.dot-pattern,
.wedge {
    position: absolute;
    bottom: 0px;
    opacity: 0.05;
    width: 100%
}

.dot-pattern {
    height: 380px;
    background-color: transparent;
    background-image: url("images/lg/dot-bg-pattern.png");
    background-position: center bottom;
    background-repeat: repeat-x
}

.wedge {
    overflow: hidden;
    background-color: #4D4D4F;
    height: 42.1052631579%;
    bottom: -20%;
    width: 120%;
    -ms-transform: skewY(10deg);
    transform: skewY(10deg)
}

header.header--global {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    width: 100%;
    background: transparent
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    header.header--global {
        min-width: 320px
    }

    header.header--global .mobile-menu .open {
        z-index: 7000
    }
}

header.header--global .wrap--content {
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}

header.header--global .background-layers {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 0;
    background-color: #fff
}

header.header--global .background-layers .background-column {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 50%;
    height: 60px
}

header.header--global .background-layers .right-side-row-bg .top-row-bg {
    height: 24px;
    background-color: #000000
}

header.header--global .background-layers .right-side-row-bg .middle-row-bg {
    height: 30px;
    background-color: #4D4D4F
}

header.header--global .background-layers .right-side-row-bg .bottom-row-bg {
    height: 36px;
    background-color: #A50235
}

header.header--global p,
header.header--global a {
    font-size: 14px;
    color: #DAD9D8;
    line-height: 18px
}

header.header--global a {
    transition: color 200ms
}

header.header--global a:hover {
    color: #fff
}

header.header--global .nav-row {
    font-size: 0
}

header.header--global .nav-top-row {
    height: 24px;
    z-index: 2;
    position: relative;
    background-color: #000;
    overflow: visible
}

header.header--global .nav-top-row .nav-container {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

header.header--global .nav-top-row .logo-container {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-left: -11px;
    width: 24.5%;
    height: 60px;
    overflow: hidden
}

header.header--global .nav-top-row .logo-container .logo-link {
    display: block;
    margin: 5px 0;
    width: 61.1307420495%;
    z-index: 10;
    background: #ffffff
}

header.header--global .nav-top-row .logo-container .logo-link picture {
    height: 50px
}

header.header--global .nav-top-row .logo-container .logo-link picture img {
    height: 50px;
    width: auto
}

header.header--global .nav-top-row .logo-container:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0;
    height: 300px;
    width: 100%;
    transform: rotateZ(-40deg);
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    background-color: #fff;
    z-index: 5
}

.eq-ie9 header.header--global .nav-top-row .logo-container:after {
    left: 0%;
    width: 80%
}

header.header--global .nav-top-row .top-links {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    float: right;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header.header--global .nav-top-row .top-links .order-firmagon {
    position: relative;
    left: -67px;
    width: 235px;
    padding: 0px 10px 0 20px;
    background: #4D4D4F;
    color: #FFFFFF;
    line-height: 24px;
    font-style: italic;
    text-align: right
}

header.header--global .nav-top-row .top-links .order-firmagon .triangle {
    position: absolute;
    top: 0;
    right: -24px;
    width: 0;
    height: 0;
    border-bottom: 24px solid #4D4D4F;
    border-right: 24px solid transparent
}

header.header--global .nav-top-row .top-links .extra-links {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 24px;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header.header--global .nav-middle-row {
    height: 30px;
    background-color: #4D4D4F;
    text-align: right
}

header.header--global .nav-middle-row .nav-container {
    width: 89.3333333333%;
    margin-left: 10.6666666667%
}

header.header--global .nav-middle-row a {
    margin: 0 1.3992537313%;
    max-height: 32px;
    padding-top: 10px
}

header.header--global .nav-middle-row a p {
    font-size: 13px;
    line-height: 11px;
    font-family: 'Din Medium', Helvetica, sans-serif;
    color: #A8A8A8
}

header.header--global .nav-middle-row a:hover p {
    color: #D6D6D6
}

header.header--global .nav-middle-row a:active p {
    color: #FFFFFF
}

header.header--global .nav-middle-row a:first-of-type {
    margin-left: 0
}

header.header--global .nav-middle-row a:last-of-type {
    margin-right: 0
}

header.header--global .nav-middle-row .bar {
    font-size: 11px;
    line-height: 32px;
    color: #636363
}

header.header--global .nav-bottom-row {
    z-index: 1;
    height: 36px;
    text-align: right;
    background: #A50235
}

header.header--global .nav-bottom-row p,
header.header--global .nav-bottom-row a {
    text-transform: uppercase;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 36px;
    font-family: 'Din Bold', Helvetica, sans-serif
}

header.header--global .nav-element-container {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    cursor: pointer;
    padding-left: 1.8333333333%;
    padding-right: 1.8333333333%
}

header.header--global .nav-element-container.no-link>a,
header.header--global .nav-element-container.no-link {
    cursor: default
}

header.header--global .nav-element-container.no-link .dropdown-menu a {
    cursor: pointer
}

header.header--global .nav-element-container a {
    display: block;
    cursor: pointer
}

header.header--global .nav-element-container.dropdown-container {
    padding-left: 1.8333333333%;
    padding-right: 1.8333333333%;
    text-align: left
}

header.header--global .nav-element-container.dropdown-container-antagonist {
    width: 19.1666666667%
}

header.header--global .nav-element-container.dropdown-container-clinical {
    width: 16.6666666667%
}

header.header--global .nav-element-container.dropdown-container-dosing {
    width: 9.8333333333%
}

header.header--global .nav-element-container.dropdown-container-range {
    width: 18.9166666667%
}

header.header--global .nav-element-container.dropdown-container-support {
    width: 10.8333333333%
}

header.header--global .dropdown-content {
    background: rgba(190, 2, 61, 0.95);
    width: 100%;
    height: auto;
    height: 100%;
    display: none;
    position: relative;
    box-shadow: inset 10px 0px 17px 5px rgba(0, 0, 0, 0.4)
}

header.header--global .dropdown-content.open {
    display: block
}

header.header--global .dropdown-content .nav-dropdown.nav-row,
header.header--global .dropdown-content .violator-content .wrap--content {
    position: relative
}

header.header--global .dropdown-content .nav-dropdown.nav-row:before,
header.header--global .dropdown-content .violator-content .wrap--content:before {
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 50vw;
    content: ' ';
    background-color: #A50235
}

header.header--global .dropdown-content .nav-dropdown.nav-row:before {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 23px 17px -22px inset;
    background: #EEEEEE
}

header.header--global .dropdown-content .violator-content {
    position: absolute;
    bottom: 0;
    text-align: right;
    background: linear-gradient(90deg, #fff 20%, #000 20%);
    height: 36px;
    width: 100%
}

header.header--global .dropdown-content .violator-content .wrap--content {
    padding-right: 3.3333333333%
}

header.header--global .dropdown-content .violator-content p {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    color: #D7B9C2;
    font-size: 14px;
    line-height: 36px;
    margin-right: 1.6666666667%
}

header.header--global .dropdown-content .violator-content a {
    display: inline-block;
    padding: 2px 15px;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    text-transform: uppercase
}

header.header--global .dropdown-content .nav-dropdown {
    height: 187px;
    text-align: right
}

header.header--global .dropdown-content .nav-dropdown .ipad-header {
    display: inline-block;
    width: 24.5%;
    height: 100%;
    vertical-align: top;
    margin-left: -11px;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 23px 17px -22px inset;
    background: #fff radial-gradient(circle, #fff 0%, rgba(0, 0, 0, 0.08) 100%)
}

header.header--global .dropdown-content .nav-dropdown .ipad-header .ipad-content {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 40px);
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header.header--global .dropdown-content .nav-dropdown .ipad-header picture {
    margin: 10px 0;
    width: 143px
}

header.header--global .dropdown-content .nav-dropdown .ipad-header p {
    color: #A50235;
    font-weight: bold;
    margin-bottom: 10px;
    width: 130px;
    padding-left: 15px;
    font-family: 'Din Light', Helvetica, sans-serif;
    text-align: left
}

header.header--global .dropdown-content .nav-dropdown .ipad-header p b {
    font-size: 16px;
    font-family: 'Din Bold', Helvetica, sans-serif
}

header.header--global .dropdown-content .nav-dropdown .ipad-header .red-box {
    position: relative;
    bottom: -4px;
    height: 36px;
    left: 0;
    background-color: #A50235;
    width: 100%
}

header.header--global .dropdown-content .nav-dropdown .ipad-header .red-box a {
    margin-top: 5px;
    padding: 2px 15px;
    border: 1px solid #ffffff;
    width: 180px;
    height: 25px;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase
}

header.header--global .dropdown-content .nav-dropdown .ipad-header .btn--red {
    padding: 0;
    line-height: 33px;
    width: 215px;
    height: 33px;
    border-radius: 2px;
    color: #FFFFFF
}

header.header--global .dropdown-content .nav-dropdown .ipad-header .btn--red:hover {
    color: #A50235
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    text-align: right;
    z-index: 1;
    width: 100%
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    text-align: left;
    padding-left: 1.8333333333%;
    padding-right: 1.8333333333%
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu .dropdown-link {
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 15px;
    font-family: 'Din Bold', Helvetica, sans-serif;
    padding: 10px 0
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu .dropdown-link:hover,
header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu .dropdown-link.active {
    text-decoration: underline
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu .dropdown-link.indented {
    padding-left: 20px
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu-antagonist {
    width: 19.1666666667%
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu-clinical {
    width: 16.6666666667%
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu-dosing {
    width: 9.8333333333%
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu-range {
    width: 18.9166666667%
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .dropdown-menu-support {
    width: 10.8333333333%
}

header.header--global .dropdown-content .nav-dropdown .dropdown-lists .lc {
    text-transform: lowercase
}

header.header--global .group-head {
    padding-left: 24px
}

header.header--global .group-head a {
    cursor: default !important
}

header.header--global .sub-indent {
    padding-left: 34px !important
}

@media (min-width: 1024px) and (max-width: 1200px) {
    header.header--global .wrap--content {
        min-width: 1000px
    }

    header.header--global .nav-middle-row a {
        margin: 0 1.46484375%
    }

    header.header--global .nav-middle-row p {
        font-size: 12px
    }

    header.header--global .nav-bottom-row .nav-element-container:last-of-type {
        margin-right: 0
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    header.header--global {
        position: absolute
    }

    header.header--global .mobile-header-navigation {
        height: 80px;
        background-color: #fff
    }

    header.header--global .mobile-header-navigation .logo-link {
        display: block;
        width: 47.2%;
        max-width: 177px;
        max-height: 80px;
        padding: 7px 0 0 22px
    }

    header.header--global .mobile-header-navigation .logo-link picture,
    header.header--global .mobile-header-navigation .logo-link img {
        max-height: 100%
    }

    header.header--global .mobile-header-navigation .red-bar {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #A50235;
        width: 31.7333333333%;
        height: 100%;
        text-align: center
    }

    header.header--global .mobile-header-navigation .red-bar:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 80px 80px 0;
        border-color: transparent #A50235 transparent transparent;
        position: absolute;
        left: -80px;
        top: 0
    }

    header.header--global .mobile-header-navigation .menu-button {
        z-index: 20;
        position: fixed;
        right: 20px;
        top: 17px;
        width: 70px;
        height: 45px;
        background: rgba(35, 31, 32, 0.4);
        border: 1px solid #FFFFFF;
        border-radius: 6px;
        transition: background-color 250ms;
        text-align: center
    }

    header.header--global .mobile-header-navigation .menu-button p {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 45px;
        text-transform: uppercase;
        transition: color 250ms
    }

    header.header--global .mobile-header-navigation .menu-button:active,
    header.header--global .mobile-header-navigation .menu-button:hover,
    header.header--global .mobile-header-navigation .menu-button.active {
        background-color: #fff
    }

    header.header--global .mobile-header-navigation .menu-button:active p,
    header.header--global .mobile-header-navigation .menu-button:hover p,
    header.header--global .mobile-header-navigation .menu-button.active p {
        color: #A50235
    }

    header.header--global .mobile-menu {
        z-index: 10;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        width: 100%;
        background-color: #000000;
        overflow: auto;
        transition: height 250ms
    }

    header.header--global .mobile-menu .logo {
        height: 80px;
        background-color: #fff
    }

    header.header--global .mobile-menu .ipad-header {
        width: 100%;
        background-color: #86002a;
        border-top: 1px solid #fff;
        padding: 15px 0
    }

    header.header--global .mobile-menu .ipad-header p {
        font-family: 'Din Bold', Helvetica, sans-serif;
        text-align: center;
        font-weight: 900;
        color: #fff
    }

    header.header--global .mobile-menu .ipad-header .btn--red {
        background: #000;
        color: #fff;
        width: 65%;
        border-color: #fff;
        border-width: 1px;
        text-transform: uppercase;
        padding-top: 10px;
        height: 40px;
        margin: 5px auto;
        display: block
    }

    header.header--global .mobile-menu .mobile-menu-link {
        display: block;
        border-top: 1px solid #fff;
        background-color: #A50235
    }

    header.header--global .mobile-menu .mobile-menu-link:nth-child(6) {
        border-bottom: 1px solid #fff
    }

    header.header--global .mobile-menu .mobile-menu-link a.active {
        background-color: #980432
    }

    header.header--global .mobile-menu .mobile-menu-link.active {
        background-color: #86002A
    }

    header.header--global .mobile-menu .mobile-menu-link p {
        padding: 16px 0 12px 6.6666666667%;
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 16px;
        line-height: 21px;
        color: #FFFFFF;
        text-transform: uppercase
    }

    header.header--global .mobile-menu .violator-content {
        background-color: #000;
        padding: 15px;
        text-align: center
    }

    header.header--global .mobile-menu .violator-content p {
        text-align: center
    }

    header.header--global .mobile-menu .violator-content a {
        display: inline-block;
        padding: 2px 15px;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        text-transform: uppercase;
        margin: 5px auto
    }

    header.header--global .mobile-menu .mobile-menu-secondary-link {
        display: block;
        border-bottom: 1px solid #fff
    }

    header.header--global .mobile-menu .mobile-menu-secondary-link p {
        background: #4D4D4F;
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 16px;
        line-height: 26px;
        color: #fff;
        font-style: italic;
        padding: 10px 0 6px 6.6666666667%;
        text-transform: uppercase
    }

    header.header--global .mobile-menu .mobile-menu-secondary-link.black p {
        background-color: #000;
        color: #fff;
        font-style: normal;
        padding: 16px 0 12px 6.6666666667%
    }

    header.header--global .mobile-menu .endinfo {
        display: block;
        width: 100%;
        text-align: center
    }

    header.header--global .mobile-menu .endinfo p {
        padding: 16px 0 12px 0
    }

    header.header--global .mobile-menu .endinfo.hcp {
        background-color: #000000
    }

    header.header--global .mobile-menu .endinfo.hcp p {
        font-family: 'Din Italic', Helvetica, sans-serif;
        font-size: 14px;
        color: #C0C0C0;
        line-height: 18px
    }

    header.header--global .mobile-menu .endinfo.questions {
        background-color: #808080
    }

    header.header--global .mobile-menu .endinfo.questions p {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 14px;
        color: #DAD9D8;
        line-height: 18px
    }

    header.header--global .square {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 10px;
        right: 19px;
        font-size: 45px;
        font-family: 'Din Light', Helvetica, sans-serif;
        cursor: pointer;
        color: #fff
    }

    header.header--global .plus,
    header.header--global .minus {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 32px;
        text-align: center;
        transition: 250ms all ease-out
    }

    header.header--global .plus {
        opacity: 1;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    header.header--global .mobile-menu-link.open .square .plus {
        opacity: 0;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    header.header--global .minus {
        opacity: 0;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    header.header--global .mobile-menu-link.open .square .minus {
        opacity: 1;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    header.header--global .mobile-dropdown {
        max-height: 0;
        opacity: 0;
        height: auto;
        overflow: hidden;
        background-color: #BE023D;
        transition: opacity 250ms
    }

    header.header--global .mobile-dropdown a {
        display: block;
        border-top: 1px solid #fff;
        padding: 16px 0 12px 12.5333333333%;
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 16px;
        line-height: 21px;
        color: #FFFFFF;
        text-transform: uppercase
    }

    header.header--global .mobile-menu-link.open .mobile-dropdown {
        max-height: 100%;
        opacity: 1
    }

    header.header--global .group-head {
        padding-left: 24px
    }

    header.header--global .group-head a {
        cursor: default !important
    }

    header.header--global .mobile-dropdown-link.sub-indent {
        padding-left: 24% !important
    }
}

@keyframes bounce {
    0% {
        transform: translateY(-100%)
    }

    75% {
        transform: translateY(10%)
    }

    100% {
        transform: translateY(0%)
    }
}

.violator-container {
    height: 120px;
    z-index: 15
}

@media only screen and (min-width: 1025px) {
    .violator-container {
        padding-top: 80px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .violator-container {
        height: 121px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    .violator-container {
        padding-top: 80px
    }
}

@media only screen and (max-width: 640px) {
    .violator-container {
        height: 178px
    }
}

.violator--register {
    position: static;
    width: 100%;
    background-color: #6C0223;
    text-align: center;
    z-index: 6;
    animation: bounce 500ms;
    animation-delay: 1000ms;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.violator--register.fixed {
    transition: top 500ms;
    position: fixed
}

.violator--register p {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 15px;
    color: #D7B9C2;
    padding-top: 14px
}

.violator--register a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-family: 'Din Bold', Helvetica, sans-serif;
    margin-left: 38px;
    text-decoration: underline;
    vertical-align: middle;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    padding-top: 14px
}

.violator--register a:hover {
    text-decoration: underline
}

@media only screen and (min-width: 1025px) {
    .violator--register {
        top: 86px;
        height: 41px
    }

    .violator--register.hidden {
        top: -41px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    .violator--register {
        top: 80px;
        height: 41px
    }

    .violator--register.hidden {
        top: -41px
    }

    .violator--register a,
    .violator--register p {
        vertical-align: top;
        margin: 0;
        padding: 10px
    }
}

@media only screen and (max-width: 640px) {
    .violator--register {
        height: auto
    }

    .violator--register a,
    .violator--register p {
        display: block
    }

    .violator--register a {
        margin: 0;
        padding-top: 0;
        padding-bottom: 14px
    }
}

aside.aside--isi {
    display: none
}

aside.aside--isi .isi--text div,
aside.aside--isi .isi--text img {
    display: none
}

footer.footer--global {
    background-color: black
}

footer.footer--global .bg--left {
    width: 45.3571428571%;
    position: absolute;
    height: 100%
}

footer.footer--global .angle {
    width: 255px;
    height: 100%;
    position: absolute;
    left: 45.3571428571%
}

footer.footer--global .area--left {
    width: 63.5714285714%;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 100%;
    position: relative
}

footer.footer--global .area--left .bottom {
    position: absolute;
    bottom: 0
}

footer.footer--global .area--left .bottom p {
    font-size: 15px;
    color: #CECECE;
    line-height: 32px;
    font-style: italic;
    padding-bottom: 20px
}

footer.footer--global .area--left .links {
    padding-top: 50px;
    width: 56.1797752809%;
    min-width: 500px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0
}

footer.footer--global .area--left .links .left,
footer.footer--global .area--left .links .right {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 50%;
    text-align: left
}

footer.footer--global .area--left .links .left a,
footer.footer--global .area--left .links .right a {
    font-size: 15px;
    color: #CECECE;
    line-height: 32px;
    display: block
}

footer.footer--global .area--left .links .left a:hover,
footer.footer--global .area--left .links .left a:active,
footer.footer--global .area--left .links .right a:hover,
footer.footer--global .area--left .links .right a:active {
    color: #FDFDFD
}

footer.footer--global .credits {
    padding-top: 50px;
    width: 36%;
    text-align: right;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    right: 0px
}

footer.footer--global .credits .logo {
    margin-bottom: 19px;
    max-width: 187px
}

footer.footer--global .copyright p {
    text-align: right;
    color: white;
    font-size: 14px;
    color: #CECECE;
    line-height: 18px
}

@media only screen and (min-width: 1025px) {
    footer.footer--global {
        height: 256px
    }

    footer.footer--global .wrap--content {
        padding: 0px 0
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    footer.footer--global .area--left {
        width: 100%
    }

    footer.footer--global .area--left .bottom {
        position: static;
        padding-top: 50px
    }

    footer.footer--global .area--left .bottom p {
        line-height: 15px
    }

    footer.footer--global .area--left .links {
        padding-top: 10px;
        width: 100%
    }

    footer.footer--global .credits {
        padding-top: 0;
        position: static;
        width: 100%;
        text-align: center
    }

    footer.footer--global .copyright p {
        text-align: center
    }
}

@media only screen and (max-width: 640px) {
    footer.footer--global .bg--left {
        max-height: 256px
    }

    footer.footer--global .wrap--content {
        padding-left: 20px
    }

    footer.footer--global .area--left .bottom {
        position: static;
        padding-top: 25px
    }

    footer.footer--global .area--left .bottom p {
        line-height: 15px
    }

    footer.footer--global .area--left .links {
        width: 100%;
        min-width: 0;
        padding-top: 10px
    }

    footer.footer--global .area--left .links .left,
    footer.footer--global .area--left .links .right {
        color: #CECECE;
        width: 100%;
        display: block
    }

    footer.footer--global .credits {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        width: 57.9787234043%;
        padding-top: 0;
        text-align: left;
        position: relative
    }

    footer.footer--global .credits .logo {
        padding-bottom: 24px
    }

    footer.footer--global .copyright p {
        text-align: left;
        color: #8C8C8C
    }
}

footer.footer--sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 4000;
    display: none;
    background-color: rgba(255, 255, 255, 0.62);
    padding-top: 80px;
    margin-bottom: 0px;
    transition: max-height 140ms, margin-bottom 140ms;
    width: 100%
}

footer.footer--sticky.open {
    height: auto !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 7000;
    transition: max-height 250ms;
    max-height: 550px !important;
    box-shadow: 0px -6px 6px -4px #777
}

footer.footer--sticky.open .bg--left {
    width: 100%
}

footer.footer--sticky.open .collapsed-view .initial .top-fold {
    box-shadow: none;
    width: 100%
}

footer.footer--sticky.open .collapsed-view .initial .top-fold::after {
    display: none
}

footer.footer--sticky.open .expanded-view {
    background-color: white;
    opacity: 1 !important;
    transition: opacity 200ms
}

footer.footer--sticky.open .btn--toggle {
    opacity: 0;
    z-index: 20
}

footer.footer--sticky.open .btn--shrink {
    opacity: 1;
    z-index: 21;
    right: 23px
}

.eq-ie9 footer.footer--sticky.open {
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    width: auto !important
}

footer.footer--sticky.shrunken {
    padding-top: 0px;
    background-color: white
}

footer.footer--sticky.shrunken .bottom-bar {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    text-transform: uppercase
}

footer.footer--sticky.shrunken .collapsed-view {
    box-shadow: none
}

footer.footer--sticky.shrunken .collapsed-view .wrap--content {
    padding-top: 14px
}

footer.footer--sticky.shrunken .collapsed-view .initial {
    margin-top: 0px;
    opacity: 0
}

footer.footer--sticky.shrunken .expanded-view {
    opacity: 1
}

footer.footer--sticky.shrunken .btn--shrink,
footer.footer--sticky.shrunken .btn--toggle {
    top: 11px;
    background-color: #fff;
    color: #A50235
}

footer.footer--sticky.shrunken .btn--shrink {
    opacity: 0;
    z-index: 20;
    right: 23px
}

footer.footer--sticky.shrunken .bg--left {
    box-shadow: none
}

footer.footer--sticky.shrunken.open .collapsed-view .initial {
    opacity: 1
}

footer.footer--sticky.shrunken.open .collapsed-view .initial .isi--text .top-fold {
    box-shadow: none;
    width: 100%
}

footer.footer--sticky.shrunken.open .btn--shrink,
footer.footer--sticky.shrunken.open .btn--toggle {
    background-color: #A50235;
    color: #fff
}

footer.footer--sticky.shrunken.open .btn--shrink {
    opacity: 1;
    z-index: 21;
    right: 23px
}

footer.footer--sticky.shrunken.open .btn--toggle {
    opacity: 0;
    z-index: 20
}

footer.footer--sticky .wrap--content {
    padding-top: 10px;
    padding-bottom: 50px
}

footer.footer--sticky .btn--toggle,
footer.footer--sticky .btn--shrink {
    position: absolute;
    top: 22px;
    right: 23px;
    width: 26px;
    height: 26px;
    z-index: 4100;
    color: #fff;
    background-color: #A50235;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    font-size: 36px;
    line-height: 26px;
    font-family: 'Din Bold', Helvetica, sans-serif;
    border-radius: 13px;
    cursor: pointer;
    transition: opacity 150ms, background-color 100ms, color 100ms
}

footer.footer--sticky .btn--shrink {
    right: 63px;
    opacity: 1;
    transition: opacity 50ms, right 50ms
}

footer.footer--sticky .bg--left {
    width: 30%;
    position: absolute;
    height: 100%;
    background-color: white;
    top: 0px;
    z-index: 1;
    box-shadow: 0px -6px 6px -4px #777
}

footer.footer--sticky .bottom-bar {
    color: #CEB1B7;
    position: fixed;
    bottom: 0px;
    height: 50px;
    width: 100%;
    background-color: #A50235;
    z-index: 10;
    text-transform: uppercase;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px
}

footer.footer--sticky .bottom-bar .wrap--content {
    padding-top: 15px
}

footer.footer--sticky .bottom-bar a {
    color: #F0F0F0
}

footer.footer--sticky .bottom-bar a.sticky-underline:hover {
    border-bottom: 2px solid #FFFFFF
}

footer.footer--sticky .collapsed-view {
    display: block;
    background-color: white
}

footer.footer--sticky .collapsed-view .wrap--content {
    z-index: 2
}

footer.footer--sticky .collapsed-view .initial {
    margin-top: -90px;
    opacity: 1;
    transition: opacity 90ms
}

footer.footer--sticky .collapsed-view .initial .top-fold {
    width: 42.1428571429%;
    min-width: 590px;
    display: inline-block;
    background-color: white;
    padding-top: 10px;
    box-shadow: 0px -6px 6px -4px #777
}

footer.footer--sticky .collapsed-view .initial .top-fold * {
    z-index: 5
}

footer.footer--sticky .collapsed-view .initial .top-fold::after {
    display: inline-block;
    position: absolute;
    right: -43px;
    top: 26px;
    content: " ";
    width: 98px;
    height: 64px;
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    background-color: #fff;
    z-index: 1;
    box-shadow: -1px -6px 6px -4px #777
}

footer.footer--sticky .expanded-view {
    display: none;
    opacity: 0;
    transition: opacity 90ms
}

footer.footer--sticky .isi--text p {
    line-height: 22px
}

footer.footer--sticky .isi--text h3 {
    color: #A50235;
    line-height: 22px
}

@media only screen and (min-width: 1025px) {
    footer.footer--sticky .collapsed-view {
        box-shadow: 0px -6px 6px -4px #777
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    footer.footer--sticky .wrap--content {
        padding-bottom: 65px
    }

    footer.footer--sticky .collapsed-view .initial .top-fold {
        min-width: 0;
        width: 95%;
        float: none;
        clear: both
    }

    footer.footer--sticky .collapsed-view .initial .top-fold:after {
        display: none
    }

    footer.footer--sticky .bottom-bar {
        height: 9%
    }

    footer.footer--sticky .bottom-bar .wrap--content {
        padding-bottom: 10px
    }

    footer.footer--sticky .bg--left {
        width: 100%
    }

    footer.footer--sticky .btn--toggle {
        right: 2%
    }

    footer.footer--sticky .btn--shrink {
        right: 6.5%
    }

    footer.footer--sticky.shrunken .collapsed-view .wrap--content {
        padding-top: 0
    }

    footer.footer--sticky.open {
        margin-bottom: 0
    }

    footer.footer--sticky.open .wrap--content {
        padding-bottom: 9%
    }

    footer.footer--sticky.open .bottom-bar {
        height: auto
    }

    footer.footer--sticky.open .bottom-bar .wrap--content {
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 640px) {
    footer.footer--sticky {
        min-width: 320px;
        background-color: #fff
    }

    footer.footer--sticky .wrap--content {
        width: 100%;
        padding-left: 18px;
        padding-right: 9.8666666667%
    }

    footer.footer--sticky .collapsed-view .initial .top-fold {
        padding-top: 16px;
        padding-bottom: 10px;
        min-width: 0;
        width: 95%;
        float: none;
        clear: both
    }

    footer.footer--sticky .collapsed-view .initial .top-fold:after {
        display: none
    }

    footer.footer--sticky .bg--left {
        display: none
    }

    footer.footer--sticky .btn--toggle {
        right: 16px;
        top: 8px
    }

    footer.footer--sticky .btn--shrink {
        right: 16px;
        top: 44px
    }

    footer.footer--sticky .isi--text h3,
    footer.footer--sticky .isi--text p {
        font-size: 14px;
        line-height: 17px
    }

    footer.footer--sticky .bottom-bar {
        height: auto;
        min-height: 9%;
        font-size: 15px;
        line-height: 26px
    }

    footer.footer--sticky .bottom-bar .wrap--content {
        padding-top: 10px;
        padding-bottom: 10px
    }

    footer.footer--sticky.open {
        margin-bottom: 0;
        max-height: 100% !important
    }

    footer.footer--sticky.open .wrap--content {
        padding-bottom: 75px
    }

    footer.footer--sticky.open .btn--shrink {
        top: 15px
    }

    footer.footer--sticky.open .bottom-bar {
        min-height: 0
    }

    footer.footer--sticky.open .bottom-bar .wrap--content {
        padding-bottom: 10px
    }

    footer.footer--sticky.shrunken .btn--toggle {
        right: 10px;
        top: 15px
    }

    footer.footer--sticky.shrunken .btn--shrink {
        right: 10px
    }

    footer.footer--sticky.shrunken .bottom-bar {
        height: auto
    }

    footer.footer--sticky.shrunken.open {
        margin-bottom: 0;
        max-height: 100% !important
    }

    footer.footer--sticky.shrunken.open .wrap--content {
        padding-bottom: 75px
    }

    footer.footer--sticky.shrunken.open .btn--shrink {
        top: 15px
    }

    footer.footer--sticky.shrunken.open .bottom-bar {
        min-height: 0
    }

    footer.footer--sticky.shrunken.open .bottom-bar .wrap--content {
        padding-bottom: 10px
    }
}

.page--home picture img {
    display: block
}

.page--home .section--dont-wait {
    background-image: url("images/lgr/bg-dont-wait.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 638px;
    height: auto
}

.page--home .section--dont-wait .pg--left-callout {
    width: 75%;
    height: 71px;
    padding: 30px;
    margin-left: 20px;
    background-color: #A50235;
    min-width: 600px;
    padding: 0;
    margin-left: -38px;
    padding-left: 38px;
    color: #fff;
    font-size: 35px;
    line-height: 73px;
    text-transform: uppercase;
    margin-bottom: 30px
}

.page--home .section--dont-wait .pg--left-callout:before,
.page--home .section--dont-wait .pg--left-callout:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: rotate(360deg)
}

.page--home .section--dont-wait .pg--left-callout:before {
    left: -20px;
    border-width: 0 0 71px 20px;
    border-color: transparent transparent #A50235 transparent
}

.page--home .section--dont-wait .pg--left-callout:after {
    right: -20px;
    border-width: 71px 20px 0 0;
    border-color: #A50235 transparent transparent transparent
}

.page--home .section--dont-wait .pg--left-callout h1,
.page--home .section--dont-wait .pg--left-callout h2,
.page--home .section--dont-wait .pg--left-callout h3,
.page--home .section--dont-wait .pg--left-callout h4,
.page--home .section--dont-wait .pg--left-callout h5,
.page--home .section--dont-wait .pg--left-callout h6,
.page--home .section--dont-wait .pg--left-callout p,
.page--home .section--dont-wait .pg--left-callout li,
.page--home .section--dont-wait .pg--left-callout a {
    color: #fff
}

.page--home .section--dont-wait .pg--left-callout.short {
    width: 51%
}

.page--home .section--dont-wait .pg--left-callout .blackitalic {
    font-family: 'Din Black Italic', Helvetica, sans-serif
}

.page--home .section--dont-wait p {
    width: 50%;
    min-width: 600px
}

.page--home .section--dont-wait p.endpoint {
    color: #000000;
    margin-top: 14px;
    width: 36.6666666667%;
    min-width: 440px;
    font-size: 12px
}

.page--home .section--dont-wait p.header {
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #4D4D4F;
    margin-bottom: 10px
}

.page--home .section--dont-wait p.instruction {
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #4D4D4F;
    margin-top: 14px
}

.page--home .section--dont-wait .t {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase
}

@media only screen and (max-width: 640px) {
    .page--home .section--dont-wait .t {
        font-size: 18px
    }
}

.page--home .section--dont-wait .btn--red {
    margin-top: 10px;
    margin-bottom: 10px
}

.page--home .section--dont-wait .btn--red.larger {
    min-width: 273px;
    display: block
}

.page--home .section--dont-wait .red-btn-area {
    display: unset
}

.page--home .section--take-the-tour {
    background-image: url("images/lgr/take-the-tour-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 200px
}

.page--home .section--take-the-tour .wrap--content {
    font-size: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page--home .section--take-the-tour .left {
    width: 60%;
    display: inline-block;
    padding-left: 25%
}

.page--home .section--take-the-tour .left p {
    font-size: 22px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 30px
}

.page--home .section--take-the-tour .right {
    width: 40%;
    display: inline-block;
    text-align: left;
    padding-left: 7.5%
}

.page--home .section--be-direct {
    background-color: #7A7A7B;
    min-height: 529px;
    height: auto
}

.page--home .section--be-direct .direct-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 447px;
    max-width: 100%;
    max-height: 100%
}

.page--home .section--be-direct h2,
.page--home .section--be-direct p {
    color: #fff
}

.page--home .section--be-direct h5 {
    color: #fff;
    font-size: 22px;
    margin-top: 20px
}

.page--home .section--be-direct .btn--gray-md {
    margin-top: 40px
}

.page--home .section--be-direct .btn--gray-md.larger {
    min-width: 282px
}

.page--home .section--be-direct .wedge {
    background-color: #D8D8D8;
    opacity: 0.20;
    height: 80%;
    bottom: -55%
}

.page--home .section--be-direct .btn--quote p {
    min-width: 0;
    width: auto
}

.page--home .section--be-direct .btn--quote .circle {
    width: 50px !important
}

.page--home .section--be-direct .btn--quote .icon {
    display: inline-block;
    width: 50px !important;
    height: 50px;
    background-image: url("images/quote_icon.png");
    background-size: contain;
    margin: 10px 14px -20px 14px
}

.page--home .section--be-direct .btn--quote .text {
    font-size: 18px
}

.page--home .section--for-all-stages {
    background-image: url("images/lgr/bg-for-all-stages.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 539px;
    height: auto;
    margin-top: -20px
}

.page--home .section--for-all-stages h2 {
    color: #fff
}

.page--home .section--for-all-stages p {
    margin-top: 23px;
    color: #fff
}

.page--home .section--for-all-stages .btn--gray-dk {
    margin-top: 25px
}

.page--home .section--for-all-stages .t {
    font-family: 'Din Bold', Helvetica, sans-serif
}

.page--home .section--for-all-stages .invisi-btn {
    display: block;
    position: absolute;
    left: 50%;
    top: 17%;
    width: 56%;
    height: 75%;
    margin: 100px 200px 100px 100px;
    background-color: rgba(255, 0, 100, 0.2)
}

.page--home .section--more-than-medicine {
    background-image: url("images/lgr/bg-more-than-medicine.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: auto
}

.page--home .section--more-than-medicine h2 {
    color: #fff
}

.page--home .section--more-than-medicine h5 {
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
    padding: 20px
}

.page--home .section--more-than-medicine p {
    color: #fff;
    margin-top: 35px;
    margin-bottom: 50px
}

.page--home .section--more-than-medicine .btn--gray-md {
    margin-top: 31px;
    width: 300px
}

.page--home .section--more-than-medicine .icon {
    display: inline-block;
    width: 50px !important;
    height: 50px;
    top: -33px;
    background-image: url("images/quote_icon.png");
    background-size: contain;
    margin: 10px 14px -37px 14px
}

@media only screen and (min-width: 1025px) {
    .page--home h2 {
        font-size: 64px;
        line-height: 1em
    }

    .page--home .section--dont-wait h2 {
        width: 60%;
        min-width: 487px
    }

    .page--home .section--dont-wait p.start-suppression {
        font-size: 22px;
        line-height: 28px;
        min-width: 450px;
        width: 40%
    }

    .page--home .section--be-direct .blurb-container {
        position: absolute;
        top: 140px;
        right: 0px;
        width: 43.8333333333%;
        min-width: 526px
    }

    .page--home .section--be-direct p {
        font-size: 22px;
        line-height: 28px;
        width: 24.1666666667%;
        min-width: 290px
    }

    .page--home .section--be-direct .btn--quote {
        margin-top: 30px;
        display: inline-block;
        cursor: pointer
    }

    .page--home .section--be-direct .btn--quote p {
        min-width: 0;
        width: auto
    }

    .page--home .section--be-direct .btn--quote .circle {
        width: 50px
    }

    .page--home .section--be-direct .btn--quote .icon {
        width: 50px
    }

    .page--home .section--be-direct .btn--quote .text {
        width: 240px;
        font-size: 18px
    }

    .page--home .section--for-all-stages .wrap--content {
        padding-top: 88px
    }

    .page--home .section--for-all-stages h2 {
        width: 55.5%;
        min-width: 666px
    }

    .page--home .section--for-all-stages p {
        font-size: 22px;
        width: 37.25%;
        min-width: 447px;
        line-height: 28px
    }

    .page--home .section--more-than-medicine {
        min-height: 650px
    }

    .page--home .section--more-than-medicine h5 {
        padding-left: 0
    }

    .page--home .section--more-than-medicine .blurb-container {
        position: absolute;
        top: 110px;
        right: 0px;
        width: 32.5714285714%;
        min-width: 456px
    }

    .page--home .section--more-than-medicine .btn--quote {
        display: inline-block;
        cursor: pointer
    }

    .page--home .section--more-than-medicine .btn--quote .text {
        width: 260px
    }

    .page--home .section--more-than-medicine .icon {
        margin-left: 0;
        top: -24px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--home .section--dont-wait {
        background-image: url("images/smr/bg-dont-wait.png");
        background-size: 100%;
        background-position: center 0px
    }

    .page--home .section--dont-wait .wrap--content {
        width: 100%;
        padding-top: 16px
    }

    .page--home .section--dont-wait .pg--left-callout {
        width: 75%;
        height: 40px;
        padding: 30px;
        margin-left: 15px;
        background-color: #A50235;
        line-height: 40px;
        font-size: 14px;
        height: 40px;
        width: 270px;
        min-width: 0;
        margin: 0px auto 11px auto;
        padding: 0px;
        text-align: center
    }

    .page--home .section--dont-wait .pg--left-callout:before,
    .page--home .section--dont-wait .pg--left-callout:after {
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        -webkit-transform: rotate(360deg)
    }

    .page--home .section--dont-wait .pg--left-callout:before {
        left: -15px;
        border-width: 0 0 40px 15px;
        border-color: transparent transparent #A50235 transparent
    }

    .page--home .section--dont-wait .pg--left-callout:after {
        right: -15px;
        border-width: 40px 15px 0 0;
        border-color: #A50235 transparent transparent transparent
    }

    .page--home .section--dont-wait .pg--left-callout h1,
    .page--home .section--dont-wait .pg--left-callout h2,
    .page--home .section--dont-wait .pg--left-callout h3,
    .page--home .section--dont-wait .pg--left-callout h4,
    .page--home .section--dont-wait .pg--left-callout h5,
    .page--home .section--dont-wait .pg--left-callout h6,
    .page--home .section--dont-wait .pg--left-callout p,
    .page--home .section--dont-wait .pg--left-callout li,
    .page--home .section--dont-wait .pg--left-callout a {
        color: #fff
    }

    .page--home .section--dont-wait h2 {
        text-align: center;
        margin-bottom: 8px
    }

    .page--home .section--dont-wait p {
        text-align: center;
        color: #000;
        margin: 0 auto
    }

    .page--home .section--dont-wait p.start-suppression {
        width: 80%
    }

    .page--home .section--dont-wait p.endpoint {
        width: 80%;
        color: #231F20;
        font-size: 16px;
        line-height: 21px
    }

    .page--home .section--dont-wait .btn--red {
        width: 100%
    }

    .page--home .section--dont-wait .red-btn-area {
        display: block;
        background-color: rgba(255, 0, 0, 0);
        margin-top: 45%;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 200px
    }

    .page--home .section--dont-wait .red-btn-area .instruction {
        color: #fff
    }

    .page--home .section--take-the-tour .left {
        width: 100%;
        padding: 0;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .page--home .section--be-direct {
        background-image: url("images/smr/be-direct-dude.png");
        background-color: #7A7A7B;
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
        min-height: 382px;
        overflow: hidden
    }

    .page--home .section--be-direct .wrap--content {
        margin: 105px 0 66px;
        background-color: rgba(0, 0, 0, 0.36);
        padding: 22px 6%
    }

    .page--home .section--be-direct .blurb-container {
        position: static;
        width: 100%
    }

    .page--home .section--be-direct .blurb-container>p {
        width: 80%;
        margin: 0 auto;
        text-align: center
    }

    .page--home .section--be-direct h2 {
        padding-top: 13px;
        text-align: center
    }

    .page--home .section--be-direct .dot-pattern {
        bottom: -172px;
        height: 464px
    }

    .page--home .section--be-direct .btn--gray-md {
        display: block;
        width: 100%;
        margin: 33px auto 0 auto
    }

    .page--home .section--for-all-stages {
        background-image: url("images/smr/bg-faces.png");
        min-height: 382px;
        background-size: cover
    }

    .page--home .section--for-all-stages .wrap--content {
        width: 100%;
        position: relative
    }

    .page--home .section--for-all-stages h2 {
        padding-top: 12px;
        padding-bottom: 5px;
        text-align: center
    }

    .page--home .section--for-all-stages p {
        padding-bottom: 16px;
        text-align: center
    }

    .page--home .section--for-all-stages .btn--gray-dk {
        display: block;
        margin: 0 auto;
        width: 100%
    }

    .page--home .section--for-all-stages .mobile-img picture {
        display: block
    }

    .page--home .section--more-than-medicine {
        background-image: url(images/smr/bg-more-than-medicine.png)
    }

    .page--home .section--more-than-medicine .wrap--content {
        padding-top: 72px;
        width: 100%
    }

    .page--home .section--more-than-medicine h2,
    .page--home .section--more-than-medicine p {
        text-align: center
    }

    .page--home .section--more-than-medicine p {
        margin: 14px auto 0 auto
    }

    .page--home .section--more-than-medicine .btn--gray-md {
        display: block;
        width: 100%;
        margin-top: 14px
    }

    .page--home .btn--quote {
        margin: 20px auto 8px auto;
        text-align: center
    }

    .page--home .btn--quote .circle {
        margin-right: 14px
    }

    .page--home .btn--quote .icon {
        margin-right: 14px
    }

    .page--home .btn--quote .text {
        width: auto
    }
}

@media only screen and (max-width: 640px) {
    .page--home .wrap--content {
        width: 85.0666666667%;
        margin: 0 auto;
        display: block;
        padding-left: 0px;
        padding-right: 0px
    }

    .page--home .blurb-container {
        width: 100%;
        min-width: 0;
        position: relative;
        top: 0;
        right: 0
    }

    .page--home .btn--red,
    .page--home .btn--gray-md,
    .page--home .btn--gray-dk {
        margin-top: 18px;
        display: block;
        margin: 0 auto;
        width: 89.0666666667%
    }

    .page--home .section--dont-wait,
    .page--home .section--be-direct,
    .page--home .section--for-all-stages,
    .page--home .section--more-than-medicine {
        background-size: cover
    }

    .page--home .section--dont-wait .wrap--content,
    .page--home .section--be-direct .wrap--content,
    .page--home .section--for-all-stages .wrap--content,
    .page--home .section--more-than-medicine .wrap--content {
        padding-top: 30px
    }

    .page--home .section--dont-wait h2,
    .page--home .section--dont-wait p,
    .page--home .section--be-direct h2,
    .page--home .section--be-direct p,
    .page--home .section--for-all-stages h2,
    .page--home .section--for-all-stages p,
    .page--home .section--more-than-medicine h2,
    .page--home .section--more-than-medicine p {
        width: 100%;
        min-width: 0
    }

    .page--home .section--dont-wait h2,
    .page--home .section--be-direct h2,
    .page--home .section--for-all-stages h2,
    .page--home .section--more-than-medicine h2 {
        text-align: center;
        margin: 0 auto;
        font-size: 36px;
        line-height: 38px
    }

    .page--home .section--dont-wait p,
    .page--home .section--be-direct p,
    .page--home .section--for-all-stages p,
    .page--home .section--more-than-medicine p {
        margin-top: 20px;
        text-align: center
    }

    .page--home .section--dont-wait {
        background-image: url("images/smr/bg-dont-wait.png");
        background-size: contain;
        background-position: center 135%
    }

    .page--home .section--dont-wait .wrap--content {
        width: 100%;
        padding-top: 16px;
        padding-bottom: 0
    }

    .page--home .section--dont-wait .pg--left-callout {
        width: 75%;
        height: 40px;
        padding: 30px;
        margin-left: 15px;
        background-color: #A50235;
        line-height: 40px;
        font-size: 14px;
        height: 40px;
        width: 270px;
        min-width: 0;
        margin: 0px auto 11px auto;
        padding: 0px;
        text-align: center
    }

    .page--home .section--dont-wait .pg--left-callout:before,
    .page--home .section--dont-wait .pg--left-callout:after {
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        -webkit-transform: rotate(360deg)
    }

    .page--home .section--dont-wait .pg--left-callout:before {
        left: -15px;
        border-width: 0 0 40px 15px;
        border-color: transparent transparent #A50235 transparent
    }

    .page--home .section--dont-wait .pg--left-callout:after {
        right: -15px;
        border-width: 40px 15px 0 0;
        border-color: #A50235 transparent transparent transparent
    }

    .page--home .section--dont-wait .pg--left-callout h1,
    .page--home .section--dont-wait .pg--left-callout h2,
    .page--home .section--dont-wait .pg--left-callout h3,
    .page--home .section--dont-wait .pg--left-callout h4,
    .page--home .section--dont-wait .pg--left-callout h5,
    .page--home .section--dont-wait .pg--left-callout h6,
    .page--home .section--dont-wait .pg--left-callout p,
    .page--home .section--dont-wait .pg--left-callout li,
    .page--home .section--dont-wait .pg--left-callout a {
        color: #fff
    }

    .page--home .section--dont-wait h2 {
        text-align: center;
        width: 72%;
        line-height: 34px;
        margin-bottom: 8px;
        letter-spacing: -1.5px
    }

    .page--home .section--dont-wait p {
        text-align: center;
        font-size: 18px;
        line-height: 23px;
        color: #000;
        margin: 0 auto
    }

    .page--home .section--dont-wait p.endpoint {
        color: #231F20;
        min-width: 0;
        width: 90%;
        font-size: 14px;
        line-height: 21px;
        max-width: 320px
    }

    .page--home .section--dont-wait p.start-suppression {
        width: 74.4%;
        min-width: 279px
    }

    .page--home .section--dont-wait .red-btn-area {
        display: block;
        background-color: rgba(255, 0, 0, 0.3);
        margin-top: 55%;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .page--home .section--dont-wait .btn--quote {
        max-width: 320px;
        margin: 20px auto 36px auto;
        text-align: center
    }

    .page--home .section--dont-wait .btn--quote .text {
        width: 70%
    }

    .page--home .section--take-the-tour .wrap--content {
        padding: 42px 6%
    }

    .page--home .section--take-the-tour .left {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .page--home .section--be-direct {
        background-image: url("images/smr/be-direct-dude.png");
        background-color: #7A7A7B;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        min-height: 382px;
        overflow: hidden
    }

    .page--home .section--be-direct .wrap--content {
        width: 100%;
        margin: 105px 0 66px;
        background-color: rgba(0, 0, 0, 0.36);
        padding: 22px 6%
    }

    .page--home .section--be-direct h2 {
        padding-top: 13px
    }

    .page--home .section--be-direct .blurb-container>p {
        width: 73.8666666667%;
        min-width: 277px;
        margin-left: auto;
        margin-right: auto
    }

    .page--home .section--be-direct .dot-pattern {
        bottom: -172px;
        width: 100%;
        height: 464px
    }

    .page--home .section--be-direct .circle {
        width: 50px !important
    }

    .page--home .section--be-direct .icon {
        width: 50px !important;
        top: 8px
    }

    .page--home .section--be-direct .btn--gray-md {
        margin-top: 33px
    }

    .page--home .section--for-all-stages {
        background-image: url("images/smr/bg-faces.png");
        min-height: 382px;
        background-size: cover
    }

    .page--home .section--for-all-stages .wrap--content {
        width: 100%;
        position: relative
    }

    .page--home .section--for-all-stages h2 {
        padding-top: 12px;
        padding-bottom: 5px;
        font-size: 36px;
        line-height: 38px
    }

    .page--home .section--for-all-stages p {
        padding-bottom: 16px;
        width: 85.0666666667%;
        margin: 0 auto;
        min-width: 319px
    }

    .page--home .section--for-all-stages .btn--gray-dk {
        margin-top: 0px
    }

    .page--home .section--for-all-stages .mobile-img {
        width: 84%;
        margin: 0 auto
    }

    .page--home .section--more-than-medicine {
        background-image: url("images/smr/bg-more-than-medicine.png");
        min-height: 382px
    }

    .page--home .section--more-than-medicine .wrap--content {
        padding-top: 72px;
        width: 100%
    }

    .page--home .section--more-than-medicine h2 {
        width: 55.7333333333%
    }

    .page--home .section--more-than-medicine .blurb-container>p {
        width: 77.3333333333%;
        margin: 14px auto 0 auto
    }

    .page--home .section--more-than-medicine .btn--gray-md {
        margin-top: 14px
    }

    .page--home .section--more-than-medicine .circle {
        width: 50px !important
    }

    .page--home .section--more-than-medicine .icon {
        width: 50px !important
    }

    .page--home .section--references-footnotes .wrap--content {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .page--home .section--references-footnotes .abbreviations {
        padding-bottom: 18px
    }

    .page--home .btn--quote {
        max-width: 320px;
        margin: 20px auto 36px auto;
        text-align: center
    }

    .page--home .btn--quote .text {
        width: 70%
    }
}

.page--agonist-vs-antagonists .section--path h2 .eyebrow {
    display: block;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 23px;
    color: #4D4D4F;
    text-transform: none;
    margin-bottom: 10px
}

.page--agonist-vs-antagonists .section--path h3 {
    padding-top: 27px
}

.page--agonist-vs-antagonists .section--path p {
    font-family: 'Din Light', Helvetica, sans-serif;
    width: 86.6666666667%
}

.page--agonist-vs-antagonists .section--path .abbreviations {
    margin-top: 70px;
    width: 79.8333333333%
}

.page--agonist-vs-antagonists .section--path .text-wrap {
    padding-bottom: 0
}

.page--agonist-vs-antagonists .section--path .path-wrap {
    padding-top: 0;
    padding-bottom: 0
}

.page--agonist-vs-antagonists .section--path .path-graphic {
    margin-top: 20px
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path {
        background-image: url(images/lg/section-1/background.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .page--agonist-vs-antagonists .section--path .path-wrap {
        min-height: 552px
    }

    .page--agonist-vs-antagonists .section--path p.abbreviations {
        position: absolute;
        text-align: left;
        left: 73px;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 50px;
        bottom: 46px
    }

    .page--agonist-vs-antagonists .section--path .moa {
        background-image: url(images/lg/section-1/moa-man-bg.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 317px 392px;
        position: absolute;
        bottom: 0px;
        left: 50%;
        width: 773px;
        height: 487px;
        margin: 0 auto;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: background-image 400ms ease-in-out
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .moa {
        background-image: url(images/lgr/section-1/moa-man-bg.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .fader-container {
        width: 263px;
        height: 70px;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 40px;
        z-index: 4
    }

    .page--agonist-vs-antagonists .section--path .model-overlays {
        width: 317px;
        height: 366px;
        text-align: center;
        position: absolute;
        left: 50%;
        bottom: 0px;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .page--agonist-vs-antagonists .section--path .model-overlays>div {
        display: inline-block;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 500ms ease-in-out;
        z-index: 5
    }

    .page--agonist-vs-antagonists .section--path .model-overlays>div.active {
        opacity: 1
    }

    .page--agonist-vs-antagonists .section--path .model-overlays>div.active.faded {
        opacity: 0.4
    }

    .page--agonist-vs-antagonists .section--path .model-overlays .gradient {
        width: 54px;
        height: 54px;
        background-image: radial-gradient(circle at center, #fff 0, transparent, transparent 100%)
    }

    .page--agonist-vs-antagonists .section--path .model-overlays .moa-man-red {
        width: 314px;
        height: 357px;
        top: 9px;
        left: 50%;
        background-image: url(images/lg/section-1/moa-man-bg-red.png);
        background-position: center bottom;
        background-size: cover;
        z-index: 2
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .model-overlays .moa-man-red {
        background-image: url(images/lgr/section-1/moa-man-bg-red.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .model-overlays .head {
        top: 0px
    }

    .page--agonist-vs-antagonists .section--path .model-overlays .chest-right {
        top: 130px;
        left: 60%
    }

    .page--agonist-vs-antagonists .section--path .model-overlays .ribs {
        top: 189px
    }

    .page--agonist-vs-antagonists .section--path .model-overlays .pelvis {
        width: 115px;
        height: 115px;
        top: 233px
    }

    .page--agonist-vs-antagonists .section--path .model-overlays .arrow-LH-FSH {
        width: 26px;
        height: 115px;
        top: 130px;
        left: 60%;
        background-image: url(images/lg/section-1/layer-arrow-LH.png);
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .model-overlays .arrow-LH-FSH {
        background-image: url(images/lgr/section-1/layer-arrow-LH.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .model-overlays .arrow-firmagon-LH-FSH {
        width: 66px;
        height: 125px;
        top: 27px;
        left: 36.7%;
        background-image: url(images/lg/section-1/layer-arrow-LH-left.png);
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .model-overlays .arrow-firmagon-LH-FSH {
        background-image: url(images/lgr/section-1/layer-arrow-LH-left.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .model-overlays .dashed-line {
        width: 2px;
        height: 276px;
        border-left: 2px dashed #A50235;
        top: 36px;
        left: 49.75%
    }

    .page--agonist-vs-antagonists .section--path .model-overlays .dot-head {
        background-image: url(images/lg/section-1/moa-dot-upper.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
        top: 19px;
        left: 49.75%
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .model-overlays .dot-head {
        background-image: url(images/lgr/section-1/moa-dot-upper.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .model-overlays .dot-pelvis {
        background-image: url(images/lg/section-1/moa-dot-lower.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 38px;
        height: 38px;
        bottom: 15px;
        left: 49.75%
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .model-overlays .dot-pelvis {
        background-image: url(images/lgr/section-1/moa-dot-lower.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .model-overlays .dot-pelvis-Ts {
        background-image: url(images/lg/section-1/moa-man-Ts.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 70px;
        height: 56px;
        bottom: 15px;
        left: 49.75%
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .model-overlays .dot-pelvis-Ts {
        background-image: url(images/lgr/section-1/moa-man-Ts.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .model-overlays .dot-pelvis-Ts-more {
        background-image: url(images/lg/section-1/moa-man-Ts-2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 70px;
        height: 56px;
        bottom: 15px;
        left: 49.75%
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .model-overlays .dot-pelvis-Ts-more {
        background-image: url(images/lgr/section-1/moa-man-Ts-2.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .top-firmagon {
        background-image: url(images/lg/section-1/wing-firmagon.png);
        background-repeat: no-repeat;
        background-size: 187px 178px;
        width: 187px;
        height: 178px;
        position: absolute;
        top: 24px;
        left: 58px
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .top-firmagon {
        background-image: url(images/lgr/section-1/wing-firmagon.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .top-leupro {
        background-image: url(images/lg/section-1/wing-leuprolide.png);
        background-repeat: no-repeat;
        background-size: 186px 305px;
        width: 186px;
        height: 305px;
        position: absolute;
        top: 24px;
        right: 57px
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .top-leupro {
        background-image: url(images/lgr/section-1/wing-leuprolide.png)
    }
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .btn--compare {
        position: absolute;
        top: 86%;
        left: 0;
        cursor: pointer
    }

    .page--agonist-vs-antagonists .section--path .btn--compare.disabled {
        cursor: default;
        background-color: #27000d
    }

    .page--agonist-vs-antagonists .section--path .day-pct-chart {
        position: absolute;
        top: 56%;
        left: -237px;
        border: 2px solid #A50235;
        border-radius: 4px;
        padding: 10px
    }

    .page--agonist-vs-antagonists .section--path .day-pct-chart>p {
        width: 100%
    }

    .page--agonist-vs-antagonists .section--path .red-day-text {
        color: #A50235
    }

    .page--agonist-vs-antagonists .section--path ul {
        width: 240px;
        left: 40px
    }

    .page--agonist-vs-antagonists .section--path ul>li {
        font-size: 11px;
        line-height: 13px;
        text-align: left
    }

    .page--agonist-vs-antagonists .section--path .bullet {
        margin-bottom: 10px;
        padding-top: 6px
    }

    .page--agonist-vs-antagonists .section--path .bullet:last-of-type() {
        margin-bottom: 0
    }

    .page--agonist-vs-antagonists .section--path .text {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 14px;
        line-height: 15px
    }

    .page--agonist-vs-antagonists .section--path .number {
        position: absolute;
        top: 0px;
        right: -3px
    }

    .page--agonist-vs-antagonists .section--path .number>p {
        background-color: white;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: 3px solid #A50235;
        text-align: center;
        padding-top: 4px;
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 18px;
        line-height: 16px
    }

    .page--agonist-vs-antagonists .section--path .number.active {
        -ms-transform: scale(1.35);
        transform: scale(1.35)
    }

    .page--agonist-vs-antagonists .section--path .firmagon .bullet ul,
    .page--agonist-vs-antagonists .section--path .firmagon .bullet .text,
    .page--agonist-vs-antagonists .section--path .leuprolide .bullet ul,
    .page--agonist-vs-antagonists .section--path .leuprolide .bullet .text {
        opacity: 0;
        transition: opacity 200ms ease-in-out
    }

    .page--agonist-vs-antagonists .section--path .firmagon.visible .bullet ul.active,
    .page--agonist-vs-antagonists .section--path .firmagon.visible .bullet .text.active,
    .page--agonist-vs-antagonists .section--path .leuprolide.visible .bullet ul.active,
    .page--agonist-vs-antagonists .section--path .leuprolide.visible .bullet .text.active {
        opacity: 1
    }

    .page--agonist-vs-antagonists .section--path .firmagon {
        display: block;
        position: absolute;
        width: 322px;
        height: 218px;
        top: 150px;
        left: -70px;
        text-align: right
    }

    .page--agonist-vs-antagonists .section--path .firmagon p,
    .page--agonist-vs-antagonists .section--path .firmagon li {
        color: #4d4d4f
    }

    .page--agonist-vs-antagonists .section--path .firmagon .number p {
        color: #A50235
    }

    .page--agonist-vs-antagonists .section--path .leuprolide {
        display: block;
        width: 327px;
        height: 287px;
        text-align: left;
        position: absolute;
        right: -84px;
        bottom: 50px;
        padding-left: 20px;
        border-left: 8px solid #4d4d4f
    }

    .page--agonist-vs-antagonists .section--path .leuprolide ul {
        left: 0;
        width: 250px
    }

    .page--agonist-vs-antagonists .section--path .leuprolide ul>li {
        margin-bottom: 8px
    }

    .page--agonist-vs-antagonists .section--path .leuprolide ul>li:last-of-type() {
        margin-bottom: 0
    }

    .page--agonist-vs-antagonists .section--path .leuprolide p,
    .page--agonist-vs-antagonists .section--path .leuprolide li {
        color: #4D4D4F;
        border-color: #4D4D4F
    }

    .page--agonist-vs-antagonists .section--path .leuprolide .number {
        right: auto;
        left: -38px
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path {
        background-image: url(images/lgr/section-1/background.png)
    }
}

.page--agonist-vs-antagonists .section--monthly-matters .monthly-matters {
    background-image: url(images/lg/section-1/monthly-matters-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.page--agonist-vs-antagonists .section--references span.italic {
    text-style: italic
}

.page--agonist-vs-antagonists span.t {
    font-family: 'Din Black', Helvetica, sans-serif
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--agonist-vs-antagonists .section--path .path-graphic {
        display: block;
        margin: 20px auto 0 auto;
        width: 375px
    }

    .page--agonist-vs-antagonists .abbreviations {
        margin: 20px auto 0 auto;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 640px) {
    .page--agonist-vs-antagonists .section--path h2 {
        padding-bottom: 31px
    }

    .page--agonist-vs-antagonists .section--path h2 .eyebrow {
        width: 240px;
        padding-bottom: 7px
    }

    .page--agonist-vs-antagonists .section--path .path-graphic {
        width: 100%
    }

    .page--agonist-vs-antagonists .section--path .abbreviations {
        margin: 20px auto 0 auto;
        padding-bottom: 20px
    }

    .page--agonist-vs-antagonists .day-pct-chart {
        position: relative;
        border: 1px solid #4D4D4F;
        padding: 20px;
        margin: 20px;
        color: #4D4D4F
    }

    .page--agonist-vs-antagonists .day-pct-chart>p {
        width: 100%
    }
}

.page--drop-t-fast span.t {
    font-family: 'Din Black', Helvetica, sans-serif
}

.page--drop-t-fast .content--top {
    font-size: 0
}

.page--drop-t-fast .content--top .wrap--content {
    padding-top: 0px;
    padding-bottom: 32px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page--drop-t-fast .content--top h2 {
    display: inline-block;
    width: 66.6666%
}

.page--drop-t-fast .content--top h2.upper {
    text-transform: none
}

.page--drop-t-fast .content--top>h3 {
    margin-top: 13px
}

.page--drop-t-fast .content--top .link-wrapper {
    font-family: 'Din Medium', Helvetica, sans-serif;
    width: 33.3333%;
    height: 100%;
    font-size: 18px;
    color: #A50235;
    line-height: 23px;
    display: inline-block;
    text-align: right;
    vertical-align: middle
}

.page--drop-t-fast .content--top .link-wrapper a {
    display: inline-block;
    width: 270px;
    height: 50px
}

.page--drop-t-fast .content--graph {
    background-color: #ECE9E5
}

.page--drop-t-fast .content--graph .wrap--content {
    padding-top: 33px;
    padding-bottom: 55px
}

.page--drop-t-fast .graph-blurb {
    text-align: center
}

.page--drop-t-fast .graph-blurb>h2 {
    width: 52.4166666667%;
    max-width: 100%;
    margin-bottom: 17px;
    margin-left: auto;
    margin-right: auto
}

.page--drop-t-fast .graph-blurb>p {
    width: 58.3333333333%;
    max-width: 100%;
    margin-bottom: 26px;
    margin-left: auto;
    margin-right: auto
}

.page--drop-t-fast .graph-animation {
    margin: 0 auto;
    background-image: url(images/lg/section-2/graph-blank.png);
    background-size: 1046px 485px;
    background-repeat: no-repeat;
    width: 1046px;
    height: 485px;
    z-index: 10
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--drop-t-fast .graph-animation {
        background-image: url(images/lgr/section-2/graph-blank.png)
    }
}

.page--drop-t-fast .graph-animation .sliding {
    display: block;
    position: absolute;
    width: 988px;
    height: 406px;
    top: 3px;
    left: 45px;
    margin-left: 0;
    overflow: hidden;
    max-width: 0%;
    transition: max-width 2400ms cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.page--drop-t-fast .graph-animation.active .sliding {
    max-width: 100%
}

.page--drop-t-fast .graph-animation .lines {
    display: block;
    position: absolute;
    height: 319px;
    width: 994px;
    top: 81px;
    left: 0px;
    z-index: 11;
    background-image: url(images/lg/section-2/graph-lines.png);
    background-size: 994px 319px
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--drop-t-fast .graph-animation .lines {
        background-image: url(images/lgr/section-2/graph-lines.png)
    }
}

.page--drop-t-fast .graph-animation .shading {
    display: block;
    position: absolute;
    width: 272px;
    height: 123px;
    top: 83px;
    left: 3px;
    background-image: url(images/lg/section-2/graph-shading.png);
    background-size: 272px 123px
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--drop-t-fast .graph-animation .shading {
        background-image: url(images/lgr/section-2/graph-shading.png)
    }
}

.page--drop-t-fast .graph-animation #points {
    display: block;
    position: absolute;
    width: 1052px;
    height: 406px;
    top: 3px;
    left: 45px
}

.page--drop-t-fast .graph-animation #points .firmagon,
.page--drop-t-fast .graph-animation #points .lupron {
    position: absolute;
    width: 100%;
    height: 100%
}

.page--drop-t-fast .graph-animation #points .firmagon>div,
.page--drop-t-fast .graph-animation #points .lupron>div {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    background: #FFFFFF;
    border: 3px solid #4A4A4A;
    border-radius: 50%;
    z-index: 12;
    opacity: 0;
    transition: opacity 300ms ease-in
}

.page--drop-t-fast .graph-animation #points .firmagon>div span,
.page--drop-t-fast .graph-animation #points .lupron>div span {
    position: absolute;
    display: block;
    top: -1.25em;
    left: 12px;
    min-width: 50px;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
    color: #4D4D4F
}

.page--drop-t-fast .graph-animation #points .firmagon>div {
    border-color: #A50235
}

.page--drop-t-fast .graph-animation #points .firmagon>div span {
    color: #A50235
}

.page--drop-t-fast .graph-animation #points .firmagon>div.day1 {
    left: 27px;
    bottom: 36px;
    transition-delay: 350ms
}

.page--drop-t-fast .graph-animation #points .firmagon>div.day3 {
    left: 96px;
    bottom: 14px;
    transition-delay: 750ms
}

.page--drop-t-fast .graph-animation #points .firmagon>div.day7 {
    left: 236px;
    bottom: 11px;
    transition-delay: 1100ms
}

.page--drop-t-fast .graph-animation #points .firmagon>div.day14 {
    left: 481px;
    bottom: 8px;
    transition-delay: 1600ms
}

.page--drop-t-fast .graph-animation #points .firmagon>div.day28 {
    left: 983px;
    bottom: 1.5px;
    transition-delay: 2100ms
}

.page--drop-t-fast .graph-animation #points .firmagon>div.day28 span {
    top: -0.1em
}

.page--drop-t-fast .graph-animation #points .lupron>div {
    border-color: #4A4A4A
}

.page--drop-t-fast .graph-animation #points .lupron>div.day1 {
    left: 26px;
    top: 116px;
    transition-delay: 350ms
}

.page--drop-t-fast .graph-animation #points .lupron>div.day1 span {
    left: -25px;
    top: -1.5em
}

.page--drop-t-fast .graph-animation #points .lupron>div.day3 {
    left: 96px;
    top: 77px;
    transition-delay: 750ms
}

.page--drop-t-fast .graph-animation #points .lupron>div.day7 {
    left: 236px;
    top: 182px;
    transition-delay: 1100ms
}

.page--drop-t-fast .graph-animation #points .lupron>div.day14 {
    left: 481px;
    top: 309px;
    transition-delay: 1600ms
}

.page--drop-t-fast .graph-animation #points .lupron>div.day28 {
    left: 983px;
    top: 387px;
    transition-delay: 2100ms
}

.page--drop-t-fast .graph-animation #points .lupron>div.day28 span {
    top: -1.35em
}

.page--drop-t-fast .graph-animation.active #points .firmagon>div,
.page--drop-t-fast .graph-animation.active #points .lupron>div {
    opacity: 1
}

.page--drop-t-fast .graph-animation .graph-anim-trigger {
    position: absolute;
    bottom: 20%;
    left: 0px;
    width: 1px;
    height: 1px
}

.page--drop-t-fast .content--study-design .primary {
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 18px;
    color: #231F20;
    line-height: 23px
}

.page--drop-t-fast .monthly-matters {
    background-image: url(images/lg/monthly-matters/bg-2-tall.png);
    background-position: center;
    background-size: cover
}

@media only screen and (min-width: 1025px) {
    .page--drop-t-fast .graph-blurb h2 {
        font-size: 36px;
        min-width: 452px
    }

    .page--drop-t-fast .graph-blurb p {
        min-width: 646px
    }

    .page--drop-t-fast .graph-blurb .graph {
        margin-right: -53px
    }

    .page--drop-t-fast .content--study-design .primary {
        width: 34.8333333333%;
        min-width: 418px
    }

    .page--drop-t-fast .content--study-design .abbreviations {
        margin-top: 86px;
        width: 81.6666666667%
    }

    .page--drop-t-fast .content--study-design .abbreviations:nth-of-type(2) {
        margin-top: 10px
    }

    .page--drop-t-fast .content--study-design .wrap--content:nth-of-type(1) {
        padding-bottom: 0
    }

    .page--drop-t-fast .content--study-design .wrap--content:nth-of-type(3) {
        padding-top: 0
    }

    .page--drop-t-fast .content--study-design .wrap--full {
        padding: 0
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--drop-t-fast .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-2.png)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--drop-t-fast .section--tabs .wrap--content {
        padding: 42px 0
    }

    .page--drop-t-fast .graph-blurb h2 {
        width: 100%
    }

    .page--drop-t-fast .content--study-design .wrap--content:nth-of-type(1) {
        padding-bottom: 0
    }

    .page--drop-t-fast .content--study-design .wrap--content:nth-of-type(3) {
        padding-top: 0
    }

    .page--drop-t-fast .content--top .wrap--content {
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page--drop-t-fast .content--top h2 {
        margin-top: 20px;
        width: 100%;
        display: block
    }

    .page--drop-t-fast .content--top .link-wrapper {
        width: 100%;
        text-align: center;
        display: block;
        margin: 50px 0
    }
}

@media only screen and (max-width: 640px) {
    .page--drop-t-fast .content--top .wrap--content {
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page--drop-t-fast .content--top h2 {
        margin-top: 20px;
        width: 100%;
        text-align: left;
        display: block
    }

    .page--drop-t-fast .content--top .link-wrapper {
        width: 100%;
        text-align: center;
        display: block;
        margin: 50px 0
    }

    .page--drop-t-fast .content--top .link-wrapper a {
        width: 100%
    }

    .page--drop-t-fast .graph-blurb h2 {
        width: 100%
    }

    .page--drop-t-fast .graph-blurb p {
        width: 100%
    }

    .page--drop-t-fast .graph {
        width: 100%
    }

    .page--drop-t-fast .lhrh-mobile {
        background: #F5F5F5
    }

    .page--drop-t-fast .lhrh-mobile .wrap--content {
        padding: 21px 11.2%
    }

    .page--drop-t-fast .lhrh-mobile p {
        text-align: center
    }

    .page--drop-t-fast .study-design .right-column-callout {
        margin-bottom: 0
    }

    .page--drop-t-fast .abbreviations.trademark {
        padding-top: 16px
    }

    .page--drop-t-fast .monthly-matters {
        background-image: url(images/sm/monthly-matters/bg-2.png)
    }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--drop-t-fast .monthly-matters {
        background-image: url(images/smr/monthly-matters/bg-2.png)
    }
}

.page--castrate-levels .content--top {
    font-size: 0
}

.page--castrate-levels .content--top .wrap--content {
    padding-top: 0px;
    padding-bottom: 32px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page--castrate-levels .content--top h2 {
    display: inline-block;
    width: 72.5%
}

.page--castrate-levels .content--top h2.upper {
    text-transform: none
}

.page--castrate-levels .content--top>h3 {
    margin-top: 13px
}

.page--castrate-levels .content--top .link-wrapper {
    font-family: 'Din Medium', Helvetica, sans-serif;
    width: 27.5%;
    height: 100%;
    font-size: 18px;
    color: #A50235;
    line-height: 23px;
    display: inline-block;
    text-align: right;
    vertical-align: middle
}

.page--castrate-levels .content--top .link-wrapper a {
    display: inline-block;
    width: 270px;
    height: 50px
}

.page--castrate-levels .content--castrate-levels {
    background-color: #ECE9E5
}

.page--castrate-levels .content--castrate-levels .wrap--content {
    padding-top: 33px;
    padding-bottom: 55px;
    text-align: center
}

.page--castrate-levels .content--castrate-levels .wrap--content * {
    margin-left: auto;
    margin-right: auto
}

.page--castrate-levels .content--castrate-levels h2 {
    font-size: 36px;
    margin-bottom: 48px
}

.page--castrate-levels .content--castrate-levels p {
    width: 50%;
    min-width: 646px;
    margin-bottom: 26px
}

.page--castrate-levels .content--castrate-levels .graph {
    margin-right: -62px
}

.page--castrate-levels .content--study-design .abbreviations {
    margin-top: 60px;
    width: 54.1666666667%
}

.page--castrate-levels .content--study-design .abbreviations:nth-of-type(2) {
    margin-top: 10px
}

.page--castrate-levels .content--study-design .wrap--content:nth-of-type(1) {
    padding-bottom: 0
}

.page--castrate-levels .content--study-design .wrap--content:nth-of-type(3) {
    padding-top: 0
}

.page--castrate-levels .content--study-design .wrap--full {
    padding: 0
}

.page--castrate-levels .monthly-matters {
    margin-top: 4px;
    background-image: url(images/lg/monthly-matters/bg-2-1.jpg);
    background-position: center;
    background-size: cover
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--castrate-levels .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-2-1.jpg)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--castrate-levels .section--tabs .wrap--content {
        padding: 42px 0
    }

    .page--castrate-levels .content--top h2 {
        width: 100%;
        max-width: 100%
    }

    .page--castrate-levels .content--study-design .wrap--full {
        padding: 40px 6% 0 6%
    }

    .page--castrate-levels .content--study-design .abbreviations {
        width: 100%
    }

    .page--castrate-levels .content--top .wrap--content {
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page--castrate-levels .content--top h2 {
        margin-top: 20px;
        width: 100%;
        display: block
    }

    .page--castrate-levels .content--top .link-wrapper {
        width: 100%;
        text-align: center;
        display: block;
        margin: 50px 0
    }
}

@media only screen and (max-width: 640px),
only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--castrate-levels .content--top .wrap--content {
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page--castrate-levels .content--top h2 {
        margin-top: 20px;
        width: 100%;
        display: block
    }

    .page--castrate-levels .content--top .link-wrapper {
        width: 100%;
        text-align: center;
        display: block;
        margin: 50px 0
    }

    .page--castrate-levels .content--top .link-wrapper a {
        width: 100%
    }

    .page--castrate-levels .content--castrate-levels h2 {
        line-height: 38px;
        margin-bottom: 27px
    }

    .page--castrate-levels .content--castrate-levels .mobile-levels picture {
        margin-bottom: 29px
    }

    .page--castrate-levels .content--castrate-levels .mobile-levels picture:last-child {
        margin-bottom: 0px
    }

    .page--castrate-levels .content--study-design .abbreviations {
        margin-top: 0px;
        width: 100%
    }

    .page--castrate-levels .monthly-matters {
        background-image: url(images/sm/monthly-matters/bg-2-1.png)
    }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--castrate-levels .monthly-matters {
        background-image: url(images/smr/monthly-matters/bg-2-1.png)
    }
}

.page--psa-levels h1 {
    width: 72.5%;
    text-transform: none
}

.page--psa-levels span.t {
    font-family: 'Din Black', Helvetica, sans-serif
}

.page--psa-levels .content--top {
    font-size: 0
}

.page--psa-levels .content--top .wrap--content {
    padding-top: 0px;
    padding-bottom: 32px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page--psa-levels .content--top h2 {
    display: inline-block;
    width: 66.6666%
}

.page--psa-levels .content--top>h3 {
    margin-top: 13px
}

.page--psa-levels .content--top .link-wrapper {
    font-family: 'Din Medium', Helvetica, sans-serif;
    width: 33.3333%;
    height: 100%;
    font-size: 18px;
    color: #A50235;
    line-height: 23px;
    display: inline-block;
    text-align: right;
    vertical-align: middle
}

.page--psa-levels .content--top .link-wrapper a {
    display: inline-block;
    width: 270px;
    height: 50px
}

.page--psa-levels .content--start-supp-today {
    background-color: #ECE9E5
}

.page--psa-levels .content--start-supp-today .wrap--content {
    padding-top: 39px;
    padding-bottom: 55px;
    text-align: center
}

.page--psa-levels .content--start-supp-today .wrap--graph,
.page--psa-levels .content--start-supp-today h2,
.page--psa-levels .content--start-supp-today p {
    margin-left: auto;
    margin-right: auto
}

.page--psa-levels .content--start-supp-today h2 {
    font-size: 36px;
    width: 67.75%;
    margin-bottom: 48px
}

.page--psa-levels .content--start-supp-today h2.lower {
    width: 57.0833333333%;
    min-width: 685px
}

.page--psa-levels .content--start-supp-today p {
    width: 50%;
    min-width: 646px
}

.page--psa-levels .content--start-supp-today p.maintained {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #231F20;
    line-height: 23px;
    margin-bottom: 57px
}

.page--psa-levels .content--start-supp-today p.footnote {
    color: #000000;
    margin-top: 62px;
    margin-left: 8.3333333333%;
    text-align: left;
    width: 80.8333333333%;
    font-family: 'Din Bold', Helvetica, sans-serif
}

.page--psa-levels .content--start-supp-today p.footnote:before {
    content: '*';
    top: -3px
}

.page--psa-levels .content--start-supp-today .wrap--graph .suppression-graph {
    margin-left: -62px;
    margin-bottom: 50px
}

.page--psa-levels .content--study-design .abbreviations {
    margin-top: 87px;
    width: 85.25%
}

.page--psa-levels .content--study-design .abbreviations:nth-of-type(2) {
    margin-top: 10px
}

.page--psa-levels .content--study-design .wrap--content:nth-of-type(1) {
    padding-bottom: 0
}

.page--psa-levels .content--study-design .wrap--content:nth-of-type(3) {
    padding-top: 0
}

.page--psa-levels .content--study-design .wrap--full {
    padding: 0
}

.page--psa-levels .monthly-matters {
    margin-top: 4px;
    background-image: url(images/lg/monthly-matters/bg-4.png);
    background-position: center;
    background-size: cover
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--psa-levels .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-4.png)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--psa-levels h1 {
        width: 100%
    }

    .page--psa-levels .section--tabs .wrap--content {
        padding: 42px 0
    }

    .page--psa-levels .content--start-supp-today h2 {
        min-width: 0
    }

    .page--psa-levels .content--start-supp-today h2.lower {
        width: 100%;
        min-width: 0
    }

    .page--psa-levels .content--start-supp-today p {
        width: 100%;
        min-width: 0
    }

    .page--psa-levels .content--start-supp-today p.footnote {
        width: 100%;
        margin-left: 0
    }

    .page--psa-levels .content--start-supp-today .wrap--graph .suppression-graph {
        margin-left: 0
    }

    .page--psa-levels .content--study-design .wrap--content.wrap--full {
        padding: 42px 6% 0
    }

    .page--psa-levels .content--top .wrap--content {
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page--psa-levels .content--top h2 {
        margin-top: 20px;
        width: 100%;
        text-align: left;
        display: block
    }

    .page--psa-levels .content--top .link-wrapper {
        width: 100%;
        text-align: center;
        display: block;
        margin: 50px 0
    }
}

@media only screen and (max-width: 640px),
only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--psa-levels .content--top .wrap--content {
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page--psa-levels .content--top h2 {
        margin-top: 20px;
        width: 100%;
        text-align: left;
        display: block
    }

    .page--psa-levels .content--top .link-wrapper {
        width: 100%;
        text-align: center;
        display: block;
        margin: 50px 0
    }

    .page--psa-levels .content--top .link-wrapper a {
        width: 100%
    }

    .page--psa-levels .content--top .link-wrapper {
        font-size: 0
    }

    .page--psa-levels .content--top .link-wrapper .left-link,
    .page--psa-levels .content--top .link-wrapper .right-link {
        float: none;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        height: 156px;
        border: 1px solid #979797;
        text-align: center
    }

    .page--psa-levels .content--top .link-wrapper .left-link a,
    .page--psa-levels .content--top .link-wrapper .right-link a {
        height: 100%;
        font-size: 21px;
        line-height: 24px;
        padding: 18px 15px
    }

    .page--psa-levels .content--top .link-wrapper .left-link a:before,
    .page--psa-levels .content--top .link-wrapper .right-link a:before {
        display: none
    }

    .page--psa-levels .content--top .link-wrapper .left-link a:after,
    .page--psa-levels .content--top .link-wrapper .right-link a:after {
        position: relative;
        margin: 8px auto 0 auto;
        display: block;
        content: url(images/sm/section-2/circle-arrow.png);
        -ms-transform-origin: center;
        transform-origin: center;
        height: 36px;
        width: 36px
    }

    .page--psa-levels .content--top .link-wrapper .left-link {
        border-right: 0
    }

    .page--psa-levels .content--top .link-wrapper .left-link a:after {
        transform: rotateZ(90deg)
    }

    .page--psa-levels .content--start-supp-today h2,
    .page--psa-levels .content--start-supp-today h2.lower,
    .page--psa-levels .content--start-supp-today p.footnote {
        text-align: left;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        min-width: 0
    }

    .page--psa-levels .content--start-supp-today h2.lower {
        margin-top: 40px;
        margin-bottom: 10px
    }

    .page--psa-levels .content--start-supp-today p.maintained {
        width: 73.8666666667%;
        min-width: 0
    }

    .page--psa-levels .content--start-supp-today .wrap--graph .suppression-graph {
        margin-left: -12px;
        margin-bottom: 24px
    }

    .page--psa-levels .content--study-design .abbreviations {
        margin-top: 0;
        width: 100%;
        margin-bottom: 36px
    }

    .page--psa-levels .monthly-matters {
        background-image: url(images/sm/monthly-matters/bg-2-2.png)
    }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--psa-levels .monthly-matters {
        background-image: url(images/smr/monthly-matters/bg-2-2.png)
    }
}

.page--proven-safety-profile h1 {
    text-transform: none
}

.page--proven-safety-profile h2 {
    padding-bottom: 63px
}

.page--proven-safety-profile table {
    display: block;
    margin-bottom: 48px
}

.page--proven-safety-profile tbody,
.page--proven-safety-profile thead {
    display: table;
    width: 100%
}

.page--proven-safety-profile th {
    border-right: 5px solid #fff;
    border-bottom: 8px solid #fff;
    padding-bottom: 7px;
    padding-top: 7px
}

.page--proven-safety-profile th.white {
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 20px;
    color: #000000;
    line-height: 26px;
    text-align: left
}

.page--proven-safety-profile th.red {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 23px;
    background: #A50235;
    width: 30%
}

.page--proven-safety-profile th.gray {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 23px;
    background: #4D4D4F;
    width: 30%
}

.page--proven-safety-profile td {
    border-right: 5px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 30px
}

.page--proven-safety-profile td:nth-of-type(1) {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #4D4D4F;
    line-height: 23px;
    background: #CFC7BD
}

.page--proven-safety-profile td:nth-of-type(2) {
    color: #FFFFFF;
    background: #A50235;
    text-align: center;
    width: 30%
}

.page--proven-safety-profile td:nth-of-type(3) {
    color: #FFFFFF;
    background: #4D4D4F;
    text-align: center;
    width: 30%
}

.page--proven-safety-profile td.table-subtitle {
    background: #ffffff;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 22px;
    color: #A50235;
    line-height: 28px
}

.page--proven-safety-profile .table-subtitle {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 22px;
    color: #A50235;
    line-height: 28px
}

.page--proven-safety-profile .content--article p {
    margin-bottom: 16px
}

.page--proven-safety-profile .content--article p.abbreviations {
    margin-top: 50px
}

.page--proven-safety-profile .section--adverse-reaction .wrap--content {
    padding-bottom: 0px
}

.page--proven-safety-profile .section--trailing-notes .wrap--content {
    padding-top: 0px
}

.page--proven-safety-profile .section--trailing-notes .parallelogram-callout {
    width: 75%;
    height: 150px;
    padding: 30px;
    margin-left: 40px;
    background-color: #A50235;
    width: 68.0833333333%;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px
}

.page--proven-safety-profile .section--trailing-notes .parallelogram-callout:before,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: rotate(360deg)
}

.page--proven-safety-profile .section--trailing-notes .parallelogram-callout:before {
    left: -40px;
    border-width: 0 0 150px 40px;
    border-color: transparent transparent #A50235 transparent
}

.page--proven-safety-profile .section--trailing-notes .parallelogram-callout:after {
    right: -40px;
    border-width: 150px 40px 0 0;
    border-color: #A50235 transparent transparent transparent
}

.page--proven-safety-profile .section--trailing-notes .parallelogram-callout h1,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout h2,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout h3,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout h4,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout h5,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout h6,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout p,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout li,
.page--proven-safety-profile .section--trailing-notes .parallelogram-callout a {
    color: #fff
}

.page--proven-safety-profile .section--trailing-notes .parallelogram-callout h3 {
    font-family: 'Din Medium Italic', Helvetica, sans-serif;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    padding-top: 10px;
    width: 100%
}

.page--proven-safety-profile .section--trailing-notes .parallelogram-callout p {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    width: 100%
}

.page--proven-safety-profile .monthly-matters {
    margin-top: 4px;
    background-image: url(images/lg/monthly-matters/bg-1.png);
    background-position: center;
    background-size: cover
}

@media only screen and (min-width: 1025px) {
    .page--proven-safety-profile .section--adverse-reaction h2 {
        width: 94%;
        min-width: 1024px
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--proven-safety-profile .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-1.png)
    }
}

@media only screen and (max-width: 640px) {
    .page--proven-safety-profile .section--adverse-reaction h2 {
        padding-bottom: 22px
    }

    .page--proven-safety-profile .section--adverse-reaction h3 {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 24px;
        color: #231F20;
        line-height: 31px
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart {
        margin: 35px 0px 27px 0px
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .bg--red {
        width: 50%;
        height: 100%;
        position: absolute;
        left: 0px;
        background-color: #A50235
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .bg--gray {
        width: 50%;
        height: 100%;
        position: absolute;
        right: 0px;
        background-color: #231F20
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--title {
        font-size: 0;
        padding-top: 20px
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--title .left,
    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--title .right {
        width: 50%;
        display: inline-block;
        white-space: nowrap;
        margin: 0 auto;
        color: #fff;
        font-family: 'Din Bold', Helvetica, sans-serif;
        text-align: center
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--title .left h4,
    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--title .right h4 {
        font-size: 24px;
        line-height: 31px;
        color: #fff
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--title .left p,
    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--title .right p {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 0px
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--subhead {
        width: 89.3333333333%;
        height: auto;
        margin: 10px auto 0px auto;
        padding: 8px 47px 11px 47px;
        background-color: #fff;
        font-size: 18px;
        color: #000000;
        line-height: 23px;
        text-align: center
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--subhead:after {
        content: " ";
        position: absolute;
        bottom: -23px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 23px;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 23px solid #fff
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--subhead strong {
        display: block
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--numbers {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 0;
        color: #FFFFFF
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--numbers:last-child {
        padding-bottom: 18px
    }

    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--numbers .left,
    .page--proven-safety-profile .section--mobile-adverse-reactions .chart .row--numbers .right {
        font-size: 38px;
        width: 50%;
        display: inline-block;
        text-align: center;
        padding-top: 18px
    }

    .page--proven-safety-profile .monthly-matters {
        background-image: url(images/sm/monthly-matters/bg-2-3.png)
    }

    .page--proven-safety-profile .monthly-matters .left p {
        margin-bottom: 58px
    }

    .page--proven-safety-profile .monthly-matters .quote {
        line-height: 24px
    }
}

@media only screen and (max-width: 640px) {
    .page--proven-safety-profile .section--trailing-notes .wrap--content {
        padding: 0 20px
    }

    .page--proven-safety-profile .section--trailing-notes .parallelogram-callout {
        width: 100vw;
        height: 125px;
        margin-top: 22px;
        margin-left: -40px;
        margin-bottom: 15px;
        padding: 10px 20px
    }

    .page--proven-safety-profile .section--trailing-notes .parallelogram-callout:after,
    .page--proven-safety-profile .section--trailing-notes .parallelogram-callout:before {
        content: none
    }

    .page--proven-safety-profile .section--trailing-notes .parallelogram-callout h3 {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        padding-top: 5px
    }

    .page--proven-safety-profile .section--trailing-notes .parallelogram-callout p {
        margin: 15px 0;
        padding: 0 25px;
        font-size: 14px;
        line-height: 14px
    }

    .page--proven-safety-profile .content--article p.abbreviations {
        margin-top: 30px
    }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--proven-safety-profile .monthly-matters {
        background-image: url(images/smr/monthly-matters/bg-2-3.png)
    }
}

.page--range-of-patients .eq-ie9 sup,
.page--range-of-patients .eq-ie10 sup,
.eq-ie11 .page--range-of-patients sup {
    top: -0.7em
}

.page--range-of-patients article .wrap--content {
    z-index: 5
}

.page--range-of-patients .section--clinical-trial {
    background-color: #A50235;
    font-size: 0
}

.page--range-of-patients .section--clinical-trial .patient-image {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 41.6666666667%;
    margin-left: 5.0833333333%
}

.page--range-of-patients .section--clinical-trial .text-container {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 41.8333333333%;
    margin-left: 3.75%;
    padding-top: 13px
}

.page--range-of-patients .section--clinical-trial .text-container h3 {
    color: #ffffff;
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 20px;
    font-family: 'Din Medium', Helvetica, sans-serif
}

.page--range-of-patients .section--clinical-trial .text-container .footnote {
    width: 88.2749326146%;
    color: #FFFFFF
}

.page--range-of-patients .section--clinical-trial .text-container .footnote.dagger {
    margin-top: 11px
}

.page--range-of-patients .section--start-today .parallelogram-callout h3 {
    font-family: 'Din Medium Italic', Helvetica, sans-serif;
    font-size: 24px;
    line-height: 31px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 34.289276808%;
    margin-left: 8.2294264339%
}

.page--range-of-patients .section--start-today .parallelogram-callout h3 span.noitalic {
    font-family: 'Din Medium', Helvetica, sans-serif
}

.page--range-of-patients .section--start-today .parallelogram-callout p {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 45.1371571072%;
    margin-left: 3.6159600998%
}

.page--range-of-patients .section--start-today .parallelogram-callout p span.medium {
    font-family: 'Din Medium', Helvetica, sans-serif
}

.page--range-of-patients .container--patient-sections {
    display: block;
    position: relative;
    width: 100%
}

.page--range-of-patients .patient-section {
    background-repeat: no-repeat;
    background-size: cover
}

.page--range-of-patients .patient-section .wrap--content {
    padding-bottom: 0;
    overflow: hidden;
    height: 271px
}

.page--range-of-patients .patient-section h3 {
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 36px;
    line-height: 38px;
    color: #A50235;
    padding-bottom: 14px;
    text-transform: uppercase
}

@media only screen and (max-width: 640px) {
    .page--range-of-patients .patient-section h3 {
        margin-top: 12px
    }
}

.page--range-of-patients .patient-section h4 {
    font-family: 'Din Light', Helvetica, sans-serif;
    font-size: 28px;
    line-height: 32px;
    color: #FFFFFF;
    padding-bottom: 26px
}

@media only screen and (max-width: 640px) {
    .page--range-of-patients .patient-section h4 {
        padding-bottom: 12px
    }
}

.page--range-of-patients .patient-section .text-container,
.page--range-of-patients .patient-section .photo-container {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    height: 271px;
    white-space: nowrap
}

.page--range-of-patients .patient-section .text-container {
    vertical-align: top;
    padding-bottom: 69px;
    min-width: 387px
}

@media only screen and (max-width: 640px) {
    .page--range-of-patients .patient-section .text-container {
        min-width: 100%;
        min-height: 201px;
        height: auto
    }
}

.page--range-of-patients .patient-section .photo-container {
    min-width: 40%;
    right: 0px;
    bottom: 0px
}

.page--range-of-patients .patient-section .patient-photo {
    max-width: 400px;
    bottom: -12px
}

.page--range-of-patients .patient-section .patient-photo img {
    display: block
}

.page--range-of-patients .patient-section .button {
    z-index: 10
}

.page--range-of-patients .patient-section .button p {
    font-family: 'Din Bold', Helvetica, sans-serif
}

.page--range-of-patients .section--patient-roberto {
    background-color: #7A7A7B;
    background-image: url(images/lg/section-3/roberto-bg.png)
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--range-of-patients .section--patient-roberto {
        background-image: url(images/lgr/section-3/roberto-bg.png)
    }
}

.page--range-of-patients .section--patient-roberto h3,
.page--range-of-patients .section--patient-roberto h4 {
    color: #fff
}

.page--range-of-patients .section--patient-roberto .text-container {
    width: 45%;
    left: 14.25%
}

.page--range-of-patients .section--patient-michael {
    z-index: 5
}

.page--range-of-patients .section--patient-michael h3 {
    color: #A50235
}

.page--range-of-patients .section--patient-michael h4 {
    color: #4D4D4F
}

.page--range-of-patients .section--patient-michael .button {
    background-color: #A50235
}

.page--range-of-patients .section--patient-michael .text-container {
    width: 45.3333333333%;
    left: 14.5%
}

.page--range-of-patients .section--patient-george {
    background-color: #A50235;
    background-image: url(images/lg/section-3/george-bg.png);
    z-index: 5
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--range-of-patients .section--patient-george {
        background-image: url(images/lgr/section-3/george-bg.png)
    }
}

.page--range-of-patients .section--patient-george h3,
.page--range-of-patients .section--patient-george h4 {
    color: #fff
}

.page--range-of-patients .section--patient-george .button {
    background-color: #231F20
}

.page--range-of-patients .section--patient-george .text-container {
    width: 48.3333333333%;
    left: 14.25%
}

.page--range-of-patients .section--monthly-matters .monthly-matters {
    border-top: 5px solid #fff;
    background-image: url(images/lg/monthly-matters/bg-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 374px;
    z-index: 5
}

.page--range-of-patients .section--monthly-matters .monthly-matters h2.title {
    width: 53%
}

.page--range-of-patients .section--monthly-matters .monthly-matters h3 {
    color: #fff
}

@media only screen and (min-width: 1025px) {
    .page--range-of-patients h1 {
        text-transform: none;
        width: 91.6666666667%
    }

    .page--range-of-patients .section--start-today .parallelogram-callout {
        width: 75%;
        height: 82px;
        padding: 30px;
        margin-left: 23px;
        background-color: #A50235;
        width: 802px;
        margin: 0 auto;
        padding: 15px 0 19px 0
    }

    .page--range-of-patients .section--start-today .parallelogram-callout:before,
    .page--range-of-patients .section--start-today .parallelogram-callout:after {
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        -webkit-transform: rotate(360deg)
    }

    .page--range-of-patients .section--start-today .parallelogram-callout:before {
        left: -23px;
        border-width: 0 0 82px 23px;
        border-color: transparent transparent #A50235 transparent
    }

    .page--range-of-patients .section--start-today .parallelogram-callout:after {
        right: -23px;
        border-width: 82px 23px 0 0;
        border-color: #A50235 transparent transparent transparent
    }

    .page--range-of-patients .section--start-today .parallelogram-callout h1,
    .page--range-of-patients .section--start-today .parallelogram-callout h2,
    .page--range-of-patients .section--start-today .parallelogram-callout h3,
    .page--range-of-patients .section--start-today .parallelogram-callout h4,
    .page--range-of-patients .section--start-today .parallelogram-callout h5,
    .page--range-of-patients .section--start-today .parallelogram-callout h6,
    .page--range-of-patients .section--start-today .parallelogram-callout p,
    .page--range-of-patients .section--start-today .parallelogram-callout li,
    .page--range-of-patients .section--start-today .parallelogram-callout a {
        color: #fff
    }

    .page--range-of-patients .section--start-today .parallelogram-callout p {
        width: 365px;
        margin-left: 17px
    }

    .eq-ie11 .page--range-of-patients .section--start-today .parallelogram-callout p {
        width: 370px
    }

    .page--range-of-patients .direction--left .photo-container {
        text-align: left;
        right: 47%
    }

    .page--range-of-patients .direction--left .text-container {
        left: 59.25%
    }

    .page--range-of-patients .direction--left .section--patient-george .text-container {
        right: 14.25%
    }

    .page--range-of-patients .direction--left .section--patient-george .photo-container {
        right: 47%
    }

    .page--range-of-patients .direction--left .section--patient-michael .text-container {
        right: 43.1666666667%
    }

    .page--range-of-patients .direction--left .section--patient-michael .photo-container {
        right: 47%
    }

    .page--range-of-patients .direction--left .section--patient-roberto .text-container {
        right: 14.25%
    }

    .page--range-of-patients .direction--left .section--patient-roberto .photo-container {
        right: 47%
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--range-of-patients .section--monthly-matters .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-1.png)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--range-of-patients .section--clinical-trial .patient-image {
        display: block;
        width: 100%;
        margin-left: 0
    }

    .page--range-of-patients .section--clinical-trial .text-container {
        display: block;
        width: 100%;
        margin-left: 0
    }

    .page--range-of-patients .section--clinical-trial .text-container .footnote {
        width: 100%
    }

    .page--range-of-patients .patient-section .text-container {
        left: 5%
    }

    .page--range-of-patients .patient-section .patient-photo {
        right: 5%;
        width: 100%
    }

    .page--range-of-patients .patient-section .direction--left .photo-container {
        right: auto
    }

    .page--range-of-patients .patient-section .direction--left .text-container {
        left: auto;
        right: 0
    }

    .page--range-of-patients .patient-section .direction--left .patient-photo {
        right: auto;
        left: 0
    }

    .page--range-of-patients .section--patient-roberto .patient-photo {
        max-width: 360px
    }

    .page--range-of-patients .section--patient-michael .patient-photo {
        max-width: 417px
    }

    .page--range-of-patients .section--patient-george .patient-photo {
        max-width: 330px
    }
}

@media only screen and (max-width: 640px) {
    .page--range-of-patients h1 {
        width: 100%
    }

    .page--range-of-patients .section--clinical-trial {
        padding-bottom: 37px
    }

    .page--range-of-patients .section--clinical-trial .patient-image {
        display: block;
        width: 88.622754491%;
        margin: 11px auto 0
    }

    .page--range-of-patients .section--clinical-trial .text-container {
        width: 100%;
        padding-top: 24px
    }

    .page--range-of-patients .section--start-today .wrap--content {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .page--range-of-patients .section--start-today .parallelogram-callout {
        width: 100%;
        background: #A50235
    }

    .page--range-of-patients .section--start-today .parallelogram-callout h3,
    .page--range-of-patients .section--start-today .parallelogram-callout p {
        color: #fff;
        width: 100%;
        text-align: center;
        margin-left: 0
    }

    .page--range-of-patients .section--start-today .parallelogram-callout .medium {
        display: block
    }

    .page--range-of-patients .patient-section {
        overflow: hidden
    }

    .page--range-of-patients .patient-section .wrap--content {
        height: 443px;
        padding-left: 6.6666666667%;
        padding-right: 6.6666666667%
    }

    .page--range-of-patients .patient-section .nobr {
        white-space: normal !important
    }

    .page--range-of-patients .patient-section h4 span {
        display: inline-block
    }

    .page--range-of-patients .patient-section .photo-container {
        height: auto;
        max-height: 433px
    }

    .page--range-of-patients .patient-section .text-container {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.36);
        z-index: 1;
        padding-bottom: 12px
    }

    .page--range-of-patients .patient-section .text-container h3 {
        margin-top: 10px;
        text-align: center;
        color: #fff
    }

    .page--range-of-patients .patient-section .text-container h4 {
        text-align: center;
        color: #fff
    }

    .page--range-of-patients .patient-section .button.learn-more {
        width: 89.0666666667%;
        margin: 0 auto;
        height: 49px
    }

    .page--range-of-patients .patient-section .patient-photo {
        display: block;
        position: static;
        width: 100%;
        height: 100%;
        margin: 0;
        z-index: 0
    }

    .page--range-of-patients .section--monthly-matters .monthly-matters {
        background-image: url(images/smr/monthly-matters/bg-1.png)
    }

    .page--range-of-patients .section--monthly-matters .monthly-matters h2.title {
        width: 332px
    }

    .page--range-of-patients .section--monthly-matters .monthly-matters .left {
        width: 85.0299401198%;
        min-width: 284px;
        margin-bottom: 57px
    }

    .page--range-of-patients .section--monthly-matters .monthly-matters .left h3 {
        width: 276px;
        margin-bottom: 0
    }

    .page--range-of-patients .section--monthly-matters .monthly-matters .quote {
        width: 88.3233532934%;
        margin-left: 5.9880239521%
    }

    .page--range-of-patients .section--monthly-matters .monthly-matters .credit {
        margin-left: 5.9880239521%
    }
}

.page--patients-roberto .monthly-matters {
    background-size: cover;
    background-position: center
}

.page--patients-roberto .section--patient-profile .text-container h3 {
    padding-bottom: 0
}

.page--patients-roberto .section--patient-profile .text-container p.patient-profile-study {
    padding-bottom: 43px
}

@media only screen and (min-width: 1025px) {
    .page--patients-roberto .section--patient-profile .text-container {
        width: 46%
    }

    .page--patients-roberto .section--patient-profile .text-container h3 {
        width: 125%
    }

    .page--patients-roberto .section--patient-profile .patient-image {
        margin-left: 9.8333333333%;
        width: 42.75%
    }

    .page--patients-roberto .section--patient-profile .column.left {
        width: 50.4761904762%
    }

    .page--patients-roberto .section--patient-profile .column.right {
        width: 40.6349206349%;
        margin-left: 8.7301587302%
    }

    .page--patients-roberto .section--patient-profile .footnote.asterisk {
        position: relative;
        left: auto;
        bottom: auto;
        width: 93.0158730159%
    }

    .page--patients-roberto .section--patient-profile .footnote.bottom {
        left: auto;
        bottom: 37px;
        width: 55.8333333333%
    }

    .page--patients-roberto .monthly-matters {
        background-image: url(images/lg/monthly-matters/bg-2.png);
        min-height: 374px
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--patients-roberto .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-2.png);
        min-height: 374px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--patients-roberto .section--tabs .wrap--content {
        padding: 42px 0
    }

    .page--patients-roberto .section--patient-profile .text-container p.patient-profile-study {
        text-align: center
    }

    .page--patients-roberto .monthly-matters {
        background-image: url(images/lg/monthly-matters/bg-2.png)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--patients-roberto .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-2.png)
    }
}

@media only screen and (max-width: 640px) {
    .page--patients-roberto .firma-tabs .firma-tab-link {
        padding: 12px 0
    }

    .page--patients-roberto .section--patient-profile .mobile-header p.patient-profile-study {
        text-align: center;
        color: #fff
    }

    .page--patients-roberto .section--patient-profile p:before {
        margin-right: -7px
    }

    .page--patients-roberto .monthly-matters {
        background-image: url(images/smr/monthly-matters/bg-2.png)
    }
}

.page--patients-michael .monthly-matters {
    background-size: cover;
    background-position: center
}

@media only screen and (min-width: 1025px) {
    .page--patients-michael .section--patient-profile .text-container {
        width: 53.6666666667%
    }

    .page--patients-michael .section--patient-profile .text-container h3 {
        width: 143.633540373%
    }

    .page--patients-michael .section--patient-profile .column.left {
        width: 48.1366459627%
    }

    .page--patients-michael .section--patient-profile .column.right {
        width: 42.3913043478%;
        margin-left: 9.4720496894%
    }

    .page--patients-michael .section--patient-profile .patient-image {
        margin-left: 4%;
        width: 41.9166666667%;
        margin-top: 17px
    }

    .page--patients-michael .section--patient-profile .footnote.asterisk {
        position: relative;
        left: auto;
        bottom: auto;
        width: 90.9937888199%
    }

    .page--patients-michael .section--patient-profile .footnote.bottom {
        left: auto;
        bottom: 37px;
        width: 41.6666666667%
    }

    .page--patients-michael .monthly-matters {
        background-image: url(images/lg/monthly-matters/bg-3.png);
        min-height: 374px
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--patients-michael .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-3.png)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--patients-michael .section--tabs .wrap--content {
        padding: 42px 0
    }

    .page--patients-michael .monthly-matters {
        background-image: url(images/lg/monthly-matters/bg-3.png)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--patients-michael .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-3.png)
    }
}

@media only screen and (max-width: 640px) {
    .page--patients-michael .firma-tabs .firma-tab-link {
        padding: 12px 0
    }

    .page--patients-michael .section--patient-profile p:before {
        margin-right: -7px
    }

    .page--patients-michael .monthly-matters {
        background-image: url(images/smr/monthly-matters/bg-2-1.png)
    }
}

.page--patients-george .monthly-matters {
    background-image: url(images/lg/monthly-matters/bg-3.png);
    background-size: cover;
    background-position: center;
    min-height: 374px
}

@media only screen and (min-width: 1025px) {
    .page--patients-george .section--patient-profile .text-container {
        width: 52.75%
    }

    .page--patients-george .section--patient-profile .column.left {
        width: 45.6556082148%
    }

    .page--patients-george .section--patient-profile .column.right {
        width: 41.0742496051%;
        margin-left: 13.2701421801%
    }

    .page--patients-george .section--patient-profile .patient-image {
        margin-left: 7.4166666667%;
        width: 31.5833333333%;
        margin-top: 17px
    }

    .page--patients-george .section--patient-profile .footnote.asterisk {
        position: relative;
        left: auto;
        bottom: auto;
        width: 92.5750394945%
    }

    .page--patients-george .section--patient-profile .footnote.bottom {
        left: auto;
        bottom: 37px
    }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--patients-george .monthly-matters {
        background-image: url(images/lgr/monthly-matters/bg-3.png)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--patients-george .section--tabs .wrap--content {
        padding: 42px 0
    }
}

@media only screen and (max-width: 640px) {
    .page--patients-george .firma-tabs .firma-tab-link {
        padding: 12px 0
    }

    .page--patients-george .monthly-matters {
        background-image: url(images/smr/monthly-matters/bg-3.png)
    }
}

.page--dosing-and-admin h1 {
    text-transform: none
}

.page--dosing-and-admin .list {
    font-family: 'Din', Helvetica, sans-serif;
    margin-top: 15px;
    color: #4D4D4F;
    list-style: disc;
    margin-left: 20px
}

.page--dosing-and-admin .list li {
    margin: 0 0 13px 0
}

.page--dosing-and-admin .button {
    max-width: 370px;
    width: 62.7118644068%;
    margin-top: 42px
}

.page--dosing-and-admin .button p {
    font-family: 'Din Bold', Helvetica, sans-serif
}

.page--dosing-and-admin .button.center {
    vertical-align: middle;
    max-width: 600px;
    width: 50%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page--dosing-and-admin .anchor-nav {
    margin-bottom: 40px
}

.page--dosing-and-admin .anchor-nav li {
    display: inline-block;
    margin-right: 10px;
    color: #A50235;
    cursor: pointer;
    font-family: 'Din Medium', Helvetica, sans-serif
}

.page--dosing-and-admin .anchor-nav li:hover {
    text-decoration: underline
}

.page--dosing-and-admin section.tan {
    background-color: #ebe7e3
}

.page--dosing-and-admin .video-button {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #A50235
}

.page--dosing-and-admin .video-button a:before {
    content: "";
    position: absolute;
    background: url(images/lg/btn-play-red.png);
    background-size: 90px 88px;
    width: 90px;
    height: 88px;
    left: -80px;
    bottom: 2px
}

.page--dosing-and-admin .video-button video {
    cursor: pointer
}

.page--dosing-and-admin .video-button video:focus,
.page--dosing-and-admin .video-button video:active {
    outline: none
}

.page--dosing-and-admin .step {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-top: 20px;
    background: #FFFFFF;
    border: 2px solid #979797;
    width: 100%;
    overflow: hidden
}

.page--dosing-and-admin .step .bar {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 20px;
    height: 100%
}

.page--dosing-and-admin .step .bar.black {
    background-color: #4D4D4F
}

.page--dosing-and-admin .step .bar.red {
    background-color: #A50235
}

.page--dosing-and-admin .step .headline {
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 28px;
    color: #A50235;
    line-height: 26px;
    margin-left: 5.8333333333%;
    margin-top: 42px;
    margin-bottom: 20px
}

.page--dosing-and-admin .step .points-container {
    width: 60%;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding-left: 100px
}

@media only screen and (max-width: 640px) {
    .page--dosing-and-admin .step .points-container {
        padding-left: 50px
    }
}

.page--dosing-and-admin .step .points-container.three .block2,
.page--dosing-and-admin .step .points-container.three .block3 {
    margin-top: 30px;
    margin-left: 30px
}

.page--dosing-and-admin .step .points-container.five .block1 {
    margin-top: 30px;
    margin-left: 30px
}

.page--dosing-and-admin .step .points-container .point {
    color: #231F20;
    margin-bottom: 37px
}

.page--dosing-and-admin .step .points-container .point .bullet {
    position: absolute;
    left: -30px;
    top: 0;
    background-color: #A50235;
    width: 25px;
    height: 25px;
    border: 1px solid #f2f2f2;
    border-radius: 18px;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-family: 'Din Bold', Helvetica, sans-serif
}

.page--dosing-and-admin .step .points-container .point p,
.page--dosing-and-admin .step .points-container .point ul {
    display: block;
    list-style: disc
}

.page--dosing-and-admin .step .points-container .point .bolditalic {
    font-family: 'Din Bold Italic', Helvetica, sans-serif
}

.page--dosing-and-admin .step .points-container .point .italic {
    font-family: 'Din Italic', Helvetica, sans-serif
}

.page--dosing-and-admin .step .points-container .point .redbold {
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #231F20
}

.page--dosing-and-admin .step .points-container .point .redbold.underline {
    text-decoration: underline
}

.page--dosing-and-admin .step .points-container .point .underline {
    text-decoration: underline
}

.page--dosing-and-admin .step .preparing-image,
.page--dosing-and-admin .step .administering-image {
    margin-left: 3.9166666667%;
    width: 26.25%;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width: 640px) {

    .page--dosing-and-admin .step .preparing-image,
    .page--dosing-and-admin .step .administering-image {
        width: 94.0298507463%
    }
}

.page--dosing-and-admin .step .preparing-image.one,
.page--dosing-and-admin .step .preparing-image.two,
.page--dosing-and-admin .step .preparing-image.three,
.page--dosing-and-admin .step .preparing-image.four {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page--dosing-and-admin .step .administering-image.one {
    width: 26.9%
}

@media only screen and (max-width: 640px) {
    .page--dosing-and-admin .step .administering-image.one {
        width: 94.0298507463%
    }
}

.page--dosing-and-admin .step .administering-image.two,
.page--dosing-and-admin .step .administering-image.three,
.page--dosing-and-admin .step .administering-image.four {
    width: 21.25%;
    min-width: 255px
}

@media only screen and (max-width: 640px) {

    .page--dosing-and-admin .step .administering-image.two,
    .page--dosing-and-admin .step .administering-image.three,
    .page--dosing-and-admin .step .administering-image.four {
        width: 91.0447761194%
    }
}

.page--dosing-and-admin .step .administering-image.two {
    position: absolute;
    top: 0;
    right: 0
}

.page--dosing-and-admin .step .administering-image.three {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.page--dosing-and-admin .step .administering-image.four {
    position: absolute;
    bottom: 0;
    right: 0
}

.page--dosing-and-admin .step .administering-image.four img {
    position: absolute;
    bottom: 0;
    right: 0
}

.page--dosing-and-admin .step.two {
    margin-bottom: 50px
}

@media only screen and (min-width: 1025px) {
    .page--dosing-and-admin .timeline-one picture {
        margin: 30px auto 14px auto
    }
}

.page--dosing-and-admin .section--intro {
    background-color: #FFFFFF
}

.page--dosing-and-admin .section--intro h2 {
    width: 89.3333333333%
}

.page--dosing-and-admin .section--intro .wrap--content.top {
    padding-bottom: 0px
}

@media only screen and (min-width: 1025px) {
    .page--dosing-and-admin .section--intro .wrap--content.top {
        padding-top: 34px
    }
}

.page--dosing-and-admin .section--intro .wrap--content .timeline {
    padding-top: 0px
}

@media only screen and (min-width: 1025px) {
    .page--dosing-and-admin .section--intro .line {
        margin-top: 66px;
        padding-bottom: 30px;
        border-top: 2px solid #979797
    }
}

.page--dosing-and-admin .section--intro .timeline-container .red-pointer {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 3.3491666667%;
    height: 78px;
    background-color: #A50235;
    margin: 0 3px 0 3px
}

@media only screen and (min-width: 1025px) {
    .page--dosing-and-admin .section--intro .timeline-container .red-pointer::after {
        content: "";
        position: absolute;
        top: 78px;
        left: 0;
        background-color: inherit;
        padding-bottom: 50%;
        width: 57.7%;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -ms-transform: rotate(-30deg) skewX(30deg);
        transform: rotate(-30deg) skewX(30deg)
    }
}

.page--dosing-and-admin .section--intro .timeline-container .red-pointer:nth-of-type(1) {
    margin: 0 3px 0 0
}

.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram {
    width: 75%;
    height: 77px;
    padding: 30px;
    margin-left: 41px;
    background-color: #938E88;
    padding: 0;
    margin-left: 0px
}

.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram:before,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: rotate(360deg)
}

.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram:before {
    left: -41px;
    border-width: 0 0 77px 41px;
    border-color: transparent transparent #938E88 transparent
}

.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram:after {
    right: -41px;
    border-width: 77px 41px 0 0;
    border-color: #938E88 transparent transparent transparent
}

.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram h1,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram h2,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram h3,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram h4,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram h5,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram h6,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram p,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram li,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram a {
    color: #fff
}

.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram:before {
    border: none;
    content: none
}

.page--dosing-and-admin .section--intro .timeline-container .grey-rectangle,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 20.0833333333%;
    height: 77px;
    background: #4D4D4F;
    text-align: center
}

.page--dosing-and-admin .section--intro .timeline-container .grey-rectangle span,
.page--dosing-and-admin .section--intro .timeline-container .grey-parallelogram span {
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 34px;
    color: #FFFFFF;
    line-height: 77px
}

.page--dosing-and-admin .section--intro .timeline-container .descriptions .descr {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-top: 35px;
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 24px;
    color: #4C4C4E;
    line-height: 31px
}

.page--dosing-and-admin .section--intro .timeline-container .descriptions .descr span {
    font-size: 18px
}

.page--dosing-and-admin .section--intro .timeline-container .descriptions .descr.two {
    margin-left: 7.5833333333%
}

.page--dosing-and-admin .section--intro .timeline-container .descriptions .descr.three {
    margin-left: 4.6666666667%
}

.page--dosing-and-admin .section--intro .timeline-container .descriptions .descr.four {
    margin-left: 18.9166666667%
}

.page--dosing-and-admin .section--intro .timeline-container .descriptions .descr.five {
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 14px;
    color: #4D4D4F;
    line-height: 18px;
    width: 185px;
    vertical-align: top;
    margin-left: 32px;
    margin-top: 6px
}

.page--dosing-and-admin .section--intro .mobile-timeline .tl-row {
    font-size: 0
}

.page--dosing-and-admin .section--intro .mobile-timeline .tl-row .left,
.page--dosing-and-admin .section--intro .mobile-timeline .tl-row .right {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 50%
}

.page--dosing-and-admin .section--intro .mobile-timeline .tl-row .right {
    vertical-align: top;
    font-size: 24px;
    line-height: 31px;
    padding-top: 5px;
    padding-left: 17px;
    font-family: 'Din Medium', Helvetica, sans-serif;
    color: #4C4C4E
}

.page--dosing-and-admin .section--intro .mobile-timeline .tl-row .right p {
    font-size: 18px;
    line-height: 23px
}

.page--dosing-and-admin .section--intro .mobile-timeline .tl-row .right p.footnote {
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 14px;
    color: #4D4D4F;
    line-height: 18px;
    margin-left: -20px;
    margin-top: 17px
}

.page--dosing-and-admin .section--intro .mobile-timeline .red-pointer {
    display: block;
    height: 42px;
    width: 100%;
    background-color: #A50235;
    margin-left: -15px
}

.page--dosing-and-admin .section--intro .mobile-timeline .red-pointer:after {
    position: absolute;
    content: "";
    width: 26px;
    height: 42px;
    border-left: 21px solid #A50235;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    right: -26px;
    -ms-transform: none;
    transform: none;
    -ms-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    top: 0
}

.page--dosing-and-admin .section--intro .mobile-timeline .grey-rectangle,
.page--dosing-and-admin .section--intro .mobile-timeline .grey-parallelogram {
    width: 95%;
    height: 42px;
    margin-top: 9px;
    margin-bottom: 11px;
    margin-left: -5px;
    background-color: #938E88;
    text-align: center
}

.page--dosing-and-admin .section--intro .mobile-timeline .grey-rectangle span,
.page--dosing-and-admin .section--intro .mobile-timeline .grey-parallelogram span {
    color: #fff;
    font-size: 22px;
    line-height: 42px
}

.page--dosing-and-admin .section--intro .mobile-timeline .grey-parallelogram span {
    text-transform: uppercase
}

.page--dosing-and-admin .section--intro .mobile-timeline .grey-parallelogram:after {
    content: none
}

.page--dosing-and-admin .section--intro .box-container {
    margin-left: -60px
}

.page--dosing-and-admin .section--intro .box-container .starting-image,
.page--dosing-and-admin .section--intro .box-container .maintenance-image {
    vertical-align: top;
    width: 35.9166666667%
}

.page--dosing-and-admin .section--intro .box-container .text-container {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 12.8333333333%;
    vertical-align: top;
    text-align: left;
    margin-top: 85px
}

@media only screen and (min-width: 1025px) {
    .page--dosing-and-admin .section--intro .box-container .text-container:nth-of-type(1) {
        margin-left: 0;
        margin-right: 1.6666666667%
    }

    .page--dosing-and-admin .section--intro .box-container .text-container:nth-of-type(2) {
        margin-left: -3.3333333333%
    }
}

.page--dosing-and-admin .section--intro .box-container .text-container p.headline {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 28px;
    color: #A50235;
    line-height: 32px;
    text-transform: uppercase
}

.page--dosing-and-admin .section--intro .box-container .text-container p.text {
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 18px;
    color: #2F2A2B;
    line-height: 32px
}

.page--dosing-and-admin .section--intro .box-notes {
    height: 40px;
    width: 630px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #979797
}

.page--dosing-and-admin .section--intro .box-notes p {
    font-family: 'Din Light', Helvetica, sans-serif;
    font-size: 18px;
    color: #231F20;
    line-height: 40px
}

.page--dosing-and-admin .section--intro .box-notes p span {
    font-family: 'Din Bold', Helvetica, sans-serif
}

.page--dosing-and-admin .section--intro .periodically-parallelogram {
    width: 75%;
    height: 74px;
    padding: 30px;
    margin-left: 40px;
    background-color: #A50235;
    width: 68.0833333333%;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px
}

.page--dosing-and-admin .section--intro .periodically-parallelogram:before,
.page--dosing-and-admin .section--intro .periodically-parallelogram:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: rotate(360deg)
}

.page--dosing-and-admin .section--intro .periodically-parallelogram:before {
    left: -40px;
    border-width: 0 0 74px 40px;
    border-color: transparent transparent #A50235 transparent
}

.page--dosing-and-admin .section--intro .periodically-parallelogram:after {
    right: -40px;
    border-width: 74px 40px 0 0;
    border-color: #A50235 transparent transparent transparent
}

.page--dosing-and-admin .section--intro .periodically-parallelogram h1,
.page--dosing-and-admin .section--intro .periodically-parallelogram h2,
.page--dosing-and-admin .section--intro .periodically-parallelogram h3,
.page--dosing-and-admin .section--intro .periodically-parallelogram h4,
.page--dosing-and-admin .section--intro .periodically-parallelogram h5,
.page--dosing-and-admin .section--intro .periodically-parallelogram h6,
.page--dosing-and-admin .section--intro .periodically-parallelogram p,
.page--dosing-and-admin .section--intro .periodically-parallelogram li,
.page--dosing-and-admin .section--intro .periodically-parallelogram a {
    color: #fff
}

.page--dosing-and-admin .section--intro .periodically-parallelogram p {
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 74px;
    text-transform: uppercase
}

@media only screen and (min-width: 1025px) {
    .page--dosing-and-admin .section--intro .periodically-parallelogram p {
        font-size: 28px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--dosing-and-admin .section--intro .periodically-parallelogram {
        width: 72.5%
    }

    .page--dosing-and-admin .section--intro .periodically-parallelogram p {
        line-height: 1.3em;
        padding-top: 3.1%
    }
}

.page--dosing-and-admin .section--prefilled {
    background-image: linear-gradient(-1deg, #fff 0%, #ECE9E5 100%)
}

.page--dosing-and-admin .section--prefilled .text-container {
    width: 49.1666666667%;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top
}

.page--dosing-and-admin .section--prefilled .text-container .button-list {
    text-align: left
}

.page--dosing-and-admin .section--prefilled .text-container .button-list .button {
    margin-right: 20px
}

.page--dosing-and-admin .section--prefilled .text-container .button-list .button--lg {
    max-width: 490px
}

@media only screen and (max-width: 640px) {
    .page--dosing-and-admin .section--prefilled .text-container {
        width: 100%
    }
}

.page--dosing-and-admin .section--prefilled .text-container .subhead {
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 28px;
    color: #000000;
    line-height: 36px;
    margin-top: 10px
}

.page--dosing-and-admin .section--prefilled .text-container .closing {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #4D4D4F;
    line-height: 23px;
    margin-top: 19px
}

.page--dosing-and-admin .section--prefilled .prefilled-image {
    margin-left: 7.4166666667%;
    width: 35.2516666667%;
    vertical-align: top;
    margin-top: 50px
}

@media only screen and (min-width: 1025px) {
    .page--dosing-and-admin .section--prefilled .text-container {
        width: 100%;
        text-align: center
    }

    .page--dosing-and-admin .section--prefilled .text-container h2,
    .page--dosing-and-admin .section--prefilled .text-container .subhead,
    .page--dosing-and-admin .section--prefilled .text-container .closing {
        text-align: left
    }

    .page--dosing-and-admin .section--prefilled .prefilled-image {
        width: 100%;
        margin: 50px auto 0 auto;
        max-width: 933px
    }
}

.page--dosing-and-admin .section--preparing .header-container .sub-title {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 16.4px;
    color: #A50235;
    line-height: 24px;
    margin-top: 14px
}

.page--dosing-and-admin .section--preparing .header-container .header-text {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 16.4px;
    color: #231F20;
    line-height: 21px;
    margin-top: 12px;
    width: 58.2408333333%
}

.page--dosing-and-admin .section--whitespace {
    padding-top: 50px
}

.page--dosing-and-admin .section--administering h2 {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.page--dosing-and-admin .section--administering h2.bottom {
    text-align: center;
    font-size: 28px;
    width: 56.6666666667%;
    margin-top: 20px;
    margin-bottom: 48px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page--dosing-and-admin .section--administering .post-injection-care-instructions {
    margin-top: 31px;
    padding: 38px 16.6666666667% 44px 5.8333333333%
}

.page--dosing-and-admin .section--administering .post-injection-care-instructions .bar.black {
    background-color: #000000
}

.page--dosing-and-admin .section--administering .post-injection-care-instructions h3 {
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 28px;
    color: #A50235;
    line-height: 26px;
    padding-bottom: 13px
}

.page--dosing-and-admin .section--administering .post-injection-care-instructions li {
    line-height: 23px;
    margin-bottom: 4px
}

.page--dosing-and-admin .section--videos {
    background-color: #CFC7BD
}

.page--dosing-and-admin .section--videos .video-player {
    font-size: 0
}

.page--dosing-and-admin .section--videos .iframe-container {
    width: 54.1666666667%;
    height: 0;
    padding-bottom: 33%;
    overflow: hidden;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.page--dosing-and-admin .section--videos .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0
}

.page--dosing-and-admin .section--videos .videothumbs-container {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 45.8333333333%
}

.page--dosing-and-admin .section--videos .videothumbs-container .videothumb {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 100%
}

.page--dosing-and-admin .section--videos .videothumbs-container .videothumb.maintenance {
    margin-top: 18px
}

.page--dosing-and-admin .section--videos .videothumbs-container .videothumb picture {
    width: 55.1330798479%
}

.page--dosing-and-admin .section--videos .videothumbs-container .videothumb picture:hover {
    cursor: pointer
}

.page--dosing-and-admin .section--videos .videothumbs-container .videothumb picture.active {
    border: 3px solid #A50235
}

.page--dosing-and-admin .section--videos .videothumbs-container .text-container {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 40%;
    vertical-align: top;
    margin: 20px 0 0 3.6363636364%
}

.page--dosing-and-admin .section--videos .videothumbs-container .text-container .headline {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 28px;
    line-height: 32px;
    color: #A50235
}

.page--dosing-and-admin .section--videos .videothumbs-container .text-container .text {
    font-family: 'Din Medium', Helvetica, sans-serif;
    color: #2F2A2B;
    line-height: 32px
}

.page--dosing-and-admin .section--references p.lower {
    margin-top: 15px
}

@media only screen and (max-width: 640px) {
    .page--dosing-and-admin .step .points-container {
        width: 100%
    }
}

@media only screen and (min-width: 1025px) {

    .page--dosing-and-admin .step .points-container.one p,
    .page--dosing-and-admin .step .points-container.one ul {
        width: 58.25%
    }

    .page--dosing-and-admin .step .points-container.two p,
    .page--dosing-and-admin .step .points-container.two ul {
        width: 56.6666666667%
    }

    .page--dosing-and-admin .step .points-container.three p,
    .page--dosing-and-admin .step .points-container.three ul {
        width: 100%
    }

    .page--dosing-and-admin .step .points-container.four p,
    .page--dosing-and-admin .step .points-container.four ul {
        width: 54.5833333333%
    }

    .page--dosing-and-admin .step .points-container.five p,
    .page--dosing-and-admin .step .points-container.five ul {
        width: 100%
    }

    .page--dosing-and-admin .step .points-container.six p,
    .page--dosing-and-admin .step .points-container.six ul {
        width: 57.9166666667%
    }

    .page--dosing-and-admin .step .points-container .point p {
        margin-left: .8333333333%
    }

    .page--dosing-and-admin .step .points-container .point ul {
        margin-left: 2.25%
    }

    .page--dosing-and-admin .section--videos .videothumbs-container .videothumb {
        margin-left: 6.5454545455%
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {

    .page--dosing-and-admin .step .points-container.one p,
    .page--dosing-and-admin .step .points-container.one ul {
        width: 58.25%
    }

    .page--dosing-and-admin .step .points-container.two p,
    .page--dosing-and-admin .step .points-container.two ul {
        width: 56.6666666667%
    }

    .page--dosing-and-admin .step .points-container.three p,
    .page--dosing-and-admin .step .points-container.three ul {
        width: 57.3333333333%
    }

    .page--dosing-and-admin .step .points-container.four p,
    .page--dosing-and-admin .step .points-container.four ul {
        width: 54.5833333333%
    }

    .page--dosing-and-admin .step .points-container.five p,
    .page--dosing-and-admin .step .points-container.five ul {
        width: 54.1666666667%
    }

    .page--dosing-and-admin .step .points-container.six p,
    .page--dosing-and-admin .step .points-container.six ul {
        width: 57.9166666667%
    }

    .page--dosing-and-admin .section--intro h2 {
        width: 100%
    }

    .page--dosing-and-admin .section--intro .wrap--content.timeline {
        padding-left: 0;
        padding-right: 0
    }

    .page--dosing-and-admin .section--intro .timeline h4,
    .page--dosing-and-admin .section--intro .timeline p,
    .page--dosing-and-admin .section--intro .timeline ul {
        padding-left: 6%;
        padding-right: 6%
    }

    .page--dosing-and-admin .section--intro .mobile-timeline .grey-rectangle {
        width: 88%;
        margin-left: 5%
    }

    .page--dosing-and-admin .section--intro .box-container {
        font-size: 0
    }

    .page--dosing-and-admin .section--intro .box-container .starting-image,
    .page--dosing-and-admin .section--intro .box-container .maintenance-image {
        width: 60%
    }

    .page--dosing-and-admin .section--intro .box-container .text-container {
        width: 40%
    }

    .page--dosing-and-admin .section--prefilled .text-container {
        width: 100%
    }

    .page--dosing-and-admin .section--prefilled .prefilled-image {
        display: block;
        width: 75%;
        max-width: 670px;
        margin: 50px auto 25px
    }

    .page--dosing-and-admin .section--prefilled .button {
        width: 100%;
        max-width: 100%
    }

    .page--dosing-and-admin .section--preparing .header-container .header-text {
        width: 100%
    }

    .page--dosing-and-admin .section--preparing .video-button {
        width: 100%
    }

    .page--dosing-and-admin .section--preparing .video-button a:before {
        content: url(images/sm/section-4/injection-arrows.png);
        background: none;
        position: relative;
        bottom: -2px;
        top: auto;
        left: auto;
        margin-right: 8px
    }

    .page--dosing-and-admin .section--preparing .step .preparing-image.one,
    .page--dosing-and-admin .section--preparing .step .preparing-image.two,
    .page--dosing-and-admin .section--preparing .step .preparing-image.three,
    .page--dosing-and-admin .section--preparing .step .preparing-image.four,
    .page--dosing-and-admin .section--preparing .step .preparing-image.five {
        width: 35%
    }

    .page--dosing-and-admin .section--preparing .step .headline {
        width: 65%
    }

    .page--dosing-and-admin .section--administering h2.bottom {
        width: 100%
    }

    .page--dosing-and-admin .section--administering .video-button {
        width: 100%
    }

    .page--dosing-and-admin .section--administering .video-button a:before {
        content: url(images/sm/section-4/injection-arrows.png);
        background: none;
        position: relative;
        bottom: -2px;
        top: auto;
        left: auto;
        margin-right: 8px
    }

    .page--dosing-and-admin .section--administering .step .administering-image.one {
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .page--dosing-and-admin .section--administering .step .administering-image.one,
    .page--dosing-and-admin .section--administering .step .administering-image.two,
    .page--dosing-and-admin .section--administering .step .administering-image.three,
    .page--dosing-and-admin .section--administering .step .administering-image.four,
    .page--dosing-and-admin .section--administering .step .administering-image.five {
        width: 32%;
        min-width: 0
    }

    .page--dosing-and-admin .section--videos .iframe-container {
        display: block;
        width: 564px;
        height: 317px;
        margin: 26px auto 0
    }

    .page--dosing-and-admin .section--videos .videothumbs-container {
        width: 100%;
        margin-top: 37px
    }

    .page--dosing-and-admin .section--videos .videothumbs-container .text-container {
        width: 45%;
        margin: auto;
        margin-left: 5%
    }

    .page--dosing-and-admin .section--videos .videothumbs-container .text-container .headline {
        font-size: 18px
    }

    .page--dosing-and-admin .section--videos .videothumbs-container .videothumb picture {
        width: 50%
    }
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--dosing-and-admin .button {
        width: 100%
    }

    .page--dosing-and-admin .button.center {
        width: 100%
    }

    .page--dosing-and-admin .timeline-one,
    .page--dosing-and-admin .timeline-two {
        text-align: center
    }

    .page--dosing-and-admin .video-button {
        position: relative;
        margin-top: 15px;
        text-align: center;
        vertical-align: middle
    }

    .page--dosing-and-admin .video-button a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 45px;
        transition: color 250ms
    }

    .page--dosing-and-admin .video-button a:before {
        content: none
    }

    .page--dosing-and-admin .video-button a:hover {
        color: #FFFFFF
    }
}

@media only screen and (max-width: 640px) {
    .page--dosing-and-admin .video-button {
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .page--dosing-and-admin .step .bar {
        height: 20px;
        width: 100%
    }

    .page--dosing-and-admin .step .point {
        padding-right: 7.5362318841%
    }

    .page--dosing-and-admin .section--intro h2 {
        width: 87%;
        font-size: 36px;
        line-height: 38px
    }

    .page--dosing-and-admin .section--intro .timeline {
        padding-left: 0px
    }

    .page--dosing-and-admin .section--intro .timeline h4,
    .page--dosing-and-admin .section--intro .timeline p,
    .page--dosing-and-admin .section--intro .timeline ul {
        padding-left: 15px;
        padding-right: 15px
    }

    .page--dosing-and-admin .section--intro .box-container {
        margin-left: 0px;
        text-align: center
    }

    .page--dosing-and-admin .section--intro .box-container .starting-image,
    .page--dosing-and-admin .section--intro .box-container .maintenance-image {
        width: 81.8666666667%
    }

    .page--dosing-and-admin .section--intro .box-container .text-container {
        display: block;
        width: 100%;
        margin-top: 0px;
        text-align: center
    }

    .page--dosing-and-admin .section--intro .box-container .text-container .headline {
        width: 57.0666666667%;
        text-align: center;
        margin: 0 auto
    }

    .page--dosing-and-admin .section--intro .box-notes {
        width: 93%;
        height: auto;
        margin: 44px 10px 44px 20px
    }

    .page--dosing-and-admin .section--intro .box-notes p {
        line-height: 23px;
        width: 100%;
        text-align: left;
        padding: 15px 23%
    }

    .page--dosing-and-admin .section--intro .periodically-parallelogram {
        width: 86.6666666667%;
        height: 98px;
        margin-top: 22px;
        margin-left: -15px;
        margin-bottom: 15px;
        padding: 0 20px
    }

    .page--dosing-and-admin .section--intro .periodically-parallelogram:after,
    .page--dosing-and-admin .section--intro .periodically-parallelogram:before {
        content: none
    }

    .page--dosing-and-admin .section--intro .periodically-parallelogram p {
        padding: 27px 0px 25px 21px;
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 23px;
        text-align: left
    }

    .page--dosing-and-admin .section--prefilled h2 {
        width: 87%;
        font-size: 36px;
        line-height: 38px
    }

    .page--dosing-and-admin .section--prefilled .prefilled-image {
        margin-top: 17px;
        margin-left: 0px;
        width: 100%
    }

    .page--dosing-and-admin .section--prefilled .learn-more p {
        padding: 13px 15%;
        word-break: none
    }

    .page--dosing-and-admin .section--preparing .header-container .header-text {
        width: 84%
    }

    .page--dosing-and-admin .section--preparing .mobile-img {
        display: block;
        margin: 0 auto 27px auto;
        text-align: center;
        width: 84%
    }

    .page--dosing-and-admin .section--preparing .video-button a:before {
        content: url(images/sm/section-4/injection-arrows.png);
        background: none;
        position: relative;
        bottom: -2px;
        top: auto;
        left: auto;
        margin-right: 8px
    }

    .page--dosing-and-admin .section--administering h2.bottom {
        width: 100%
    }

    .page--dosing-and-admin .section--administering .mobile-img {
        display: block;
        margin: 0 auto 16px auto;
        text-align: center;
        width: 84%
    }

    .page--dosing-and-admin .section--administering .video-button a:before {
        content: url(images/sm/section-4/injection-arrows.png);
        background: none;
        position: relative;
        bottom: -2px;
        top: auto;
        left: auto;
        margin-right: 8px
    }

    .page--dosing-and-admin .section--administering .learn-more p {
        padding: 13px 15%;
        word-break: none
    }

    .page--dosing-and-admin .section--videos h2 {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 36px;
        color: #A50235;
        line-height: 42px;
        text-align: center
    }

    .page--dosing-and-admin .section--videos .iframe-container {
        width: 92.3943661972%;
        padding-bottom: 52.1126760563%;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .page--dosing-and-admin .section--videos .videothumbs-container {
        width: 100%;
        margin-left: 7.323943662%;
        margin-top: 37px
    }

    .page--dosing-and-admin .section--videos .videothumbs-container .text-container {
        width: 49.2957746479%;
        margin: auto;
        margin-left: 5.6338028169%
    }

    .page--dosing-and-admin .section--videos .videothumbs-container .text-container .headline {
        font-size: 18px
    }

    .page--dosing-and-admin .section--videos .videothumbs-container .video-thumb picture {
        width: 38.0281690141%
    }
}

.page--practice-support table {
    display: block
}

.page--practice-support tbody {
    display: table;
    width: 100%
}

.page--practice-support th {
    font-family: 'Din Light', Helvetica, sans-serif;
    font-size: 28px;
    color: #000000;
    line-height: 32px;
    padding: 27px 0;
    text-align: center;
    text-transform: uppercase
}

.page--practice-support td {
    padding: 19px 29px 19px 47px
}

.page--practice-support .parallelogram-heading {
    width: 826px;
    left: -90px;
    margin-bottom: 42px
}

.page--practice-support .parallelogram-heading .parallelogram-container {
    height: auto;
    width: 1040.76px;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.page--practice-support .parallelogram-heading .parallelogram-container .main-content {
    background: #A50235;
    height: 100%;
    text-align: center;
    margin: 0 148.68px
}

.page--practice-support .parallelogram-heading .parallelogram-container .edge {
    background-color: #A50235;
    width: 20%;
    height: 200%;
    position: absolute;
    transform: rotateZ(20deg);
    z-index: -1
}

.page--practice-support .parallelogram-heading .parallelogram-container .left-edge {
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    bottom: 0;
    left: 0
}

.page--practice-support .parallelogram-heading .parallelogram-container .right-edge {
    -ms-transform-origin: top right;
    transform-origin: top right;
    top: 0;
    right: 0%
}

.page--practice-support .parallelogram-heading .parallelogram-container {
    width: 991.2px
}

.page--practice-support .parallelogram-heading .parallelogram-container .main-content {
    margin: 0 82.6px
}

.page--practice-support .parallelogram-heading .parallelogram-container,
.page--practice-support .parallelogram-heading .main-content {
    min-height: 71px
}

.page--practice-support .parallelogram-heading h2 {
    color: #fff;
    padding: 20px 0 13px 0;
    text-align: left
}

.page--practice-support tr:nth-child(odd) {
    background: #F4F2EF
}

.page--practice-support tr:nth-child(even) {
    background: #fff
}

.page--practice-support a.anchor-links {
    height: 0
}

.page--practice-support .section--practice-support-header {
    padding: 50px
}

.page--practice-support .section--practice-support-header .wrap--content:first-of-type {
    padding-bottom: 0
}

.page--practice-support .section--practice-support-header .wrap--content:last-of-type {
    padding-top: 0
}

.page--practice-support .section--practice-support-header h2 {
    color: #505050;
    padding-bottom: 16px;
    text-transform: none
}

.page--practice-support .section--practice-support-header .practice-support-links {
    margin-top: 23px
}

.page--practice-support .section--practice-support-header .practice-support-links a {
    color: #A50235;
    padding-right: 16px
}

.page--practice-support .section--practice-support-header .practice-support-links .separator {
    color: #E4B3C3;
    padding-right: 16px
}

.page--practice-support .section--request-a-rep-visit {
    overflow: hidden;
    margin-bottom: 16px;
    background-color: #ECE9E5
}

.page--practice-support .section--request-a-rep-visit .request-rep-container {
    width: 642px;
    max-width: 100%
}

.page--practice-support .section--request-a-rep-visit .request-rep-container p {
    margin-bottom: 25px
}

.page--practice-support .section--request-a-rep-visit .request-a-rep-icon {
    float: left;
    margin-right: 22px
}

.page--practice-support .section--request-a-rep-visit .request-a-rep-button {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 276px;
    height: 48px;
    background: #A50235;
    text-align: center;
    transition: background-color 250ms, border-color 250ms;
    border: 2px solid transparent
}

.page--practice-support .section--request-a-rep-visit .request-a-rep-button a {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 48px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: color 250ms
}

.page--practice-support .section--request-a-rep-visit .request-a-rep-button:hover {
    background-color: #FFFFFF;
    border: 2px solid #A50235
}

.page--practice-support .section--request-a-rep-visit .request-a-rep-button:hover a {
    color: #A50235
}

.page--practice-support .section--request-a-rep-visit .request-a-rep-button:active {
    background-color: #FFFFFF;
    border: 2px solid transparent
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--practice-support .section--request-a-rep-visit .request-a-rep-button:active {
        border: 2px solid #A50235
    }
}

.page--practice-support .section--request-a-rep-visit .request-a-rep-button:active a {
    color: #A50235
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--practice-support .section--request-a-rep-visit .request-a-rep-button {
        margin-left: 78px
    }
}

@media only screen and (max-width: 640px) {
    .page--practice-support .section--request-a-rep-visit .request-a-rep-button {
        width: 100%
    }
}

.page--practice-support .section--ways-to-order {
    background-color: #ECE9E5
}

.page--practice-support .section--ways-to-order .description {
    font-family: 'Din Italic', Helvetica, sans-serif;
    font-size: 18px;
    color: #505050;
    line-height: 23px;
    width: 362px
}

.page--practice-support .section--ways-to-order .order-graphic {
    width: 85.6666666667%;
    margin-left: 5.9166666667%;
    margin-top: -75px;
    margin-bottom: 53px
}

.page--practice-support .section--ways-to-order .support-section {
    border-top: 1px solid #979797;
    padding-top: 53px
}

.page--practice-support .section--ways-to-order .icon-column {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 4.6666666667%
}

.page--practice-support .section--ways-to-order .icon-column .money-paper-icon,
.page--practice-support .section--ways-to-order .icon-column img {
    width: 100%
}

.page--practice-support .section--ways-to-order .text-column {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 61.8333333333%;
    margin-left: 1.75%
}

.page--practice-support .section--ways-to-order .text-column h3 {
    padding-bottom: 13px
}

.page--practice-support .section--ways-to-order .text-column ul {
    padding-top: 15px
}

.page--practice-support .section--ways-to-order .text-column li {
    line-height: 23px;
    color: #505050;
    margin-bottom: 4px
}

.page--practice-support .section--ways-to-order .text-column p {
    color: #505050
}

.page--practice-support .section--ways-to-order .enrollment {
    margin-top: 20px;
    margin-bottom: 22px
}

.page--practice-support .section--ways-to-order .enroll-button {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 30%;
    height: 48px;
    background: #A50235;
    text-align: center;
    transition: background-color 250ms, border-color 250ms;
    border: 2px solid transparent
}

.page--practice-support .section--ways-to-order .enroll-button a {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 48px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: color 250ms
}

.page--practice-support .section--ways-to-order .enroll-button:hover {
    background-color: #FFFFFF;
    border: 2px solid #A50235
}

.page--practice-support .section--ways-to-order .enroll-button:hover a {
    color: #A50235
}

.page--practice-support .section--ways-to-order .enroll-button:active {
    background-color: #FFFFFF;
    border: 2px solid transparent
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--practice-support .section--ways-to-order .enroll-button:active {
        border: 2px solid #A50235
    }
}

.page--practice-support .section--ways-to-order .enroll-button:active a {
    color: #A50235
}

.page--practice-support .section--ways-to-order .already-enrolled {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    line-height: 48px;
    margin-left: 1.9166666667%
}

.page--practice-support .section--ways-to-order .already-enrolled a {
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #A50235
}

.page--practice-support .section--reimbursement {
    background-color: #ECE9E5
}

.page--practice-support .section--reimbursement .reimbursement-table {
    width: 100%;
    margin-bottom: 34px
}

.page--practice-support .section--reimbursement td {
    border: 1px solid #84898C;
    padding: 30px 25px;
    color: #5B6266;
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.page--practice-support .section--reimbursement p {
    font-size: 14px;
    color: #4D4D4F;
    line-height: 18px;
    margin-bottom: 14px;
    max-width: 824px
}

.page--practice-support .section--reimbursement p strong {
    margin-bottom: 18px
}

.page--practice-support .section--reimbursement h4 {
    text-transform: none;
    padding-bottom: 23px;
    max-width: 824px
}

.page--practice-support .section--reimbursement .footnote.a::before {
    content: '*'
}

.page--practice-support .section--ordering-options {
    overflow: hidden;
    background-color: #ECE9E5
}

.page--practice-support .section--ordering-options td {
    color: #5B6266;
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.page--practice-support .section--ordering-options .physician-columns {
    font-size: 0;
    text-align: center
}

.page--practice-support .section--ordering-options .physician-table {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 82%;
    margin-bottom: 14px
}

.page--practice-support .section--ordering-options .physician-table tr {
    border: 1px solid #84898C
}

.page--practice-support .section--ordering-options .footnote {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.page--practice-support .section--ordering-options .footnote.a {
    margin-left: 9.3333333333%
}

.page--practice-support .section--ordering-options .footnote.a::before {
    content: '*';
    font-size: 14px;
    padding-right: 0px
}

.page--practice-support .section--ordering-options .footnote.b {
    margin-left: 1.6666666667%
}

.page--practice-support .section--ordering-options .footnote.b::before {
    content: "\2020";
    font-size: 0.6em;
    top: -3px;
    padding-right: 0px
}

.page--practice-support .section--ordering-options .payment-terms {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 33.3333333333%;
    margin-left: 4.0833333333%;
    background: #4D4D4F;
    padding: 45px 20px
}

.page--practice-support .section--ordering-options .payment-terms h3,
.page--practice-support .section--ordering-options .payment-terms p {
    color: #fff
}

.page--practice-support .section--ordering-options .wholesale-table {
    margin: 0 auto;
    margin-top: 60px;
    width: 82%
}

.page--practice-support .section--ordering-options .wholesale-table .red {
    color: #fff;
    background: #A50235;
    border: 1px solid #fff
}

.page--practice-support .section--ordering-options .wholesale-table .red td {
    color: #fff
}

.page--practice-support .section--ordering-options .wholesale-table .center {
    text-align: center
}

.page--practice-support .section--ordering-options .wholesale-table tr {
    border: 1px solid #84898C
}

@media only screen and (min-width: 1025px) {
    .page--practice-support .reimbursement-content {
        padding-left: 9%
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--practice-support .parallelogram-heading {
        width: 660px
    }

    .page--practice-support .section--ways-to-order .description {
        width: 100%
    }

    .page--practice-support .section--ways-to-order .order-graphic {
        width: 100%;
        margin-left: 0;
        margin-top: 15px
    }

    .page--practice-support .section--ways-to-order .text-column {
        width: 92%
    }

    .page--practice-support .section--reimbursement .reimbursement-table {
        width: 100%;
        max-width: 846px
    }

    .page--practice-support .section--ordering-options .physician-table {
        width: 100%
    }

    .page--practice-support .section--ordering-options .footnote.a {
        margin-left: 9px
    }

    .page--practice-support .section--ordering-options .wholesale-table {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .page--practice-support .parallelogram-heading {
        width: 125%
    }

    .page--practice-support .parallelogram-heading .parallelogram-container .edge {
        width: 30%
    }

    .page--practice-support .parallelogram-heading .parallelogram-container .main-content {
        margin-left: 110px
    }

    .page--practice-support .parallelogram-heading h2 {
        text-transform: uppercase
    }

    .page--practice-support .section--practice-support-header .practice-support-links {
        border-bottom: 1px solid #A50235
    }

    .page--practice-support .section--practice-support-header .practice-support-links a {
        display: block;
        border-top: 1px solid #A50235;
        padding: 10px 0;
        font-family: 'Din Medium', Helvetica, sans-serif
    }

    .page--practice-support .section--practice-support-header .practice-support-links a:before {
        content: '';
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: middle;
        background-image: url(images/circle-arrow-down.png);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 4.8%;
        max-width: 18px;
        height: 18px;
        margin: 0 2.6666666667% 0 5.3333333333%
    }

    .page--practice-support .section--practice-support-header .practice-support-links .separator {
        display: none
    }

    .page--practice-support .section--ways-to-order .wrap--content {
        padding-bottom: 37px
    }

    .page--practice-support .section--ways-to-order .description {
        width: 100%;
        position: static
    }

    .page--practice-support .section--ways-to-order .order-graphic {
        margin-top: 21px
    }

    .page--practice-support .section--ways-to-order .text-column {
        width: 100%;
        margin-left: 0
    }

    .page--practice-support .section--ways-to-order .text-column h3 {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: bottom;
        padding-bottom: 0;
        width: 56.231884058%
    }

    .page--practice-support .section--ways-to-order .mobile-wrap {
        font-size: 0;
        margin-bottom: 21px
    }

    .page--practice-support .section--ways-to-order .money-paper-icon {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top;
        width: 22.3188405797%;
        margin-right: 6.6666666667%
    }

    .page--practice-support .section--ways-to-order .enroll-button {
        width: 100%
    }

    .page--practice-support .section--ways-to-order .already-enrolled {
        display: block;
        text-align: center;
        margin: 31px auto 0;
        width: 216px;
        line-height: 23px
    }

    .page--practice-support .section--ways-to-order .enroll-by-phone {
        text-align: center
    }

    .page--practice-support .section--reimbursement .reimbursement-table {
        width: 100%
    }

    .page--practice-support .section--reimbursement .reimbursement-table td {
        padding: 12px 17px
    }

    .page--practice-support .section--reimbursement .reimbursement-table .separator {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: middle;
        margin: 0 10px
    }

    .page--practice-support .section--reimbursement .reimbursement-table .two-lines {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top
    }

    .page--practice-support .section--ordering-options .physician-table {
        width: 100%
    }

    .page--practice-support .section--ordering-options .physician-table tr {
        border: none
    }

    .page--practice-support .section--ordering-options .physician-table tr:first-of-type {
        background: transparent
    }

    .page--practice-support .section--ordering-options .physician-table th {
        padding: 0;
        text-align: left
    }

    .page--practice-support .section--ordering-options .physician-table td {
        padding: 12px 17px;
        border: 1px solid #84898C
    }

    .page--practice-support .wholesale-table-mobile {
        text-align: center;
        padding-top: 35px
    }

    .page--practice-support .wholesale-table-mobile h3 {
        text-align: left;
        padding-bottom: 22px
    }

    .page--practice-support .wholesale-table-mobile .item-row {
        font-size: 0;
        margin-bottom: 23px
    }

    .page--practice-support .wholesale-table-mobile .company {
        background: #F4F2EF;
        border: 1px solid #979797;
        padding: 10px 10px 15px
    }

    .page--practice-support .wholesale-table-mobile .prefilled,
    .page--practice-support .wholesale-table-mobile .mg-240,
    .page--practice-support .wholesale-table-mobile .mg-80 {
        padding: 10px 10px 15px;
        background: #A50235
    }

    .page--practice-support .wholesale-table-mobile .prefilled p,
    .page--practice-support .wholesale-table-mobile .mg-240 p,
    .page--practice-support .wholesale-table-mobile .mg-80 p {
        color: #fff
    }

    .page--practice-support .wholesale-table-mobile .prefilled {
        border-bottom: 1px solid #ffffff
    }

    .page--practice-support .wholesale-table-mobile .mg-240 {
        border-right: 1px solid #ffffff
    }

    .page--practice-support .wholesale-table-mobile .mg-240-number,
    .page--practice-support .wholesale-table-mobile .mg-80-number {
        padding: 10px 10px 15px;
        background: #fff;
        border: 1px solid #979797
    }

    .page--practice-support .wholesale-table-mobile .mg-240-number p,
    .page--practice-support .wholesale-table-mobile .mg-80-number p {
        color: #5B6266
    }

    .page--practice-support .wholesale-table-mobile .col {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top;
        width: 50%
    }

    .page--practice-support .reimbursement-content h3 {
        margin-top: 40px;
        margin-bottom: 20px
    }
}

.page--patient-support .no-upper {
    text-transform: none
}

.page--patient-support .content--top h2 {
    margin-bottom: 12px
}

.page--patient-support .content--top p {
    font-size: 18px;
    line-height: 23px
}

.page--patient-support .content--top p.headline {
    font-family: 'Din Light', Helvetica, sans-serif;
    font-size: 28px;
    color: #000000;
    line-height: 32px
}

.page--patient-support .content--top p.headline span.italic {
    font-style: italic;
    font-family: 'Din Light', Helvetica, sans-serif
}

.page--patient-support .content--top p.text {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 18px;
    color: #000000;
    line-height: 23px
}

.page--patient-support .content--top p.bottomtext {
    margin-top: 30px;
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 14px;
    color: #4D4D4F;
    line-height: 18px
}

.page--patient-support .content--top .healthy-container {
    margin-top: 32px;
    width: 100%
}

@media only screen and (min-width: 1025px) {
    .page--patient-support .content--top .healthy-container .magazine-cover {
        width: 29.4166666667%
    }
}

.page--patient-support .content--top .healthy-container .pdf-container {
    margin-top: 55px
}

.page--patient-support .content--top .healthy-container .pdf-container p.headline {
    margin-bottom: 26px
}

.page--patient-support .content--top .healthy-container .pdf-container .button {
    display: inline-block;
    vertical-align: top;
    width: 30.9119010819%;
    max-width: 100%;
    border-radius: 7px;
}

.page--patient-support .content--top .healthy-container .pdf-container .button p {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 24px;
    transition: color 250ms
}

.page--patient-support .content--top .healthy-container .pdf-container .button:hover p {
    color: #A50235
}

.page--patient-support .content--top .healthy-container .pdf-container .button:active p {
    color: #A50235
}

.page--patient-support .content--top .healthy-container .pdf-container .download-container {
    font-size: 0
}

.page--patient-support .content--top .healthy-container .pdf-container .download-container:first-of-type {
    margin-bottom: 40px
}

.page--patient-support .content--top .healthy-container .pdf-container .download-container .text {
    width: 65.9969088099%;
    margin-right: 3.0911901082%
}

@media only screen and (min-width: 1025px) {
    .page--patient-support .content--top .right-container {
        display: inline-block;
        vertical-align: top;
        width: 53.9166666667%;
        margin-left: 5%
    }
}

.page--patient-support .content--top picture img {
    max-width: 100%;
    width: auto
}

.page--patient-support .content--starter-kit {
    background-color: #ECE9E5
}

.page--patient-support .content--starter-kit .dot-pattern,
.page--patient-support .content--starter-kit .wedge {
    position: absolute;
    bottom: 0px;
    opacity: 0.05;
    width: 100%
}

.page--patient-support .content--starter-kit .dot-pattern {
    height: 380px;
    background-color: transparent;
    background-image: url("images/lg/dot-bg-pattern.png");
    background-position: center bottom;
    background-repeat: repeat-x
}

.page--patient-support .content--starter-kit .wedge {
    overflow: hidden;
    background-color: #4D4D4F;
    height: 42.1052631579%;
    bottom: -20%;
    width: 120%;
    -ms-transform: skewY(10deg);
    transform: skewY(10deg)
}

.page--patient-support .content--starter-kit .wrap--content {
    padding-top: 53px;
    padding-bottom: 55px
}

.page--patient-support .content--starter-kit h2 {
    margin-bottom: 39px
}

.page--patient-support .content--starter-kit .starterkit-container {
    display: inline-block;
    vertical-align: top;
    width: 48%
}

.page--patient-support .content--starter-kit .starterkit-container p.text {
    margin: 25px 150px 20px 0
}

.page--patient-support .content--starter-kit .starterkit-container .button {
    display: inline-block;
    vertical-align: top
}

.page--patient-support .content--starter-kit .starterkit-container .button p {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 22px
}

.page--patient-support .content--starter-kit .welcomekit-container {
    display: inline-block;
    vertical-align: top;
    width: 48%
}

.page--patient-support .content--starter-kit .welcomekit-container p.text {
    margin: 25px 150px 20px 0
}

.page--patient-support .content--starter-kit .welcomekit-container .button {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.page--patient-support .content--starter-kit .welcomekit-container .button p {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 22px
}

.page--patient-support .content--starter-kit .card {
    background-color: #fff;
    display: inline-block;
    width: 363px;
    margin-right: 50px;
    vertical-align: top
}

.page--patient-support .content--starter-kit .card:last-child {
    margin-right: 0
}

.page--patient-support .content--starter-kit .card .wrap--content {
    padding: 20px 27px 34px 20px;
    width: 100%;
    text-align: center
}

.page--patient-support .content--starter-kit .card .wrap--content h3 {
    margin-bottom: 21px;
    text-align: left
}

.page--patient-support .content--starter-kit .card .wrap--content p {
    min-height: 118px;
    margin-bottom: 23px;
    font-size: 18px;
    line-height: 23px;
    text-align: left
}

.page--patient-support .content--helping .wrap--content {
    padding-top: 50px;
    padding-bottom: 45px;
    color: #505050
}

.page--patient-support .content--helping h2 {
    margin-bottom: 13px
}

.page--patient-support .content--helping p {
    margin-bottom: 16px
}

.page--patient-support .content--helping p.bottomtext {
    margin-top: 30px;
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 14px;
    color: #4D4D4F;
    line-height: 18px
}

.page--patient-support .content--helping p.bottomtext:before {
    content: "*";
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: -5px
}

.page--patient-support .content--helping ul {
    margin-bottom: 21px
}

.page--patient-support .content--helping ul li {
    line-height: 23px
}

.page--patient-support .content--helping .btn--red {
    margin-bottom: 17px;
    width: 298px
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .page--patient-support .content--top picture {
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .page--patient-support .content--top .healthy-container .pdf-container {
        width: 100%;
        margin-top: 25px;
        margin-left: 0
    }

    .page--patient-support .content--starter-kit {
        margin-bottom: 40px
    }

    .page--patient-support .content--starter-kit .card {
        display: block;
        margin: 0 auto 20px auto
    }

    .page--patient-support .content--starter-kit .card:last-child {
        margin: 0 auto 20px auto
    }

    .page--patient-support .content--starter-kit .starterkit-container {
        display: block;
        vertical-align: top;
        width: 100%;
        margin-bottom: 50px
    }

    .page--patient-support .content--starter-kit .starterkit-container p.text {
        margin: 25px auto 10px auto
    }

    .page--patient-support .content--starter-kit .starterkit-container .button {
        display: block;
        width: 48%;
        margin-bottom: 10px
    }

    .page--patient-support .content--starter-kit .starterkit-container .button p {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 22px
    }

    .page--patient-support .content--starter-kit .welcomekit-container {
        display: block;
        width: 100%
    }

    .page--patient-support .content--starter-kit .welcomekit-container p.text {
        margin: 25px auto 10px auto
    }

    .page--patient-support .content--starter-kit .welcomekit-container .button {
        display: inline-block;
        width: 48%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .page--patient-support .content--starter-kit .welcomekit-container .button p {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 22px
    }

    .page--patient-support .content--starter-kit .welcomekit-container .button:first-of-type {
        margin-right: 4%
    }
}

@media only screen and (max-width: 640px) {
    .page--patient-support .content--top h2 {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 36px;
        color: #A50235;
        line-height: 38px
    }

    .page--patient-support .content--top .subhead {
        width: 78.4%
    }

    .page--patient-support .content--top .healthy-container {
        margin-top: 24px
    }

    .page--patient-support .content--top .healthy-container picture {
        width: 100%;
        text-align: center
    }

    .page--patient-support .content--top .healthy-container .pdf-container {
        width: 100%;
        margin: 27px auto 10px auto
    }

    .page--patient-support .content--top .healthy-container .pdf-container .button {
        margin-top: 15px;
        width: 100%
    }

    .page--patient-support .content--top .healthy-container .pdf-container .download-container .text {
        width: 100%
    }

    .page--patient-support .content--starter-kit {
        margin-bottom: 40px
    }

    .page--patient-support .content--starter-kit h2 {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 36px;
        color: #A50235;
        line-height: 38px;
        width: 82.6666666667%;
        margin-bottom: 20px
    }

    .page--patient-support .content--starter-kit .wrap--content {
        padding-top: 33px;
        padding-left: 20px;
        padding-right: 20px
    }

    .page--patient-support .content--starter-kit .card {
        display: block;
        margin: 0 auto 36px auto;
        width: 100%
    }

    .page--patient-support .content--starter-kit .card .wrap--content {
        padding-bottom: 20px
    }

    .page--patient-support .content--starter-kit .card h3 {
        margin-bottom: 12px
    }

    .page--patient-support .content--starter-kit .card p {
        margin-bottom: 20px;
        min-height: 0
    }

    .page--patient-support .content--starter-kit .card .btn--red {
        width: 100%
    }

    .page--patient-support .content--starter-kit .starterkit-container {
        display: block;
        vertical-align: top;
        width: 100%
    }

    .page--patient-support .content--starter-kit .starterkit-container p.text {
        margin: 25px auto 10px auto
    }

    .page--patient-support .content--starter-kit .starterkit-container .button {
        display: block;
        width: 100%;
        margin-bottom: 50px
    }

    .page--patient-support .content--starter-kit .starterkit-container .button p {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 22px
    }

    .page--patient-support .content--starter-kit .welcomekit-container {
        display: block;
        width: 100%
    }

    .page--patient-support .content--starter-kit .welcomekit-container p.text {
        margin: 25px auto 10px auto
    }

    .page--patient-support .content--starter-kit .welcomekit-container .button {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .page--patient-support .content--starter-kit .welcomekit-container .button p {
        font-family: 'Din Bold', Helvetica, sans-serif;
        font-size: 22px
    }

    .page--patient-support .content--starter-kit .welcomekit-container .button:first-of-type {
        margin-bottom: 20px
    }

    .page--patient-support .content--helping h2 {
        font-family: 'Din Medium', Helvetica, sans-serif;
        font-size: 36px;
        color: #A50235;
        line-height: 38px
    }

    .page--patient-support .content--helping p {
        line-height: 23px
    }

    .page--patient-support .content--helping p.center-sm {
        text-align: center
    }

    .page--patient-support .content--helping ul.bullet {
        margin-left: 20px
    }

    .page--patient-support .content--helping .btn--red {
        width: 100%
    }

    .page--patient-support .content--helping .wrap--content {
        padding: 34px 20px 25px 20px
    }
}

.page--request-a-rep-visit {
    background-color: #ffffff
}

.page--request-a-rep-visit p strong {
    font-family: 'Din Medium', Helvetica, sans-serif
}

.page--request-a-rep-visit .required {
    margin-top: 0
}

.page--request-a-rep-visit .first-title {
    margin-top: 18px
}

.page--request-a-rep-visit .zip-code input,
.page--request-a-rep-visit .tel-762 input {
    display: block;
    width: 158px
}

.page--request-a-rep-visit .privacy-statement {
    margin-top: 38px
}

.page--request-a-rep-visit .privacy-statement .first-line span.privacy-acceptance {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 23px;
    vertical-align: top;
    margin-top: 24px
}

.page--request-a-rep-visit .privacy-statement .first-line p {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #3D3C40;
    line-height: 23px
}

.page--request-a-rep-visit .privacy-statement .description {
    font-size: 14px;
    color: #9B9B9B;
    line-height: 18px;
    margin-top: 11px
}

.page--request-a-rep-visit .split-container {
    white-space: nowrap
}

.page--request-a-rep-visit .split-container .half {
    width: 50%;
    display: inline-block;
    white-space: normal;
    vertical-align: middle
}

.page--request-a-rep-visit input[type='checkbox'] {
    width: 20px;
    display: inline-block
}

.page--request-a-rep-visit select {
    height: 30px
}

@media only screen and (max-width: 640px) {
    .page--request-a-rep-visit .privacy-statement .first-line span.privacy-acceptance {
        margin-top: 17px
    }

    .page--request-a-rep-visit .privacy-statement .first-line p {
        width: 83.4782608696%
    }

    .page--request-a-rep-visit .split-container {
        white-space: normal
    }

    .page--request-a-rep-visit .split-container .half {
        width: 100%;
        display: block;
        white-space: normal
    }
}

.content--404 {
    text-align: center;
    min-height: 650px;
    background-color: #fff;
    background-image: url(images/lg/whats-that-up-there.png);
    background-position: center bottom;
    background-size: 497px 411px;
    background-repeat: no-repeat
}

.content--404 .wrap--content {
    padding-top: 59px
}

.content--404 h2 {
    padding-bottom: 18px
}

.content--404 h3 {
    padding-bottom: 39px;
    font-family: 'Din Light', Helvetica, sans-serif
}

.content--404 .button {
    width: 168px;
    height: 49px;
    background: #A50235;
    border: 2px solid transparent;
    border-radius: 7px;
    margin: 0 auto;
    transition: border-color 250ms, background-color 250ms
}

.content--404 .button a {
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 49px;
    color: #FFFFFF;
    transition: color 250ms
}

.content--404 .button:hover {
    background-color: #FFFFFF;
    border: 2px solid #A50235
}

.content--404 .button:hover a {
    color: #A50235
}

.content--404 .button:active {
    background-color: #FFFFFF;
    border: 2px solid transparent
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .content--404 .button:active {
        border: 2px solid #A50235
    }
}

.content--404 .button:active a {
    color: #A50235
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 641px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
    .content--404 {
        background-image: url(images/lgr/whats-that-up-there.png)
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    .content--404 {
        min-height: 710px
    }
}

body.page--register {
    background-color: #fff;
    margin-top: 0
}

body.page--register .wrap--content.wrap--content-main {
    font-size: 0
}

body.page--register .violator--register {
    display: none
}

body.page--register .h1-container {
    padding-top: 80px
}

body.page--register .breadcrumbs .breadcrumb-step.complete .circle {
    background: #ACACAC;
    color: #fff;
    border-color: 0
}

body.page--register .breadcrumbs .breadcrumb-step.failed .circle {
    background: #D01751;
    color: #fff;
    border-color: #D01751
}

body.page--register .breadcrumbs .breadcrumb-step.active .circle {
    background: #000000;
    color: #fff;
    border-color: #000000
}

body.page--register .breadcrumbs .circle {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    background: #FFFFFF;
    border: 2px solid #DBDBDC;
    color: #DBDBDC
}

body.page--register .breadcrumbs p {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-left: 16px
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    body.page--register .breadcrumbs {
        width: 34%;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top
    }

    body.page--register .breadcrumbs .breadcrumb-step {
        font-size: 0;
        margin-bottom: 28px;
        margin-left: 8.1927710843%
    }

    body.page--register .breadcrumbs .breadcrumb-step:after {
        content: '';
        height: 28px;
        width: 2px;
        background-color: rgba(77, 77, 79, 0.2);
        position: absolute;
        bottom: -28px;
        left: 14px
    }

    body.page--register .breadcrumbs .breadcrumb-step:last-of-type {
        margin-bottom: 0
    }

    body.page--register .breadcrumbs .breadcrumb-step:last-of-type:after {
        display: none
    }

    body.page--register .content--article {
        width: 66%;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top;
        margin-top: 0;
        padding-top: 0
    }
}

@media only screen and (max-width: 640px) {
    body.page--register .h1-container {
        padding-top: 80px
    }

    body.page--register .content--article {
        padding-top: 40px
    }

    body.page--register .breadcrumbs {
        font-size: 0;
        max-width: 345px
    }

    body.page--register .breadcrumbs .breadcrumb-step {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top;
        width: 33%
    }

    body.page--register .breadcrumbs .circle,
    body.page--register .breadcrumbs p {
        display: block
    }

    body.page--register .breadcrumbs .circle {
        margin: 0 auto;
        z-index: 2
    }

    body.page--register .breadcrumbs .circle:after {
        content: '';
        position: absolute;
        background-color: #dbdbdc;
        height: 2px;
        width: 85px;
        top: 50%;
        left: 29px;
        z-index: -1
    }

    body.page--register .breadcrumbs .step-3 .circle:after {
        display: none
    }

    body.page--register .breadcrumbs p {
        margin-left: 0;
        text-align: center;
        margin-top: 6px
    }
}

.page--hcp-survey {
    background-color: #ffffff
}

.page--hcp-survey h1 {
    text-transform: none
}

@keyframes click-flash {
    0% {
        background-color: #A50235
    }

    50% {
        background-color: #4D4D4F
    }

    100% {
        background-color: #A50235
    }
}

.page--hcp-survey .question-container {
    display: block;
    opacity: 1;
    transition: all 250ms ease
}

.page--hcp-survey .question-container.displayHidden {
    display: none
}

.page--hcp-survey .question-container.visuallyHidden {
    opacity: 0
}

.page--hcp-survey .question-container.alwaysHidden {
    display: none !important
}

.page--hcp-survey .form-container .survey-arrow {
    position: absolute;
    width: 27px;
    height: 48px;
    background-image: url("images/survey-arrow-left.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1000;
    cursor: pointer;
    top: 50%;
    -ms-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
    left: 60px
}

.page--hcp-survey .form-container .survey-arrow.right {
    -ms-transform: rotate(180deg) translateY(-50%);
    transform: rotate(180deg) translateY(-50%);
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    left: auto;
    right: 87px
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 641px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--hcp-survey .form-container .survey-arrow {
        background-image: url("images/survey-arrow-left@2x.png")
    }
}

.page--hcp-survey .form-container .progress-background {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    background-color: #000000
}

.page--hcp-survey .form-container .progress-background .progress-color {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #A50235;
    transition: width 250ms ease
}

.page--hcp-survey .form-container .progress-background .progress-text {
    position: absolute;
    display: block;
    top: 17px;
    left: 32px;
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0px;
    margin: 0
}

.page--hcp-survey .form-container .tan-box {
    position: relative;
    display: block;
    background-color: #ECE9E5;
    padding: 38px 0 100px
}

.page--hcp-survey .form-container .tan-box:last-of-type {
    margin-bottom: 0
}

.page--hcp-survey .form-container .tan-box p {
    font-family: 'Din Medium', Helvetica, sans-serif;
    font-size: 36px;
    color: #A50235;
    letter-spacing: 0px;
    line-height: 38px;
    margin: 0 auto 44.64px;
    text-align: center
}

.page--hcp-survey .form-container .tan-box input[type="radio"] {
    display: none
}

.page--hcp-survey .form-container .tan-box label {
    position: relative;
    display: block;
    width: 58.0867850099%;
    margin: 0 auto;
    padding: 18px 0;
    padding-left: 1.6765285996%;
    text-align: left;
    transition: background-color 250ms ease;
    background-color: #4D4D4F
}

.page--hcp-survey .form-container .tan-box label .radiobtn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    border: 1px solid #717172;
    border-radius: 10px;
    box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.5)
}

.page--hcp-survey .form-container .tan-box label.active {
    background-color: #A50235;
    animation: click-flash 400ms
}

.page--hcp-survey .form-container .tan-box label.active:hover {
    background-color: #A50235
}

.page--hcp-survey .form-container .tan-box label.active .radiobtn {
    border-color: #6F0023
}

.page--hcp-survey .form-container .tan-box label.active .radiobtn:before {
    content: '';
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    background-color: #F6F6F6;
    border-radius: 10px
}

.page--hcp-survey .form-container .tan-box label:hover {
    background-color: #770126
}

.page--hcp-survey .form-container .tan-box span.wpcf7-list-item {
    display: block;
    margin-bottom: 2px
}

.page--hcp-survey .form-container .tan-box span.wpcf7-list-item:last-of-type {
    margin-bottom: 0
}

.page--hcp-survey .form-container .tan-box .wpcf7-list-item-label {
    display: inline-block;
    vertical-align: top;
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 0px;
    margin-left: 11px
}

.page--hcp-survey .form-container .input-container.submit {
    display: block;
    opacity: 1;
    transition: all 250ms ease
}

.page--hcp-survey .form-container .input-container.submit.displayHidden {
    display: none
}

.page--hcp-survey .form-container .input-container.submit.visuallyHidden {
    opacity: 0
}

.page--hcp-survey .surveybtn-container {
    display: block;
    position: relative;
    text-align: center;
    font-size: 0
}

.page--hcp-survey .surveybtn {
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #4D4D4F;
    width: 72px;
    height: 72px;
    transition: background-color 250ms ease, border-image 250ms ease;
    cursor: pointer
}

.page--hcp-survey .surveybtn.back {
    margin-right: 7px;
    background-image: url("images/survey-arrow-white-left.png");
    background-size: 20px 32px;
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 641px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--hcp-survey .surveybtn.back {
        background-image: url("images/survey-arrow-white-left@2x.png")
    }
}

.page--hcp-survey .surveybtn.next {
    margin-left: 7px;
    background-image: url("images/survey-arrow-white-right.png");
    background-size: 20px 32px;
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 641px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--hcp-survey .surveybtn.next {
        background-image: url("images/survey-arrow-white-right@2x.png")
    }
}

.page--hcp-survey .surveybtn.submit {
    width: 219px;
    text-transform: uppercase
}

.page--hcp-survey .surveybtn.disabled {
    opacity: 0.2
}

.page--hcp-survey .surveybtn:hover {
    background-color: #A50235
}

.page--hcp-survey .surveybtn.disabled:hover {
    background-color: #4D4D4F;
    opacity: 0.2
}

.page--hcp-survey .wpcf7-form.sent .progress-background {
    display: none !important
}

.page--hcp-survey .wpcf7-form.sent .tan-box {
    display: none !important
}

@media only screen and (min-width: 1025px) {
    .page--hcp-survey .form-container {
        width: 84.5%
    }

    .page--hcp-survey .form-container input[type='submit'] {
        float: right;
        clear: both
    }

    .page--hcp-survey .tan-box p {
        max-width: 58.2840236686%
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    .page--hcp-survey .wrap--content {
        padding-left: 0;
        padding-right: 0
    }

    .page--hcp-survey .form-container .tan-box {
        padding-left: 30px;
        padding-right: 30px
    }

    .page--hcp-survey .form-container .tan-box p {
        text-align: left
    }

    .page--hcp-survey .form-container .tan-box label {
        width: 100%;
        padding-left: 17px
    }

    .page--hcp-survey .form-container .tan-box .wpcf7-list-item-label {
        margin-left: 11px;
        width: 80%
    }
}

.view--opt-out .hide {
    display: none !important
}

.view--opt-out h1 {
    text-transform: none
}

.view--opt-out .wrap--content {
    width: 40%;
    padding-top: 65px;
    padding-bottom: 65px
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .view--opt-out .wrap--content {
        width: 80%
    }
}

@media only screen and (max-width: 640px) {
    .view--opt-out .wrap--content {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.view--opt-out h3 {
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #a50235;
    line-height: 1.1em;
    font-size: 22px;
    margin-bottom: 12px
}

.view--opt-out button {
    font-family: 'Din Bold', Helvetica, sans-serif;
    height: 48px;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    background: #a50235;
    border-width: 2px;
    border-style: solid;
    border-color: #a50235;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 4px;
    transition: background-color 250ms, border-color 250ms, color 250ms
}

.view--opt-out button::hover {
    background-color: #fff;
    color: #a50235;
    border-width: 2px;
    border-style: solid;
    border-color: #a50235;
    -o-border-image: initial;
    border-image: initial
}

.view--opt-out .section--optout-form button {
    width: 36%;
    max-width: 220px;
    min-width: 195px
}

@media only screen and (max-width: 640px) {
    .view--opt-out .section--optout-form button {
        width: 100%;
        max-width: 100%;
        min-width: 1px
    }
}

.view--opt-out .section--optout-form .input {
    max-width: 300px;
    width: 54%;
    height: 30px;
    margin: 6px 0 27px 0
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .view--opt-out .section--optout-form .input {
        width: 80%
    }
}

@media only screen and (max-width: 640px) {
    .view--opt-out .section--optout-form .input {
        width: 100%;
        max-width: 100%
    }
}

.view--opt-out .section--optout-form p {
    font-family: 'Din Bold', Helvetica, sans-serif;
    color: #000;
    font-size: 15px
}

.view--opt-out .section--success .label.label-success {
    background: url(images/icn_opt_out_success.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 7% center;
    margin: 0 auto 25px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 36px;
    background-color: #279a67;
    width: 580px;
    height: 110px
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .view--opt-out .section--success .label.label-success {
        width: 80%
    }
}

@media only screen and (max-width: 640px) {
    .view--opt-out .section--success .label.label-success {
        width: 100%;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 40px;
        margin-bottom: 40px
    }
}

.view--opt-out .section--success button {
    margin-top: 40px;
    width: 62%;
    max-width: 378px;
    min-width: 320px
}

@media only screen and (max-width: 640px) {
    .view--opt-out .section--success button {
        width: 100%;
        max-width: 100%;
        min-width: 1px
    }
}

.page-template-register h1 {
    text-transform: none
}

.page-template-opt-out .h1-container {
    padding-top: 60px
}

.page-template-opt-out h1 {
    text-transform: none
}

.page-template-opt-out .content--article {
    padding-top: 0
}

.modal--contact {
    text-align: center
}

.modal--contact .modal--outer {
    width: 851px
}

.modal--contact h2 {
    font-family: 'Din Light', Helvetica, sans-serif;
    font-size: 28px;
    line-height: 32px;
    color: #A50235;
    text-transform: none;
    text-align: center
}

.modal--contact p {
    text-align: center;
    padding-bottom: 20px
}

.modal--contact p.or {
    font-size: 18px;
    color: #A50235;
    line-height: 20px
}

.modal--contact .btn--red {
    display: block;
    width: 400px;
    margin: 20px auto 0 auto
}

.modal--hcp {
    text-align: center
}

.eq-ie9 .modal--hcp {
    overflow: hidden
}

.modal--hcp .modal--outer {
    width: 851px
}

.modal--hcp .modal__inner {
    max-height: 297px
}

.modal--hcp h2 {
    font-family: 'Din Light', Helvetica, sans-serif;
    font-size: 28px;
    line-height: 32px;
    color: #A50235;
    text-transform: none;
    text-align: center;
    width: 76.3807285546%;
    margin: 0 auto;
    padding-bottom: 13px !important
}

.modal--hcp .button-container {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 10px;
    display: block
}

.modal--hcp .button-container .button {
    width: 118px;
    height: 50px;
    text-align: center;
    background: #A50235;
    border: 2px solid transparent;
    border-radius: 7px;
    color: #FFFFFF;
    transition: background 250ms, border-color 250ms, color 250ms
}

.modal--hcp .button-container .button:nth-of-type(1) {
    margin-right: 13px
}

@media only screen and (max-width: 640px) {
    .modal--hcp .button-container .button:nth-of-type(1) {
        margin-right: 0px;
        margin-bottom: 13px
    }
}

.modal--hcp .button-container .button:hover {
    background: #FFFFFF;
    border-color: #A50235;
    color: #A50235
}

.modal--hcp .button-container .button:active {
    background: #FFFFFF;
    border-color: transparent;
    color: #A50235
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .modal--hcp .button-container .button:active {
        border-color: #A50235
    }
}

.modal--hcp .button-container .button p {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 21px;
    line-height: 50px
}

@media only screen and (max-width: 640px) {
    .modal--hcp .modal--outer {
        max-height: 100%
    }

    .modal--hcp h2 {
        margin-top: 31px;
        width: 92.5373134328%;
        line-height: 26px;
        font-size: 20px
    }

    .modal--hcp .button-container .button {
        width: 100%
    }
}

.modal--video {
    text-align: center
}

.modal--video .modal__scroll {
    padding: 0
}

.modal--video .modal__inner {
    background: transparent
}

.modal--video .modal__outer {
    width: 651px
}

.modal--video .modal__close {
    position: relative;
    right: auto;
    top: auto
}

.modal--video .video__close {
    width: 100%;
    height: 32px;
    text-align: right
}

.modal--video .video__close span,
.modal--video .video__close .modal__close {
    display: inline-block;
    color: #fff;
    vertical-align: text-bottom
}

.modal--video .video__close span {
    text-decoration: underline
}

.modal--video .video-player {
    font-size: 0;
    text-align: center
}

.modal--video .iframe-container {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    border: 1px solid #ccc
}

.modal--video .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0
}

.modal--video.modal {
    background: rgba(0, 0, 0, 0.72)
}

.modal--video.modal .modal__inner {
    box-shadow: none;
    margin-bottom: 32px
}

.modal--video.modal .modal__close:before,
.modal--video.modal .modal__close:after {
    background: #fff
}

.view--npi-lookup .form--npi-lookup {
    margin-top: 70px
}

.view--npi-lookup h2 {
    text-transform: none;
    margin-bottom: 19px
}

.view--npi-lookup .form--styled input[type="text"],
.view--npi-lookup button {
    width: 300px;
    max-width: 100%;
    margin-bottom: 30px
}

@media only screen and (max-width: 640px) {

    .view--npi-lookup .form--styled input[type="text"],
    .view--npi-lookup button {
        width: 100%
    }
}

.view--npi-lookup .form-instructions {
    margin-bottom: 46px
}

.view--npi-lookup .form-instructions p {
    margin-bottom: 12px
}

.view--npi-lookup .form-instructions p:before {
    content: 'i';
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    text-align: center;
    background: #6D6E71;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 8.72px;
    line-height: 12px;
    color: #FFFFFF;
    border-radius: 6px
}

.view--npi-lookup button {
    background: #A50235;
    border: 2px solid #A50235;
    border-radius: 4px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 34px;
    transition: background-color 250ms, border-color 250ms, color 250ms
}

.view--npi-lookup button:hover {
    background-color: #FFFFFF;
    border: 2px solid #A50235;
    color: #A50235
}

.view--confirm-info h2 {
    margin-bottom: 30px;
    text-transform: none
}

.view--confirm-info h4 {
    text-transform: none;
    font-size: 15px;
    color: #000000;
    margin-bottom: 10px
}

.view--confirm-info p.populated-result {
    font-size: 18px;
    color: #231F20;
    margin-bottom: 28px
}

.view--confirm-info .practice-row {
    font-size: 0;
    padding-bottom: 22px;
    margin-bottom: 40px;
    border-bottom: 1px solid #D8D8D8
}

.view--confirm-info .email {
    padding-bottom: 40px;
    border-bottom: 1px solid #D8D8D8
}

.view--confirm-info .email fieldset {
    margin-top: 0
}

.view--confirm-info .email fieldset:first-of-type {
    margin-top: 38px
}

.view--confirm-info .form--styled .email input[type="text"] {
    margin-bottom: 24px
}

.view--confirm-info .checkboxes {
    padding-top: 54px;
    max-width: 568px
}

.view--confirm-info .checkboxes fieldset {
    margin-top: 0
}

.view--confirm-info .checkboxes p.copy {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #3D3C40;
    letter-spacing: 0px
}

.view--confirm-info .checkboxes p.full-disclaimer-text {
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #9B9B9B;
    margin-top: 17px
}

.view--confirm-info .checkboxes .marketing-acknowledgement {
    padding-top: 50px
}

.view--confirm-info .bottom-buttons {
    max-width: 568px;
    padding-top: 70px;
    overflow: auto
}

.view--confirm-info .bottom-buttons button {
    width: 158px;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 34px;
    color: #FFFFFF;
    border-radius: 4px;
    border: 0;
    transition: background-color 250ms, border-color 250ms, color 250ms
}

.view--confirm-info .bottom-buttons .back {
    background-color: #4C4C4E;
    border: 2px solid #4C4C4E;
    float: left
}

.view--confirm-info .bottom-buttons .back:hover {
    background-color: #FFFFFF;
    border-color: #4C4C4E;
    color: #4C4C4E
}

.view--confirm-info .bottom-buttons .submit {
    background-color: #A50235;
    border: 2px solid #A50235;
    float: right;
    text-transform: uppercase
}

.view--confirm-info .bottom-buttons .submit:hover {
    background-color: #FFFFFF;
    border-color: #A50235;
    color: #A50235
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .view--confirm-info .form--styled input[type="text"] {
        width: 300px;
        max-width: 100%
    }

    .view--confirm-info .practice-attribute {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top
    }
}

@media only screen and (min-width: 1025px) {
    .view--confirm-info .practice-name {
        width: 33.9750849377%
    }

    .view--confirm-info .practice-state {
        width: 13%
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .view--confirm-info .practice-name {
        width: 50%
    }

    .view--confirm-info .practice-state {
        width: 50%
    }
}

.view--add-info h2 {
    text-transform: none;
    padding-bottom: 29px;
    max-width: 502px
}

.view--add-info .checkboxes {
    padding-top: 54px;
    max-width: 568px
}

.view--add-info .checkboxes fieldset {
    margin-top: 0
}

.view--add-info .checkboxes p.copy {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #3D3C40;
    letter-spacing: 0px
}

.view--add-info .checkboxes p.full-disclaimer-text {
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #9B9B9B;
    margin-top: 17px
}

.view--add-info .checkboxes .marketing-acknowledgement {
    padding-top: 50px
}

.view--add-info .bottom-buttons {
    max-width: 568px;
    padding-top: 70px;
    overflow: auto
}

.view--add-info .bottom-buttons button {
    width: 158px;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 34px;
    color: #FFFFFF;
    border-radius: 4px;
    border: 0;
    transition: background-color 250ms, border-color 250ms, color 250ms
}

.view--add-info .bottom-buttons .back {
    background-color: #4C4C4E;
    border: 2px solid #4C4C4E;
    float: left
}

.view--add-info .bottom-buttons .back:hover {
    background-color: #FFFFFF;
    border-color: #4C4C4E;
    color: #4C4C4E
}

.view--add-info .bottom-buttons .submit {
    background-color: #A50235;
    border: 2px solid #A50235;
    float: right;
    text-transform: uppercase
}

.view--add-info .bottom-buttons .submit:hover {
    background-color: #FFFFFF;
    border-color: #A50235;
    color: #A50235
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {

    .view--add-info .form--styled input[type="text"],
    .view--add-info .form--styled select {
        width: 300px;
        max-width: 100%
    }

    .view--add-info .address-container {
        padding-bottom: 20px
    }

    .view--add-info .address-container fieldset {
        margin-top: 20px;
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top
    }

    .view--add-info .form--styled .fieldset--state .form__control-group {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1025px) {

    .view--add-info .address-container .fieldset--state,
    .view--add-info .address-container .fieldset--zip {
        margin-left: 25px
    }

    .view--add-info .address-container .fieldset--state input[type="text"],
    .view--add-info .address-container .fieldset--state select,
    .view--add-info .address-container .fieldset--state .form__input,
    .view--add-info .address-container .fieldset--state label,
    .view--add-info .address-container .fieldset--zip input[type="text"],
    .view--add-info .address-container .fieldset--zip select,
    .view--add-info .address-container .fieldset--zip .form__input,
    .view--add-info .address-container .fieldset--zip label {
        width: 100px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .view--add-info .address-container fieldset.fieldset--address-2 {
        display: block
    }

    .view--add-info .address-container .fieldset--state,
    .view--add-info .address-container .fieldset--zip {
        width: 130px
    }

    .view--add-info .address-container .fieldset--state .errors,
    .view--add-info .address-container .fieldset--zip .errors {
        max-width: 100%
    }

    .view--add-info .address-container .fieldset--state:first-of-type,
    .view--add-info .address-container .fieldset--zip:first-of-type {
        margin-left: 0
    }

    .view--add-info .address-container .fieldset--state input[type="text"],
    .view--add-info .address-container .fieldset--state select,
    .view--add-info .address-container .fieldset--zip input[type="text"],
    .view--add-info .address-container .fieldset--zip select {
        width: 100%
    }

    .view--add-info .address-container .fieldset--state {
        margin-right: 40px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    .view--add-info .address-container {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.view--verify-info h2 {
    margin-bottom: 30px;
    text-transform: none
}

.view--verify-info h4 {
    text-transform: none;
    font-size: 15px;
    color: #000000;
    margin-bottom: 10px
}

.view--verify-info p.populated-result {
    font-size: 18px;
    color: #231F20;
    margin-bottom: 28px
}

.view--verify-info .practice-row {
    font-size: 0;
    padding-bottom: 22px;
    margin-bottom: 40px;
    border-bottom: 1px solid #D8D8D8
}

.view--verify-info .practice-row .practice-attribute {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top
}

.view--verify-info .practice-row .practice-address-2 {
    width: 300px;
    max-width: 100%
}

.view--verify-info .practice-row .practice-state,
.view--verify-info .practice-row .practice-zip {
    width: 100px;
    margin-left: 25px
}

.view--verify-info .checkboxes {
    padding-top: 54px;
    max-width: 568px
}

.view--verify-info .checkboxes fieldset {
    margin-top: 0
}

.view--verify-info .checkboxes p.copy {
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #3D3C40;
    letter-spacing: 0px
}

.view--verify-info .checkboxes p.full-disclaimer-text {
    font-family: 'Din', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #9B9B9B;
    margin-top: 17px
}

.view--verify-info .checkboxes .marketing-acknowledgement {
    padding-top: 50px
}

.view--verify-info .bottom-buttons {
    max-width: 568px;
    padding-top: 70px;
    overflow: auto
}

.view--verify-info .bottom-buttons button {
    width: 158px;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 34px;
    color: #FFFFFF;
    border-radius: 4px;
    border: 0;
    transition: background-color 250ms, border-color 250ms, color 250ms
}

.view--verify-info .bottom-buttons .back {
    background-color: #4C4C4E;
    border: 2px solid #4C4C4E;
    float: left
}

.view--verify-info .bottom-buttons .back:hover {
    background-color: #FFFFFF;
    border-color: #4C4C4E;
    color: #4C4C4E
}

.view--verify-info .bottom-buttons .submit {
    background-color: #A50235;
    border: 2px solid #A50235;
    float: right;
    text-transform: uppercase
}

.view--verify-info .bottom-buttons .submit:hover {
    background-color: #FFFFFF;
    border-color: #A50235;
    color: #A50235
}

@media only screen and (min-width: 1025px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .view--verify-info .form--styled input[type="text"] {
        width: 300px;
        max-width: 100%
    }

    .view--verify-info .practice-attribute {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        vertical-align: top
    }
}

@media only screen and (min-width: 1025px) {
    .view--verify-info .practice-name {
        width: 33.9750849377%
    }

    .view--verify-info .practice-state {
        width: 13%
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .view--verify-info .practice-name {
        width: 50%
    }

    .view--verify-info .practice-state {
        width: 50%
    }
}

.view--thank-you {
    width: 100%;
    max-width: 650px
}

.view--thank-you h2 {
    text-transform: none
}

.view--thank-you .confirmation-message {
    margin-top: 25px;
    padding: 23px 47px;
    background: #279A67;
    border: 0;
    max-width: 100%;
    text-align: center;
    padding-left: 20px
}

.view--thank-you .confirmation-message .copy {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    max-width: 408px;
    margin-left: 10px;
    text-align: left
}

.view--thank-you .confirmation-message .copy p {
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF
}

.view--thank-you .confirmation-message .copy li {
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF
}

.view--thank-you .complete-checkmark {
    width: 70px;
    height: 70px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle
}

.view--thank-you .complete-checkmark img {
    max-width: 100%;
    max-height: 100%
}

.view--thank-you .buttons {
    font-size: 0
}

.view--thank-you .button {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 315px;
    margin: 65px auto 0;
    padding: 12px;
    background: #A50235;
    border-radius: 4px;
    border: 2px solid #A50235;
    color: #fff;
    font-family: 'Din Bold', Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    transition: color 250ms, background-color 250ms
}

.view--thank-you .button:hover {
    background-color: #FFFFFF;
    color: #A50235
}

@media only screen and (min-width: 1025px) {
    .view--thank-you .button.button--home {
        margin-right: 20px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    .view--thank-you .confirmation-message p {
        margin-top: 10px;
        margin-left: 0
    }

    .view--thank-you .button {
        display: block;
        margin: 40px auto 0 auto;
        max-width: 100%
    }
}

.injector--mobiscroll {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.injector--mobiscroll.open {
    z-index: 9999999
}

.injector--mobiscroll *,
.injector--mobiscroll *:before,
.injector--mobiscroll *:after {
    position: static;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

@font-face {
    font-family: 'icons_mobiscroll';
    src: url("../fonts/icons_mobiscroll.eot?n971kr");
    src: url("../fonts/icons_mobiscroll.eot?#iefixn971kr") format("embedded-opentype"), url("../fonts/icons_mobiscroll.ttf?n971kr") format("truetype"), url("../fonts/icons_mobiscroll.woff?n971kr") format("woff"), url("../fonts/icons_mobiscroll.woff") format("woff"), url("../fonts/icons_mobiscroll.svg?n971kr#icons_mobiscroll") format("svg");
    font-style: normal
}

.mbsc-ic:before {
    font-family: 'icons_mobiscroll';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mbsc-ic-aid:before {
    content: "\f100"
}

.mbsc-ic-airplane:before {
    content: "\f101"
}

.mbsc-ic-alarm2:before {
    content: "\f102"
}

.mbsc-ic-arrow-down5:before {
    content: "\f103"
}

.mbsc-ic-arrow-down6:before {
    content: "\f104"
}

.mbsc-ic-arrow-left2:before {
    content: "\f105"
}

.mbsc-ic-arrow-left5:before {
    content: "\f106"
}

.mbsc-ic-arrow-left6:before {
    content: "\f107"
}

.mbsc-ic-arrow-right2:before {
    content: "\f108"
}

.mbsc-ic-arrow-right5:before {
    content: "\f109"
}

.mbsc-ic-arrow-right6:before {
    content: "\f10a"
}

.mbsc-ic-arrow-up5:before {
    content: "\f10b"
}

.mbsc-ic-arrow-up6:before {
    content: "\f10c"
}

.mbsc-ic-attachment:before {
    content: "\f10d"
}

.mbsc-ic-bars:before {
    content: "\f10e"
}

.mbsc-ic-book:before {
    content: "\f10f"
}

.mbsc-ic-bubble:before {
    content: "\f110"
}

.mbsc-ic-bubbles:before {
    content: "\f111"
}

.mbsc-ic-bullhorn:before {
    content: "\f112"
}

.mbsc-ic-calendar:before {
    content: "\f113"
}

.mbsc-ic-camera:before {
    content: "\f114"
}

.mbsc-ic-cart:before {
    content: "\f115"
}

.mbsc-ic-checkmark:before {
    content: "\f116"
}

.mbsc-ic-clock:before {
    content: "\f117"
}

.mbsc-ic-close:before {
    content: "\f118"
}

.mbsc-ic-cloud-download:before {
    content: "\f119"
}

.mbsc-ic-cloud-upload:before {
    content: "\f11a"
}

.mbsc-ic-cogs:before {
    content: "\f11b"
}

.mbsc-ic-connection:before {
    content: "\f11c"
}

.mbsc-ic-copy2:before {
    content: "\f11d"
}

.mbsc-ic-copy3:before {
    content: "\f11e"
}

.mbsc-ic-credit:before {
    content: "\f11f"
}

.mbsc-ic-disk:before {
    content: "\f120"
}

.mbsc-ic-download:before {
    content: "\f121"
}

.mbsc-ic-drawer:before {
    content: "\f122"
}

.mbsc-ic-droplet:before {
    content: "\f123"
}

.mbsc-ic-earth:before {
    content: "\f124"
}

.mbsc-ic-eye:before {
    content: "\f125"
}

.mbsc-ic-eye-blocked:before {
    content: "\f126"
}

.mbsc-ic-fa-leaf:before {
    content: "\f127"
}

.mbsc-ic-fa-rotate-left:before {
    content: "\f128"
}

.mbsc-ic-file4:before {
    content: "\f129"
}

.mbsc-ic-flag:before {
    content: "\f12a"
}

.mbsc-ic-folder:before {
    content: "\f12b"
}

.mbsc-ic-forward:before {
    content: "\f12c"
}

.mbsc-ic-foundation-minus-circle:before {
    content: "\f12d"
}

.mbsc-ic-globe:before {
    content: "\f12e"
}

.mbsc-ic-heart:before {
    content: "\f12f"
}

.mbsc-ic-history:before {
    content: "\f130"
}

.mbsc-ic-home:before {
    content: "\f131"
}

.mbsc-ic-image2:before {
    content: "\f132"
}

.mbsc-ic-ion-android-system-windows:before {
    content: "\f133"
}

.mbsc-ic-ion-bluetooth:before {
    content: "\f134"
}

.mbsc-ic-ion-ios7-checkmark-empty:before {
    content: "\f135"
}

.mbsc-ic-key2:before {
    content: "\f136"
}

.mbsc-ic-library:before {
    content: "\f137"
}

.mbsc-ic-link:before {
    content: "\f138"
}

.mbsc-ic-location:before {
    content: "\f139"
}

.mbsc-ic-lock2:before {
    content: "\f13a"
}

.mbsc-ic-loop2:before {
    content: "\f13b"
}

.mbsc-ic-map:before {
    content: "\f13c"
}

.mbsc-ic-minus:before {
    content: "\f13d"
}

.mbsc-ic-mobile:before {
    content: "\f13e"
}

.mbsc-ic-newspaper:before {
    content: "\f13f"
}

.mbsc-ic-office:before {
    content: "\f140"
}

.mbsc-ic-pencil:before {
    content: "\f141"
}

.mbsc-ic-phone:before {
    content: "\f142"
}

.mbsc-ic-play:before {
    content: "\f143"
}

.mbsc-ic-plus:before {
    content: "\f144"
}

.mbsc-ic-redo2:before {
    content: "\f145"
}

.mbsc-ic-remove:before {
    content: "\f146"
}

.mbsc-ic-reply:before {
    content: "\f147"
}

.mbsc-ic-sad2:before {
    content: "\f148"
}

.mbsc-ic-smiley2:before {
    content: "\f149"
}

.mbsc-ic-stack:before {
    content: "\f14a"
}

.mbsc-ic-star3:before {
    content: "\f14b"
}

.mbsc-ic-stopwatch:before {
    content: "\f14c"
}

.mbsc-ic-support:before {
    content: "\f14d"
}

.mbsc-ic-tag:before {
    content: "\f14e"
}

.mbsc-ic-thumbs-up:before {
    content: "\f14f"
}

.mbsc-ic-thumbs-up2:before {
    content: "\f150"
}

.mbsc-ic-undo2:before {
    content: "\f151"
}

.mbsc-ic-unlocked:before {
    content: "\f152"
}

.mbsc-ic-upload:before {
    content: "\f153"
}

.mbsc-ic-user4:before {
    content: "\f154"
}

.mbsc-ic-volume-medium:before {
    content: "\f155"
}

.dw,
.dwo {
    -webkit-tap-highlight-color: transparent
}

.dw {
    max-width: 98%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 12px;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dw:focus {
    outline: 0
}

.dw-rtl {
    direction: rtl
}

.dw,
.dwbc {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dwwr {
    min-width: 170px;
    zoom: 1;
    overflow: hidden;
    text-align: center;
    font-family: arial, verdana, sans-serif
}

.dw-persp,
.dwo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.dw-persp {
    z-index: 99998
}

.dwo {
    z-index: 1;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    filter: Alpha(Opacity=70)
}

.dw-liq .dw {
    max-width: 100%
}

.dw-top .dw,
.dw-bottom .dw {
    width: 100%;
    max-width: 100%
}

.dw-inline .dw {
    position: static;
    display: inline-block;
    max-width: 100%
}

.dw-inline.dw-liq .dw-persp .dw {
    display: block
}

.dw-inline .dw-persp {
    position: static
}

.dw-bubble .dw {
    margin: 20px 0
}

.dw-bubble .dw-arrw {
    position: absolute;
    left: 0;
    width: 100%
}

.dw-bubble-top .dw-arrw {
    bottom: -36px
}

.dw-bubble-bottom .dw-arrw {
    top: -36px
}

.dw-bubble .dw-arrw-i {
    margin: 0 30px;
    position: relative;
    height: 36px
}

.dw-bubble .dw-arr {
    display: block
}

.dw-arr {
    display: none;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-width: 18px 18px;
    border-style: solid;
    margin-left: -18px
}

.dw-bubble-bottom .dw-arr {
    top: 0
}

.dw-bubble-top .dw-arr {
    bottom: 0
}

.dw-hidden {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.dwv {
    overflow: hidden;
    text-overflow: ellipsis
}

.dwb {
    overflow: hidden;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

.dwb-e {
    cursor: pointer
}

.dwb-d {
    cursor: default
}

.dwbc {
    display: table;
    width: 100%;
    text-align: center
}

.dwbw {
    vertical-align: top;
    display: table-cell;
    position: relative;
    z-index: 5
}

.dwbw .dwb:before {
    padding: .375em
}

.mbsc-wdg .dwcc {
    padding: .5em 1em;
    font-size: 14px;
    text-align: left;
    white-space: normal
}

.mbsc-mobiscroll .dwwr {
    min-width: 220px;
    background: #f7f7f7;
    color: #454545;
    font-size: 16px
}

.mbsc-mobiscroll .dwv {
    padding: 0 .6666em;
    padding-top: .6666em;
    color: #4eccc4;
    font-size: .75em;
    text-transform: uppercase;
    min-height: 2em;
    line-height: 2em
}

.mbsc-mobiscroll .dwbc {
    display: block;
    overflow: hidden;
    text-align: right;
    padding: 0 .5em .5em .5em
}

.mbsc-mobiscroll .dwbw {
    display: block;
    float: right
}

.mbsc-mobiscroll .dw-rtl .dwbw {
    float: left
}

.mbsc-mobiscroll .dwb {
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    color: #4eccc4;
    text-transform: uppercase
}

.mbsc-mobiscroll .dwb-a {
    background: rgba(78, 204, 196, 0.3)
}

.mbsc-mobiscroll .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #f7f7f7 transparent
}

.mbsc-mobiscroll .dw-bubble-top .dw-arr {
    border-color: #f7f7f7 transparent transparent transparent
}

.mbsc-android-holo .dwwr {
    background: #292829;
    color: #fff;
    border-radius: .1875em;
    font-size: 16px
}

.mbsc-android-holo .dwv {
    color: #31b6e7;
    padding: 0 .5em;
    min-height: 2em;
    line-height: 2em;
    border-bottom: 2px solid #31b6e7;
    font-size: 1.125em
}

.mbsc-android-holo .dwbc {
    border-top: 1px solid #424542
}

.mbsc-android-holo .dwb {
    height: 2.6em;
    line-height: 2.6em;
    color: #fff;
    font-size: .875em
}

.mbsc-android-holo .dwb-a {
    background: #29799c
}

.mbsc-android-holo .dwbw .dwb {
    border-left: 1px solid #424542
}

.mbsc-android-holo .dwbw:first-child .dwb {
    border: 0;
    border-radius: 0 0 0 .1875em
}

.mbsc-android-holo .dwbw:last-child .dwb {
    border-radius: 0 0 .1875em 0
}

.mbsc-android-holo .dw-rtl .dwbw .dwb {
    border: 0;
    border-right: 1px solid #424542
}

.mbsc-android-holo .dw-rtl .dwbw:last-child .dwb {
    border-radius: 0 0 0 .1875em
}

.mbsc-android-holo .dw-rtl .dwbw:first-child .dwb {
    border: 0;
    border-radius: 0 0 .1875em 0
}

.mbsc-android-holo.dw-liq .dwwr,
.mbsc-android-holo.dw-top .dwwr,
.mbsc-android-holo.dw-bottom .dwwr,
.mbsc-android-holo.dw-liq .dwbw .dwb,
.mbsc-android-holo.dw-top .dwbw .dwb,
.mbsc-android-holo.dw-bottom .dwbw .dwb {
    border-radius: 0
}

.mbsc-android-holo .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #292829 transparent
}

.mbsc-android-holo .dw-bubble-top .dw-arr {
    border-color: #292829 transparent transparent transparent
}

.mbsc-wp .dwwr {
    padding: .625em;
    background: #1f1f1f;
    color: #fff;
    font-size: 16px
}

.mbsc-wp .dwv {
    font-size: .75em;
    padding: .833em;
    min-height: 14px;
    padding-top: 0
}

.mbsc-wp .dwbc {
    display: block
}

.mbsc-wp .dwbw {
    display: inline-block
}

.mbsc-wp .dwb,
.mbsc-wp .mbsc-ic:before {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mbsc-wp .dwb {
    position: relative;
    top: 0;
    min-width: 2.9em;
    display: inline-block;
    height: 1.818em;
    padding: 2.636em .455em 0 .455em;
    color: #fff;
    line-height: 1.818em;
    font-size: .688em;
    text-transform: lowercase;
    transition: all .1s linear
}

.mbsc-wp .dwb:before {
    position: absolute;
    top: .3em;
    left: 50%;
    width: 2.2em;
    height: 2.2em;
    margin: 0 -1.3em;
    padding: 0;
    border: 2px solid #fff;
    line-height: 2.2em;
    font-size: .909em;
    text-align: center;
    border-radius: 1000px
}

.mbsc-wp .dwb-a {
    top: -.3em
}

.mbsc-wp .dwb-a:before {
    background: #fff;
    color: #1f1f1f
}

.mbsc-wp .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #1f1f1f transparent
}

.mbsc-wp .dw-bubble-top .dw-arr {
    border-color: #1f1f1f transparent transparent transparent
}

.mbsc-android .dw {
    border: 2px solid #555
}

.mbsc-android .dwv {
    padding: 10px;
    border-bottom: 1px solid #333;
    font-size: 14px;
    min-height: 17px
}

.mbsc-android .dwwr {
    color: #fff;
    background: #000
}

.mbsc-android .dwbc {
    padding: 4px 2px;
    background: #9c9c9c
}

.mbsc-android .dwb {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 2px;
    font-size: 14px;
    color: #000;
    background: #ccc;
    background: linear-gradient(#eee, #ccc);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}

.mbsc-android .dw .dwb-a {
    background: #ffb25a;
    background: linear-gradient(#ffb25a, #ef6100)
}

.mbsc-android .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #000 transparent
}

.mbsc-android .dw-bubble-top .dw-arr {
    border-color: #9c9c9c transparent transparent transparent
}

.mbsc-android.dw-top .dw,
.mbsc-android.dw-bottom .dw {
    border-right: 0;
    border-left: 0
}

.mbsc-android.dw-top .dw {
    border-top: 0
}

.mbsc-android.dw-bottom .dw {
    border-bottom: 0
}

.mbsc-ios .dwo {
    background: rgba(0, 0, 0, 0.2);
    filter: Alpha(Opacity=20)
}

.mbsc-ios .dwwr {
    position: relative;
    background: #f7f7f7;
    color: #000;
    padding-top: 40px
}

.mbsc-ios .dwv {
    padding: 0 5px;
    color: #9d9d9d;
    line-height: 30px;
    min-height: 30px;
    font-size: 12px;
    border-bottom: 1px solid #acacac
}

.mbsc-ios .dwbc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #acacac
}

.mbsc-ios .dwb {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    display: inline-block;
    color: #007aff;
    font-size: 17px
}

.mbsc-ios .dwb-a {
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.mbsc-ios .dwbw {
    display: block;
    float: right
}

.mbsc-ios .dwb-c {
    float: left
}

.mbsc-ios .dwb-s .dwb {
    font-weight: bold
}

.mbsc-ios .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #f7f7f7 transparent
}

.mbsc-ios .dw-bubble-top .dw-arr {
    border-color: #f7f7f7 transparent transparent transparent
}

.mbsc-ios.dw-bubble .dwwr {
    border-radius: 8px
}

.mbsc-ios.dw-nobtn .dwwr {
    padding-top: 0
}

.dwwb,
.dwwo,
.dwwol {
    -webkit-transform: translateZ(0)
}

.dwc {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dwl {
    line-height: 30px;
    height: 30px;
    top: -30px;
    left: 0;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    width: 100%
}

.dwwc {
    margin: 0 auto;
    position: relative;
    zoom: 1;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dwfl {
    max-width: 100%;
    -ms-flex: 1 auto;
    -moz-box-flex: 1;
    flex: 1 auto
}

.dwwl {
    position: relative;
    z-index: 5
}

.dwww {
    position: relative;
    padding: 1px
}

.dww {
    overflow: hidden;
    position: relative
}

.dw-bf {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    backface-visibility: hidden;
    perspective: 1000px
}

.dw-ul {
    position: relative;
    z-index: 3
}

.dw-li {
    padding: 0 5px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.dw-li.dw-v,
.dw-li.dw-fv {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.dw-li.dw-h {
    visibility: hidden
}

.dw-i {
    position: relative;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.dwwb {
    position: absolute;
    z-index: 4;
    left: 0;
    cursor: pointer;
    width: 100%;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    transition: opacity .2s linear
}

.dwa .dwwb {
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.dwpm .dwwbp {
    top: 0
}

.dwpm .dwwbm {
    bottom: 0
}

.dwpm .dwwol {
    display: none
}

.dwwo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.dwwol {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    pointer-events: none
}

.dw-liq .dwc {
    display: block
}

.dw-liq .dw-tbl {
    width: 100%;
    table-layout: fixed
}

.dwhl .dwl {
    display: none
}

.dw-hsel {
    position: absolute;
    height: 1px;
    width: 1px;
    left: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.dw-ml .dw-li {
    overflow: hidden
}

.dw-ml .dw-li .dw-i {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.dwwms .dw-li {
    padding: 0 40px
}

.dwwms .dwwol {
    display: none
}

.dw-msel:before {
    width: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.dww .dw-w-gr {
    padding: 0 5px;
    opacity: 1;
    filter: Alpha(Opacity=100);
    font-weight: bold;
    text-align: left
}

.mbsc-mobiscroll .dwc {
    padding: 2em .25em 0 .25em
}

.mbsc-mobiscroll .dwl {
    color: #4eccc4;
    font-size: .75em;
    text-transform: uppercase
}

.mbsc-mobiscroll .dwhl {
    padding-top: 0
}

.mbsc-mobiscroll .dwfl {
    padding: .5em .25em
}

.mbsc-mobiscroll .dw-li {
    font-size: 1.375em
}

.mbsc-mobiscroll .dw-hl {
    background: rgba(78, 204, 196, 0.3)
}

.mbsc-mobiscroll .dwwol {
    border-top: 1px solid #4eccc4;
    border-bottom: 1px solid #4eccc4
}

.mbsc-mobiscroll .dwpm .dwwol {
    display: block
}

.mbsc-mobiscroll .dwwb {
    color: #4eccc4;
    background: #f7f7f7
}

.mbsc-mobiscroll .dwwbp {
    bottom: 0;
    top: auto
}

.mbsc-mobiscroll .dwwbm {
    top: 0;
    bottom: auto
}

.mbsc-mobiscroll .dwwb span {
    display: none
}

.mbsc-mobiscroll .dwwb:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 24px;
    text-align: center
}

.mbsc-mobiscroll .dwwb.dwb-a:before {
    background: rgba(78, 204, 196, 0.3)
}

.mbsc-mobiscroll .dw-w-gr {
    font-size: 1.125em
}

.mbsc-mobiscroll .dw-msel:before {
    font-size: 40px;
    color: #4eccc4
}

.mbsc-mobiscroll .dwwms .dwwol {
    display: none
}

.mbsc-android-holo .dwc {
    padding: 1.875em .625em .063em .625em
}

.mbsc-android-holo .dwl {
    font-size: .75em
}

.mbsc-android-holo .dwhl {
    padding: .0625em .625em
}

.mbsc-android-holo .dw-li {
    color: #fff;
    font-size: 1.125em
}

.mbsc-android-holo .dw-hl {
    background: rgba(49, 182, 231, 0.5)
}

.mbsc-android-holo .dwwo {
    background: linear-gradient(#282828, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828)
}

.mbsc-android-holo .dwwb {
    color: #7e7e7e;
    background: #292829
}

.mbsc-android-holo .dwwb span {
    display: none
}

.mbsc-android-holo .dwwb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.625em;
    text-align: center
}

.mbsc-android-holo .dwwbm {
    top: 0;
    bottom: auto
}

.mbsc-android-holo .dwwbp {
    bottom: 0;
    top: auto
}

.mbsc-android-holo .dwwl .dwb-a {
    background: #292829;
    color: #319abd
}

.mbsc-android-holo .dwwol {
    display: block;
    width: 60%;
    left: 20%;
    border-top: 2px solid #31b6e7;
    border-bottom: 2px solid #31b6e7
}

.mbsc-android-holo .dwwms .dwwo,
.mbsc-android-holo .dwwms .dwwol {
    display: none
}

.mbsc-android-holo .dwwms .dw-li {
    padding: 0 2.25em
}

.mbsc-android-holo .dwwms .dw-li:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: auto;
    right: .625em;
    width: .875em;
    height: .875em;
    margin-top: -.5625em;
    border: 1px solid #424542
}

.mbsc-android-holo .dw-msel:before {
    z-index: 2;
    top: 50%;
    left: auto;
    right: .625em;
    width: .875em;
    color: #31b6e7;
    margin-top: -.625em;
    line-height: .875em;
    text-shadow: 0 0 .375em #29799c
}

.mbsc-android-holo .dww .dw-w-gr {
    padding: 0 .375em;
    font-size: 1em;
    font-weight: normal
}

.mbsc-android-holo .dww .dw-w-gr:after {
    display: none
}

.mbsc-wp .dw-li,
.mbsc-wp .dwwb {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mbsc-wp .dwl {
    font-size: .75em
}

.mbsc-wp .dwc {
    padding: 1.875em 0 0 0
}

.mbsc-wp .dwhl {
    padding: 0
}

.mbsc-wp .dwwc {
    padding: .188em
}

.mbsc-wp .dwwl {
    padding: 0 .125em
}

.mbsc-wp .dw-li {
    padding: 0;
    font-size: 1.625em;
    letter-spacing: -.038em;
    text-align: left;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.mbsc-wp .dw-i {
    position: relative;
    top: 4%;
    height: 92%;
    padding: 0 .192em;
    border: 2px solid #4c4c4c;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: inherit
}

.mbsc-wp .dw-li .dw-i {
    color: #fff
}

.mbsc-wp .wpa .dw-li,
.mbsc-wp .dwa .dw-li {
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.mbsc-wp .wpa .dw-v,
.mbsc-wp .wpa .dw-fv,
.mbsc-wp .dwa .dw-v,
.mbsc-wp .dwa .dw-fv {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.mbsc-wp .dw-day,
.mbsc-wp .dw-mon {
    display: block;
    line-height: 1.636em;
    font-size: .423em;
    letter-spacing: normal;
    position: absolute;
    bottom: 0;
    filter: inherit
}

.mbsc-wp .dw-sel {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.mbsc-wp .dw-sel .dw-i,
.mbsc-wp .dw-hl .dw-i {
    color: #fff;
    background: #4c4c4c
}

.mbsc-wp .dwwo {
    display: none
}

.mbsc-wp .dwwol {
    display: none
}

.mbsc-wp .dwwb {
    background: #1f1f1f
}

.mbsc-wp .dwwb:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2em;
    height: 2em;
    margin: -1.182em 0 0 -1.182em;
    color: #fff;
    line-height: 2em;
    font-size: .688em;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 1.182em
}

.mbsc-wp .dwwl .dwb-a {
    top: auto;
    background: #1f1f1f
}

.mbsc-wp .dwwl .dwb-a:before {
    color: #000
}

.mbsc-wp .dwwb span {
    display: none
}

.mbsc-wp .dwwms .dw-li {
    padding: 0;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.mbsc-wp .dwwms .dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.mbsc-wp .dwwms .dw-li .dw-i {
    color: #fff;
    border: 0;
    padding-left: 1.538em;
    background: 0
}

.mbsc-wp .dwwms .dw-li:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: .192em;
    width: .769em;
    height: .769em;
    margin-top: -.385em;
    border: 2px solid #fff
}

.mbsc-wp .dwwms .dw-msel:before {
    z-index: 2;
    top: 50%;
    left: .313em;
    width: 1.375em;
    margin-top: -.5em;
    font-size: .615em;
    line-height: 1.25em;
    color: #fff
}

.mbsc-wp .dw-select-gr.wpa .dw-w-gr {
    font-size: 22px;
    font-weight: normal;
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.mbsc-wp .dw-select-gr .dw-w-gr .dw-i {
    border: 0;
    padding-left: 5px
}

.mbsc-wp .dw-select-gr .dw-w-gr:after {
    display: none
}

.mbsc-android .dwc {
    padding: 32px 2px 6px 2px
}

.mbsc-android .dwhl {
    padding-top: 6px
}

.mbsc-android .dw-li {
    font-size: 26px;
    text-shadow: 0 1px 1px #000
}

.mbsc-android .dw-hl {
    background: rgba(255, 255, 255, 0.3)
}

.mbsc-android .dwwl {
    padding: 0 2px;
    margin: 0 2px;
    background: #888;
    background: linear-gradient(#000, #333 35%, #888 50%, #333 65%, #000)
}

.mbsc-android .dww {
    color: #fff;
    background: #444;
    background: linear-gradient(#000, #444 45%, #444 55%, #000)
}

.mbsc-android .dwwo {
    background: linear-gradient(#000, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000)
}

.mbsc-android .dwwol {
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555
}

.mbsc-android .dwpm .dwwl {
    padding: 0;
    background: #fff
}

.mbsc-android .dwpm .dww {
    color: #000;
    background: #fff;
    border-radius: 3px
}

.mbsc-android .dwpm .dw-li {
    text-shadow: none
}

.mbsc-android .dwwb {
    background: #ccc;
    color: #888;
    text-shadow: 0 -1px 1px #333;
    box-shadow: 0 0 5px #333
}

.mbsc-android .dwwbp {
    background: linear-gradient(#f7f7f7, #bdbdbd);
    border-radius: 3px 3px 0 0;
    font-size: 40px
}

.mbsc-android .dwwbm {
    background: linear-gradient(#bdbdbd, #f7f7f7);
    border-radius: 0 0 3px 3px;
    font-size: 32px;
    font-weight: bold
}

.mbsc-android .dw-w-gr {
    font-size: 20px
}

.mbsc-ios .dwl {
    text-align: left;
    text-indent: 5px;
    color: #ababab
}

.mbsc-ios .dwwc {
    padding: 30px 10px 10px 10px
}

.mbsc-ios .dwhl .dwwc {
    padding-top: 10px
}

.mbsc-ios .dwwo {
    background: linear-gradient(#f7f7f7, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f7f7f7)
}

.mbsc-ios .dwwol {
    padding: 0 10px;
    height: 34px;
    margin: -18px 0 0 -10px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.mbsc-ios .dw-li {
    color: #9d9d9d;
    font-size: 22px;
    text-align: left
}

.mbsc-ios .dw-hl {
    background: rgba(0, 122, 255, 0.2)
}

.mbsc-ios .dw-sel {
    color: #000
}

.mbsc-ios .dwpm .dw-li {
    text-align: center
}

.mbsc-ios .dwpm .dwwol {
    display: block
}

.mbsc-ios .dwwb {
    color: #007aff;
    background: #f7f7f7
}

.mbsc-ios .dwwbp {
    bottom: 0;
    top: auto
}

.mbsc-ios .dwwbm {
    top: 0;
    bottom: auto
}

.mbsc-ios .dwwb span {
    display: none
}

.mbsc-ios .dwwb:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 24px;
    text-align: center
}

.mbsc-ios.dw-select .dwwo {
    display: none
}

.mbsc-ios .dwwms .dw-li {
    padding: 0 5px 0 40px;
    color: #000
}

.mbsc-ios .dwwms .dw-msel {
    color: #007aff
}

.mbsc-ios .dw-msel:before {
    font-size: 40px
}

.mbsc-ios .dw-select-gr .dw-li {
    padding-left: 40px
}

.mbsc-ios .dw-select-gr .dw-w-gr {
    padding-left: 5px;
    font-weight: normal;
    font-size: 18px
}

.dw-cal-sc-m-cell,
.dw-cal-days,
.dw-cal-slide,
.dw-cal-row,
.dw-cal-day,
.dw-cal-day-fg,
.dw-week-nr {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dw-cal-sc-c,
.dw-week-nrs-c,
.dw-cal-c,
.dw-cal-anim-c,
.dw-cal-slide,
.dw-cal-tab .dw-i {
    backface-visibility: hidden
}

.dw-calendar .dwcc {
    position: relative
}

.dw-calendar .dwc-hh {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none
}

.dw-cal-c {
    position: relative
}

.dw-cal-pnl {
    display: inline-block;
    vertical-align: middle
}

.dw-cal-tabbed .dw-cal-pnl {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dw-cal-tabbed .dw-cal-pnl-h {
    display: none
}

.dw-cal-tabbed .dw-cal-pnl-i {
    display: table-cell;
    vertical-align: middle
}

.dw-cal-tabbed .dw-cal {
    width: auto !important
}

.dw-trans .dw-persp .dw-cal-c {
    backface-visibility: visible
}

.dw-cal-anim-c {
    position: relative;
    overflow: hidden
}

.dw-cal-anim {
    position: relative;
    height: 100%;
    transform: translate3d(0, 0, 0)
}

.dw-cal-no3d .dw-cal-anim {
    margin: 0
}

.dw-cal-slide {
    opacity: .5;
    filter: Alpha(Opacity=50);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 300ms;
    perspective: 1000px
}

.dw-cal-slide:first-child {
    position: relative
}

.dw-cal-slide-a {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.dw-cal-header {
    line-height: 40px
}

.dw-cal table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.dw-cal th {
    line-height: 30px;
    text-align: center
}

.dw-cal-nb {
    border: 0
}

.dw-cal-body {
    position: relative
}

.dw-cal-table {
    height: 100%;
    width: 100%;
    display: table;
    table-layout: fixed
}

.dw-cal-row {
    white-space: nowrap;
    display: table-row
}

.dw-cal-day {
    line-height: 2.5em;
    width: 14.2857%;
    height: 16.6666%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    cursor: default
}

.dw-cal-day-v {
    cursor: pointer
}

.dw-cal-day .dw-i {
    overflow: visible
}

.dw-cal-day-diff .dw-i {
    opacity: .7;
    filter: Alpha(Opacity=70)
}

.dw-hide-diff .dw-cal-day-diff .dw-i {
    visibility: hidden
}

.dw-cal-day-inv .dw-i {
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.dw-cal-day-fg {
    padding: 5px;
    position: relative;
    z-index: 2
}

.dw-weeks .dw-cal-days-c,
.dw-weeks .dw-cal-anim-c {
    padding-left: 26px
}

.dw-week-nrs-c {
    display: none;
    position: absolute;
    width: 26px;
    height: 100%;
    left: 0;
    z-index: 3
}

.dw-week-nrs {
    display: table;
    width: 100%;
    height: 100%
}

.dw-week-nr {
    position: relative;
    display: none;
    height: 16.6666%;
    text-align: center;
    font-weight: bold
}

.dw-week-nr-i {
    display: table-cell;
    vertical-align: middle;
    padding-top: 1px
}

.dw-weeks .dw-week-nrs-c {
    display: block
}

.dw-week-nrs .dw-week-nr {
    display: table-row
}

.dw-rtl .dw-weeks .dw-cal-days-c,
.dw-rtl .dw-weeks .dw-cal-anim-c {
    padding-left: 0;
    padding-right: 26px
}

.dw-rtl .dw-week-nrs-c {
    left: auto;
    right: 0
}

.dw-cal-sc-c {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow: hidden
}

.dw-cal-h {
    visibility: hidden
}

.dw-cal-p-out {
    animation: 200ms dw-f-out ease-in
}

.dw-cal-p-in {
    animation: 200ms dw-f-in ease-out
}

.mbsc-old .dw-cal-p-in,
.mbsc-old .dw-cal-p-out {
    animation: none
}

.dw-cal-sc {
    position: relative;
    height: 100%;
    white-space: nowrap;
    font-size: 1.3333em
}

.dw-cal-sc-p {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0)
}

.dw-cal-sc-tbl {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.dw-cal-sc-row {
    display: table-row
}

.dw-cal-sc-cell {
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.dw-cal-sc-m-cell {
    height: 25%
}

.dw-cal-btnc {
    position: relative;
    font-size: 1.5em
}

.dw-cal-btnw {
    position: relative;
    height: 40px
}

.dw-cal .dw-cal-btn {
    position: absolute;
    top: 0;
    height: 40px;
    width: 36px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.dw-cal .dwb-d {
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.dw-cal-prev {
    left: 0
}

.dw-cal-next {
    right: 0
}

.dw-cal-month,
.dw-cal-year {
    cursor: pointer
}

.dw-cal-btnc-ym .dw-cal-month,
.dw-cal-btnc-ym .dw-cal-year {
    display: block;
    margin: 0 36px;
    overflow: hidden;
    text-overflow: ellipsis
}

.dw-cal-btnc-ym .dw-cal-btnw {
    width: 50%;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}

.dw-cal-btn-txt {
    overflow: hidden
}

.dw-cal-btn-txt:before {
    display: block
}

.dw-cal-liq .dw {
    display: block
}

.dw-cal-liq .dw-cal-pnl {
    width: 100%
}

.dw-cal-liq .dw-cal {
    width: auto
}

.dw-cal-liq.dw-modal .dw {
    width: 100%;
    top: 0;
    left: 0
}

.dw-cal-liq.dw-modal .dwo {
    display: none
}

.dw-cal-liq.dw-modal .dwwr {
    width: auto !important
}

.dw-cal-tabs {
    line-height: 40px;
    display: none;
    color: #000
}

.dw-cal-tabbed .dw-cal-tabs {
    display: block
}

.dw-cal-tabbed .dwwr {
    width: auto !important
}

.dw-cal-tabs ul,
.dw-cal-tabs li {
    margin: 0;
    padding: 0;
    list-style: none
}

.dw-cal-tabs ul {
    width: 100%;
    display: table
}

.dw-cal-tab {
    width: 33.33%;
    display: table-cell;
    cursor: pointer
}

.dw-cal-tab .dw-i {
    display: block;
    text-decoration: none
}

.dw-cal-multi .dw-cal-slide {
    padding-left: 8px
}

.dw-ltr .dw-cal-multi .dw-cal-anim-c {
    margin-right: -8px
}

.dw-rtl .dw-cal-multi .dw-cal-anim-c {
    margin-left: -8px
}

.dw-cal-multi .dw-cal-anim {
    margin-left: -8px
}

.dw-cal-multi .dw-cal-btnw {
    display: block;
    width: auto
}

.dw-cal-multi .dw-cal-btnw-m {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}

.dw-cal-multi .dw-cal-days-c {
    overflow: hidden
}

.dw-cal-multi .dw-cal-days {
    float: left
}

.mbsc-cal-m .dw-cal {
    font-size: 1.2em
}

.mbsc-cal-l .dw-cal {
    font-size: 1.4em
}

.mbsc-mobiscroll .dw-cal-c {
    padding: .5em
}

.mbsc-mobiscroll .dw-cal-sc {
    font-size: 1em
}

.mbsc-mobiscroll .dw-cal-sc-c {
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-btnc {
    font-size: 1.125em
}

.mbsc-mobiscroll .dw-cal-btn-txt {
    color: #4eccc4;
    font-size: 1em;
    line-height: 40px
}

.mbsc-mobiscroll .dw-cal-days {
    color: #4eccc4;
    border-bottom: 1px solid #4eccc4
}

.mbsc-mobiscroll .dw-cal-days th {
    font-size: .6875em;
    font-weight: normal
}

.mbsc-mobiscroll .dw-cal-day {
    line-height: 1.875em;
    text-align: center
}

.mbsc-mobiscroll .dw-cal-day-fg {
    font-size: .8125em
}

.mbsc-mobiscroll .dw-cal .dw-sel .dw-i {
    background: #4eccc4;
    color: #fff
}

.mbsc-mobiscroll .dw-cal-day-hl .dw-i {
    border-color: #4eccc4
}

.mbsc-mobiscroll .dw-week-nrs-c {
    font-size: .6875em;
    color: #4eccc4;
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-week-nr-i {
    padding-top: 0;
    font-weight: normal
}

.mbsc-mobiscroll .dw-cal-tabs {
    line-height: 1.875em;
    padding: .5em .5em 0 .5em;
    text-transform: uppercase
}

.mbsc-mobiscroll .dw-cal-tabbed .dwwr {
    padding-top: .5em
}

.mbsc-mobiscroll .dw-cal-tabbed .dwv {
    padding-top: 0
}

.mbsc-mobiscroll .dw-cal-tab {
    border: 1px solid #4eccc4;
    font-size: .7em
}

.mbsc-mobiscroll .dw-cal-tabs ul {
    width: auto;
    margin: 0 auto
}

.mbsc-mobiscroll .dw-cal-tab .dw-i {
    padding: 0 1.2em;
    color: #454545
}

.mbsc-mobiscroll .dw-ltr .dw-cal-tab:first-child {
    border-right: 0
}

.mbsc-mobiscroll .dw-ltr .dw-cal-tab:last-child {
    border-left: 0
}

.mbsc-mobiscroll .dw-rtl .dw-cal-tab:last-child {
    border-right: 0
}

.mbsc-mobiscroll .dw-rtl .dw-cal-tab:first-child {
    border-left: 0
}

.mbsc-mobiscroll .dw-cal-tabs .dw-sel {
    background: #4eccc4
}

.mbsc-mobiscroll .dw-cal-tabs .dw-sel .dw-i {
    color: #f7f7f7
}

.mbsc-android-holo .dw-cal-sc-c {
    background: #292829
}

.mbsc-android-holo .dw-cal-sc-m-cell {
    border-top: 1px solid #444
}

.mbsc-android-holo .dw-cal-btn.dwb-a {
    background: 0
}

.mbsc-android-holo .dw-week-nrs-c {
    background: #292829
}

.mbsc-android-holo .dw-week-nr-i {
    color: #555;
    padding: 0;
    border-top: 1px solid #444
}

.mbsc-android-holo .dw-cal {
    padding: .834em;
    font-size: .75em
}

.mbsc-android-holo .dw-cal-header {
    line-height: 3em
}

.mbsc-android-holo .dw-cal-btnw {
    height: 2em
}

.mbsc-android-holo .dw-cal-btn {
    height: 2.25em;
    line-height: 2.25em
}

.mbsc-android-holo .dw-cal-btn-txt {
    color: #7e7e7e;
    font-size: 1.875em
}

.mbsc-android-holo .dwb-a .dw-cal-btn-txt {
    color: #319abd
}

.mbsc-android-holo .dw-cal th {
    color: #555
}

.mbsc-android-holo .dw-cal-day {
    border-top: 1px solid #444;
    text-align: center
}

.mbsc-android-holo .dw-cal .dw-sel .dw-i {
    background: #31b6e7;
    background: rgba(49, 182, 231, 0.5)
}

.mbsc-android-holo .dw-cal .dw-cal-day-hl .dw-i {
    background: #31b6e7
}

.mbsc-android-holo.dw-cal-liq .dw-cal {
    padding: 0
}

.mbsc-android-holo .dw-cal-tabs {
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-size: .625em;
    font-weight: bold;
    line-height: 1.4em
}

.mbsc-android-holo .dw-cal-tab {
    border: 5px solid #333;
    border-left: 0;
    border-right: 0
}

.mbsc-android-holo .dw-cal-tab:first-child .dw-i {
    border-color: transparent
}

.mbsc-android-holo .dw-cal-tabs .dw-i {
    color: #fff;
    margin: .8em 0;
    border-left: 1px solid #444
}

.mbsc-android-holo .dw-rtl .dw-cal-tabs .dw-i {
    border-left: 0;
    border-right: 1px solid #444
}

.mbsc-android-holo .dw-cal-tabs .dw-sel {
    border-bottom: 5px solid #31b6e7
}

.mbsc-wp .dw-cal-sc-m-cell {
    background: #1f1f1f;
    padding: .167em
}

.mbsc-wp .dw-cal-sc-m-cell .dw-i {
    top: 0;
    height: 100%;
    border-width: 1px
}

.mbsc-wp .dw-cal-sc-empty .dw-i {
    border: 0
}

.mbsc-wp.dw-calendar .dwbc {
    padding-top: .625em
}

.mbsc-wp .dw-cal-btnc {
    text-transform: lowercase
}

.mbsc-wp .dw-cal-btn {
    padding: 0;
    position: absolute
}

.mbsc-wp .dw-cal-btn.dwb-a {
    top: -.273em
}

.mbsc-wp .dw-cal-btn:after {
    display: none
}

.mbsc-wp .dw-cal-btn-txt {
    font-size: 1.1666em
}

.mbsc-wp .dw-cal-btn-txt:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.525em;
    height: 1.525em;
    margin: -.9em 0 0 -.9em;
    color: #fff;
    border: 2px solid #fff;
    line-height: 1.525em;
    border-radius: 1000px
}

.mbsc-wp .dwb-a .dw-cal-btn-txt:before {
    background: #fff;
    color: #000
}

.mbsc-wp .dw-cal {
    font-size: .75em
}

.mbsc-wp .dw-cal th {
    font-weight: normal
}

.mbsc-wp .dw-cal-day {
    padding: .167em;
    line-height: 1.667em
}

.mbsc-wp .dw-cal-day .dw-i {
    top: 0;
    height: 100%;
    padding: 0;
    border: 0
}

.mbsc-wp .dw-cal-day-fg {
    height: 100%;
    border: 1px solid #4c4c4c;
    padding: .833em .417em 0 .417em
}

.mbsc-wp .dw-week-nrs-c {
    background: #1f1f1f
}

.mbsc-wp .dw-week-nr-i {
    padding-top: .833em
}

.mbsc-wp .dw-cal-day-hl .dw-cal-day-fg {
    background: #fff;
    border-color: #fff;
    color: #000
}

.mbsc-wp .dw-cal-tabs .dw-i {
    border-width: 1px;
    color: #fff
}

.mbsc-wp .dw-cal-tabs {
    font-size: .75em;
    padding: 0 0 .313em 0
}

.mbsc-wp .dw-ltr .dw-cal-tab .dw-i {
    border-left-width: 0
}

.mbsc-wp .dw-ltr .dw-cal-tab:first-child .dw-i {
    border-left-width: 1px
}

.mbsc-wp .dw-rtl .dw-cal-tab .dw-i {
    border-right-width: 0
}

.mbsc-wp .dw-rtl .dw-cal-tab:first-child .dw-i {
    border-right-width: 1px
}

.mbsc-android .dw-cal .dwb {
    height: 32px;
    margin: 4px;
    padding: 0
}

.mbsc-android .dw-cal {
    padding: 4px
}

.mbsc-android .dw-cal-btn-txt {
    font-size: 30px;
    line-height: 32px;
    color: #000
}

.mbsc-android .dw-cal-header,
.mbsc-android .dw-cal-days-c {
    background: #9c9c9c;
    color: #000
}

.mbsc-android .dw-cal-sc-c {
    width: auto;
    left: -2px;
    right: -2px;
    background: #000
}

.mbsc-android .dw-cal-sc-m-cell {
    border-width: 4px 2px 0 2px;
    border-style: solid;
    border-color: #000
}

.mbsc-android .dw-cal-btnc-ym .dw-cal-month,
.mbsc-android .dw-cal-btnc-ym .dw-cal-year {
    margin: 0 44px
}

.mbsc-android .dw-week-nr {
    color: #000
}

.mbsc-android .dw-week-nrs-c {
    background: #9c9c9c
}

.mbsc-android .dw-cal-day {
    border: 1px solid #000;
    border-bottom: 0;
    border-right: 0;
    background: #222
}

.mbsc-android .dw-cal-day-m {
    border-color: #ffb25a #ffb25a transparent transparent
}

.mbsc-android .dw-cal .dw-sel .dw-i {
    background: #636363
}

.mbsc-android .dw-cal .dw-cal-day-hl .dw-i {
    background: #888
}

.mbsc-android .dw-cal-tab .dw-i {
    color: #fff
}

.mbsc-android .dw-cal-tabs {
    border-bottom: 2px solid #555;
    line-height: 30px;
    color: #fff
}

.mbsc-android .dw-cal-tab {
    background: #333;
    background: linear-gradient(#333, #000);
    border-left: 1px solid #444
}

.mbsc-android .dw-rtl .dw-cal-tab {
    border-left: 0;
    border-right: 1px solid #444
}

.mbsc-android .dw-cal-tab:first-child {
    border: 0
}

.mbsc-android .dw-cal-tabs .dw-sel {
    background: #999;
    background: linear-gradient(#999, #555)
}

.mbsc-android.dw-cal-liq.dw-modal .dw {
    border: 0
}

.mbsc-android.dw-cal-liq .dw-cal {
    padding: 0
}

.mbsc-ios.dw-calendar.dw-inline .dw {
    border: 1px solid #e3e3e3
}

.mbsc-ios.dw-calendar.dw-bubble .dwwr {
    padding-bottom: 8px
}

.mbsc-ios .dw-cal-c {
    margin: 0;
    padding: 0
}

.mbsc-ios .dw-cal {
    color: #000
}

.mbsc-ios .dw-cal-table {
    font-size: 1.1666em
}

.mbsc-ios .dw-cal-btn-txt {
    color: #007aff;
    font-size: 23px
}

.mbsc-ios .dw-cal th,
.mbsc-ios .dw-week-nr {
    font-weight: normal;
    font-size: 1.1666em
}

.mbsc-ios .dw-week-nrs-c {
    background: #f7f7f7
}

.mbsc-ios .dw-cal-day {
    padding: 2px 5px 10px 5px;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    color: #000;
    line-height: 1.7142em
}

.mbsc-ios .dw-cal .dw-i {
    position: static;
    text-align: center
}

.mbsc-ios .dw-cal .dw-cal-day-fg {
    width: 1.7142em;
    height: 1.7142em;
    border: 1px solid transparent;
    text-align: center;
    padding: 0;
    margin: 0 auto
}

.mbsc-ios .dw-sel .dw-cal-day-fg {
    border-radius: 1000px;
    border: 1px solid #007aff;
    background: #007aff;
    color: #fff
}

.mbsc-ios .dw-cal-day-hl .dw-cal-day-fg {
    border: 1px solid #007aff;
    background: 0;
    color: #000;
    border-radius: 1000px
}

.mbsc-ios .dw-cal-sc-c {
    background: #fff
}

.mbsc-ios .dw-cal-sc-m-cell {
    background: #fff;
    border-top: 1px solid #e3e3e3
}

.mbsc-ios .dw-cal-sc .dw-sel .dw-i {
    display: inline-block;
    width: auto;
    height: auto;
    background: #007aff;
    color: #fff;
    padding: 0 10px;
    line-height: 26px;
    border-radius: 13px
}

.mbsc-ios .dw-cal-tabs {
    padding: 10px 10px 5px 10px
}

.mbsc-ios .dw-cal-tab {
    border: 1px solid #007aff;
    line-height: 27px;
    font-size: 14px
}

.mbsc-ios .dw-cal-tab .dw-i {
    padding: 0 10px;
    color: #007aff
}

.mbsc-ios .dw-ltr .dw-cal-tab:first-child {
    border-right: 0;
    border-radius: 4px 0 0 4px
}

.mbsc-ios .dw-ltr .dw-cal-tab:last-child {
    border-left: 0;
    border-radius: 0 4px 4px 0
}

.mbsc-ios .dw-rtl .dw-cal-tab:last-child {
    border-right: 0;
    border-radius: 4px 0 0 4px
}

.mbsc-ios .dw-rtl .dw-cal-tab:first-child {
    border-left: 0;
    border-radius: 0 4px 4px 0
}

.mbsc-ios .dw-cal-tabs .dw-sel {
    background: #007aff
}

.mbsc-ios .dw-cal-tabs .dw-sel .dw-i {
    color: #fff
}

.dw-cal-ev .dw-cal-day-fg {
    padding-bottom: 20px
}

.dw-cal-day-m {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 0;
    height: 0;
    border: 5px solid black;
    background-clip: padding-box
}

.dw-cal-day-m-t {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.dw-cal-day-m-c {
    display: table-cell
}

.dw-cal-m-bottom .dw-cal-day .dw-cal-day-m {
    width: auto;
    height: 3px;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    margin: 0
}

.dw-cal-day-ic-c,
.dw-cal-day-txt-c {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.dw-cal-day-ic-c {
    padding: 0 5px;
    font-size: 1em;
    line-height: 20px;
    text-overflow: ellipsis;
    text-shadow: none
}

.dw-cal-day-txt {
    padding: 0 2px;
    font-size: .8333em;
    font-weight: normal;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: none;
    margin-top: 2px
}

.dw-cal-events {
    display: none;
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    padding: 5px
}

.dw-cal-events-t {
    visibility: hidden
}

.dw-cal-events-i {
    overflow: hidden
}

.dw-cal-events-sc {
    position: relative;
    -webkit-backface-visibility: hidden
}

.dw-cal-events-v {
    display: block
}

.dw-cal-event-list {
    margin: 0;
    padding: 0
}

.dw-cal-event {
    margin-top: 5px;
    padding: 5px 60px 5px 10px;
    line-height: 20px;
    list-style: none;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1em
}

.dw-cal-event:first-child {
    margin: 0
}

.dw-cal-event-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%
}

.dw-cal-event-time {
    display: inline-block;
    width: 5em
}

.dw-cal-event-dur {
    position: absolute;
    top: 50%;
    right: 5px;
    height: 20px;
    margin-top: -10px;
    line-height: 20px
}

.dw-cal-events-arr {
    position: absolute;
    bottom: -14px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -7px;
    border: 7px solid #fff;
    border-color: #fff transparent transparent transparent
}

.dw-cal-events-b .dw-cal-events-arr {
    bottom: auto;
    top: -14px;
    border-color: transparent transparent #fff transparent
}

.mbsc-mobiscroll .dw-cal-day-m {
    top: auto;
    left: 50%;
    bottom: 4px;
    border: 0;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    background: #454545;
    border-radius: 3px
}

.mbsc-mobiscroll .dw-sel .dw-cal-day-m {
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-c .dw-cal-m-bottom .dw-cal-day-m {
    background: 0;
    bottom: 4px
}

.mbsc-mobiscroll .dw-cal-day-m-t {
    display: block;
    height: 4px;
    overflow: hidden;
    white-space: normal
}

.mbsc-mobiscroll .dw-cal-day-m-c {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    height: 4px;
    margin: 0 1px;
    background: #4eccc4;
    border-radius: 3px
}

.mbsc-mobiscroll .dw-sel .dw-cal-day-m-c {
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-day-txt {
    color: #f7f7f7;
    background: #454545
}

.mbsc-mobiscroll .dw-cal-day-txt,
.mbsc-mobiscroll .dw-cal-day-ic-c {
    font-size: .625em
}

.mbsc-mobiscroll .dw-cal-events {
    margin: 0 0 5px 0;
    padding: 0;
    color: #f7f7f7;
    background: #858585
}

.mbsc-mobiscroll .dw-cal-events-b {
    margin: 10px 0 0 0
}

.mbsc-mobiscroll .dw-cal-event {
    margin: 0;
    padding: 10px 60px 10px 15px;
    font-size: .75em
}

.mbsc-mobiscroll .dw-cal-event-color {
    background: #4eccc4
}

.mbsc-mobiscroll .dw-cal-event-time,
.mbsc-mobiscroll .dw-cal-event-dur {
    color: #4eccc4
}

.mbsc-mobiscroll .dw-cal-events-arr {
    border-color: #858585 transparent transparent transparent
}

.mbsc-mobiscroll .dw-cal-events-b .dw-cal-events-arr {
    border-color: transparent transparent #858585 transparent
}

.mbsc-android-holo .dw-cal-day-m {
    border-color: #31b6e7 #31b6e7 transparent transparent
}

.mbsc-android-holo .dw-cal-m-bottom .dw-cal-day-m {
    background: #31b6e7
}

.mbsc-android-holo .dw-cal-events {
    background: #fff;
    margin: .375em .375em .5em .375em
}

.mbsc-android-holo .dw-cal-events-b {
    margin: .5em .375em .375em .375em
}

.mbsc-android-holo .dw-cal-event {
    background: #7e7e7e;
    font-size: .75em
}

.mbsc-android-holo .dw-cal-event-color {
    background: #31b6e7
}

.mbsc-android-holo .dw-cal-day-txt {
    background: #444;
    color: #fff
}

.mbsc-wp .dw-cal-day-m {
    border-color: #fff #fff transparent transparent
}

.mbsc-wp .dw-cal-m-bottom .dw-cal-day-m {
    background: #fff
}

.mbsc-wp .dw-cal-m-bottom .dw-cal-day-fg {
    padding-bottom: .417em
}

.mbsc-wp .dw-cal-ev .dw-cal-day-fg {
    padding-bottom: 1.667em
}

.mbsc-wp .dw-cal-day-txt {
    color: #fff;
    background: #444
}

.mbsc-wp .dw-cal-events {
    font-size: .75em;
    background: #fff;
    margin: 0 0 .667em 0
}

.mbsc-wp .dw-cal-events-b {
    margin: .667em 0 0 0
}

.mbsc-wp .dw-cal-event {
    color: #fff;
    background: #4c4c4c;
    border: 1px solid #4c4c4c
}

.mbsc-wp .dw-cal-event-color {
    background: #fff
}

.mbsc-android .dw-cal-m-bottom .dw-cal-day-m {
    background: #fff
}

.mbsc-android .dw-cal-day-txt {
    color: #fff;
    background: #444
}

.mbsc-android .dw-cal-events {
    margin: 4px 4px 8px 4px;
    background: #fff
}

.mbsc-android .dw-cal-events-b {
    margin: 8px 4px 4px 4px
}

.mbsc-android .dw-cal-event-color {
    background: #ffb25a
}

.mbsc-android .dw-cal-event {
    background: #636363;
    color: #fff
}

.mbsc-ios .dw-cal-ev .dw-cal-day {
    padding-bottom: 20px
}

.mbsc-ios .dw-cal-day-m {
    top: auto;
    left: 50%;
    bottom: 2px;
    border: 0;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background: #ccc;
    border-radius: 3px
}

.mbsc-ios .dw-cal-m-bottom .dw-cal-day-m {
    width: auto;
    left: 2px;
    right: 2px;
    bottom: 2px
}

.mbsc-ios .dw-cal-day-txt-c {
    width: auto;
    left: 2px;
    right: 2px;
    bottom: 2px
}

.mbsc-ios .dw-cal-day-txt {
    background: #c3d7ef;
    color: #555;
    line-height: 16px;
    margin: 0
}

.mbsc-ios .dw-cal-events {
    margin: 5px 5px 8px 5px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

.mbsc-ios .dw-cal-events-b {
    margin: 8px 5px 5px 5px
}

.mbsc-ios .dw-cal-event {
    margin: 0;
    padding: 10px 10px 10px 20px;
    background: #f7f7f7;
    border-top: 1px solid #eee;
    color: #000;
    font-weight: bold
}

.mbsc-ios .dw-cal-event:first-child {
    border: 0
}

.mbsc-ios .dw-cal-event-color {
    top: 50%;
    left: 6px;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    background: #94b8dd;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px
}

.mbsc-ios .dw-cal-events-arr {
    border-color: #000 transparent transparent transparent;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent
}

.mbsc-ios .dw-cal-events-b .dw-cal-events-arr {
    border-color: transparent transparent #000 transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent
}

.dw-trans .dw-persp {
    overflow: hidden;
    perspective: 1000px
}

.dw-trans .dw,
.dw-trans .dwo {
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-duration: 200ms;
    -moz-animation-fill-mode: forwards;
    -moz-animation-duration: 200ms;
    animation-fill-mode: forwards;
    animation-duration: 200ms
}

.dw-trans .dwo {
    -webkit-backface-visibility: hidden
}

.dw-in .dw {
    animation-timing-function: ease-out
}

.dw-out .dw {
    animation-timing-function: ease-in
}

.dw-in .dwo {
    animation-name: dw-f-in
}

.dw-out .dwo {
    animation-name: dw-f-out
}

.dw-flip,
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
    backface-visibility: hidden;
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.dw-flip,
.dw-pop {
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.dw-in .dw-pop {
    opacity: 1;
    -webkit-animation-name: dw-p-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-p-in;
    -ms-transform: scale(1);
    transform: scale(1);
    animation-name: dw-p-in
}

.dw-out .dw-pop {
    opacity: 0;
    animation-name: dw-p-out
}

.dw-in .dw-flip {
    opacity: 1;
    -webkit-animation-name: dw-fl-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-fl-in;
    -moz-transform: scale(1);
    animation-name: dw-fl-in;
    -ms-transform: scale(1);
    transform: scale(1)
}

.dw-out .dw-flip {
    opacity: 0;
    animation-name: dw-fl-out;
    -webkit-animation-name: dw-fl-out;
    -moz-animation-name: dw-fl-out
}

.dw-in .dw-swing {
    opacity: 1;
    -webkit-animation-name: dw-sw-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sw-in;
    -ms-transform: scale(1);
    transform: scale(1);
    animation-name: dw-sw-in
}

.dw-out .dw-swing {
    opacity: 0;
    animation-name: dw-sw-out
}

.dw-in .dw-slidehorizontal {
    opacity: 1;
    -webkit-animation-name: dw-sh-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sh-in;
    -ms-transform: scale(1);
    transform: scale(1);
    animation-name: dw-sh-in
}

.dw-out .dw-slidehorizontal {
    opacity: 0;
    animation-name: dw-sh-out
}

.dw-in .dw-slidevertical {
    opacity: 1;
    -webkit-animation-name: dw-sv-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sv-in;
    -moz-transform: scale(1);
    animation-name: dw-sv-in;
    -ms-transform: scale(1);
    transform: scale(1)
}

.dw-out .dw-slidevertical {
    opacity: 0;
    animation-name: dw-sv-out
}

.dw-in .dw-slidedown {
    -webkit-animation-name: dw-sd-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-sd-in;
    -moz-transform: scale(1);
    animation-name: dw-sd-in;
    -ms-transform: scale(1);
    transform: scale(1)
}

.dw-out .dw-slidedown {
    animation-name: dw-sd-out;
    -webkit-animation-name: dw-sd-out;
    -webkit-transform: translateY(-100%);
    -moz-animation-name: dw-sd-out;
    -moz-transform: translateY(-100%)
}

.dw-in .dw-slideup {
    -webkit-animation-name: dw-su-in;
    -webkit-transform: scale(1);
    -moz-animation-name: dw-su-in;
    -ms-transform: scale(1);
    transform: scale(1);
    animation-name: dw-su-in
}

.dw-out .dw-slideup {
    animation-name: dw-su-out;
    -webkit-animation-name: dw-su-out;
    -webkit-transform: translateY(100%);
    -moz-animation-name: dw-su-out;
    -moz-transform: translateY(100%)
}

.dw-in .dw-fade {
    opacity: 1;
    animation-name: dw-f-in
}

.dw-out .dw-fade {
    opacity: 0;
    animation-name: dw-f-out
}

@keyframes dw-f-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dw-f-out {
    from {
        visibility: visible;
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes dw-p-in {
    from {
        opacity: 0;
        transform: scale(0.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes dw-p-out {
    from {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0.8)
    }
}

@keyframes dw-fl-in {
    from {
        opacity: 0;
        transform: rotateY(90deg)
    }

    to {
        opacity: 1;
        transform: rotateY(0)
    }
}

@keyframes dw-fl-out {
    from {
        opacity: 1;
        transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@keyframes dw-sw-in {
    from {
        opacity: 0;
        transform: rotateY(-90deg)
    }

    to {
        opacity: 1;
        transform: rotateY(0deg)
    }
}

@keyframes dw-sw-out {
    from {
        opacity: 1;
        transform: rotateY(0deg)
    }

    to {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@keyframes dw-sh-in {
    from {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes dw-sh-out {
    from {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(100%)
    }
}

@keyframes dw-sv-in {
    from {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes dw-sv-out {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

@keyframes dw-sd-in {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes dw-sd-out {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes dw-su-in {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes dw-su-out {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.mbsc-android-holo-light .dwwr,
.mbsc-android-holo-light .dw-cal-sc-c {
    background: #f5f5f5
}

.mbsc-android-holo-light .dwwr,
.mbsc-android-holo-light .dwb,
.mbsc-android-holo-light .dw-li,
.mbsc-android-holo-light .dw-dr,
.mbsc-android-holo-light .dw-cal-tabs .dw-i {
    color: #000
}

.mbsc-android-holo-light .dwv {
    color: #31b7e8;
    border-bottom: 2px solid #31b7e8
}

.mbsc-android-holo-light .dw-hl {
    background: #31b7e8;
    background: rgba(49, 183, 232, 0.5)
}

.mbsc-android-holo-light .dwwb {
    color: #7d7d7d;
    background: #f5f5f5
}

.mbsc-android-holo-light .dwwl .dwb-a {
    color: #319abd;
    background: #f5f5f5
}

.mbsc-android-holo-light .dwwol {
    border-top: 2px solid #31b7e8;
    border-bottom: 2px solid #31b7e8
}

.mbsc-android-holo-light .dwb-a {
    background: #28799c;
    color: #fff
}

.mbsc-android-holo-light .dwwms .dw-li:after {
    border-color: #d9d5d9
}

.mbsc-android-holo-light .dw-msel:before {
    color: #31b7e8;
    text-shadow: 0 0 5px #28799c
}

.mbsc-android-holo-light .dwwo {
    background: linear-gradient(#f5f5f5, rgba(245, 245, 245, 0) 52%, rgba(245, 245, 245, 0) 48%, #f5f5f5)
}

.mbsc-android-holo-light .dwbc,
.mbsc-android-holo-light .dwbw .dwb {
    border-color: #d9d5d9
}

.mbsc-android-holo-light .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #f5f5f5 transparent
}

.mbsc-android-holo-light .dw-bubble-top .dw-arr {
    border-color: #f5f5f5 transparent transparent transparent
}

.mbsc-android-holo-light .dw-cal-day-m {
    border-color: #31b7e8 #31b7e8 transparent transparent
}

.mbsc-android-holo-light .dw-cal-m-bottom .dw-cal-day-m {
    background: #31b7e8
}

.mbsc-android-holo-light .dw-cal .dw-sel .dw-i {
    background: #31b7e8;
    background: rgba(49, 183, 232, 0.5)
}

.mbsc-android-holo-light .dwb-a .dw-cal-btn-txt {
    color: #319abd
}

.mbsc-android-holo-light .dw-cal-tabs .dw-sel {
    border-bottom: 5px solid #31b7e8
}

.mbsc-android-holo-light .dw-cal-event-color {
    background: #31b7e8
}

.mbsc-android-holo-light .dw-cal .dw-cal-day-hl .dw-i {
    background: #31b7e8;
    color: #fff
}

.mbsc-android-holo-light .dw-cal-tabs {
    background: #e6e6e6
}

.mbsc-android-holo-light .dw-cal-tab {
    border-color: #e6e6e6
}

.mbsc-android-holo-light .dw-cal-tabs .dw-i,
.mbsc-android-holo-light .dw-cal-day,
.mbsc-android-holo-light .dw-cal-sc-m-cell {
    border-color: #d9d9d9
}

.mbsc-android-holo-light .dw-cal-btn-txt {
    color: #7d7d7d
}

.mbsc-android-holo-light .dw-week-nrs-c {
    background: #f5f5f5
}

.mbsc-android-holo-light .dw-week-nr-i {
    border-color: #d9d9d9;
    color: #7d7d7d
}

.mbsc-android-holo-light .dw-cal th {
    color: #7d7d7d
}

.mbsc-android-holo-light .dw-cal-events {
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

.mbsc-android-holo-light .dw-cal-events-arr {
    border-color: rgba(0, 0, 0, 0.8) transparent transparent
}

.mbsc-android-holo-light .dw-cal-events-b .dw-cal-events-arr {
    border-color: transparent transparent rgba(0, 0, 0, 0.8)
}

.mbsc-android-holo-light .dw-cal-event {
    background: #7d7d7d;
    color: #fff
}

.mbsc-android-holo-light .dw-dr {
    background: #d9d9d9
}

.mbsc-android-holo-light .dw-sel .dw-dr {
    background: #31b7e8;
    color: #fff
}

.mbsc-android-holo-light.dw-timer .dwl {
    color: #31b7e8
}

.mbsc-android-holo-light .mbsc-rating-icon {
    color: #31b7e8
}

.mbsc-android-holo-light .mbsc-np-hdr {
    border-color: #d9d9d9
}

.mbsc-lv-android-holo-light {
    background: #dbdbdb
}

.mbsc-lv-android-holo-light .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging {
    background: #31b7e8;
    background: rgba(49, 183, 232, 0.5);
    border-color: rgba(49, 183, 232, 0.5)
}

.mbsc-lv-android-holo-light .mbsc-lv-item,
.mbsc-lv-android-holo-light .mbsc-lv-gr-title {
    background: #f5f5f5;
    color: #000
}

.mbsc-lv-android-holo-light.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
    background: #ededed
}

.mbsc-lv-android-holo-light .mbsc-lv-item {
    border-color: #dbdbdb
}

.mbsc-lv-android-holo-light .mbsc-lv-gr-title {
    border-color: #dbdbdb
}

.mbsc-lv-android-holo-light .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
    background: #dbdbdb
}

.mbsc-lv-android-holo-light .mbsc-lv-handle-bar-c,
.mbsc-lv-android-holo-light.mbsc-lv-handle-left .mbsc-lv-handle-bar-c {
    border-color: #b2b2b2
}

.mbsc-lv-android-holo-light .mbsc-lv-handle-bar {
    background: #b2b2b2
}

.mbsc-android-holo-light.mbsc-ms-c {
    color: #000;
    background: #f5f5f5
}

.mbsc-android-holo-light.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i {
    color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-top {
    border-color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-bottom {
    border-color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-bottom-color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i {
    border-top-color: #31b7e8
}

.mbsc-android-holo-light.mbsc-ms-b .mbsc-ms-item-i-c {
    border-color: #d9d9d9
}

.mbsc-android-holo-light .mbsc-btn-a .mbsc-ms-item-i {
    background: #28799c
}

.mbsc-wp-light .dwwr,
.mbsc-wp-light .dw-dr,
.mbsc-wp-light .dwb,
.mbsc-wp-light .dw-cal-tabs .dw-i {
    color: #000
}

.mbsc-wp-light .dwwr {
    background: #dedede
}

.mbsc-wp-light .dw-i {
    border-color: #a6a6a6
}

.mbsc-wp-light .dw-li .dw-i {
    color: #000
}

.mbsc-wp-light .dw-sel .dw-i,
.mbsc-wp-light .dw-hl .dw-i {
    color: #000;
    background: #b5b5b5;
    border-color: #b5b5b5
}

.mbsc-wp-light .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #dedede transparent
}

.mbsc-wp-light .dw-bubble-top .dw-arr {
    border-color: #dedede transparent transparent transparent
}

.mbsc-wp-light .dwwms .dw-li .dw-i {
    color: #000
}

.mbsc-wp-light .dwwms .dw-li:after {
    border-color: #000
}

.mbsc-wp-light .dwwms .dw-msel:before {
    color: #000
}

.mbsc-wp-light .dwa .dw-i {
    color: #000;
    border-color: #a6a6a6;
    background: 0
}

.mbsc-wp-light .dwwms .dw-i {
    background: 0
}

.mbsc-wp-light .dw-cal-sc-m-cell {
    background: #dedede
}

.mbsc-wp-light .dw-cal-event {
    background: #a6a6a6;
    color: #000
}

.mbsc-wp-light .dw-cal-events {
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

.mbsc-wp-light .dw-cal-events-arr {
    border-color: rgba(0, 0, 0, 0.8) transparent transparent
}

.mbsc-wp-light .dw-cal-events-b .dw-cal-events-arr {
    border-color: transparent transparent rgba(0, 0, 0, 0.8)
}

.mbsc-wp-light .dw-cal-day-m {
    border-color: #000 #000 transparent transparent
}

.mbsc-wp-light .dw-cal-day-fg {
    border-color: #a6a6a6
}

.mbsc-wp-light .dw-cal-day-hl .dw-cal-day-fg {
    background: #000;
    border-color: #000;
    color: #dedede
}

.mbsc-wp-light .dwb-a:before,
.mbsc-wp-light .dwb-a .dw-cal-btn-txt:before {
    background: #000
}

.mbsc-wp-light .dwb.dwb-a:before,
.mbsc-wp-light .dwb-a .dw-cal-btn-txt:before {
    color: #dedede
}

.mbsc-wp-light .dwb:before,
.mbsc-wp-light .dw-cal-btn-txt:before {
    color: #000;
    border-color: #000
}

.mbsc-wp-light .dw-week-nrs-c {
    background: #dedede
}

.mbsc-wp-light .mbsc-rating-icon {
    color: inherit
}

.mbsc-wp-light .mbsc-rating-circle {
    background: #000;
    color: #dedede
}

.mbsc-wp-light .mbsc-rating-circle-unf {
    background: #646464
}

.mbsc-wp-light.dw-timespan .dwl,
.mbsc-wp-light.dw-timer .dwl {
    color: #000
}

.mbsc-wp-light .mbsc-np-btn {
    background: #ccc;
    border: 2px solid #dedede
}

.mbsc-wp-light .mbsc-np-btn.dwb-a {
    background: #b5b5b5;
    color: #000
}

.mbsc-wp-light .mbsc-np-btn.dwb-d {
    color: #000;
    opacity: .5
}

.mbsc-wp-light .mbsc-np-del.dwb-a:before {
    color: #000
}

.mbsc-wp-light .mbsc-np-btn-empty {
    background: 0
}

.mbsc-lv-wp-light .mbsc-lv-item,
.mbsc-lv-wp-light .mbsc-lv-gr-title {
    background: #dedede;
    color: #000
}

.mbsc-lv-wp-light.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
    background: #f0f0f0
}

.mbsc-wp-light.mbsc-ms-c {
    background: #dedede;
    color: #000
}

.mbsc-wp-light .mbsc-ms-item {
    color: #a6a6a6
}

.mbsc-wp-light .mbsc-ms-ic:before {
    border-color: #000
}

.mbsc-wp-light .mbsc-ms-item-sel .mbsc-ms-ic:before,
.mbsc-wp-light .mbsc-btn-a .mbsc-ms-ic:before {
    background: #000;
    color: #dedede
}

.mbsc-wp-light.mbsc-ms-icons .mbsc-ms-item {
    color: #000
}

.mbsc-wp-light .mbsc-ms-item-sel {
    color: #000
}

.mbsc-mobiscroll .dwwr {
    background: #f7f7f7;
    color: #454545
}

.mbsc-mobiscroll .dwv {
    color: #0A5992
}

.mbsc-mobiscroll .dwbw {
    display: block;
    float: right
}

.mbsc-mobiscroll .dwb {
    color: #0A5992
}

.mbsc-mobiscroll .dwl {
    color: #0A5992
}

.mbsc-mobiscroll .dwwol {
    border-top: 1px solid #0A5992;
    border-bottom: 1px solid #0A5992
}

.mbsc-mobiscroll .dwwb {
    color: #0A5992;
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-sc-c {
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-btn-txt {
    color: #0A5992
}

.mbsc-mobiscroll .dw-cal-days {
    color: #0A5992;
    border-bottom: 1px solid #0A5992
}

.mbsc-mobiscroll .dw-week-nrs-c {
    color: #0A5992;
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-tabs .dw-sel {
    background: #0A5992
}

.mbsc-mobiscroll .dw-cal-tabs .dw-sel .dw-i {
    color: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-tab {
    border: 1px solid #0A5992
}

.mbsc-mobiscroll .dw-cal-tab .dw-i {
    color: #454545
}

.mbsc-mobiscroll .dw-cal-day-m {
    background: #454545
}

.mbsc-mobiscroll .dw-sel .dw-cal-day-m {
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-sel .dw-cal-day-m-c {
    background: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-day-m-c {
    background: #0A5992
}

.mbsc-mobiscroll .dw-cal-day-txt {
    color: #f7f7f7;
    background: #454545
}

.mbsc-mobiscroll .dw-cal-events {
    color: #f7f7f7
}

.mbsc-mobiscroll .dw-cal-event-color {
    background: #0A5992
}

.mbsc-mobiscroll .dw-cal-event-time {
    color: #0A5992
}

.mbsc-mobiscroll .dw-cal-event-dur {
    color: #0A5992
}

.mbsc-mobiscroll .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #f7f7f7 transparent
}

.mbsc-mobiscroll .dw-bubble-top .dw-arr {
    border-color: #f7f7f7 transparent transparent transparent
}

.mbsc-mobiscroll .dw-msel:before {
    color: #0A5992
}

.mbsc-mobiscroll .dw-cal .dw-sel .dw-i {
    background: #0A5992;
    color: white
}

.mbsc-mobiscroll .dw-cal-day-hl .dw-i {
    border-color: #0A5992
}

.page--agonist-vs-antagonists .section--path .firmagon .bullet ul,
.page--agonist-vs-antagonists .section--path .firmagon .bullet .text,
.page--agonist-vs-antagonists .section--path .leuprolide .bullet ul,
.page--agonist-vs-antagonists .section--path .leuprolide .bullet .text {
    opacity: 1 !important;
}

@media only screen and (min-width: 1025px) {
    .page--agonist-vs-antagonists .section--path .day-pct-chart {
        top: 61%;
    }

    .page--agonist-vs-antagonists .section--path .top-firmagon {
        height: 218px;
        background-size: 187px 218px;
        background-image: url(images/lg/section-1/wing-firmagon-longer-s.png);
    }

    .page--agonist-vs-antagonists .section--path p.abbreviations {
        height: 33px;
    }

    .page--agonist-vs-antagonists .section--path .path-wrap {
        min-height: 482px;
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .page--agonist-vs-antagonists .section--path .top-firmagon {
        background-image: url(images/lgr/section-1/wing-firmagon-longer.png);
    }
}
footer.footer--sticky .isi--text p.abbreviations {
    padding: 0;
    line-height: 18px;
    margin: 0 0 -15px 0;
}

footer.footer--sticky .isi--text p.abbreviations a {
    text-transform: lowercase;
}

footer.footer--sticky .isi--text p.abbreviations:last-child {
    padding-bottom: 16px;
    margin: 0 0 0;
}



.healthy-container .magazine-cover {
    width: 29.4166666667%;
}

.healthy-container .right-container {
    display: inline-block;
    vertical-align: top;
    width: 53.9166666667%;
    margin-left: 5%;
}

.page--patient-support .content--top .healthy-container .pdf-container .button {
    margin-bottom: 10px;
}

.page--patient-support .content--top .healthy-container .pdf-container .download-container .text {
    margin-top: 14px
}

.purple-text {
    color: #A50235;
    text-decoration: underline;
    font-weight: bold;
}


@media screen and (max-width: 600px) {
	.page--home .section--dont-wait .red-btn-area{
		margin-top: 70%;
	}
}