/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* IE10 in Windows (Phone) 8 Support for responsive views via media queries do not work in IE10 on mobile for versions prior to WP8 Update 3 (GDR3). */
@-ms-viewport { width: device-width; }
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. 3. Use the iOS devices hardware accelerator to provide native scrolling. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-overflow-scrolling: touch; /* 3 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* PsO COLORS */
/* PsA COLORS */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
*, *:before, *:after { box-sizing: border-box; }

html { color: #222; font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301  These selection rule sets have to be separate. Customize the background color to match your design. 

::selection { background: #b3d4fc; text-shadow: none;
}

*/
/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Author's custom styles ========================================================================== */
@font-face { font-family: 'source_sans_proregular'; src: url("/assets/fonts/sourcesanspro-regular-webfont.eot"); src: url("/assets/fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("/assets/fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("/assets/fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("/assets/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'source_sans_probold'; src: url("/assets/fonts/sourcesanspro-bold-webfont.eot"); src: url("/assets/fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("/assets/fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("/assets/fonts/sourcesanspro-bold-webfont.ttf") format("truetype"), url("/assets/fonts/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'source_sans_prosemibold'; src: url("/assets/fonts/sourcesanspro-semibold-webfont.eot"); src: url("/assets/fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/sourcesanspro-semibold-webfont.woff2") format("woff2"), url("/assets/fonts/sourcesanspro-semibold-webfont.woff") format("woff"), url("/assets/fonts/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("/assets/fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg"); font-weight: normal; font-style: normal; }
/* scripty font in PSA headers is this one ... */
@font-face { font-family: 'angelinaregular'; src: url("/assets/fonts/angelina-webfont.eot"); src: url("/assets/fonts/angelina-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/angelina-webfont.woff2") format("woff2"), url("/assets/fonts/angelina-webfont.woff") format("woff"), url("/assets/fonts/angelina-webfont.ttf") format("truetype"), url("/assets/fonts/angelina-webfont.svg#angelinaregular") format("svg"); font-weight: normal; font-style: normal; }
/* ... or this one ... */
@font-face { font-family: 'journalregular'; src: url("/assets/fonts/journal-webfont.eot"); src: url("/assets/fonts/journal-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/journal-webfont.woff") format("woff"), url("/assets/fonts/journal-webfont.ttf") format("truetype"), url("/assets/fonts/journal-webfont.svg#journalregular") format("svg"); font-weight: normal; font-style: normal; }
/* latin-ext */
@font-face { font-family: 'Shadows Into Light Two'; font-style: normal; font-weight: 400; src: local("Shadows Into Light Two"), local("ShadowsIntoLightTwo-Regular"), url(//fonts.gstatic.com/s/shadowsintolighttwo/v4/gDxHeefcXIo-lOuZFCn2xenscRtSKpe8kU3MLeG_mRh_v5H-gcmDugi2HQeB0BPm.woff2) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Shadows Into Light Two'; font-style: normal; font-weight: 400; src: local("Shadows Into Light Two"), local("ShadowsIntoLightTwo-Regular"), url(//fonts.gstatic.com/s/shadowsintolighttwo/v4/gDxHeefcXIo-lOuZFCn2xVbBQNzAwd3E4WXIZWrwe_7r7w4p9aSvGirXi6XmeXNA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face { font-family: "Avenir LT W01_35 Light1475496"; src: url("/assets/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix"); src: url("/assets/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"), url("/assets/fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"), url("/assets/fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"), url("/assets/fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"), url("/assets/fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg"); }
@font-face { font-family: "Avenir LT W01_65 Medium"; src: url("/assets/fonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix"); src: url("/assets/fonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix") format("eot"), url("/assets/fonts/e4d36745-a861-4a49-aa17-6510e67429d3.woff2") format("woff2"), url("/assets/fonts/2cac77ec-9bc0-4ee7-87e4-27650190744f.woff") format("woff"), url("/assets/fonts/aaf11848-aac2-4d09-9a9c-aac5ff7b8ff4.ttf") format("truetype"), url("/assets/fonts/294099f3-8d00-4676-afc5-5e9d8d43ad69.svg#294099f3-8d00-4676-afc5-5e9d8d43ad69") format("svg"); }
@font-face { font-family: "Avenir LT W01_85 Heavy1475544"; src: url("/assets/fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix"); src: url("/assets/fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"), url("/assets/fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("/assets/fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"), url("/assets/fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"), url("/assets/fonts/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg"); }
@font-face { font-family: "Avenir LT W01_95 Black"; src: url("/assets/fonts/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix"); src: url("/assets/fonts/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix") format("eot"), url("/assets/fonts/16695c2d-c755-45a2-bdcf-c54843f39afd.woff2") format("woff2"), url("/assets/fonts/5a05cf7f-f332-456f-ae67-d8c26e0d35b3.woff") format("woff"), url("/assets/fonts/c33278bc-988e-440b-b4be-6acc095e6044.ttf") format("truetype"), url("/assets/fonts/7bdad4a5-289b-42f9-b6fa-c5883b9e9f23.svg#7bdad4a5-289b-42f9-b6fa-c5883b9e9f23") format("svg"); }
@font-face { font-family: "HelveticaNeueW01-67MdCn_692710"; src: url("/assets/fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix"); src: url("/assets/fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix") format("eot"), url("/assets/fonts/aef05e22-e1d4-4e59-bc2e-a71c13c26cca.woff") format("woff"), url("/assets/fonts/b785b1cf-24fa-44c9-8c93-d8e2d6912c47.ttf") format("truetype"), url("/assets/fonts/5ab0c585-fb4b-43d9-abb0-b92f452b1284.svg#5ab0c585-fb4b-43d9-abb0-b92f452b1284") format("svg"); }
@font-face { font-family: "Interstate Light Compressed"; src: url("/assets/fonts/Interstate Light Compressed.eot?#iefix"); src: url("/assets/fonts/Interstate Light Compressed.eot?#iefix") format("eot"), url("/assets/fonts/Interstate Light Compressed.woff") format("woff"); }
@font-face { font-family: "Interstate Light Condensed"; src: url("/assets/fonts/Interstate Light Condensed.eot?#iefix"); src: url("/assets/fonts/Interstate Light Condensed.eot?#iefix") format("eot"), url("/assets/fonts/Interstate Light Condensed.woff") format("woff"); }
@font-face { font-family: 'ITCGaramondStd-Lt'; src: url("/assets/fonts/354AC0_0_0.eot"); src: url("/assets/fonts/354AC0_0_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/354AC0_0_0.woff2") format("woff2"), url("/assets/fonts/354AC0_0_0.woff") format("woff"), url("/assets/fonts/354AC0_0_0.ttf") format("truetype"); }
@font-face { font-family: 'ITCGaramondStd-LtIta'; src: url("/assets/fonts/354AC0_1_0.eot"); src: url("/assets/fonts/354AC0_1_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/354AC0_1_0.woff2") format("woff2"), url("/assets/fonts/354AC0_1_0.woff") format("woff"), url("/assets/fonts/354AC0_1_0.ttf") format("truetype"); }
@font-face { font-family: 'ITCGaramondStd-Bk'; src: url("/assets/fonts/354AC0_2_0.eot"); src: url("/assets/fonts/354AC0_2_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/354AC0_2_0.woff2") format("woff2"), url("/assets/fonts/354AC0_2_0.woff") format("woff"), url("/assets/fonts/354AC0_2_0.ttf") format("truetype"); }
@font-face { font-family: 'ITCGaramondStd-Bd'; src: url("/assets/fonts/354AC0_3_0.eot"); src: url("/assets/fonts/354AC0_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/354AC0_3_0.woff2") format("woff2"), url("/assets/fonts/354AC0_3_0.woff") format("woff"), url("/assets/fonts/354AC0_3_0.ttf") format("truetype"); }
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container { margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }

.mCSB_outside + .mCSB_scrollTools { right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* 
sprites locations 
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* 
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* 
sprites locations 
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* 
sprites locations 
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; }

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
html { width: 100%; height: 100%; }

body { height: 100%; width: 100%; min-width: 320px; font-family: "source_sans_proregular"; overflow-x: hidden; overflow-y: auto; color: #464646; }
body.locked { position: fixed; }
body.pso { background-repeat: no-repeat; background-position: center 110px; }
body.psa { background-repeat: no-repeat; background-position: center 112px; color: #363636; }

* { margin-top: 0; margin-bottom: 0; }

header, main, footer, section { width: 100%; min-width: 320px; }

.header-content, .footer-content, .isi-content, .section-content { width: 100%; max-width: 320px; margin: 0 auto; padding: 0 10px; }

.js-overflow-hidden { overflow: hidden !important; }

body.tooltip-open header { position: relative; z-index: 1; }
body.tooltip-open main { margin-top: 0; }

main { margin-top: 110px; }

article { background-color: #999; }

aside { display: none; background-color: #999; }

strong { font-weight: normal; font-family: "source_sans_probold"; }

.scripty { /*@include AngelinaRegular();*/ font-family: "journalregular", sans-serif; font-style: italic; font-size: 125%; text-transform: none; font-weight: normal; line-height: 0; font-size: 170% !important; }
.wf-journalregular-n4-loading .scripty, .wf-journalregular-n4-inactive .scripty { font-style: italic; font-size: 125%; }
.wf-journalregular-n4-active .scripty { font-size: 200%; }

span.smallScripty { font-size: 120% !important; }

span.avenirHeavy { font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; }

.font-regular { font-family: "source_sans_proregular"; }

span.smallCaps { font-variant: small-caps; }

span.blue2 { color: #003f66; }

span.blue { color: #004165; }

span.orange { color: #d47600; }

sup.special-tm { font-size: 60%; }

sup.small { font-size: 50%; top: -0.75em; }

h1 { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 24px; font-size: 1.5rem; font-weight: normal; color: #003f66; line-height: 34px; }
h1 strong { font-family: "Avenir LT W01_95 Black", sans-serif; }

h1.pagehead { font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 36px; font-size: 2.25rem; line-height: normal; color: #004165; }
.psa h1.pagehead { color: #d47600; }
h1.supportplus { text-transform: none; }

h2.subhead { font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 36px; font-size: 2.25rem; line-height: normal; color: #004165; }
.psa h2.subhead { color: #d47600; }
h2.subhead-2 { font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 26px; font-size: 1.625rem; line-height: normal; color: #004165; }
.psa h2.subhead-2 { color: #d47600; }
h2.orange { color: #d47600; }
h2.white { color: #ffffff; }
h2.blue { color: #004165; }
h2.supportplus { text-transform: none; }

h2, h3, h4 { font-weight: normal; }

p { font-size: 14px; font-size: 0.875rem; line-height: 1.43; }
p.footnote { font-size: 12px; font-size: 0.75rem; font-style: italic; line-height: 1.4; }
p.contains-link-only { margin-top: 30px; }

li { line-height: 1.43; }

a.link-inline { color: inherit; font-family: "source_sans_probold"; text-decoration: underline; }
a.link-solo { color: inherit; font-family: "source_sans_probold"; text-decoration: underline; text-transform: uppercase; }
a.stupid { text-decoration: none; }
a.stupid span.copy-underlined { text-decoration: underline; }
a.stupid span.copy-not-underlined { text-decoration: none; }
a.tel { display: inline; text-decoration: none !important; font-family: "source_sans_probold"; }
a.white { color: #ffffff; }
a.blue { color: #004165; }
a.black { color: #000000; }
a.body-text { color: #464646; }
.psa a.body-text { color: #363636; }
a.link-right-arrow { text-transform: uppercase; display: inline-block; text-decoration: none; color: #ffffff; font-size: 14px; font-size: 0.875rem; font-family: "source_sans_probold"; }
a.link-right-arrow span.right-arrow { padding-left: 10px; display: inline-block; width: 6px; height: 8px; background-repeat: no-repeat; background-image: url("/assets/img/global/mobile/customButton-orange-right-arrow.png"); background-size: 6px auto; background-position: 100% 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.link-right-arrow span.right-arrow { background-image: url("/assets/img/global/mobile/customButton-orange-right-arrow-2x.png"); background-size: 6px auto; } }
a.link-right-arrow.blue { color: #004165; }
a.link-right-arrow.blue span.right-arrow { background-image: url("/assets/img/global/mobile/right-arrow-blue.png"); background-size: 5px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.link-right-arrow.blue span.right-arrow { background-image: url("/assets/img/global/mobile/right-arrow-blue-2x.png"); background-size: 5px auto; } }
a.link-right-arrow.blue:hover { color: #658ba2; }
a.link-right-arrow.blue:hover span.right-arrow { background-image: url("/assets/img/global/mobile/right-arrow-blue-2.png"); background-size: 5px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.link-right-arrow.blue:hover span.right-arrow { background-image: url("/assets/img/global/mobile/right-arrow-blue-2-2x.png"); background-size: 5px auto; } }
.psa a.link-right-arrow { color: #d47600; }
.psa a.link-right-arrow:hover { color: #c85a02; }

a.download-app-link { display: inline-block; width: 140px; height: 43px; background-repeat: no-repeat; background-position: top center; margin: 20px auto 0; }
a.download-app-link.app-store { background-image: url("/assets/img/global/mobile/app-store-logo.png"); background-size: 130px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.download-app-link.app-store { background-image: url("/assets/img/global/mobile/app-store-logo-x2.png"); background-size: 130px auto; } }
a.download-app-link.google-play { background-image: url("/assets/img/global/mobile/google-play-logo.png"); background-size: 130px auto; margin-top: 10px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.download-app-link.google-play { background-image: url("/assets/img/global/mobile/google-play-logo-x2.png"); background-size: 130px auto; } }

a.helpful-website { display: block; background-repeat: no-repeat; margin: 20px auto; }
a.helpful-website.af { width: 186px; height: 51px; background-image: url("/assets/img/global/mobile/icon-af.png"); background-size: 186px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.helpful-website.af { background-image: url("/assets/img/global/mobile/icon-af-2x.png"); background-size: 186px auto; } }
a.helpful-website.npf { width: 201px; height: 81px; background-image: url("/assets/img/pso/mobile/interior/national-psoriasis-foundation-logo-2x.png"); background-size: 201px; }
a.helpful-website.npf-2 { width: 201px; height: 81px; background-size: 201px; background-image: url("/assets/img/psa/mobile/interior/national-psoriasis-foundation-orange-logo.png"); }
a.helpful-website.mayo { width: 198px; height: 42px; background-size: 198px; background-image: url("/assets/img/pso/mobile/interior/mayo-clinic-logo-2x.png"); }
a.helpful-website.mayo-2 { width: 198px; height: 41px; background-size: 198px; background-image: url("/assets/img/psa/mobile/interior/mayo-clinic-orange-logo.png"); }
a.helpful-website.eh { width: 142px; height: 64px; background-size: 142px; background-image: url("/assets/img/pso/mobile/interior/everyday-health-logo-2x.png"); }
a.helpful-website.eh-2 { background-image: url("/assets/img/psa/mobile/interior/everyday-health-orange-logo.png"); width: 142px; height: 64px; background-size: 142px; }
a.helpful-website.wpd { width: 120px; height: 95px; background-image: url("/assets/img/pso/mobile/interior/world-psoriasis-day-logo-2x.png"); background-size: 120px; }

h2 + p, h1 + p, h2 + ul, p + p, ul + p { margin-top: 20px; }

.customButton, .customButtonWhite, .customButtonOrange, .customButtonLightBlue, .customButtonDarkBlue, .customButtonShowPatientStory, .customButtonClosePatientStory, .customButtonPsa, .custombuttonPsa, .customButtonWhitePsa, .custombutton { display: inline-block; text-decoration: none; background-color: #004165; color: #ffffff; font-size: 14px; font-size: 0.875rem; font-family: "source_sans_probold"; padding: 11px 20px; border: 0; margin: 20px auto; text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); }
.customButton span.customButtonText, .customButtonWhite span.customButtonText, .customButtonOrange span.customButtonText, .customButtonLightBlue span.customButtonText, .customButtonDarkBlue span.customButtonText, .customButtonShowPatientStory span.customButtonText, .customButtonClosePatientStory span.customButtonText, .customButtonPsa span.customButtonText, .custombuttonPsa span.customButtonText, .customButtonWhitePsa span.customButtonText, .custombutton span.customButtonText { padding-right: 14px; display: inline-block; background-repeat: no-repeat; background-position: right 40%; text-transform: uppercase; background-image: url("/assets/img/global/mobile/customButton-right-arrow-sprite.png"); background-size: 6px auto; background-position: 100% -40px; }
.b_ie .customButton span.customButtonText, .b_ie .customButtonWhite span.customButtonText, .b_ie .customButtonOrange span.customButtonText, .b_ie .customButtonLightBlue span.customButtonText, .b_ie .customButtonDarkBlue span.customButtonText, .b_ie .customButtonShowPatientStory span.customButtonText, .b_ie .customButtonClosePatientStory span.customButtonText, .b_ie .customButtonPsa span.customButtonText, .b_ie .custombuttonPsa span.customButtonText, .b_ie .customButtonWhitePsa span.customButtonText, .b_ie .custombutton span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-right-arrow-2x.png"); background-position: right 40%; }
.customButton:hover, .customButtonWhite:hover, .customButtonOrange:hover, .customButtonLightBlue:hover, .customButtonDarkBlue:hover, .customButtonShowPatientStory:hover, .customButtonClosePatientStory:hover, .customButtonPsa:hover, .custombuttonPsa:hover, .customButtonWhitePsa:hover, .custombutton:hover { background-color: #d47600; }

/*
.customButton2{ @extend .customButton; background-color: transparent; border:1px solid $white; background-image: url('/assets/img/global/mobile/customButton2-bg.png'); background-repeat: repeat;
}*/
.customButtonWhite { background-color: #ffffff; color: #004165; }
.customButtonWhite span.customButtonText { background-position: 100% -1px; }
.b_ie .customButtonWhite span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-blue-right-arrow-2x.png"); background-position: right 40%; }
.customButtonWhite:hover { color: #ffffff; }
.customButtonWhite:hover span.customButtonText { background-position: 100% -40px; }
.b_ie .customButtonWhite:hover span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-right-arrow-2x.png"); background-position: right 40%; }

.customButtonOrange { background-color: #d47600; }
.customButtonOrange:hover { background-color: #c85a02; }
.customButtonOrange.disabled:hover { background-color: #d47600; }

.customButtonLightBlue { background-color: #658ba2; }
.customButtonLightBlue:hover { background-color: #004165; }

.customButtonDarkBlue { background-color: #023a62; }
.customButtonDarkBlue:hover { background-color: #668ca3; }

.customButtonShowPatientStory span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-down-arrow.png"); background-size: 8px auto; background-position: right 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButtonShowPatientStory span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-down-arrow-2x.png"); background-size: 8px auto; } }
.psa .customButtonShowPatientStory { background-color: #d47600; }
.psa .customButtonShowPatientStory:hover { background-color: #004165; }

.customButtonClosePatientStory { background-color: #ffffff; color: #668ca3; }
.customButtonClosePatientStory span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-blue-up-arrow-2x.png"); background-size: 8px auto; background-position: right 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButtonClosePatientStory span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-blue-up-arrow-2x.png"); background-size: 8px auto; } }
.customButtonClosePatientStory:hover { color: #ffffff; }
.customButtonClosePatientStory:hover span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-up-arrow-2x.png"); background-size: 8px auto; background-position: right 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButtonClosePatientStory:hover span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-up-arrow-2x.png"); background-size: 8px auto; } }
.psa .customButtonClosePatientStory { color: #d47600; }
.psa .customButtonClosePatientStory span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-orange-up-arrow-2x.png"); background-size: 8px auto; background-position: right 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .psa .customButtonClosePatientStory span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-orange-up-arrow-2x.png"); background-size: 8px auto; } }
.psa .customButtonClosePatientStory:hover { color: #ffffff; background-color: #d47600; }
.psa .customButtonClosePatientStory:hover span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-up-arrow-2x.png"); background-size: 8px auto; background-position: right 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .psa .customButtonClosePatientStory:hover span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-up-arrow-2x.png"); background-size: 8px auto; } }

/*.customButton4{ @extend .customButton; background-color: transparent; border:0px solid $orange; color: $orange; span.customButtonText{ @include background-hr-image('/assets/img/global/mobile/customButton-orange-right-arrow.png','/assets/img/global/mobile/customButton-orange-right-arrow-2x.png',6px); }
}*/
/*.customButtonIcon{ @extend .customButton; @include background-hr-image('/assets/img/global/mobile/customButton-watch-video.png','/assets/img/global/mobile/customButton-watch-video-2x.png',42px); background-repeat: no-repeat; background-position: 15px 50%; padding: 15px; padding-left: 70px; margin-left: auto; margin-right: auto;
 span.customButtonText{ background-position: right 80%; @include background-hr-image-none(); text-align: left; } span.right-arrow{ display: inline-block; width: 15px; height: 9px; @include background-hr-image('/assets/img/global/mobile/customButton-white-right-arrow.png','/assets/img/global/mobile/customButton-white-right-arrow-2x.png',6px); background-repeat: no-repeat; background-position: right 0; } &:hover{ @include background-hr-image('/assets/img/global/mobile/customButton-watch-video-hover.png','/assets/img/global/mobile/customButton-watch-video-hover-2x.png',42px); }
}*/
/*.customButtonMultiLine{ @extend .customButton; padding: 10px 20px;
 span.customButtonText{ padding-right: 0; @include background-hr-image-none(); //text-align: left; } span.right-arrow{ display: inline-block; width: 15px; height: 9px; @include background-hr-image('/assets/img/global/mobile/customButton-white-right-arrow.png','/assets/img/global/mobile/customButton-white-right-arrow-2x.png',6px); background-repeat: no-repeat; background-position: right 0; } &:hover{
 }
}*/
.customButtonPsa, .custombuttonPsa { background-color: #d47600; color: #ffffff; }
.customButtonPsa:hover, .custombuttonPsa:hover { background-color: #004165; }

.customButtonWhitePsa { background-color: #ffffff; color: #d47600; }
.customButtonWhitePsa span.customButtonText { background-position: 100% -20px; }
.b_ie .customButtonWhitePsa span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-orange-right-arrow-2x.png"); background-position: right 40%; }
.customButtonWhitePsa:hover { background-color: #004165; color: #ffffff; }
.customButtonWhitePsa:hover span.customButtonText { background-position: 100% -40px; }
.b_ie .customButtonWhitePsa:hover span.customButtonText { background-image: url("/assets/img/global/mobile/customButton-white-right-arrow-2x.png"); background-position: right 40%; }

.tac { text-align: center; }

.avenirBlack { font-family: "Avenir LT W01_95 Black", sans-serif; }

.vertical-outer { display: table; width: 100%; }

.vertical-inner { display: table-cell; width: 100%; vertical-align: middle; }

/* HEADER */
.hamburger { position: relative; border: 0; outline: 0; height: 24px; padding: 0 43px 0 0; background-color: transparent; font-size: 11px; font-size: 0.6875rem; line-height: 24px; }
.hamburger:after { content: ''; position: absolute; top: 0; right: 0; width: 33px; height: 24px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2066%2047%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f00%22%20stroke-width%3D%227%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M0%203.5h66M0%2023.5h66M0%2043.5h66%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 33px; }

ul { margin: 0; padding: 0; list-style-type: none; font-size: 14px; font-size: 0.875rem; }
ul.bulleted li { position: relative; padding-left: 1em; }
ul.bulleted li + li { margin-top: 10px; }
ul.bulleted li:before { content: '\2022'; position: absolute; top: 0; left: 0; color: inherit; }
ul.orange-bullet li:before { color: #d47600; }
ul.blue-bullet li:before { color: #004165; }

ol { margin: 0; padding: 0; list-style-type: none; font-size: 14px; font-size: 0.875rem; counter-reset: section; }
ol.numbered li { position: relative; padding-left: .75em; }
ol.numbered li:before { counter-increment: section; content: counters(section,".") ". "; position: relative; color: inherit; font-weight: bold; }

.mCSB_inside > .mCSB_container { margin-right: 10px; }

.mCS-sp-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #464646; width: 6px; }

.mCS-sp-theme.mCSB_scrollTools_vertical { width: 25px; }

.mCS-sp-theme.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #ebebeb; }

div.jwVideoContainer { margin-top: 20px; padding: 0px; background-color: #ffffff; position: relative; }

div.video-end { background-image: url("/assets/img/related-video/endframe.png"); background-size: 301px auto; background-repeat: no-repeat; display: block; width: 300px; height: 169px; position: absolute; top: 0px; left: 0px; z-index: 2; display: none; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.video-end { background-image: url("/assets/img/related-video/endframe.png"); background-size: 301px auto; } }
div.video-end a { outline: 0px solid red; position: absolute; display: inline-block; }
div.video-end a.video-end-close { bottom: 7px; right: 0px; width: 25px; height: 25px; }
div.video-end a.endframe-link { width: 61px; height: 20px; bottom: 10px; }
div.video-end a.endframe-link.appstore { left: 89px; }
div.video-end a.endframe-link.googleplay { left: 153px; }

div.column-container div.column { margin: 0px auto; }
div.column-container div.column + .column { margin-top: 20px; }
div.column-container div.columns-double div.column { width: 100%; }
div.column-container div.columns-single div.column { width: 100%; }

section { background-repeat: no-repeat; background-position: center top; background-color: #f2f5f7; }
section div.section-content { padding: 50px 10px; }
section h2.little { font-family: ITCGaramondStd-LtIta, serif; font-weight: normal; font-style: normal; font-size: 19px; font-size: 1.1875rem; line-height: 34px; color: #d47600; position: absolute; top: 0; left: 0; }
section h2.big { font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 28px; font-size: 1.75rem; line-height: 34px; color: #004165; position: absolute; top: 0; left: 0; }
section.color-dark p { color: #000000; }
section.color-dark ul { color: #000000; }
section.color-dark a.link-inline, section.color-dark a.link-solo { color: #000000; }
section.color-dark h2 { color: #004165; }
section.color-white p, section.color-white ul, section.color-white h2 { color: #ffffff; }
section.text-right { text-align: right; }
section.patientStory { background-color: #e5ecef; background-repeat: no-repeat; background-position: bottom center; }
.psa section.patientStory { background-color: #f9ebd9; }
section.patientStory div.section-content { padding-bottom: 20px; text-align: center; background-size: 143px; background-repeat: no-repeat; background-position: 50% 45px; padding-top: 208px; }
section.patientStory p.story-subhead { font-size: 16px; font-size: 1rem; font-family: ITCGaramondStd-Bk, serif; font-weight: normal; font-style: normal; color: #004165; }
.psa section.patientStory p.story-subhead { color: #d47600; }
section.patientStory a.customButtonShowPatientStory { display: inline-block; text-transform: uppercase; }
section.patientStory a.customButtonClosePatientStory { display: none; text-transform: uppercase; }
section.patientStory.open a.customButtonClosePatientStory { display: inline-block; }
section.patientStory.open a.customButtonShowPatientStory { display: none; }
section.patientStory.bob div.section-content { background-image: url("/assets/img/pso/mobile/interior/patient-talking-about-psoriasis-2x.png"); background-size: 143px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patientStory.bob div.section-content { background-image: url("/assets/img/pso/mobile/interior/patient-talking-about-psoriasis-2x.png"); background-size: 143px auto; } }
section.patientStory.christy div.section-content { background-image: url("/assets/img/pso/mobile/interior/patient-with-psoriasis-symptoms-2x.png"); background-size: 143px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patientStory.christy div.section-content { background-image: url("/assets/img/pso/mobile/interior/patient-with-psoriasis-symptoms-2x.png"); background-size: 143px auto; } }
section.patientStory.johnna div.section-content { background-image: url("/assets/img/pso/mobile/interior/patient-managing-psoriasis-2x.png"); background-size: 143px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patientStory.johnna div.section-content { background-image: url("/assets/img/pso/mobile/interior/patient-managing-psoriasis-2x.png"); background-size: 143px auto; } }
section.patientStory.jeanie div.section-content { background-image: url("/assets/img/psa/mobile/interior/patient-talking-about-psoriatic-arthritis-2x.png"); background-size: 145px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patientStory.jeanie div.section-content { background-image: url("/assets/img/psa/mobile/interior/patient-talking-about-psoriatic-arthritis-2x.png"); background-size: 145px auto; } }
section.patientStory.bryan div.section-content { background-image: url("/assets/img/psa/mobile/interior/psoriatic-arthritis-patient-story-2x.png"); background-size: 145px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patientStory.bryan div.section-content { background-image: url("/assets/img/psa/mobile/interior/psoriatic-arthritis-patient-story-2x.png"); background-size: 145px auto; } }
section.patientStory.jessie div.section-content { background-image: url("/assets/img/psa/mobile/interior/patient-managing-psoriatic-arthritis-2x.png"); background-size: 145px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patientStory.jessie div.section-content { background-image: url("/assets/img/psa/mobile/interior/patient-managing-psoriatic-arthritis-2x.png"); background-size: 145px auto; } }
section.patientStory-details { display: none; background-color: #f2f5f7; }
.psa section.patientStory-details { background-color: #fbf1e5; }
section.patientStory-details p.story-quote { font-family: ITCGaramondStd-Bk, serif; font-weight: normal; font-style: normal; font-size: 20px; font-size: 1.25rem; text-align: left; margin-top: 30px; margin-bottom: 30px; color: #004165; }
.psa section.patientStory-details p.story-quote { color: #d47600; }
section.patientStory-details span.story-quote-symbol { display: inline-block; height: 20px; position: relative; width: 20px; }
section.patientStory-details span.story-qoute-symbol-inner { position: absolute; top: -7px; left: 0; font-size: 40px; }
section.patientStory-details div.hide-story-button-container { text-align: center; }
section.patientStory-details a.customButtonClosePatientStory { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 30px; }
section.pre-footer { background-color: #002a3a; color: #ffffff; }
section.pre-footer div.section-content { padding: 50px 0; }
section.pre-footer div.section-content ul { width: 210px; margin: 0 auto; display: none; }
section.pre-footer div.section-content ul li { display: table; width: 100%; }
section.pre-footer div.section-content ul li + li { margin-top: 50px; }
section.pre-footer div.section-content ul li a { color: #004165; font-size: 14px; font-size: 0.875rem; text-decoration: none; display: block; position: relative; padding-left: 70px; margin-bottom: 50px; display: table-cell; vertical-align: middle; }
section.pre-footer div.section-content ul li a:before { display: inline-block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; }
section.pre-footer div.section-content ul li a:after { display: inline-block; position: absolute; bottom: -20px; left: 60px; height: 1px; background-color: #004165; width: 115px; }
section.pre-footer div.section-content ul li a.pre-footer-link1 { height: 51px; }
section.pre-footer div.section-content ul li a.pre-footer-link1:before { background: url("/assets/img/global/sign-up-for-psoriasis-support-icon.svg"); width: 56px; height: 51px; background-repeat: no-repeat; background-size: 56px; background-position: 50% 50%; }
section.pre-footer div.section-content ul li a.pre-footer-link2 { height: 54px; }
section.pre-footer div.section-content ul li a.pre-footer-link2:before { background: url("/assets/img/global/otezla-treatment-information-icon.svg"); width: 56px; height: 55px; background-repeat: no-repeat; background-size: 49px; background-position: 50% 50%; }
section.pre-footer div.section-content ul li a.pre-footer-link3 { margin-bottom: 0; height: 56px; }
section.pre-footer div.section-content ul li a.pre-footer-link3:after { display: none; }
section.pre-footer div.section-content ul li a.pre-footer-link3:before { background: url("/assets/img/global/psoriasis-symptoms-tracker-icon.svg"); width: 56px; height: 56px; background-repeat: no-repeat; background-size: 36px; background-position: 50% 50%; }
section.orphan a { margin-top: 20px; margin-bottom: 0; }
section.error404, section.error500 { background-color: #004165; }
section.error404 h2.subhead, section.error404 h1.pagehead, section.error500 h2.subhead, section.error500 h1.pagehead { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 24px; font-size: 1.5rem; color: #ffffff; }
section.error404 p, section.error404 ul, section.error500 p, section.error500 ul { color: #ffffff; }
section.error404 div.float_container, section.error500 div.float_container { margin-top: 20px; }
section.error404 a.customButtonLightBlue:hover, section.error500 a.customButtonLightBlue:hover { background-color: #ced9e2; }
section.error404 ul, section.error500 ul { margin-top: 20px; }
section.error404 ul li, section.error500 ul li { margin-top: 16px; }
section.error404 ul li a:hover, section.error500 ul li a:hover { color: #658ba2; }
section.sitemap ul.sitemap > li { margin-top: 30px; }
section.sitemap ul.sitemap > li > ul { margin-left: 30px; }
section.sitemap ul.sitemap > li > ul > li { margin-top: 5px; }
section.isi h2 { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 16px; font-size: 1rem; margin-top: 20px; }
section.isi h2.subhead { font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 36px; font-size: 2.25rem; line-height: normal; color: #004165; }
.psa section.isi h2.subhead { color: #d47600; }
section.landing { background-color: #004165; }
section.landing div.bottle { margin-right: 60px; position: relative; margin-bottom: 10px; }
section.landing div.bottle:after { display: block; position: absolute; top: -20px; right: -60px; width: 39px; height: 106px; background-image: url("/assets/img/global/mobile/water-bottle.png"); background-size: 39px auto; background-repeat: no-repeat; background-position: 0 0; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.landing div.bottle:after { background-image: url("/assets/img/global/mobile/water-bottle-2x.png"); background-size: 39px auto; } }
section.landing div.bottle:before { display: block; position: absolute; top: 0px; right: 0px; width: 1px; height: 76px; background-color: #ffffff; }
section.landing h3.heading { color: #ffffff; font-family: "source_sans_probold"; font-size: 18px; font-size: 1.125rem; line-height: 1.2; }
section.landing p.errorMsg { margin-bottom: 20px; }
section.landing label.text_label, section.landing label.select_label { margin-bottom: 10px; margin-top: 0; }
section.landing div.content-form { margin-top: 40px; display: block; }
section.landing div.content-form.hide { display: none; }
section.landing div.content-confirmation { margin-top: 30px; display: none; }
section.landing div.content-confirmation.show { display: block; }
.psa section.landing { background-color: #FFF9e3; }
.psa section.landing h2.subhead { font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; }
.psa section.landing h3.heading, .psa section.landing p.required_indication { color: #3e3e3e; }
.psa section.landing div.bottle:before { background-color: #959595; }
section.first-section div.section-content { position: relative; }
section.video-cta { height: auto; background-color: #425c74; }
section.video-cta div.section-content { text-align: center; padding-top: 60px; padding-bottom: 50px; }
section.video-cta div.section-content h2, section.video-cta div.section-content p { color: #ffffff; }
section.video-cta div.section-content h2 { font-size: 30px; font-size: 1.875rem; }
section.video-cta div.section-content h2 + p { margin-top: 20px; }
section.video-cta div.section-content p + a.customButton, section.video-cta div.section-content p + a.customButtonWhite, section.video-cta div.section-content p + a.customButtonOrange, section.video-cta div.section-content p + a.customButtonLightBlue, section.video-cta div.section-content p + a.customButtonDarkBlue, section.video-cta div.section-content p + a.customButtonShowPatientStory, section.video-cta div.section-content p + a.customButtonClosePatientStory, section.video-cta div.section-content p + a.customButtonPsa, section.video-cta div.section-content p + a.custombuttonPsa, section.video-cta div.section-content p + a.customButtonWhitePsa { margin-top: 30px; }
section.video-cta div.section-content a.customButton, section.video-cta div.section-content a.customButtonWhite, section.video-cta div.section-content a.customButtonOrange, section.video-cta div.section-content a.customButtonLightBlue, section.video-cta div.section-content a.customButtonDarkBlue, section.video-cta div.section-content a.customButtonShowPatientStory, section.video-cta div.section-content a.customButtonClosePatientStory, section.video-cta div.section-content a.customButtonPsa, section.video-cta div.section-content a.custombuttonPsa, section.video-cta div.section-content a.customButtonWhitePsa, section.video-cta div.section-content a.customButtonWhite { margin-bottom: 0; }
section.full-width-video-bg div.background-video { display: none; }

ul#set-yourself li { margin-top: 30px; padding-left: 80px; background-repeat: no-repeat; background-position: 0 0; }
ul#set-yourself li#set-yourself-01 { background-image: url("/assets/img/global/understand-psoriasis-icon.svg"); background-size: 55px; }
.psa ul#set-yourself li#set-yourself-01 { background-image: url("/assets/img/global/understand-psoriatic-arthritis-icon.svg"); background-size: 55px; }
ul#set-yourself li#set-yourself-02 { background-size: 50px; background-image: url("/assets/img/global/speak-with-doctor-icon.svg"); }
.psa ul#set-yourself li#set-yourself-02 { background-image: url("/assets/img/global/speak-with-rheumatologist-icon.svg"); background-size: 50px; }
ul#set-yourself li#set-yourself-03 { background-size: 58px; background-image: url("/assets/img/global/ask-your-dermatologist-icon.svg"); }
.psa ul#set-yourself li#set-yourself-03 { background-image: url("/assets/img/global/ask-your-rheumatologist-icon.svg"); background-size: 58px; }
ul#set-yourself li#set-yourself-04 { background-size: 50px; background-image: url("/assets/img/global/prepare-for-doctor-appointment-icon.svg"); }
.psa ul#set-yourself li#set-yourself-04 { background-image: url("/assets/img/global/doctor-appointment-preparation-icon.svg"); background-size: 50px; }
ul#set-yourself li h3 { font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 1.5rem; color: #004165; }
.psa ul#set-yourself li h3 { color: #d47600; }
ul#set-yourself li h3 + p { margin-top: 6px; }

div.lightbox-video-container { width: 100%; max-width: 576px; margin: 0 auto; z-index: 21; position: fixed; bottom: auto; left: 0; right: 0; top: 20%; }
div.lightbox-video-container div.lightbox-video { display: none; width: 100%; height: auto; }
div.lightbox-video-container div.lightbox-video.show { display: block; }
div.lightbox-video-container div.jwVideoContainer div.video-close { position: absolute; top: -31px; right: 0; width: 33px; height: 31px; background-image: url("/assets/img/global/video-close-2x.png"); background-size: 33px; background-repeat: no-repeat; background-position: 0 0; cursor: pointer; z-index: 2; }

div#lightbox-video-rc, div#lightbox-video-ia { width: 100%; max-width: 300px; margin: 0 auto; z-index: 21; position: fixed; bottom: auto; left: 0; right: 0; top: 20%; z-index: -1; display: block; left: -9999em; }
div#lightbox-video-rc.show, div#lightbox-video-ia.show { left: 0; z-index: 21; }
div#lightbox-video-rc div.lightbox-video-inner-rc, div#lightbox-video-rc div.lightbox-video-inner-ia, div#lightbox-video-ia div.lightbox-video-inner-rc, div#lightbox-video-ia div.lightbox-video-inner-ia { display: block; width: 100%; height: auto; position: relative; }
div#lightbox-video-rc div.lightbox-video-inner-rc div.video-close, div#lightbox-video-rc div.lightbox-video-inner-ia div.video-close, div#lightbox-video-ia div.lightbox-video-inner-rc div.video-close, div#lightbox-video-ia div.lightbox-video-inner-ia div.video-close { position: absolute; top: -31px; right: 0; width: 33px; height: 31px; background-image: url("/assets/img/global/video-close-2x.png"); background-size: 33px; background-repeat: no-repeat; background-position: 0 0; cursor: pointer; z-index: 2; }

div#lightbox-video-ia { max-width: 576px; }

div._75-percent-container { margin-top: 20px; }
div._75-percent-container div._75-percent { border-right: 1px solid #d47600; font-size: 22px; font-size: 1.375rem; font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; color: #004165; text-align: center; display: inline-block; padding-right: 20px; line-height: 1.1; float: left; }
div._75-percent-container div._75-percent span._75 { font-size: 31px; font-size: 1.9375rem; }
div._75-percent-container p._75-details { float: left; display: inline-block; padding-left: 20px; }

ul.stacked-slider-images li { margin-top: 20px; }
ul.stacked-slider-images li h3 { font-family: "source_sans_proregular"; color: #004165; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; }
ul.stacked-slider-images li p.img { padding-top: 170px; background-repeat: no-repeat; background-position: 50% 0; background-size: 300px; }
ul.stacked-slider-images li p.img span { background-color: #ffffff; width: 149px; display: block; float: left; height: 25px; line-height: 25px; text-align: center; color: #004165; font-size: 11px; }
ul.stacked-slider-images li p.img span + span { float: right; }
ul.stacked-slider-images li.scalp p { background-image: url("/assets/img/slider/otezla-treatment-results-scalp.png"); }
ul.stacked-slider-images li.ear p { background-image: url("/assets/img/slider/otezla-treatment-results-ears.png"); }
ul.stacked-slider-images li.back p { background-image: url("/assets/img/slider/otezla-treatment-results-back.png"); }
ul.stacked-slider-images li.hand p { background-image: url("/assets/img/slider/otezla-treatment-results-hands.png"); }
ul.stacked-slider-images li.elbow p { background-image: url("/assets/img/slider/otezla-treatment-results-elbows.jpg"); }
ul.stacked-slider-images li.legs p { background-image: url("/assets/img/slider/otezla-treatment-results-legs.png"); }
ul.stacked-slider-images li.nail p { background-image: url("/assets/img/slider/otezla-treatment-results-nails.jpg"); }

ol._5-questions { background-size: 62px; background-image: url("/assets/img/global/ask-your-dermatologist-icon.svg"); background-repeat: no-repeat; background-position: 50% 0; padding-top: 70px; border-bottom: 2px solid #004165; padding-bottom: 40px; }
.psa ol._5-questions { background-size: 62px; background-image: url("/assets/img/global/ask-your-rheumatologist-icon.svg"); border-bottom: 2px solid #d47600; }
ol._5-questions li { position: relative; padding-left: 0; display: table; margin-top: 20px; }
ol._5-questions li span.question-copy { display: table-cell; vertical-align: middle; padding-left: 20px; }
ol._5-questions li:before { color: #004165; font-weight: normal; font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 36px; font-size: 2.25rem; }
.psa ol._5-questions li:before { color: #d47600; }

ol._5-reasons { margin-bottom: 30px; counter-reset: section; }
ol._5-reasons li { position: relative; padding-left: 0; display: table; margin-top: 20px; }
ol._5-reasons li span.question-copy { display: table-cell; vertical-align: middle; padding-left: 20px; }
ol._5-reasons li span.question-copy strong { color: #004165; }
ol._5-reasons li:before { counter-increment: section; content: counters(section,"") ""; position: relative; color: #004165; font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 30px; font-size: 1.875rem; background-color: #d9e3e8; width: 42px; height: 42px; border-radius: 21px; display: block; line-height: 42px; text-align: center; }

div.email-questions { margin-top: 30px; text-align: center; }
div.email-questions h3 { font-family: "source_sans_probold"; font-size: 18px; font-size: 1.125rem; color: #004165; text-transform: uppercase; }
.psa div.email-questions h3 { color: #d47600; }
div.email-questions p { margin-top: 10px; color: #004165; }
.psa div.email-questions p { color: #363636; }
div.email-questions input#conversation-email { margin-top: 20px; width: 100%; margin-left: 0; height: 44px; padding: 0 10px; border-radius: 0; border: 1px solid transparent; }
div.email-questions input#conversation-email.error { border: 1px solid #ff0000; }
div.email-questions div.submit-btn-container { position: relative; display: inline-block; }
div.email-questions div.submit-btn-container img.rotating_img { display: none; position: absolute; top: 12px; right: -30px; }
div.email-questions div.submit-btn-container img.rotating_img.show { display: inline-block; }
div.email-questions p.conv-email-confirm { display: none; }

div.supportplus_box_container { margin-bottom: 20px; }

div.supportplus_box { width: 100%; margin-bottom: 0px; text-align: center; outline: 0px solid red; margin-top: 10px; position: relative; }
div.supportplus_box + div.supportplus_box { margin-top: 20px; }
div.supportplus_box h4 { margin-top: 0; color: #d47600; font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; font-family: "source_sans_prosemibold"; text-transform: none; margin-bottom: 10px; }
.psa div.supportplus_box h4 { color: #004165; }
div.supportplus_box p { color: #004165; }

div.faq_container, div.copay_accordion_container { border-bottom: 1px solid #a6bcc9; margin-top: 10px; }
.psa div.faq_container, .psa div.copay_accordion_container { border-bottom: 1px solid #d47600; }
div.faq_container.prescription_accordion_container, div.copay_accordion_container.prescription_accordion_container { margin-top: 20px; border-bottom: 1px solid #004165; }
.psa div.faq_container.prescription_accordion_container, .psa div.copay_accordion_container.prescription_accordion_container { border-bottom: 1px solid #d47600; }
div.faq_container.prep_container, div.copay_accordion_container.prep_container { margin-top: 20px; }
div.faq_container div.single_faq, div.faq_container div.copay_accordion_item, div.copay_accordion_container div.single_faq, div.copay_accordion_container div.copay_accordion_item { border-top: 1px solid #a6bcc9; padding: 0; }
.psa div.faq_container div.single_faq, .psa div.faq_container div.copay_accordion_item, .psa div.copay_accordion_container div.single_faq, .psa div.copay_accordion_container div.copay_accordion_item { border-top: 1px solid #d47600; }
div.faq_container div.prescription_accordion_item, div.copay_accordion_container div.prescription_accordion_item { border-top: 1px solid #004165; }
div.faq_container div.question, div.faq_container div.copay_accordion_title, div.copay_accordion_container div.question, div.copay_accordion_container div.copay_accordion_title { font-size: 14px; font-size: 0.875rem; color: #004165; font-family: "source_sans_probold"; background-image: url("/assets/img/global/icon-plus-2x.png"); background-size: 9px auto; background-repeat: no-repeat; background-position: 95% 50%; padding: 0 2em 0 0; cursor: pointer; /* outline:1px solid red; */ line-height: 1.4; min-height: 50px; padding-top: 15px; padding-bottom: 15px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.faq_container div.question, div.faq_container div.copay_accordion_title, div.copay_accordion_container div.question, div.copay_accordion_container div.copay_accordion_title { background-image: url("/assets/img/global/icon-plus-2x.png"); background-size: 9px auto; } }
.psa div.faq_container div.question, .psa div.faq_container div.copay_accordion_title, .psa div.copay_accordion_container div.question, .psa div.copay_accordion_container div.copay_accordion_title { background-image: url("/assets/img/global/icon-plus-orange-2x.png"); }
div.faq_container div.question.expanded, div.faq_container div.copay_accordion_title.expanded, div.copay_accordion_container div.question.expanded, div.copay_accordion_container div.copay_accordion_title.expanded { background-image: url("/assets/img/global/icon-minus-2x.png"); background-size: 9px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.faq_container div.question.expanded, div.faq_container div.copay_accordion_title.expanded, div.copay_accordion_container div.question.expanded, div.copay_accordion_container div.copay_accordion_title.expanded { background-image: url("/assets/img/global/icon-minus-2x.png"); background-size: 9px auto; } }
.psa div.faq_container div.question.expanded, .psa div.faq_container div.copay_accordion_title.expanded, .psa div.copay_accordion_container div.question.expanded, .psa div.copay_accordion_container div.copay_accordion_title.expanded { background-image: url("/assets/img/global/icon-minus-orange-2x.png"); }
div.faq_container div.question span.film_icon, div.faq_container div.copay_accordion_title span.film_icon, div.copay_accordion_container div.question span.film_icon, div.copay_accordion_container div.copay_accordion_title span.film_icon { display: inline-block; background-image: url("/assets/img/video/mobile/film-icon-3.png"); background-size: 15px auto; width: 22px; height: 16px; background-repeat: no-repeat; background-position: right bottom; margin-bottom: -3px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.faq_container div.question span.film_icon, div.faq_container div.copay_accordion_title span.film_icon, div.copay_accordion_container div.question span.film_icon, div.copay_accordion_container div.copay_accordion_title span.film_icon { background-image: url("/assets/img/video/mobile/film-icon-3-x2.png"); background-size: 15px auto; } }
.psa div.faq_container div.question span.film_icon, .psa div.faq_container div.copay_accordion_title span.film_icon, .psa div.copay_accordion_container div.question span.film_icon, .psa div.copay_accordion_container div.copay_accordion_title span.film_icon { background-image: url("/assets/img/video/mobile/film-icon-3-orange-2x.png"); }
div.faq_container div.answer, div.faq_container div.copay_accordion_body, div.copay_accordion_container div.answer, div.copay_accordion_container div.copay_accordion_body { display: none; margin-bottom: 1em; }
div.faq_container div.answer p:first-child, div.faq_container div.copay_accordion_body p:first-child, div.copay_accordion_container div.answer p:first-child, div.copay_accordion_container div.copay_accordion_body p:first-child { margin-top: 0; }
div.faq_container div.answer.prep_body p + ul, div.faq_container div.copay_accordion_body.prep_body p + ul, div.copay_accordion_container div.answer.prep_body p + ul, div.copay_accordion_container div.copay_accordion_body.prep_body p + ul { margin-top: 14px; }

div.glass-with-pill { margin-top: 20px; margin-bottom: 20px; background-image: url("/assets/img/pso/mobile/interior/glass-with-pill.jpg"); background-size: 300px auto; background-repeat: no-repeat; background-position: 0px 0; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.glass-with-pill { background-image: url("/assets/img/pso/mobile/interior/glass-with-pill-2x.jpg"); background-size: 300px auto; } }
div.glass-with-pill div.div_glass { height: 180px; padding-left: 140px; padding-top: 50px; }
div.glass-with-pill div.div_glass p.glass-with-pill-copy { background-image: url("/assets/img/pso/mobile/interior/glass-with-pill-copy.png"); background-size: 147px auto; background-repeat: no-repeat; height: 31px; color: #004165; font-family: "Interstate Light Condensed", sans-serif; font-size: 15px; font-size: 0.9375rem; text-align: center; font-weight: bolder; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.glass-with-pill div.div_glass p.glass-with-pill-copy { background-image: url("/assets/img/pso/mobile/interior/glass-with-pill-copy-2x.png"); background-size: 147px auto; } }

div.copay-more-ways { margin-top: 20px; border-top: 1px solid #7296aa; padding-top: 20px; padding-bottom: 0; }
div.copay-more-ways:last-child { padding-bottom: 20px; border-bottom: 1px solid #7296aa; }
div.copay-more-ways p strong { color: #004165; }
div.copay-more-ways div.copay-more-ways-left p { margin-bottom: 14px; }

div.prescription_step_container div.prescription_step { background-repeat: no-repeat; background-position: 50% 0; background-size: 63px; margin-top: 35px; padding-top: 70px; }
div.prescription_step_container div.prescription_step h3 { font-family: ITCGaramondStd-Bd, serif; font-weight: normal; font-style: normal; text-transform: none; color: #004165; font-size: 18px; font-size: 1.125rem; text-align: center; margin-top: 0; margin-bottom: 20px; }
.psa div.prescription_step_container div.prescription_step h3 { color: #d47600; }
div.prescription_step_container div.prescription_step p strong { color: #004165; }
div.prescription_step_container div.prescription_step#prescription_step_1 { background-image: url("/assets/img/global/prescribing-otezla-icon.svg"); background-size: 45px; }
.psa div.prescription_step_container div.prescription_step#prescription_step_1 { background-image: url("/assets/img/global/otezla-prescription-icon.svg"); background-size: 45px; }
div.prescription_step_container div.prescription_step#prescription_step_2 { background-image: url("/assets/img/global/delivering-otezla-icon.svg"); background-size: 53px; }
.psa div.prescription_step_container div.prescription_step#prescription_step_2 { background-image: url("/assets/img/global/otezla-delivery-icon.svg"); background-size: 53px; }
div.prescription_step_container div.prescription_step#prescription_step_3 { background-image: url("/assets/img/global/getting-otezla-icon.svg"); background-size: 55px; }
.psa div.prescription_step_container div.prescription_step#prescription_step_3 { background-image: url("/assets/img/global/specialty-pharmacy-icon.svg"); background-size: 55px; }

ul.benefits-list li { display: table; margin-top: 20px; padding-left: 65px; background-repeat: no-repeat; background-position: 0 0; min-height: 60px; }
.b_firefox ul.benefits-list li { height: 60px; }
ul.benefits-list li div { display: table-cell; vertical-align: middle; }
ul.benefits-list li div strong { color: #004165; }
.psa ul.benefits-list li div strong { color: #363636; }
ul.benefits-list li.bl-1 { background-image: url("/assets/img/global/mobile/75-percent-clearer-skin-icon.png"); background-size: 48px; }
.psa ul.benefits-list li.bl-1 { background-image: url("/assets/img/global/psoriatic-arthritis-in-joints-icon.svg"); background-size: 50px; }
ul.benefits-list li.bl-2 { background-image: url("/assets/img/global/MOA-icon.svg"); background-size: 50px; }
.psa ul.benefits-list li.bl-2 { background-image: url("/assets/img/global/no-blood-testing-requirement-icon.svg"); background-size: 50px; }
ul.benefits-list li.bl-3 { background-image: url("/assets/img/global/otezla-cost-icon.svg"); background-size: 49px; }
.psa ul.benefits-list li.bl-3 { background-image: url("/assets/img/global/MOA-icon-psoriatic-arthritis.svg"); background-size: 49px; }
ul.benefits-list li.bl-4 { background-image: url("/assets/img/global/otezla-starter-pack-icon.svg"); background-size: 50px; }
.psa ul.benefits-list li.bl-4 { background-image: url("/assets/img/global/otezla-and-methotrexate-icon.svg"); background-size: 48px; }
ul.benefits-list li.bl-5 { background-image: url("/assets/img/global/no-blood-testing-icon.svg"); background-size: 53px; }
.psa ul.benefits-list li.bl-5 { background-image: url("/assets/img/global/starter-pack-otezla-icon.svg"); background-size: 49px; }
ul.benefits-list li.bl-6 { background-image: url("/assets/img/global/approved-drug-icon.svg"); background-size: 47px; }

div.cta-1 { text-align: center; padding-top: 80px; position: relative; }
div.cta-1:before { position: absolute; top: 0; left: 38.66667%; width: 68px; height: 68px; background-color: #ffffff; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 68px; }
div.cta-1 h2 { font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 1.5rem; color: #004165; }
.psa div.cta-1 h2 { color: #d47600; }
div.cta-1 h2 + p { margin-top: 10px; }
div.cta-1 p, div.cta-1 li { font-family: "source_sans_proregular"; font-size: 14px; font-size: 0.875rem; color: #004165; }
div.cta-1 p.footnote, div.cta-1 li.footnote { font-size: 12px; font-size: 0.75rem; text-align: left; }
.psa div.cta-1 p, .psa div.cta-1 li { color: #363636; }
div.cta-1.results:before { background-size: 37px; background-image: url("/assets/img/global/otezla-treatment-results-icon.svg"); }
.b_ie div.cta-1.results:before { background-size: 36px; }
div.cta-1.results.psa:before { background-size: 37px; background-image: url("/assets/img/global/treatment-results-otezla-icon.svg"); }
.b_ie div.cta-1.results.psa:before { background-size: 36px; }
div.cta-1.benefits:before { background-size: 47px; background-image: url("/assets/img/global/otezla-pill-for-plaque-psoriasis-icon.svg"); }
.b_ie div.cta-1.benefits:before { background-size: 48px; }
div.cta-1.benefits.psa:before { background-size: 47px; background-image: url("/assets/img/global/otezla-pill-for-psoriatic-arthritis-icon.svg"); }
.b_ie div.cta-1.benefits.psa:before { background-size: 48px; }
div.cta-1.molecule.psa:before { background-size: 47px; background-image: url("/assets/img/global/icon-molecule-2-psa.svg"); }
.b_ie div.cta-1.molecule.psa:before { background-size: 48px; }
div.cta-1.works:before { background-size: 47px; background-image: url("/assets/img/global/pills-icon.svg"); }
.b_ie div.cta-1.works:before { background-size: 48px; }
div.cta-1.works.psa:before { background-size: 47px; background-image: url("/assets/img/global/otezla-pill-for-psoriatic-arthritis-icon.svg"); }
.b_ie div.cta-1.works.psa:before { background-size: 48px; }
div.cta-1.get-the-facts:before { background-size: 49px; background-image: url("/assets/img/global/otezla-treatment-information-icon.svg"); }
div.cta-1.get-the-facts.psa:before { background-size: 49px; background-image: url("/assets/img/global/information-about-otezla-treatment-icon.svg"); }
div.cta-1.next-step:before { background-size: 49px; background-image: url("/assets/img/global/doctor-discussion-guide-icon.svg"); }
div.cta-1.next-step.psa:before { background-size: 49px; background-image: url("/assets/img/global/otezla-discussion-guide-icon.svg"); }
div.cta-1.side-effects:before { background-size: 38px; background-image: url("/assets/img/global/otezla-package-icon.svg"); }
.b_ie div.cta-1.side-effects:before { background-size: 40px; }
div.cta-1.side-effects.psa:before { background-size: 38px; background-image: url("/assets/img/global/Otezla-drug-package.svg"); }
.b_ie div.cta-1.side-effects.psa:before { background-size: 40px; }
div.cta-1.copay:before { background-size: 39px; background-image: url("/assets/img/global/icon-wallet.svg"); }
.psa div.cta-1.copay:before { background-image: url("/assets/img/global/icon-wallet-psa.svg"); background-size: 39px; }
div.cta-1.need-help.psa:before { background-size: 49px; background-image: url("/assets/img/global/otezla-discussion-guide-icon.svg"); }
div.cta-1.getting-your-otezla p { color: #464646; }
div.cta-1.getting-your-otezla:before { background-color: transparent; background-size: 57px; background-image: url("/assets/img/global/getting-otezla-icon.svg"); }
.psa div.cta-1.getting-your-otezla:before { background-color: transparent; background-size: 57px; background-image: url("/assets/img/global/specialty-pharmacy-icon.svg"); }
div.cta-1.save-on-treatrment p { color: #464646; }
div.cta-1.save-on-treatrment:before { background-color: transparent; background-size: 54px; background-image: url("/assets/img/global/icon-wallet-3.svg"); }
.psa div.cta-1.save-on-treatrment:before { background-color: transparent; background-size: 54px; background-image: url("/assets/img/global/cost-of-otezla-icon.svg"); }
div.cta-1.did-you-know:before { background-size: 46px; background-image: url("/assets/img/global/plaque-psoriasis-in-joints-icon.svg"); }
div.cta-1.did-you-know.psa:before { background-size: 43px; background-image: url("/assets/img/global/important-information-icon.svg"); }
div.cta-1.supportplus { background-image: url("/assets/img/global/otezla-support-plus-logo.svg"); background-size: 146px; background-repeat: no-repeat; background-position: 70px 0; }
div.cta-1.supportplus:before { display: none; }
div.cta-1.bridge { background-image: url("/assets/img/global/logo-otezla-bridge.png"); background-size: 105px; background-repeat: no-repeat; background-position: center 0; }
div.cta-1.bridge:before { display: none; }
div.cta-1.bridge ul.bulleted { padding: 0 15px; margin-top: 20px; text-align: left; }
div.cta-1.bridge strong { color: #004165; }
div.cta-1.bridge p.footnote { margin-top: 40px; }

div.cta-2 { text-align: center; }
div.cta-2 h2 + p { margin-top: 30px; font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 24px; font-size: 1.5rem; color: #004165; }
.psa div.cta-2 h2 + p { color: #d47600; }
div.cta-2.gotezla h2 { background-image: url("/assets/img/global/gotezla-logo-2x.png"); background-size: 112px auto; background-repeat: no-repeat; background-position: 0 0; width: 112px; height: 22px; margin: 0 auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.cta-2.gotezla h2 { background-image: url("/assets/img/global/gotezla-logo-2x.png"); background-size: 112px auto; } }

div.cta-3 { position: relative; margin-left: 70px; border-left: 1px solid #d47600; padding-left: 20px; }
div.cta-3:before { position: absolute; display: block; top: 0; left: -70px; width: 50px; height: 44px; background-repeat: no-repeat; background-position: 0 0; }
div.cta-3 h2 { font-size: 30px; font-size: 1.875rem; font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; color: #004165; }
div.cta-3.speak-up:before { background-image: url("/assets/img/global/ask-your-dermatologist-icon.svg"); background-size: 50px; width: 50px; height: 44px; }
.psa div.cta-3 { border-left: 1px solid #004165; }
.psa div.cta-3 h2 { font-size: 24px; font-size: 1.5rem; font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; color: #d47600; }
.psa div.cta-3.rx:before { background-image: url("/assets/img/global/package-of-otezla-icon.svg"); background-size: 55px; width: 55px; height: 60px; }
.psa div.cta-3.speak-up:before { background-image: url("/assets/img/global/ask-your-rheumatologist-icon.svg"); background-size: 50px; width: 50px; height: 44px; }

div.before-after { margin-bottom: 40px; padding-top: 0; }
div.before-after:before { display: none; }
div.before-after div.b-a-img-container { margin: 0 auto; position: relative; width: 168px; height: 168px; border: 0px solid red; margin-bottom: 20px; }
div.before-after div.b-a-img-container > a { display: block; width: 100%; height: 168px; position: absolute; top: 0; left: 0; z-index: 2; }
div.before-after div.b-a-img-container span.b-a-copy { position: absolute; top: 80px; color: #004165; font-family: "source_sans_prosemibold"; font-size: 16px; font-size: 1rem; }
div.before-after div.b-a-img-container span.b-a-copy.before { left: -50px; }
div.before-after div.b-a-img-container span.b-a-copy.after { right: -40px; }
div.before-after div.b-a-img-container div.b-a-img { position: absolute; top: 0; left: 0; margin: 0 auto; width: 168px; height: 168px; border-radius: 118px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 168px; border: 0px solid red; }
div.before-after div.b-a-img-container div.b-a-img a { display: block; width: 100%; height: 100%; }
div.before-after div.b-a-img-container div.b-a-img.legs { background-image: url("/assets/img/pso/benefits/otezla-treatment-results-knees-2x.png"); }
div.before-after div.b-a-img-container div.b-a-img.elbow { background-image: url("/assets/img/pso/benefits/otezla-treatment-results-elbows-2x.png"); }
div.before-after div.b-a-img-container div.b-a-img.back { background-image: url("/assets/img/pso/benefits/otezla-treatment-results-back-2x.png"); }

p.img-on-left { padding-left: 65px; background-repeat: no-repeat; background-position: 0 0; }
p.img-on-left.no-test { background-image: url("/assets/img/global/no-blood-testing-icon.svg"); background-size: 51px; }
.psa p.img-on-left.no-test { background-image: url("/assets/img/global/no-blood-testing-requirement-icon.svg"); background-size: 51px; }
p.img-on-left.wallet { background-image: url("/assets/img/global/icon-wallet-3.svg"); background-size: 54px; }
.psa p.img-on-left.wallet { background-image: url("/assets/img/global/cost-of-otezla-icon.svg"); background-size: 54px; }
p.img-on-left.mailbox { background-image: url("/assets/img/global/getting-otezla-icon.svg"); background-size: 52px; }
.psa p.img-on-left.mailbox { background-image: url("/assets/img/global/specialty-pharmacy-icon.svg"); background-size: 52px; }
p.img-on-left.pill { padding-left: 75px; background-image: url("/assets/img/global/icon-tablet-2.svg"); background-size: 54px; position: relative; }
p.img-on-left.pill:before { width: 1px; background-color: #d47600; position: absolute; top: 5px; left: 62px; height: 110px; }

div.moa-container div.moa { margin-top: 20px; padding-top: 130px; border: 0px solid red; background-repeat: no-repeat; background-position: 50% 0; background-size: 106px; padding-bottom: 30px; position: relative; }
div.moa-container div.moa:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background-image: url("/assets/img/global/moa/moa-arrow-down-2x.png"); background-repeat: no-repeat; background-size: 14px; background-position: 50% 0; }
.psa div.moa-container div.moa:after { background-image: url("/assets/img/global/moa/moa-arrow-down-orange-2x.png"); }
div.moa-container div.moa p.heading { color: #004165; font-family: ITCGaramondStd-Bk, serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.2; }
.psa div.moa-container div.moa p.heading { color: #d47600; }
div.moa-container div.moa p.body { font-size: 16px; font-size: 1rem; line-height: 1.3; margin-top: 20px; }
div.moa-container div.moa.moa-1 { background-image: url("/assets/img/global/moa/plaque-psoriasis-inflammation-icon-2x.png"); }
.psa div.moa-container div.moa.moa-1 { background-image: url("/assets/img/global/moa/psoriatic-arthritis-inflammation-icon-2x.png"); }
div.moa-container div.moa.moa-2 { background-size: 152px; background-image: url("/assets/img/global/moa/plaque-psoriasis-pde4-enzyme-icon-2x.png"); }
.psa div.moa-container div.moa.moa-2 { background-image: url("/assets/img/global/moa/psoriatic-arthritis-pde4-enzyme-icon-2x.png"); }
div.moa-container div.moa.moa-3 { background-image: url("/assets/img/global/moa/plaque-psoriasis-pde4-inhibitor-icon-2x.png"); }
.psa div.moa-container div.moa.moa-3 { background-image: url("/assets/img/global/moa/psoriatic-arthritis-pde4-inhibitor-icon-2x.png"); }
div.moa-container div.moa.moa-4 { background-image: url("/assets/img/global/moa/less-skin-inflammation-icon-2x.png"); }
div.moa-container div.moa.moa-4:after { display: none; }
.psa div.moa-container div.moa.moa-4 { background-image: url("/assets/img/global/moa/less-joint-inflammation-icon-2x.png"); }

table.table-starting { margin: 20px auto; width: 100%; font-size: 11px; }
table.table-starting tr { border-bottom: 1px solid #004165; }
table.table-starting td, table.table-starting th { text-align: center; padding: 10px 5px; font-weight: normal; font-family: "source_sans_proregular"; }
table.table-starting td:first-child, table.table-starting th:first-child { text-align: left; padding-left: 5px; padding-right: 0; }
table.table-starting thead tr th { padding: 2px 5px; font-family: "source_sans_prosemibold"; color: #004165; }
.psa table.table-starting thead tr th { color: #d47600; }
table.table-starting tbody tr td:first-child { font-family: "source_sans_prosemibold"; color: #004165; }
.psa table.table-starting tbody tr td:first-child { color: #d47600; }

/* overlay */
div#overlay { display: none; width: 100%; height: 100%; background: #444444; top: 0px; position: fixed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; z-index: 10; }
div#overlay.videoOverlay { z-index: 12; background: #000; opacity: 0.75; }

div.leavingPanel { width: 100%; height: 281px !important; display: none; z-index: 12; position: fixed; left: 0; top: 209px; }
div.leavingPanel div.leavingPanelInner { width: 290px; margin: 0 auto; background: #FFFFFF; padding: 0px; padding: 25px 20px 35px; position: relative; }
div.leavingPanel h2 { color: #003f66; font-size: 16px; font-size: 1rem; font-family: "Avenir LT W01_65 Medium", sans-serif; margin: 0px; }
div.leavingPanel p { margin: 10px auto 10px; text-align: left; font-family: "source_sans_proregular"; font-size: 14px; font-size: 0.875rem; color: #464646; }
div.leavingPanel a.leavingPanelClose { width: 34px; height: 32px; background-image: url("/assets/img/global/mobile/interstitial-close.png"); background-size: 34px 32px; display: block; position: absolute; top: 0; right: 0px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.leavingPanel a.leavingPanelClose { background-image: url("/assets/img/global/mobile/interstitial-close-x2.png"); background-size: 34px 32px; } }
div.leavingPanel div.panelButtons { width: 100%; height: 40px; margin: 0 auto; }
div.leavingPanel div.panelButtons a { width: 90px; width: auto; height: 40px; background-color: #dd9133; color: #ffffff; display: inline-block; text-decoration: none; font-size: 16px; font-size: 1rem; font-family: "Avenir LT W01_65 Medium", sans-serif; line-height: 40px; line-height: 2.5rem; text-align: center; text-transform: uppercase; padding: 0 25px; border-radius: 20px; }
div.leavingPanel div.panelButtons a span.right-arrow-white { background-size: 5px auto; height: 10px; width: 10px; }
div.leavingPanel div.panelButtons a.leavingContinue { margin-right: 15px; }
div.leavingPanel div.leaveingPanelContent.global { display: block; }
div.leavingPanel div.leaveingPanelContent.switch-psa-content { display: none; }
div.leavingPanel div.leaveingPanelContent.switch-pso-content { display: none; }
div.leavingPanel div.leaveingPanelContent.celgene-sites { display: none; }
div.leavingPanel.switch-psa div.leaveingPanelContent.global { display: none; }
div.leavingPanel.switch-psa div.leaveingPanelContent.switch-psa-content { display: block; }
div.leavingPanel.switch-psa div.leaveingPanelContent.switch-pso-content { display: none; }
div.leavingPanel.switch-psa div.leaveingPanelContent.celgene-sites { display: none; }
div.leavingPanel.switch-pso div.leaveingPanelContent.global { display: none; }
div.leavingPanel.switch-pso div.leaveingPanelContent.switch-psa-content { display: none; }
div.leavingPanel.switch-pso div.leaveingPanelContent.switch-pso-content { display: block; }
div.leavingPanel.switch-pso div.leaveingPanelContent.celgene-sites { display: none; }
div.leavingPanel.celgene-sites div.leaveingPanelContent.global { display: none; }
div.leavingPanel.celgene-sites div.leaveingPanelContent.switch-psa-content { display: none; }
div.leavingPanel.celgene-sites div.leaveingPanelContent.switch-pso-content { display: none; }
div.leavingPanel.celgene-sites div.leaveingPanelContent.celgene-sites { display: block; }

/*h2.slogan{ position: absolute; top: 0; left: 0; display: inline-block;
 &.slogan-1{ color: $orange; @include font-size-rem(16px); @include GaramondLiteItalic(); } &.slogan-2{ color: $blue; @include font-size-rem(24px); @include GaramondLite(); }
}*/
.mobile_break { display: block; }

.nobr { white-space: nowrap; }

.mobile-only { display: block !important; }

.tablet-only { display: none !important; }

.desktop-only { display: none !important; }

.mobile-tablet-only { display: block !important; }

.no-mobile { display: none !important; }

.mobile-inline { display: inline !important; }

.tablet-inline { display: none !important; }

.desktop-inline { display: none !important; }

@media only screen and (min-width: 48em) { .header-content, .footer-content, .isi-content, .section-content { max-width: 500px; padding-left: 0px; padding-right: 0px; }
  a.tel { cursor: text; }
  h2.subhead { font-size: 42px; font-size: 2.625rem; }
  h2.subhead-2 { font-size: 30px; font-size: 1.875rem; }
  h1.pagehead { font-size: 42px; font-size: 2.625rem; }
  a.helpful-website { display: block; background-repeat: no-repeat; margin: 0px auto; background-position: 50% 50%; margin-left: 0; }
  a.helpful-website.mayo { height: 87px; }
  a.helpful-website.eh { height: 102px; margin-left: 30px; }
  a.helpful-website.wpd { margin-left: 30px; }
  a.helpful-website.af { width: 232px; height: 64px; background-image: url("/assets/img/global/tablet/icon-af.png"); background-size: 232px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { a.helpful-website.af { background-image: url("/assets/img/global/tablet/icon-af-2x.png"); background-size: 232px auto; } }
@media only screen and (min-width: 48em) { a.helpful-website.eh-2 { margin-top: 30px; }
  a.helpful-website.af { margin-top: 30px; }
  a.helpful-website.mayo-2 { margin-top: 50px; }
  a.helpful-website.nfp-2 { margin-top: 30px; }
  div.float_left_tablet { float: left; width: 50%; }
  div.float_right_tablet { float: right; width: 50%; }
  div.jwVideoContainer { width: 480px; height: 270px; margin: 20px auto 0; }
  div.video-end { background-size: 728px; width: 728px; height: 407px; }
  div.video-end a.video-end-close { right: 14px; width: 40px; height: 40px; bottom: 25px; }
  div.video-end a.endframe-link { width: 148px; height: 46px; bottom: 20px; }
  div.video-end a.endframe-link.appstore { left: 214px; }
  div.video-end a.endframe-link.googleplay { left: 370px; }
  div.column-container div.column + .column { margin-top: 0; }
  div.column-container div.columns-double div.column { width: 248px; }
  div.column-container div.columns-single div.column { width: 400px; margin: 0 auto; }
  div.column-container div.columns-single div.column div.cta-1:before { left: 41.5%; }
  .psa div.column-container div.columns-single div.column div.cta-1:before { left: 41.5%; }
  section div.section-content { padding-left: 0; padding-right: 0; }
  section.patientStory div.section-content { padding-bottom: 20px; }
  section.patientStory.patientStory-1 div.section-content, section.patientStory.patientStory-3 div.section-content { text-align: left; padding-left: 200px; background-position: 0 20px; padding-top: 40px; }
  section.patientStory.patientStory-2 div.section-content { text-align: right; padding-right: 210px; background-position: 310px 20px; padding-top: 40px; }
  section.patientStory-details.patientStory-details-1 div.hide-story-button-container { text-align: right; }
  section.patientStory-details.patientStory-details-2 div.hide-story-button-container { text-align: left; }
  section.patientStory-details.patientStory-details-3 div.hide-story-button-container { text-align: right; }
  section.patientStory-details a.customButtonClosePatientStory { margin-left: 0px; }
  section.landing div.bottle { display: inline-block; padding-right: 30px; }
  section.landing div.bottle:after { right: -70px; }
  section.video-cta { height: auto; }
  section.video-cta div.section-content { padding-top: 100px; padding-bottom: 100px; }
  section.isi div.section-content h2.subhead { font-size: 42px; font-size: 2.625rem; }
  ul#set-yourself li { margin-top: 40px; padding-left: 90px; }
  ul#set-yourself li#set-yourself-01 { background-size: 61px; }
  ul#set-yourself li#set-yourself-02 { background-size: 56px; }
  ul#set-yourself li#set-yourself-03 { background-size: 62px; }
  ul#set-yourself li#set-yourself-04 { background-size: 55px; }
  ul#set-yourself li h3 + p { margin-top: 10px; }
  div.lightbox-video-container { max-width: 576px; }
  div.lightbox-video-container div.jwVideoContainer { width: 576px; height: 324px; margin: 0; }
  div#lightbox-video-rc { max-width: 500px; }
  div#lightbox-video-ia { max-width: 576px; }
  div._75-percent-container div._75-percent { display: block; width: 148px; font-size: 24px; font-size: 1.5rem; }
  div._75-percent-container div._75-percent span._75 { font-size: 36px; font-size: 2.25rem; }
  div._75-percent-container p._75-details { display: block; width: 320px; padding-top: 0px; }
  ol._5-questions { width: 400px; margin-left: auto; margin-right: auto; }
  div.email-questions { width: 400px; margin-left: auto; margin-right: auto; }
  div.email-questions input#conversation-email { width: 320px; }
  div.supportplus_box_container { margin-top: 20px; margin-bottom: 20px; }
  .psa div.supportplus_box_container { margin-top: 20px; }
  div.supportplus_box { margin-top: 0px; }
  div.supportplus_box:after { position: absolute; top: 3px; right: -10px; width: 1px; height: 120px; background-color: #d47600; }
  .psa div.supportplus_box:after { background-color: #004165; }
  div.supportplus_box + div.supportplus_box { margin-top: 0px; }
  div.supportplus_box + div.supportplus_box:after { display: none; }
  div.faq_container div.question.prescription_accordion_title { padding-left: 0px; font-size: 14px; font-size: 0.875rem; }
  div.faq_container div.answer.prescription_accordion_body { padding-left: 0px; }
  div.glass-with-pill { background-image: none; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { div.glass-with-pill { background-image: none; } }
@media only screen and (min-width: 48em) { div.glass-with-pill div.div_glass { height: 280px; background-image: url("/assets/img/pso/tablet/interior/glass-with-pill.jpg"); background-size: 250px auto; background-repeat: no-repeat; background-position: top center; padding-left: 0px; padding-top: 200px; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { div.glass-with-pill div.div_glass { background-image: url("/assets/img/pso/tablet/interior/glass-with-pill-2x.jpg"); background-size: 250px auto; } }
@media only screen and (min-width: 48em) { div.glass-with-pill div.div_glass p.glass-with-pill-copy { text-align: center; width: 150px; margin: 0 auto; }
  div.copay-more-ways div.copay-more-ways-left { width: 225px; }
  div.copay-more-ways div.copay-more-ways-right { width: 275px; }
  div.prescription_step_container div.prescription_step h3 { font-size: 18px; font-size: 1.125rem; padding-left: 0px; }
  div.prescription_step_container div.prescription_step#prescription_step_1 h3 { margin-top: 0px; margin-bottom: 20px; }
  div.prescription_step_container div.prescription_step#prescription_step_2 { background-size: 65px; }
  div.prescription_step_container div.prescription_step#prescription_step_2 h3 { margin-top: 0px; margin-bottom: 20px; }
  div.prescription_step_container div.prescription_step#prescription_step_3 { background-size: 65px; }
  div.prescription_step_container div.prescription_step#prescription_step_3 h3 { margin-top: 0px; margin-bottom: 20px; }
  div.prescription_step_container div.prescription_step + div.prescription_step { margin-top: 50px; }
  ul.benefits-list { width: 400px; margin: 0 auto; }
  ul.benefits-list li { background-position: 0 50%; }
  div.cta-1 { margin-bottom: 0; }
  div.cta-1:before { left: 36.29032%; }
  div.cta-1.supportplus { background-size: 186px; background-position: 90px 0; padding-top: 120px; }
  div.cta-1.supportplus:before { display: none; }
  div.cta-1.bridge { background-size: 130px; padding-top: 135px; }
  div.cta-1.bridge:before { display: none; }
  p.img-on-left.wallet { height: 55px; padding-top: 0.5em; padding-left: 80px; }
  p.img-on-left.wallet + p { margin-top: 20px; }
  p.img-on-left.pill { padding-left: 85px; }
  p.img-on-left.pill:before { top: 5px; left: 70px; height: 50px; }
  div.moa-container div.moa { margin-top: 20px; padding-top: 0; padding-left: 138px; padding-right: 140px; background-position: 0 0; }
  div.moa-container div.moa:after { display: none !important; }
  div.moa-container div.moa:before { display: none; }
  div.moa-container div.moa.moa-1 { background-size: 440px; height: 205px; background-image: url("/assets/img/global/moa/t/plaque-psoriasis-inflammation-icon-2x.png"); }
  div.moa-container div.moa.moa-2 { height: 278px; background-position: 100% 0; background-size: 448px; background-image: url("/assets/img/global/moa/t/plaque-psoriasis-pde4-enzyme-icon-2x.png"); }
  div.moa-container div.moa.moa-3 { padding-right: 120px; background-size: 444px; height: 191px; background-image: url("/assets/img/global/moa/t/plaque-psoriasis-pde4-inhibitor-icon-2x.png"); }
  div.moa-container div.moa.moa-4 { background-size: 121px; background-position: 100% 0; background-image: url("/assets/img/global/moa/t/less-skin-inflammation-icon-2x.png"); }
  .psa div.moa-container div.moa.moa-1 { background-image: url("/assets/img/global/moa/t/psoriatic-arthritis-inflammation-icon-2x.png"); }
  .psa div.moa-container div.moa.moa-2 { height: 331px; background-image: url("/assets/img/global/moa/t/psoriatic-arthritis-pde4-enzyme-icon-2x.png"); background-size: 441px; }
  .psa div.moa-container div.moa.moa-3 { background-image: url("/assets/img/global/moa/t/psoriatic-arthritis-pde4-inhibitor-icon-2x.png"); }
  table.table-starting { font-size: 14px; margin-bottom: 40px; }
  table.table-starting td, table.table-starting th { padding: 3px; }
  table.table-starting td:first-child, table.table-starting th:first-child { width: 50px; }
  table.table-starting thead tr th { padding: 3px; }
  div.leavingPanel { height: 299px !important; }
  div.leavingPanel div.leavingPanelInner { width: 570px; padding: 72px 80px 60px 42px; }
  div.leavingPanel h2 { font-size: 20px; font-size: 1.25rem; }
  div.leavingPanel a.leavingPanelClose { top: 10px; right: 10px; }
  div.leavingPanel div.panelButtons a { font-size: 18px; font-size: 1.125rem; }
  div.leavingPanel div.panelButtons a span.right-arrow-white { background-size: 6px auto; height: 12px; width: 12px; }
  .mobile_break { display: inline; }
  .tablet_break { display: block; }
  .mobile-only { display: none !important; }
  .tablet-only { display: block !important; }
  .desktop-only { display: none !important; }
  .mobile-tablet-only { display: block !important; }
  .no-mobile { display: block !important; }
  .mobile-inline { display: none !important; }
  .tablet-inline { display: inline !important; } }
@media only screen and (min-width: 62.5em) { .header-content, .footer-content, .isi-content, .section-content { max-width: 980px; padding: 0 20px; }
  main { margin-top: 0; }
  h1 { font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; }
  h2 { font-size: 36px; font-size: 2.25rem; }
  h2.subhead { font-size: 42px; font-size: 2.625rem; }
  p { font-size: 14px; font-size: 0.875rem; }
  h2.subhead + p { margin-top: 10px; }
  h1.pagehead + p { margin-top: 10px; }
  a.helpful-website { display: block; background-repeat: no-repeat; margin: 0px auto; margin-left: 0; background-position: 50% 50%; }
  a.helpful-website.af { width: 253px; height: 69px; background-image: url("/assets/img/global/desktop/icon-af.png"); background-size: 253px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { a.helpful-website.af { background-image: url("/assets/img/global/desktop/icon-af-2x.png"); background-size: 253px auto; } }
@media only screen and (min-width: 62.5em) { a.helpful-website.af:hover { background-image: url("/assets/img/global/desktop/icon-af-hover.png"); background-size: 253px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { a.helpful-website.af:hover { background-image: url("/assets/img/global/desktop/icon-af-hover-2x.png"); background-size: 253px auto; } }

@media only screen and (min-width: 62.5em) { .main-nav { max-width: 980px; }
  div.float_left { float: left; width: 50%; }
  div.float_right { float: right; width: 50%; }
  div.jwVideoContainer { width: 576px; height: 324px; }
  div.video-end { background-size: 576px; width: 576px; height: 324px; }
  div.video-end a.video-end-close { right: 10px; width: 40px; height: 40px; bottom: 20px; }
  div.video-end a.endframe-link { width: 120px; height: 36px; bottom: 20px; }
  div.video-end a.endframe-link.appstore { left: 168px; }
  div.video-end a.endframe-link.googleplay { left: 292px; }
  div.column-container div.columns-double div.column { width: 286px; }
  div.column-container div.columns-single div.column { width: 400px; }
  section { background-repeat: no-repeat; background-position: top center; }
  section div.section-content { padding: 50px 0; width: 980px; padding-left: 0px; padding-right: 400px; }
  section h2.little { font-size: 26px; font-size: 1.625rem; }
  section h2.big { font-size: 39px; font-size: 2.4375rem; }
  .not-showing-dt-subnav section.first-section { margin-top: -42px; }
  section.patientStory div.section-content { height: 250px; }
  section.patientStory p.story-subhead { font-size: 18px; font-size: 1.125rem; }
  section.patientStory.patientStory-1 div.section-content, section.patientStory.patientStory-3 div.section-content { padding-left: 250px; }
  section.patientStory.patientStory-2 div.section-content { padding-left: 20px; padding-right: 700px; }
  section.patientStory.bob div.section-content { margin-top: 20px; padding-top: 60px; background-image: url("/assets/img/pso/desktop/interior/patient-talking-about-psoriasis.png"); background-size: 220px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.patientStory.bob div.section-content { background-image: url("/assets/img/pso/desktop/interior/patient-talking-about-psoriasis.png"); background-size: 220px auto; } }
@media only screen and (min-width: 62.5em) { section.patientStory.christy div.section-content { padding-top: 60px; background-image: url("/assets/img/pso/desktop/interior/patient-with-psoriasis-symptoms.png"); background-size: 220px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.patientStory.christy div.section-content { background-image: url("/assets/img/pso/desktop/interior/patient-with-psoriasis-symptoms.png"); background-size: 220px auto; } }
@media only screen and (min-width: 62.5em) { section.patientStory.johnna div.section-content { padding-top: 70px; margin-bottom: 20px; background-image: url("/assets/img/pso/desktop/interior/patient-managing-psoriasis.png"); background-size: 220px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.patientStory.johnna div.section-content { background-image: url("/assets/img/pso/desktop/interior/patient-managing-psoriasis.png"); background-size: 220px auto; } }
@media only screen and (min-width: 62.5em) { section.patientStory.jeanie div.section-content { margin-top: 20px; }
  section.patientStory.jessie div.section-content { margin-bottom: 20px; }
  section.patientStory-details div.section-content { padding-top: 50px; }
  section.patientStory-details p.story-quote { font-size: 24px; font-size: 1.5rem; }
  section.patientStory-details span.story-qoute-symbol-inner { font-size: 50px; top: -10px; }
  section.patientStory-details a.customButtonClosePatientStory { margin-left: 160px; }
  section.pre-footer div.section-content { padding: 45px 326px 45px 20px; }
  section.pre-footer div.section-content ul { width: 654px; margin-left: 0; }
  section.pre-footer div.section-content ul li { display: inline-block; width: auto; }
  section.pre-footer div.section-content ul li + li { margin-top: 0; margin-left: 20px; }
  section.pre-footer div.section-content ul li a { margin: 0 30px 0 0; }
  section.pre-footer div.section-content ul li a:after { width: 1px; height: 50px; bottom: auto; top: 0px; left: auto; right: 0; }
  section.pre-footer div.section-content ul li a.pre-footer-link1 { width: 210px; }
  section.pre-footer div.section-content ul li a.pre-footer-link2 { width: 170px; }
  section.pre-footer div.section-content ul li a.pre-footer-link3 { width: 210px; }
  section.error404, section.error500 { margin-top: -30px; }
  section.error404 div.section-content, section.error500 div.section-content { padding-bottom: 100px; }
  section.landing { margin-top: -30px; }
  section.landing div.section-content { padding-top: 70px; }
  section.landing div.bottle:after { width: 42px; height: 114px; background-image: url("/assets/img/global/desktop/water-bottle.png"); background-size: 42px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.landing div.bottle:after { background-image: url("/assets/img/global/desktop/water-bottle-2x.png"); background-size: 42px auto; } }
@media only screen and (min-width: 62.5em) { section.landing label.text_label#label_street, section.landing label.text_label#label_city, section.landing label.select_label#label_street, section.landing label.select_label#label_city { width: 100%; }
  section.landing input#street { width: 32em; }
  section.landing input#city { width: 36em; }
  section.landing input#phone { width: 11em; }
  section.video-cta { height: auto; position: relative; overflow: hidden; }
  section.video-cta div.section-content { position: relative; padding-top: 100px; padding-bottom: 100px; }
  section.full-width-video-bg { position: relative; }
  section.full-width-video-bg div.background-video { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid red; overflow: hidden; }
  section.full-width-video-bg div.background-video video { position: absolute; top: calc(50% - 28.125vw); }
  section.full-width-video-bg div.background-video#pso-you-and-your-doctor video { min-height: 758px; }
  section.full-width-video-bg div.background-video#pso-prescription video { margin-top: -540px; min-height: 1155px; }
  section.full-width-video-bg div.background-video#pso-supportplus video { margin-top: -50px; }
  section.full-width-video-bg div.background-video#pso-getTheFacts video { min-height: 658px; margin-top: -31px; }
  section.full-width-video-bg div.background-video-blue-layer { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #023a62; opacity: 0.6; }
  section.full-width-video-bg div.background-video-orange-layer { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #d47600; opacity: 0.6; }
  div.moa-container div.moa + div.moa { margin-top: 10px; }
  div.moa-container div.moa.moa-1 { background-size: 523px; height: 170px; background-image: url("/assets/img/global/moa/d/plaque-psoriasis-inflammation-icon-2x.png"); }
  div.moa-container div.moa.moa-2 { height: 230px; background-size: 525px; background-image: url("/assets/img/global/moa/d/plaque-psoriasis-pde4-enzyme-icon-2x.png"); }
  div.moa-container div.moa.moa-3 { background-size: 523px; height: 191px; background-image: url("/assets/img/global/moa/d/plaque-psoriasis-pde4-inhibitor-icon-2x.png"); }
  div.moa-container div.moa.moa-4 { background-image: url("/assets/img/global/moa/d/less-skin-inflammation-icon-2x.png"); }
  .psa div.moa-container div.moa.moa-1 { background-image: url("/assets/img/global/moa/d/psoriatic-arthritis-inflammation-icon-2x.png"); }
  .psa div.moa-container div.moa.moa-2 { background-image: url("/assets/img/global/moa/d/psoriatic-arthritis-pde4-enzyme-icon-2x.png"); height: 261px; background-size: 523px; }
  .psa div.moa-container div.moa.moa-3 { background-image: url("/assets/img/global/moa/d/psoriatic-arthritis-pde4-inhibitor-icon-2x.png"); }
  div#lightbox-video-rc { max-width: 576px; }
  div.supportplus_box_container { margin-top: 25px; margin-bottom: 50px; }
  div.supportplus_box_container div.supportplus_box { float: left; width: 50%; text-align: center; outline: 0px solid red; margin-top: 0; }
  div.faq_container div.question { line-height: 21px; font-size: 16px; }
  div.faq_container div.question span.film_icon { height: 20px; width: 30px; background-image: url("/assets/img/video/desktop/film-icon-3.png"); background-size: 20px auto; margin-bottom: -5px; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { div.faq_container div.question span.film_icon { background-image: url("/assets/img/video/desktop/film-icon-3-x2.png"); background-size: 20px auto; } }
@media only screen and (min-width: 62.5em) { div.faq_container div.answer.prescription_accordion_body { padding-right: 20px; }
  div.glass-with-pill { margin-top: 40px; }
  div.glass-with-pill div.div_glass { font-size: 18px; font-size: 1.125rem; background-image: url("/assets/img/pso/desktop/interior/glass-with-pill.jpg"); background-size: 318px auto; background-position: 0 0; padding-top: 230px; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { div.glass-with-pill div.div_glass { background-image: url("/assets/img/pso/desktop/interior/glass-with-pill.jpg"); background-size: 318px auto; } }

@media only screen and (min-width: 62.5em) { div.copay-more-ways div.copay-more-ways-left { width: 210px; }
  div.copay-more-ways div.copay-more-ways-right { width: 370px; }
  div.prescription_step_container div.prescription_step { margin-top: 26px; }
  div.prescription_step_container div.prescription_step h3 { font-size: 18px; font-size: 1.125rem; padding-left: 0px; }
  div.prescription_step_container div.prescription_step#prescription_step_1 h3 { margin-bottom: 10px; }
  div.prescription_step_container div.prescription_step#prescription_step_2 h3 { margin-bottom: 10px; }
  div.prescription_step_container div.prescription_step#prescription_step_3 h3 { margin-bottom: 10px; }
  div.cta-1 { margin-bottom: 0; }
  div.cta-1:before { left: 38.11189%; }
  p.img-on-left.no-test { height: 50px; padding-top: 6px; }
  .table-container { padding: 20px; margin: 20px auto; background: rgba(255, 255, 255, 0.6); border-radius: 10px; display: inline-block; }
  table.table-starting { margin: 0; padding: 20px; font-size: 14px; width: 450px; margin-left: 0; }
  table.table-starting td, table.table-starting th { padding: 3px; }
  table.table-starting thead tr th { padding: 3px; }
  div.right-isi-top { display: none; font-family: ITCGaramondStd-Bk, serif; font-weight: normal; font-style: normal; font-size: 16px; color: #004165; background-color: #e5ecef; width: 100%; height: 48px; text-align: center; line-height: 48px; position: absolute; top: 10px; right: 0; z-index: 2; }
  div.right-isi-top strong { font-family: ITCGaramondStd-Bd, serif; font-weight: normal; font-style: normal; }
  div.right-isi-top.psa { background-color: #fbf1e7; color: #d47600; }
  .pso div.right-isi-top.pso { display: block; }
  .psa div.right-isi-top.psa { display: block; }
  .mobile_break { display: inline; }
  .tablet_break { display: inline; }
  .desktop_break { display: block; }
  .mobile-only { display: none !important; }
  .tablet-only { display: none !important; }
  .desktop-only { display: block !important; }
  .mobile-tablet-only { display: none !important; }
  .mobile-inline { display: none !important; }
  .tablet-inline { display: none !important; }
  .desktop-inline { display: inline !important; }
  .no-desktop { display: none !important; } }
#isi { background-color: #faf9f7; }
#isi .isi-more { display: none; }
#isi .isi-content p.fineprint span.for_homepage { display: none; }
.home #isi .isi-content p.fineprint span.for_homepage { display: block; }
#isi .isi-content p.fineprint span.for_innerpage { display: block; }
.home #isi .isi-content p.fineprint span.for_innerpage { display: none; }
#isi .isi-content .isi_approved_uses { display: none; }

.isi-content { padding-top: 40px; padding-bottom: 40px; }
.isi-content h2 { text-transform: none; font-size: 18px; font-size: 1.125rem; margin-bottom: 0; color: #004165; font-family: "Avenir LT W01_65 Medium", sans-serif; font-weight: normal; line-height: 22px; margin-top: 20px; }
.isi-content p { color: #464646; font-size: 14px; font-size: 0.875rem; line-height: 22px; margin-bottom: 0; font-family: "source_sans_proregular"; font-weight: normal; }
.isi-content p strong { font-family: "source_sans_probold"; font-weight: normal; }
.isi-content h2 + p { margin-top: 0; }
.isi-content p + p { margin-top: 20px; }
.isi-content p + h2 { margin-top: 20px; }
.isi-content a { color: #004165; text-decoration: underline; }
.isi-content a:hover { text-decoration: underline; }
.isi-content a.tel { color: #555; }

#isi-fixed { /*background-color: #ccc;
width: 100%;
height: 106px;
padding: 0;
display: none;
position: fixed;
bottom: 0;
z-index: 2;*/ }
#isi-fixed p.fineprint { display: none; }
#isi-fixed .isi-header-bar { /*background-color: #000;
width: 100%;
height: 28px;
position: absolute;
top: 0;
left: 0;*/ }
#isi-fixed .isi-content { position: relative; }
#isi-fixed .isi-more { /*@include font-size-rem(12px);
text-decoration: none;
color: #fff;
display: inline-block;
position: absolute;
top: -14px;
right: 10px;*/ }

/* sticky-isi */
.stickyISI { position: fixed; z-index: 11; bottom: 0; height: 135px; width: 100%; margin: 0 auto; }
.stickyISI.fixfixed { display: none; }
.stickyISI div.isi_container { min-height: 109px; }

div.isi_top { width: 100%; margin: 0 auto; height: 26px; background-image: url("/assets/img/global/mobile/sticky-isi-top-bg-2.png"); background-size: 1px 26px; background-repeat: repeat-x; }
div.isi_top div.isi_top_copy { position: relative; max-width: 768px; margin: 0 auto; padding: 0 20px; }
div.isi_top div.isi_top_copy h2 { font-size: 12px; font-size: 0.75rem; font-family: "source_sans_prosemibold"; color: #ffffff; text-transform: uppercase; margin: 0; padding-top: 7px; }
div.isi_top div.isi_top_copy .expand { background-image: url("/assets/img/global/mobile/expand.png"); background-size: 8px 8px; background-repeat: no-repeat; background-position: 100% 50%; width: 60px; height: 20px; position: absolute; top: 4px; right: 10px; font-family: "source_sans_prosemibold"; font-size: 10px; font-size: 0.625rem; line-height: 20px; line-height: 1.25rem; color: #ffffff; text-decoration: none; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.isi_top div.isi_top_copy .expand { background-image: url("/assets/img/global/mobile/expand-x2.png"); background-size: 8px 8px; } }

div.isi_container { width: 100%; background-color: #faf8f6; }

div.isi_container_copy { max-width: 768px; margin: 0 auto; padding: 0 20px; }
div.isi_container_copy p { margin: 10px auto; font-size: 12px; font-size: 0.75rem; color: #464646; font-family: "source_sans_proregular"; }
div.isi_container_copy p strong { font-family: "source_sans_probold"; }

.rowholder { display: none; }

@media only screen and (min-width: 48em) { .stickyISI { display: none !important; }
  #isi .isi-content .isi_approved_uses { display: block; } }
@media only screen and (min-width: 62.5em) { #isi { display: none; }
  #isi-fixed { display: none; }
  .rowholder { display: block; width: 100%; margin: 0 auto; max-width: 980px; }
  .rowholder div.lcol { display: inline-block; width: 674px; height: 0px; float: left; }
  .rowholder div.rcol { position: relative; display: inline-block; float: right; width: 326px; height: 0px; }
  .rowholder p.fineprint { color: #668ca3; font-family: "source_sans_proregular"; font-size: 11px; font-size: 0.6875rem; text-align: right; padding-right: 20px; }
  div#rightISI { width: 326px; background: rgba(255, 255, 255, 0.8); overflow: hidden; margin-top: 68px; z-index: 2; position: relative; }
  div#rightISI div.isi-content { outline: 0; }
  div#rightISI p.fineprint { display: none; }
  div#rightISI .isi-more { display: none; }
  div#rightISI div.isi-content { padding-top: 20px; padding-bottom: 20px; padding-left: 15px; }
  div#rightISI div.isi-content h2 { font-size: 16px; font-size: 1rem; line-height: 20px; }
  div#rightISI div.isi-content p + p, div#rightISI div.isi-content p + h2 { margin-top: 14px; }
  div#rightISI div.isi-content p { line-height: 20px; color: #000000; }
  div#rightISI.absolute { position: absolute; top: 0; margin-top: 68px; }
  div#rightISI.fixed { position: fixed; top: 0; margin-top: 0; }
  div#rightISI .mCSB_scrollTools { top: 20px; }
  /*#rightISI::-webkit-scrollbar { width:10px; }
 #rightISI::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; }
 #rightISI::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2); }
*/ }
/* signup page  */
p.fill { font-size: 14px; font-size: 0.875rem; font-family: "source_sans_probold"; }

p.fill2 { font-family: "source_sans_probold"; }

p.required_indication { margin-top: 0; margin-bottom: 0; font-style: italic; }
.psa p.required_indication { font-style: italic; }

p.errorMsg { color: #f00 !important; font-family: "source_sans_probold"; font-style: italic; margin-top: 0; display: none; visibility: hidden; }
p.errorMsg.show { visibility: visible; display: block; margin-top: 10px; }

p.form_label_p { font-family: "source_sans_probold"; color: #004165; margin-top: 3em; }
.psa p.form_label_p { color: #004165; }
p.form_label_p.form_label_gender { margin-top: 0em; }

p.select_all_that_apply { margin-top: 0; }

label.text_label, label.select_label { display: block; width: 100%; height: 45px; line-height: 45px; color: #3e3e3e; font-family: "source_sans_proregular"; font-size: 14px; font-size: 0.875rem; background-color: #ffffff; border: 1px solid #d1cfce; padding-left: 00px; margin: 5px 0; }
label.text_label span, label.select_label span { margin-left: 20px; }
label.text_label.error, label.select_label.error { border: 1px solid #ff0000; }
label.text_label#label_start_date, label.text_label#label_pharmacy, label.select_label#label_start_date, label.select_label#label_pharmacy { margin-top: 0em; display: none; }
label.text_label#label_pharmacy, label.select_label#label_pharmacy { margin-top: 20px; }
label.text_label#label_pharmacy span, label.select_label#label_pharmacy span { margin-left: 0; }
label.text_label#label_start_date, label.select_label#label_start_date { margin-top: 20px; }

input[type=text], input[type=email], input[type=number] { margin-left: 10px; border: 0px; outline: 0px solid #dddddd; }
input[type=text]:focus, input[type=email]:focus, input[type=number]:focus { /* border:0px;
outline: 0; */ }
input[type=text]::-ms-clear, input[type=email]::-ms-clear, input[type=number]::-ms-clear { display: none; }

input#email:required { box-shadow: none; }
input#email:invalid { box-shadow: none; }

input { color: #464646; }

input#physician_reimbursement_sepcialist { width: 35px; }

input#firstname, input#lastname { width: 12.5em; }

input#email, input#street { width: 10.625em; }

input#city, input#zip { width: 13.75em; }

input#start_date { width: 7.5em; }

input#phone { width: 7.5em; }

.signup_submit { margin-top: 1em; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 200px; height: 20px; line-height: 20px; background-color: #ffffff; border: 0px; margin-left: 10px; outline: 0px; float: right; margin-right: 10px; background-image: url("/assets/img/global/mobile/select-dropdown.png"); background-size: 15px auto; background-position: 97% 50%; background-repeat: no-repeat; margin-top: 12px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { select { background-image: url("/assets/img/global/mobile/select-dropdown-x2.png"); background-size: 15px auto; } }
select#pharmacy { width: 270px; margin-left: 0; }
select#date_diagnosed { width: 140px; }
select#next_doctor_visit { width: 155px; margin-left: 0; }
select#covance_lead_source { width: 135px; margin-left: 0; }
select#covance_lead_source { width: 7em; }

div.medication_container label.label_checkbox { width: auto; }

div.medication_taken_container { display: none; }
div.medication_taken_container div#checkboxList_medication_taken_in_the_past_pso { display: none; }
div.medication_taken_container div#checkboxList_medication_taken_in_the_past_psa { display: none; }

div#div_treated_with_medication p.form_label_p { display: none; }
div#div_treated_with_medication.no_indication p.form_label_p.no_indication { display: block; }
div#div_treated_with_medication.indication_pso p.form_label_p.indication_pso { display: block; }
div#div_treated_with_medication.indication_psa p.form_label_p.indication_psa { display: block; }
div#div_treated_with_medication.indication_both p.form_label_p.indication_both { display: block; }

div.patient_medication_wrapper { display: none; }
div.patient_medication_wrapper div.patient_medication_container { display: none; }
div.patient_medication_wrapper.indication_pso div.indication_pso { display: block; }
div.patient_medication_wrapper.indication_psa div.indication_psa { display: block; }
div.patient_medication_wrapper.indication_both div.indication_both { display: block; }

input#sp-email { width: 100%; margin-left: 0; height: 44px; padding: 0 10px; border-radius: 0; }
.psa input#sp-email { outline: 1px solid #dddddd; }
input#sp-email.error { outline: 1px solid #f00; }

/*======================================================================
Selectric
======================================================================*/
.selectricWrapper { position: relative; margin: 6px 0px 0px 0px; width: 220px; cursor: pointer; display: inline-block; margin-top: 6px; float: right; }

label#label_firstname { margin-top: 2em; }

label#label_pharmacy .selectricWrapper { width: 295px; }

label#label_date_diagnosed .selectricWrapper { width: 155px; margin-top: 7px; }

label#label_next_doctor_visit .selectricWrapper { width: 173px; margin-top: 7px; }

label#label_covance_lead_source .selectricWrapper { width: 140px; }

.selectricResponsive { width: 100%; }

.selectric { border: 0px solid #DDD; background: #ffffff; position: relative; border-radius: 2px; height: 32px; }

.selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 30px 0 0; padding: 6px; line-height: 18px; color: #444; min-height: 18px; padding-left: 20px; }

.selectric .button { background: none; display: block; position: absolute; right: 20px; top: 0; width: 15px; height: 30px; color: #BBB; text-align: center; font: 0/0 a; text-indent: -999em; /* IE Fix */ *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial; background-image: url("/assets/img/global/mobile/select-dropdown.png"); background-size: 15px auto; background-position: 100% 10px; background-repeat: no-repeat; border: 0px solid red; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .selectric .button { background-image: url("/assets/img/global/mobile/select-dropdown-x2.png"); background-size: 15px auto; } }

.selectricHover .selectric { border-color: #CCC; }

.selectricHover .selectric .button { color: #888; }

.selectricHover .selectric .button:after { border-top-color: #888; }

.selectricOpen { z-index: 9999; }

.selectricOpen .selectric { border-color: #CCC; background: #ffffff; z-index: 9999; }

.selectricOpen .selectricItems { display: block; }

.selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.selectricHideSelect { position: relative; overflow: hidden; width: 0; height: 0; }

.selectricHideSelect select { position: absolute; left: -100%; display: none; }

.selectricInput { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; }

.selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; }

/* Items box */
.selectricItems { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #F9F9F9; border: 1px solid #CCC; z-index: 9998; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; }

.selectricItems ul, .selectricItems li { list-style: none; padding: 0; margin: 0; line-height: 20px; min-height: 20px; background-image: none; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .selectricItems ul, .selectricItems li { background-image: none; } }

.selectricItems li { display: block; padding: 5px; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; color: #666; cursor: pointer; padding-left: 20px; margin: 0 !important; font-size: 14px; }

.selectricItems li.selected { background: #EFEFEF; color: #444; border-top-color: #E0E0E0; }

.selectricItems li:hover { background: #F0F0F0; color: #444; }

.selectricItems li.disabled { background: #F5F5F5; color: #BBB; border-top-color: #FAFAFA; cursor: default; }

/* custom radio button */
label { display: inline-block; margin-top: 20px; width: 49%; }

label.label_radio, label.label_checkbox { font-size: 14px; font-size: 0.875rem; color: #004165; }
label.label_radio:hover, label.label_checkbox:hover { cursor: pointer; }
.psa label.label_radio, .psa label.label_checkbox { color: #464646; }

label.label_radio input, label.label_checkbox input { position: absolute; left: -9999px; width: auto; }

label.label_radio { position: relative; min-height: 22px; padding: 3px 0px 0px 30px; background-image: url("/assets/img/global/mobile/radio.png"); background-size: 22px auto; background-repeat: no-repeat; background-position: 0 0; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_radio { background-image: url("/assets/img/global/mobile/radio-x2.png"); background-size: 22px auto; } }

label.label_radio.checked { background-image: url("/assets/img/global/mobile/radio-selected.png"); background-size: 22px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_radio.checked { background-image: url("/assets/img/global/mobile/radio-selected-x2.png"); background-size: 22px auto; } }

label.label_radio.error { background-image: url("/assets/img/global/mobile/radio-error.png"); background-size: 22px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_radio.error { background-image: url("/assets/img/global/mobile/radio-error-x2.png"); background-size: 22px auto; } }

label.label_checkbox { display: block; width: 99%; position: relative; min-height: 30px; padding: 2px 0px 0px 30px; background-image: url("/assets/img/global/mobile/checkbox.png"); background-size: 24px auto; background-repeat: no-repeat; background-position: 0 0; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_checkbox { background-image: url("/assets/img/global/mobile/checkbox-x2.png"); background-size: 24px auto; } }

label.label_checkbox.checked { background-image: url("/assets/img/global/mobile/checkbox-checked.png"); background-size: 24px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_checkbox.checked { background-image: url("/assets/img/global/mobile/checkbox-checked-x2.png"); background-size: 24px auto; } }

label.label_checkbox.error { background-image: url("/assets/img/global/mobile/checkbox-error.png"); background-size: 24px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { label.label_checkbox.error { background-image: url("/assets/img/global/mobile/checkbox-error-x2.png"); background-size: 24px auto; } }

img.rotating_img { margin: 1em auto; width: 24px; display: none; }
img.rotating_img.show { display: inline-block; }

div.div_rotating_img { min-width: 24px; height: 24px; display: block; }

div.done { margin: 1em auto; width: 100%; text-align: center; color: #a3a3a3; font-size: 14px; display: none; margin-left: 10px; }
div.done.show { display: block; }

h2#agreementH2 { margin-top: 50px; }

h2#privacyH2 { margin-top: 50px; }

h2.signup-h2-sub { font-size: 19px; font-size: 1.1875rem; font-family: "source_sans_probold"; text-transform: none; color: #004165; }
h2.signup-h2-sub + p { margin-top: 0; }
.psa h2.signup-h2-sub { color: #d47600; }

div#more_form_fields { display: none; }

p.on-a-scale { color: #004165; }

@media only screen and (min-width: 48em) { label.text_label#label_start_date, label.text_label#label_pharmacy, label.select_label#label_start_date, label.select_label#label_pharmacy { width: 330px; }
  label.text_label#label_state, label.select_label#label_state { width: 330px; }
  label.text_label#label_zip, label.select_label#label_zip { width: 330px; }
  label.text_label#label_phone, label.select_label#label_phone { width: 330px; }
  label.text_label#label_date_diagnosed, label.select_label#label_date_diagnosed { width: 330px; }
  label.text_label#label_next_doctor_visit, label.select_label#label_next_doctor_visit { width: 330px; }
  select#pharmacy { width: 290px; }
  select#next_doctor_visit { width: 175px; }
  select#covance_lead_source { width: 17em; }
  /*====================================================================== Selectric ======================================================================*/
  label#label_pharmacy .selectricWrapper { width: 320px; }
  label#label_state .selectricWrapper { width: 240px; }
  label#label_next_doctor_visit .selectricWrapper { width: 203px; }
  label#label_covance_lead_source .selectricWrapper { width: 200px; }
  div.checkboxListLeft, div.checkboxListRight { width: 50%; float: left; }
  /* custom radio button */
  label.label_radio { width: 130px; } }
@media only screen and (min-width: 62.5em) { /* signup page  */
  h2.sp-completed-profile-h2 { margin-top: 60px; margin-bottom: 15px; }
  label.text_label#label_pharmacy, label.select_label#label_pharmacy { /* width:360px; */ }
  label.text_label#label_firstname, label.text_label#label_lastname, label.text_label#label_email, label.text_label#label_street, label.text_label#label_city, label.select_label#label_firstname, label.select_label#label_lastname, label.select_label#label_email, label.select_label#label_street, label.select_label#label_city { width: 44em; }
  label.text_label#label_physician_reimbursement_sepcialist, label.select_label#label_physician_reimbursement_sepcialist { width: 44em; }
  label.select_label { width: 308px; }
  label.select_label#label_covance_lead_source { width: 400px; }
  input[type=text], input[type=email] { outline: 0px solid #dddddd; }
  input#physician_reimbursement_sepcialist { width: 25em; }
  input#firstname, input#lastname { width: 36em; }
  input#email, input#street { width: 33.75em; }
  input#city { width: 38em; }
  input#zip { width: 17em; }
  input#phone { width: 170px; }
  select#covance_lead_source { width: 12em; }
  /*====================================================================== Selectric ======================================================================*/
  /* custom radio button */ }
/*@import "vendor/jquery.mCustomScrollbar";
@import "normalize/normalize";

@import "var/settings";


@import "functions/unitconversion";
@import "functions/mixins";
@import "functions/mini-compass";

@import "normalize/html5boilerplate-main";
@import "fonts";*/
header { background-color: #fff; position: absolute; z-index: 2; outline: 0px solid red; top: 0; left: 0; z-index: 11; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); }
.js-overflow-hidden header { box-shadow: none; }
header.relative { position: relative; }
header.fixed { position: fixed; top: -32px; }

.header-content { height: 110px; position: relative; max-width: 450px; }
.header-content div.us-only { position: absolute; bottom: 5px; left: 20px; color: #004165; font-size: 9px; font-size: 0.5625rem; font-family: "source_sans_prosemibold"; }
.header-content .header-show-more-of-you, .header-content .header-affirmation { display: none; }

.logo { background-image: url("/assets/img/global/logo-otezla.svg"); background-size: 97px; background-repeat: no-repeat; display: inline-block; width: 97px; height: 46px; margin: 0px 0; margin-top: 25px; margin-left: 10px; float: left; }

div.site_slogan { display: none; }

.top-nav { min-height: 1.5em; height: 32px; max-width: 300px; margin: 0 auto; }
.top-nav ul { margin: 0.3125em 0 0; padding: 0; list-style-type: none; display: table; width: 100%; }
.top-nav li { color: #6d6e71; font-size: 10px; font-size: 0.625rem; text-align: center; height: 25px; display: table-cell; width: 33%; padding: 0 10px; vertical-align: middle; line-height: initial; }
.top-nav li:first-child { padding: 0 33px; }
.top-nav li.li-tooltip-uses { position: relative; }
.top-nav li.li-tooltip-uses a#global-header-isi { display: none; }
.top-nav li + li { border-left: 1px solid #b1b1b1; }
.top-nav li.top-nav-phone { display: none; }
.top-nav a { color: #707070; text-decoration: none; }
.top-nav a:hover { text-decoration: underline; color: #004165; }

.header-callouts { float: right; margin: 1.5em 0 0 0; }
.header-callouts a { float: left; position: relative; color: #003f66; font-family: "source_sans_probold"; font-size: 10px; font-size: 0.625rem; text-align: center; cursor: pointer; width: 4em; text-decoration: none; width: 53px; height: 53px; }
.header-callouts a.co-copay { padding-top: 3.5em; background-image: url("/assets/img/global/mobile/copay-x2.png"); background-size: 53px 53px; background-repeat: no-repeat; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .header-callouts a.co-copay { background-image: url("/assets/img/global/mobile/copay-x2.png"); background-size: 53px 53px; } }
.header-callouts a.co-copay:hover { color: #ffffff; background-image: url("/assets/img/global/mobile/copay-hover-x2.png"); background-size: 53px 53px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .header-callouts a.co-copay:hover { background-image: url("/assets/img/global/mobile/copay-hover-x2.png"); background-size: 53px 53px; } }
.header-callouts a.co-copay .sub-co { display: none; }
.header-callouts a.co-call { padding-top: 3.5em; background-image: url("/assets/img/global/mobile/callus-x2.png"); background-size: 53px 53px; background-repeat: no-repeat; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .header-callouts a.co-call { background-image: url("/assets/img/global/mobile/callus-x2.png"); background-size: 53px 53px; } }
.header-callouts a.co-call:hover { color: #ffffff; background-image: url("/assets/img/global/mobile/callus-hover-x2.png"); background-size: 53px 53px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .header-callouts a.co-call:hover { background-image: url("/assets/img/global/mobile/callus-hover-x2.png"); background-size: 53px 53px; } }
.header-callouts a.menu { padding-top: 3.5em; background-image: url("/assets/img/global/mobile/menu-x2.png"); background-size: 53px 53px; background-repeat: no-repeat; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .header-callouts a.menu { background-image: url("/assets/img/global/mobile/menu-x2.png"); background-size: 53px 53px; } }
.header-callouts a.menu.open { color: #ffffff; background-image: url("/assets/img/global/mobile/menu-hover.png"); background-size: 53px 53px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .header-callouts a.menu.open { background-image: url("/assets/img/global/mobile/menu-hover-x2.png"); background-size: 53px 53px; } }
.header-callouts a span { display: block; }
.header-callouts a + a { margin-left: 0.5em; }
.header-callouts ul#header_callout_desktop { display: none; }

.header-callouts-desktop { display: none; }

nav.main-nav { display: none; position: absolute; top: 100%; top: 101%; right: -320px; width: 320px; background-color: #fff; z-index: 3; text-align: left; overflow-x: hidden; overflow-y: hidden; }
.pso nav.main-nav div.m_nav.m_nav_psa { display: none; }
.psa nav.main-nav div.m_nav.m_nav_pso { display: none; }
nav.main-nav div.m_nav_item { width: 320px; height: 40px; border-top: 1px solid #c3d2db; }
nav.main-nav div.m_nav_item.no-top-border { border-top: 0; }
nav.main-nav div.m_nav_item a { display: table-cell; width: 100%; height: 40px; font-size: 13px; font-size: 0.8125rem; text-decoration: none; text-transform: uppercase; padding-left: 10px; padding-right: 10px; color: #003f66; font-family: "source_sans_prosemibold"; }
nav.main-nav div.m_nav_item a span { display: block; padding: 0 10px; }
nav.main-nav div.m_nav_item a:hover { color: #63899d; }
nav.main-nav div.m_nav_item.m_nav_item_cta_copay { height: 43px; background-color: #003f66; font-family: "source_sans_probold"; background-image: url("/assets/img/global/mobile/main-nav-cta-copay.png"); background-size: 35px auto; background-repeat: no-repeat; background-position: 20px 50%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { nav.main-nav div.m_nav_item.m_nav_item_cta_copay { background-image: url("/assets/img/global/mobile/main-nav-cta-copay-x2.png"); background-size: 35px auto; } }
nav.main-nav div.m_nav_item.m_nav_item_cta_copay a { color: #ffffff; }
nav.main-nav div.m_nav_item.m_nav_item_cta_copay a span { background-image: url("/assets/img/global/mobile/menu-expand-white.png"); background-size: 5px auto; background-repeat: no-repeat; background-position: 95% 50%; padding-left: 60px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { nav.main-nav div.m_nav_item.m_nav_item_cta_copay a span { background-image: url("/assets/img/global/mobile/menu-expand-white-x2.png"); background-size: 5px auto; } }
nav.main-nav div.m_nav_item.m_nav_item_cta_copay:hover { background-color: #4a778f; }
nav.main-nav div.m_nav_item.m_nav_item_switch_link { display: none; height: 30px; border-top: 0px; }
nav.main-nav div.m_nav_item.m_nav_item_switch_link.show { display: table; }
nav.main-nav div.m_nav_item.m_nav_item_switch_link a { color: #898989; height: 30px; text-transform: none; font-family: "source_sans_proregular"; }
nav.main-nav div.m_nav_item.m_nav_item_switch_link a span { display: inline-block; text-decoration: underline; padding-right: 12px; background-image: url("/assets/img/global/mobile/main-nav-grey-right-arrow.png"); background-size: 5px auto; background-repeat: no-repeat; background-position: 100% 4px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { nav.main-nav div.m_nav_item.m_nav_item_switch_link a span { background-image: url("/assets/img/global/mobile/main-nav-grey-right-arrow-x2.png"); background-size: 5px auto; } }
nav.main-nav div.m_nav_item.m_nav_item_switch_link a:hover { color: #464646; }
nav.main-nav div.m_subnav { position: relative; padding-top: 10px; display: block; border-top: 1px solid #003f66; }
nav.main-nav div.m_subnav.active { display: block; border-top: 1px solid #003f66; }
nav.main-nav div.m_subnav:before { content: ""; display: inline-block; background-image: url("/assets/img/global/mobile/submenu-arrow-x2.png"); background-size: 16px auto; background-repeat: no-repeat; position: absolute; top: -1px; left: 20px; width: 16px; height: 6px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { nav.main-nav div.m_subnav:before { background-image: url("/assets/img/global/mobile/submenu-arrow-x2.png"); background-size: 16px auto; } }
nav.main-nav div.m_subnav_item {  /*
&.video-icon { a { span { @include background-hr-image('/assets/img/global/mobile/main-nav-video-icon-blue.png', '/assets/img/global/mobile/main-nav-video-icon-blue-x2.png', 16px); background-position: 100% 50%; padding-right: 30px; background-repeat: no-repeat; } }
}*/ }
nav.main-nav div.m_subnav_item a { display: table-cell; width: 100%; height: 30px; font-size: 13px; font-size: 0.8125rem; text-decoration: none; text-transform: none; padding-left: 10px; padding-right: 10px; color: #003f66; }
nav.main-nav div.m_subnav_item a span { display: inline-block; padding: 5px 10px; }
nav.main-nav div.m_subnav_item a:hover { color: #63899d; }
nav.main-nav div.m_subnav_item.active a { background-color: #658ba2; }
nav.main-nav div.m_subnav_item.active a span { color: #ffffff; background-repeat: no-repeat; background-position: 95% 50%; }

body.getTheFacts div.m_subnav_item_getTheFacts, body.symptomProfile div.m_subnav_item_symptomProfile, body.youAndYourDoctor div.m_subnav_item_youAndYourDoctor, body.treatment div.m_subnav_item_typesOfTreatment, body.benefits div.m_subnav_item_benefits, body.results div.m_subnav_item_results, body.patientStories div.m_subnav_item_patientStories, body.science div.m_subnav_item_science, body.resources div.m_subnav_item_resources, body.startingOtezla div.m_subnav_item_startingOtezla, body.otezlaPrescription div.m_subnav_item_otezlaPrescription, body.supportplus div.m_subnav_item_supportplus, body.patientSignup div.m_subnav_item_supportplus, body.prospectSignup div.m_subnav_item_supportplus, body.confirmation div.m_subnav_item_supportplus, body.faq div.m_subnav_item_faq, body.copay div.m_subnav_item_copay, body.gotezlaApp div.m_subnav_item_gotezlaApp {   /*&.video-icon { a { span { @include background-hr-image-none(); @include background-hr-image('/assets/img/global/mobile/main-nav-video-icon.png', '/assets/img/global/mobile/main-nav-video-icon-x2.png', 16px); background-position: 100% 50%; } }
 }*/ }
body.getTheFacts div.m_subnav_item_getTheFacts a, body.symptomProfile div.m_subnav_item_symptomProfile a, body.youAndYourDoctor div.m_subnav_item_youAndYourDoctor a, body.treatment div.m_subnav_item_typesOfTreatment a, body.benefits div.m_subnav_item_benefits a, body.results div.m_subnav_item_results a, body.patientStories div.m_subnav_item_patientStories a, body.science div.m_subnav_item_science a, body.resources div.m_subnav_item_resources a, body.startingOtezla div.m_subnav_item_startingOtezla a, body.otezlaPrescription div.m_subnav_item_otezlaPrescription a, body.supportplus div.m_subnav_item_supportplus a, body.patientSignup div.m_subnav_item_supportplus a, body.prospectSignup div.m_subnav_item_supportplus a, body.confirmation div.m_subnav_item_supportplus a, body.faq div.m_subnav_item_faq a, body.copay div.m_subnav_item_copay a, body.gotezlaApp div.m_subnav_item_gotezlaApp a { background-color: #658ba2; }
body.getTheFacts div.m_subnav_item_getTheFacts a span, body.symptomProfile div.m_subnav_item_symptomProfile a span, body.youAndYourDoctor div.m_subnav_item_youAndYourDoctor a span, body.treatment div.m_subnav_item_typesOfTreatment a span, body.benefits div.m_subnav_item_benefits a span, body.results div.m_subnav_item_results a span, body.patientStories div.m_subnav_item_patientStories a span, body.science div.m_subnav_item_science a span, body.resources div.m_subnav_item_resources a span, body.startingOtezla div.m_subnav_item_startingOtezla a span, body.otezlaPrescription div.m_subnav_item_otezlaPrescription a span, body.supportplus div.m_subnav_item_supportplus a span, body.patientSignup div.m_subnav_item_supportplus a span, body.prospectSignup div.m_subnav_item_supportplus a span, body.confirmation div.m_subnav_item_supportplus a span, body.faq div.m_subnav_item_faq a span, body.copay div.m_subnav_item_copay a span, body.gotezlaApp div.m_subnav_item_gotezlaApp a span { color: #ffffff; background-repeat: no-repeat; background-position: 95% 50%; }

/* for oposite indication links */
body.getTheFacts nav.main-nav div.GetTheFactsSwitchLink, body.symptomProfile nav.main-nav div.SymptomProfileSwitchLink, body.youAndYourDoctor nav.main-nav div.YouAndYourDoctorSwitchLink, body.benefits nav.main-nav div.BenefitsSwitchLink, body.results nav.main-nav div.ResultsSwitchLink, body.patientStories nav.main-nav div.PatientStoriesSwitchLink, body.science nav.main-nav div.ScienceSwitchLink, body.resources nav.main-nav div.ResourcesSwitchLink, body.startingOtezla nav.main-nav div.StartingOtezlaSwitchLink, body.otezlaPrescription nav.main-nav div.OtezlaPrescriptionSwitchLink, body.supportplus nav.main-nav div.SupportplusSwitchLink, body.faq nav.main-nav div.FaqSwitchLink, body.copay nav.main-nav div.CopaySwitchLink, body.gotezlaApp nav.main-nav div.GotezlaAppSwitchLink, body.safetyInfo nav.main-nav div.SafetySwitchLink, body.patientSignup nav.main-nav div.PatientSignupSwitchLink, body.prospectSignup nav.main-nav div.ProspectSignupSwitchLink { display: none; }

body nav.main-nav div.m_nav_item.globalSwitchLink { height: 40px; display: table; border-top: 1px solid #c3d2db; }
body nav.main-nav div.m_nav_item.globalSwitchLink a { text-transform: uppercase; }
body nav.main-nav div.m_nav_item.globalSwitchLink a span { display: inline-block; text-decoration: underline; padding-right: 12px; background-image: url("/assets/img/global/mobile/main-nav-grey-right-arrow.png"); background-size: 5px auto; background-repeat: no-repeat; background-position: 100% 4px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { body nav.main-nav div.m_nav_item.globalSwitchLink a span { background-image: url("/assets/img/global/mobile/main-nav-grey-right-arrow-x2.png"); background-size: 5px auto; } }

#dt-nav { display: none; }

p.right-rail-fineprint { display: none; }

.main-nav .mCSB_inside > .mCSB_container { margin-right: 10px; }
.main-nav .mCS-sp-theme.mCSB_scrollTools_vertical { width: 10px; }
.main-nav .mCustomScrollBox { width: 320px; }

@media only screen and (min-width: 48em) { header { height: 110px; }
  header.fixed { top: -20px; }
  .logo { margin-top: 32px; margin-left: -10px; width: 109px; height: 35px; background-size: 109px; }
  .header-content { width: 500px; max-width: none; margin: 0 auto; text-align: center; padding-left: 0; padding-right: 0; }
  .header-content div.us-only { left: 10px; bottom: 10px; }
  .header-content .logo { margin-left: 0; }
  .header-content .header-show-more-of-you { display: block; float: left; width: 143px; height: 27px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; margin-top: 35px; margin-left: 25px; position: relative; background-image: url("/assets/img/global/show-more.svg"); }
  .header-content .header-show-more-of-you:before { display: block; position: absolute; top: 0; left: -13px; width: 1px; height: 27px; background-color: #d47600; }
  .psa .header-content .header-show-more-of-you { background-size: 100%; background-image: url("/assets/img/global/show-more-psa.svg"); }
  .psa .header-content .header-show-more-of-you:before { background-color: #004165; }
  .header-logo-copy-a-pill .header-content .header-show-more-of-you { background-image: url("/assets/img/global/a-pill-that-can-help.svg"); background-size: 77px; }
  .header-content .header-affirmation { font-size: 9px; line-height: 10px; float: left; width: 143px; display: block; margin-top: 35px; margin-left: 15px; text-align: left; position: relative; color: #004165; }
  .header-content .header-affirmation:before { content: ''; display: block; position: absolute; top: 0; left: -8px; width: 1px; height: 27px; background-color: #d47600; }
  .psa .header-content .header-affirmation { color: #d47600; }
  .psa .header-content .header-affirmation:before { background-color: #004165; }
  .top-nav { min-height: inherit; height: 20px; max-width: none; }
  .top-nav ul { width: auto; margin: 0.3125em auto 0; }
  .top-nav li { width: auto; font-size: 12px; font-size: 0.75rem; height: auto; padding-left: 10px; padding-right: 10px; float: left; }
  .top-nav li:first-child { padding: 0 10px 0 0; }
  .top-nav li:last-child { padding-right: 0; }
  .top-nav li.for-us-only { display: table-cell; color: #004165; font-family: "source_sans_prosemibold"; }
  .header-callouts { margin: 30px 0 0 0; }
  .header-callouts a + a { margin-left: 1.5em; } }
@media only screen and (min-width: 62.5em) { header { height: 177px; background-color: transparent; outline: 0px solid red; position: relative; border-bottom: 0px; z-index: 1; box-shadow: none; }
  header.fixed { position: relative; top: 0; }
  p.right-rail-fineprint { display: block; position: absolute; top: 135px; right: 0px; color: #668ca3; font-family: "source_sans_proregular"; font-size: 11px; font-size: 0.6875rem; z-index: 1; height: 42px; line-height: 42px; outline: 0px solid red; }
  .psa p.right-rail-fineprint { color: #dd902d; }
  p.right-rail-fineprint span.for_homepage { display: none; }
  .home p.right-rail-fineprint span.for_homepage { display: block; }
  p.right-rail-fineprint span.for_innerpage { display: block; }
  .home p.right-rail-fineprint span.for_innerpage { display: none; }
  .error p.right-rail-fineprint, .landing p.right-rail-fineprint { top: 105px; }
  .header-content { height: 93px; width: auto; max-width: 980px; }
  .header-content .logo { width: 151px; border: 0; margin: 0; background-size: 151px; margin-top: 33px; height: 45px; }
  .header-content div.us-only { bottom: auto; left: 290px; font-size: 12px; font-size: 0.75rem; font-family: "source_sans_proregular"; top: 10px; color: #4a778f; }
  .header-content .header-show-more-of-you { width: 180px; height: 39px; margin-top: 40px; }
  .header-content .header-show-more-of-you:before { top: -5px; left: -13px; width: 1px; height: 40px; }
  .header-logo-copy-a-pill .header-content .header-show-more-of-you { background-size: 109px; }
  .header-content .header-affirmation { font-size: 12px; line-height: 12px; width: 180px; margin-top: 40px; margin-left: 30px; }
  .header-content .header-affirmation:before { top: -5px; left: -13px; height: 40px; }
  .top-nav { float: right; margin-top: 10px; }
  .top-nav ul { width: auto; margin-left: 0; margin-top: 0; height: 23px; float: right; }
  .top-nav li { width: auto; font-size: 12px; font-size: 0.75rem; padding: 0; margin-right: 0px; display: inline-block; height: 14px; line-height: 14px; border: 0; }
  .top-nav li.li-tooltip-uses { position: relative; }
  .top-nav li.li-tooltip-uses a#global-header-isi { display: inline-block; }
  .top-nav li.li-tooltip-uses a.tooltip-uses { display: none; }
  .top-nav li + li { border: 0; }
  .top-nav li a { height: 14px; line-height: 14px; padding: 0 0 0 10px; text-transform: uppercase; color: #444444; }
  .top-nav li a:hover { text-decoration: none; }
  .top-nav li.top-nav-phone { display: inline-block; padding-left: 40px; border-left: 0px; }
  div.header-callouts-desktop { display: block; float: right; margin-top: 10px; position: relative; }
  div.header-callouts-desktop a, div.header-callouts-desktop div { color: #023a62; text-decoration: none; font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; background-repeat: no-repeat; background-position: 0 50%; height: 24px; line-height: 24px; display: inline-block; padding-left: 30px; }
  div.header-callouts-desktop a.hcd-call-us, div.header-callouts-desktop div.hcd-call-us { cursor: default; background-image: url("/assets/img/global/desktop/hcd-call-us.png"); background-size: 22px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { div.header-callouts-desktop a.hcd-call-us, div.header-callouts-desktop div.hcd-call-us { background-image: url("/assets/img/global/desktop/hcd-call-us-2x.png"); background-size: 22px auto; } }
@media only screen and (min-width: 62.5em) { div.header-callouts-desktop a.hcd-copay, div.header-callouts-desktop div.hcd-copay { margin-left: 50px; background-image: url("/assets/img/global/desktop/hcd-copay.png"); background-size: 22px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { div.header-callouts-desktop a.hcd-copay, div.header-callouts-desktop div.hcd-copay { background-image: url("/assets/img/global/desktop/hcd-copay-2x.png"); background-size: 22px auto; } }
@media only screen and (min-width: 62.5em) { div.header-callouts-desktop a.hcd-copay span, div.header-callouts-desktop div.hcd-copay span { padding-right: 14px; background-image: url("/assets/img/global/desktop/arrow-right-blue-2.png"); background-size: 7px auto; background-repeat: no-repeat; background-position: 100% 50%; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { div.header-callouts-desktop a.hcd-copay span, div.header-callouts-desktop div.hcd-copay span { background-image: url("/assets/img/global/desktop/arrow-right-blue-2x.png"); background-size: 7px auto; } }
@media only screen and (min-width: 62.5em) { div.header-callouts-desktop p.certain-restriction-copy { position: absolute; top: 25px; font-size: 12px; font-size: 0.75rem; color: #636363; right: 0; }
  .header-callouts { display: none; }
  div.site_slogan { display: block; float: left; padding-top: 40px; padding-left: 10px; text-align: left; display: none; }
  div.site_slogan p { display: none; font-family: "Avenir LT W01_65 Medium", sans-serif; color: #003f66; text-transform: uppercase; margin: 0; font-size: 12px; font-size: 0.75rem; line-height: 12px; }
  .pso div.site_slogan p.site_slogan_pso, .psa div.site_slogan p.site_slogan_psa { display: block; }
  nav.main-nav { display: none; }
  nav#dt-nav { display: block; width: 100%; position: relative; z-index: 3; outline: 0px solid yellow; background-color: #f3f5f7; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }
  .psa nav#dt-nav { background-color: #fdf8f2; }
  .pso nav#dt-nav ul.main-nav-pso { display: block; }
  .pso nav#dt-nav ul.main-nav-psa { display: none; }
  .psa nav#dt-nav ul.main-nav-psa { display: block; }
  .psa nav#dt-nav ul.main-nav-pso { display: none; }
  nav#dt-nav ul.main-nav { max-width: 980px; margin: 0 auto; text-align: left; }
  nav#dt-nav ul.main-nav > li { display: inline-block; height: 50px; padding: 0; line-height: 50px; float: left; text-align: center; padding: 0 20px; }
  nav#dt-nav ul.main-nav > li a { height: 50px; line-height: 50px; display: inline-block; margin: 0px; color: #464646; text-transform: uppercase; font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 13px; font-size: 0.8125rem; text-decoration: none; }
  nav#dt-nav ul.main-nav > li div.sub-nav { display: none; width: 100%; position: absolute; top: 50px; left: 0px; background-color: #ebebeb; padding: 0; z-index: 0; height: 50px; box-shadow: 0px 8px 8px rgba(211, 211, 211, 0.6) inset; }
  .psa nav#dt-nav ul.main-nav > li div.sub-nav { background-color: #f5f5f5; box-shadow: 0px 8px 8px rgba(209, 212, 214, 0.6) inset; }
  nav#dt-nav ul.main-nav > li div.sub-nav.active { display: block; }
  nav#dt-nav ul.main-nav > li div.sub-nav.inactive { display: none; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul { width: 980px; max-width: 980px; text-align: left; margin: 0 auto; height: 50px; position: relative; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li { height: 50px; display: inline-block; float: none; padding: 0; width: auto; margin: 0; padding: 0 15px 0 15px; outline: 0px solid red; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li.active a { color: #d47600; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li a { cursor: pointer; color: #464646; font-size: 13px; font-family: "Avenir LT W01_65 Medium", sans-serif; height: 52px; line-height: 50px; display: inline-block; text-transform: uppercase; position: relative; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li a:before { display: none; position: absolute; bottom: 10px; left: 0; width: 100%; height: 2px; background-color: #d47600; }
  .psa nav#dt-nav ul.main-nav > li div.sub-nav ul li a:before { background-color: #004165; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li.no-border { border-right: 0px; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li:first-child { padding-left: 0; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li:hover a { color: #004165 !important; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li:hover a:before { display: block; }
  .psa nav#dt-nav ul.main-nav > li div.sub-nav ul li:hover a { color: #d47600 !important; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li.sub-nav-fineprint { display: block; position: absolute; top: 0px; right: 0px; color: #668ca3; font-family: "source_sans_proregular"; font-size: 11px; font-size: 0.6875rem; z-index: 1; height: 42px; line-height: 42px; outline: 0px solid red; }
  .psa nav#dt-nav ul.main-nav > li div.sub-nav ul li.sub-nav-fineprint { color: #ffffff; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li.sub-nav-fineprint span.for_homepage { display: none; }
  .home nav#dt-nav ul.main-nav > li div.sub-nav ul li.sub-nav-fineprint span.for_homepage { display: block; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul li.sub-nav-fineprint span.for_innerpage { display: block; }
  .home nav#dt-nav ul.main-nav > li div.sub-nav ul li.sub-nav-fineprint span.for_innerpage { display: none; }
  nav#dt-nav ul.main-nav > li div.sub-nav ul.active { display: block; }
  nav#dt-nav ul.main-nav > li.nav-item-switcher { padding-right: 0; padding-left: 0; float: right; }
  nav#dt-nav ul.main-nav > li.nav-item-switcher a { padding-right: 0px; }
  nav#dt-nav ul.main-nav > li.nav-item-switcher a span { padding-right: 15px; background-image: url("/assets/img/global/desktop/arrow-right-orange-2x.png"); background-size: 7px auto; background-repeat: no-repeat; background-position: 100% 40%; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { nav#dt-nav ul.main-nav > li.nav-item-switcher a span { background-image: url("/assets/img/global/desktop/arrow-right-orange-2x.png"); background-size: 7px auto; } }
@media only screen and (min-width: 62.5em) { .psa nav#dt-nav ul.main-nav > li.nav-item-switcher a span { background-image: url("/assets/img/global/desktop/arrow-right-blue-2-2x.png"); background-size: 7px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { .psa nav#dt-nav ul.main-nav > li.nav-item-switcher a span { background-image: url("/assets/img/global/desktop/arrow-right-blue-2-2x.png"); background-size: 7px auto; } }
@media only screen and (min-width: 62.5em) { nav#dt-nav ul.main-nav > li.nav-item-switcher.switch-to-psa a { color: #d47600; }
  nav#dt-nav ul.main-nav > li.nav-item-switcher.switch-to-psa:hover a { color: #c85a02; }
  nav#dt-nav ul.main-nav > li.nav-item-switcher.switch-to-pso a { color: #004165; }
  nav#dt-nav ul.main-nav > li.nav-item-switcher.switch-to-pso:hover a { color: #003f66; }
  nav#dt-nav ul.main-nav > li.nav-item-switcher:hover > a { background-image: none; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { nav#dt-nav ul.main-nav > li.nav-item-switcher:hover > a { background-image: none; } }
@media only screen and (min-width: 62.5em) { nav#dt-nav ul.main-nav > li.active { /*@include background-hr-image('/assets/img/global/desktop/arrow-up-grey-2x.png','/assets/img/global/desktop/arrow-up-grey-2x.png',21px);
background-position: 50% 100%;
background-repeat:no-repeat;*/ }
  nav#dt-nav ul.main-nav > li.active a { color: #004165; font-family: "Avenir LT W01_95 Black", sans-serif; }
  nav#dt-nav ul.main-nav > li:hover > a { color: #004165; background-image: url("/assets/img/global/desktop/arrow-up-grey-2x.png"); background-size: 21px auto; background-position: 50% 100%; background-repeat: no-repeat; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { nav#dt-nav ul.main-nav > li:hover > a { background-image: url("/assets/img/global/desktop/arrow-up-grey-2x.png"); background-size: 21px auto; } }
@media only screen and (min-width: 62.5em) { .psa nav#dt-nav ul.main-nav > li:hover > a { color: #d47600; }
  nav#dt-nav ul.main-nav > li:hover > .sub-nav { display: block; z-index: 2; }
  nav#dt-nav ul.main-nav > li.nav-item-aboutOtezla { width: 130px; padding-left: 0; }
  nav#dt-nav ul.main-nav > li.nav-item-takingOtezla { width: 158px; }
  nav#dt-nav ul.main-nav > li.nav-item-safety { width: 128px; }
  nav#dt-nav ul.main-nav > li.nav-item-safety:hover > a { background-image: none; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { nav#dt-nav ul.main-nav > li.nav-item-safety:hover > a { background-image: none; } }
@media only screen and (min-width: 62.5em) { nav#dt-nav ul.main-nav > li.nav-item-support { width: 174px; }
  nav#dt-nav ul.main-nav > li.nav-item-about { width: 223px; }
  .psa nav#dt-nav ul.main-nav > li.nav-item-about { width: 230px; }
  body.showing-dt-subnav header { height: 193px; }
  body.error header, body.landing header { height: 123px; }
  body.error nav#dt-nav, body.landing nav#dt-nav { display: none; }
  body.about #dt-nav ul.main-nav li.nav-item-about > a, body.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla > a, body.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla > a, body.safety #dt-nav ul.main-nav li.nav-item-safety > a, body.signupForSupport #dt-nav ul.main-nav li.nav-item-support > a { color: #004165; font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; }
  body.about #dt-nav ul.main-nav li.nav-item-about div.sub-nav, body.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla div.sub-nav, body.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla div.sub-nav, body.safety #dt-nav ul.main-nav li.nav-item-safety div.sub-nav, body.signupForSupport #dt-nav ul.main-nav li.nav-item-support div.sub-nav { display: block; }
  body.about #dt-nav ul.main-nav li.nav-item-about div.sub-nav.fixed, body.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla div.sub-nav.fixed, body.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla div.sub-nav.fixed, body.safety #dt-nav ul.main-nav li.nav-item-safety div.sub-nav.fixed, body.signupForSupport #dt-nav ul.main-nav li.nav-item-support div.sub-nav.fixed { position: fixed; top: 0; z-index: 3; }
  body.about #dt-nav ul.main-nav li.nav-item-about > a, body.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla > a, body.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla > a, body.signupForSupport #dt-nav ul.main-nav li.nav-item-support > a { background-image: url("/assets/img/global/desktop/arrow-up-grey-2x.png"); background-size: 21px auto; background-position: 50% 100%; background-repeat: no-repeat; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { body.about #dt-nav ul.main-nav li.nav-item-about > a, body.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla > a, body.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla > a, body.signupForSupport #dt-nav ul.main-nav li.nav-item-support > a { background-image: url("/assets/img/global/desktop/arrow-up-grey-2x.png"); background-size: 21px auto; } }

@media only screen and (min-width: 62.5em) { body.psa.about #dt-nav ul.main-nav li.nav-item-about > a, body.psa.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla > a, body.psa.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla > a, body.psa.safety #dt-nav ul.main-nav li.nav-item-safety > a, body.psa.signupForSupport #dt-nav ul.main-nav li.nav-item-support > a { color: #d47600; font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; }
  body.psa.about #dt-nav ul.main-nav li.nav-item-about div.sub-nav, body.psa.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla div.sub-nav, body.psa.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla div.sub-nav, body.psa.safety #dt-nav ul.main-nav li.nav-item-safety div.sub-nav, body.psa.signupForSupport #dt-nav ul.main-nav li.nav-item-support div.sub-nav { display: block; }
  body.psa.about #dt-nav ul.main-nav li.nav-item-about div.sub-nav.fixed, body.psa.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla div.sub-nav.fixed, body.psa.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla div.sub-nav.fixed, body.psa.safety #dt-nav ul.main-nav li.nav-item-safety div.sub-nav.fixed, body.psa.signupForSupport #dt-nav ul.main-nav li.nav-item-support div.sub-nav.fixed { position: fixed; top: 0; z-index: 3; }
  body.getTheFacts #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-getTheFacts a, body.symptomProfile #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-symptoms a, body.treatment #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-typesOfTreatment a, body.youAndYourDoctor #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-youAndYourDoctor a, body.benefits #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-benefits a, body.results #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-results a, body.patientStories #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-patientStories a, body.science #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-science a, body.faq #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-faq a, body.startingOtezla #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-startingOtezla a, body.otezlaPrescription #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-otezlaPrescription a, body.safetyInfo #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-safetyInfo a, body.supportplus #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a, body.prospectSignup #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a, body.patientSignup #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a, body.confirmation #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a, body.copay #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-copay a, body.gotezlaApp #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-gotezlaApp a, body.resources #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-resources a { color: #004165; font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; }
  body.getTheFacts #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-getTheFacts a:before, body.symptomProfile #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-symptoms a:before, body.treatment #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-typesOfTreatment a:before, body.youAndYourDoctor #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-youAndYourDoctor a:before, body.benefits #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-benefits a:before, body.results #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-results a:before, body.patientStories #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-patientStories a:before, body.science #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-science a:before, body.faq #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-faq a:before, body.startingOtezla #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-startingOtezla a:before, body.otezlaPrescription #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-otezlaPrescription a:before, body.safetyInfo #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-safetyInfo a:before, body.supportplus #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a:before, body.prospectSignup #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a:before, body.patientSignup #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a:before, body.confirmation #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a:before, body.copay #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-copay a:before, body.gotezlaApp #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-gotezlaApp a:before, body.resources #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-resources a:before { display: block; }
  body.psa.getTheFacts #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-getTheFacts a, body.psa.symptomProfile #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-symptoms a, body.psa.treatment #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-typesOfTreatment a, body.psa.youAndYourDoctor #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-youAndYourDoctor a, body.psa.benefits #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-benefits a, body.psa.results #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-results a, body.psa.patientStories #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-patientStories a, body.psa.science #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-science a, body.psa.faq #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-faq a, body.psa.startingOtezla #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-startingOtezla a, body.psa.otezlaPrescription #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-otezlaPrescription a, body.psa.safetyInfo #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-safetyInfo a, body.psa.supportplus #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a, body.psa.prospectSignup #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a, body.psa.patientSignup #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a, body.psa.confirmation #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-supportplus a, body.psa.copay #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-copay a, body.psa.gotezlaApp #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-gotezlaApp a, body.psa.resources #dt-nav ul.main-nav li div.sub-nav ul li.sub-nav-item-resources a { color: #d47600; } }
/*
@import "helper";*/
/*@import "vendor/jquery.mCustomScrollbar";
@import "normalize/normalize";

@import "var/settings";


@import "functions/unitconversion";
@import "functions/mixins";
@import "functions/mini-compass";

@import "normalize/html5boilerplate-main";
@import "fonts";*/
/* tooltip */
div#new-tooltip { width: 100%; margin-bottom: 15px; z-index: 12; position: relative; background-color: #fff; display: none; }
div#new-tooltip div.new-tooltip-content { color: #464646; padding: 1.5em; font-family: "source_sans_proregular"; font-size: 10px; font-size: 0.625rem; }
div#new-tooltip div.new-tooltip-content div.new-tooltip-content-inner { width: 288px; margin: 0 auto; }
div#new-tooltip div.new-tooltip-content h2 { margin: 0; color: #004165; font-size: 13px; font-size: 0.8125rem; }
div#new-tooltip div.new-tooltip-content h2 + p { margin-top: 0.5em; }
div#new-tooltip div.new-tooltip-content p { font-size: 12px; font-size: 0.75rem; margin: 0; }
div#new-tooltip div.new-tooltip-content p + p { margin-top: 1em; }
div#new-tooltip div.new-tooltip-heading { background-color: #668da3; color: #ffffff; font-family: "Avenir LT W01_65 Medium", sans-serif; height: auto; font-size: 15px; font-size: 0.9375rem; line-height: 20px; }
div#new-tooltip div.new-tooltip-heading div.new-tooltip-heading-inner { margin: 0 auto; width: 288px; position: relative; padding: 10px 0; }
div#new-tooltip div.new-tooltip-heading a.tooltip_close { position: absolute; top: 10px; right: 10px; height: 32px; width: auto; background-image: url("/assets/img/global/mobile/tooltip-close.png"); background-size: 15px auto; background-repeat: no-repeat; background-position: 100% 2px; text-decoration: none; color: #ffffff; font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 15px; font-size: 0.9375rem; padding-top: 0px; padding-right: 20px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div#new-tooltip div.new-tooltip-heading a.tooltip_close { background-image: url("/assets/img/global/mobile/tooltip-close-x2.png"); background-size: 15px auto; } }
div#new-tooltip div.new-tooltip-heading div#tooltip_top { position: absolute; bottom: -15px; left: 12%; width: 24px; height: 15px; background-image: url("/assets/img/global/mobile/tooltip-bottom-arrow.png"); background-size: 24px 15px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div#new-tooltip div.new-tooltip-heading div#tooltip_top { background-image: url("/assets/img/global/mobile/tooltip-bottom-arrow-x2.png"); background-size: 24px 15px; } }
.psa.surveyOsp div#new-tooltip div.new-tooltip-heading div#tooltip_top, .psa.surveyExp div#new-tooltip div.new-tooltip-heading div#tooltip_top, .pso.surveyOsp div#new-tooltip div.new-tooltip-heading div#tooltip_top, .pso.surveyExp div#new-tooltip div.new-tooltip-heading div#tooltip_top, .psa.surveyPage div#new-tooltip div.new-tooltip-heading div#tooltip_top { display: none; }

@media only screen and (min-width: 48em) { div#new-tooltip { display: none; }
  div#new-tooltip div.new-tooltip-content div.new-tooltip-content-inner { width: 450px; }
  div#new-tooltip div.new-tooltip-heading div.new-tooltip-heading-inner { width: 450px; } }
/*
div#tooltip { margin: 1em; //position: absolute; //top: 50px; //left: 0px; //z-index: 4;
 display: none; //@include box-shadow(0px, 3px, 10px, 0px); width: 100%; //margin: 50px auto 0; margin: 0 auto; position: relative; z-index:5; margin-bottom: 15px;
 &.open { display: block; } div.tooltip-inner{ width: 288px; //background-color: $white; margin: 0 auto; position: relative;
 }
 .psa.surveyOsp &, .psa.surveyExp &, .pso.surveyOsp &, .pso.surveyExp &{ top: 20px; } .psa.surveyPage &{ top:-50px; }
 div.tooltip_heading { background-color: $tooltip-heading-bg; color: $white; @include AvenirMedium(); height: 73px; @include font-size-rem(15px); line-height: 20px; !*padding-top: 8px; padding-left: 1em;*!
 //position: relative; div.tooltip-inner{ padding: 16px; } } div.tooltip_content { color: $body-txt; padding: 1.5em; font-family: $font-regular; @include font-size-rem(10px); h2{ margin:0; color:$blue; @include font-size-rem(13px); &+p{ margin-top:0.5em; } } p { @include font-size-rem(12px); margin: 0; &:first-child { !*margin-bottom: 0.5em;*! } &.tooltip_content_survey{ display: none; } &+p{ margin-top:1em; } } } a.tooltip_close { position: absolute; top: 5px; right: 5px; height: 32px; width: auto; @include background-hr-image("/assets/img/global/mobile/tooltip-close.png", "/assets/img/global/mobile/tooltip-close-x2.png", 15px); background-repeat: no-repeat; background-position: 100% 2px; text-decoration: none; color:$white; @include AvenirMedium(); @include font-size-rem(15px); padding-top: 0px; padding-right: 20px;
 } div#tooltip_top {
 position: absolute; bottom: -15px; left: 12%; width: 24px; height: 15px; @include background-hr-image("/assets/img/global/mobile/tooltip-bottom-arrow.png", "/assets/img/global/mobile/tooltip-bottom-arrow-x2.png", 24px, 15px);
 .psa.surveyOsp &, .psa.surveyExp &, .pso.surveyOsp &, .pso.surveyExp &, .psa.surveyPage &{ display: none; }
 }
}

@include respond(medium_screen) {
 div#tooltip{ display: none; }
}
*/
/*
@import "helper";*/
/* FOOTER */
footer { background-color: #6d6e71; }

div.footer-content { padding: 40px 0px; }

.footer-nav ul { margin: 0; padding: 0; list-style-type: none; }
.footer-nav ul li { display: block; padding: 00px; margin: 0px auto 40px auto; text-align: center; color: #ffffff; font-family: "source_sans_proregular"; font-size: 13px; font-size: 0.8125rem; }
.footer-nav ul li a { color: #ffffff; text-decoration: underline; font-family: "source_sans_proregular"; font-size: 13px; font-size: 0.8125rem; }
.footer-nav ul li a:hover { text-decoration: underline; }

.footer_content_wrapper { color: #ffffff; font-family: "source_sans_proregular"; font-size: 12px; font-size: 0.75rem; }

div.footer_trademark { position: relative; }
div.footer_trademark p { font-size: 12px; text-align: center; }

span.footer_company_info { display: block; }

a#footer_logo_celgene { display: block; width: 63px; height: 54px; float: left; margin-right: 20px; position: absolute; top: 30px; left: 0px; display: none; }

span.copyright_info { display: block; }

.jobcodeDesktop { display: none; }

.jobcodeTablet { display: none; }

.jobcodeMobile { display: inline; }

.jobcodeSurvey.show, .jobcodeConfirmation.show { display: inline; }
.jobcodeSurvey.hide, .jobcodeConfirmation.hide { display: none; }

/* footer ends */
@media only screen and (min-width: 48em) { /* FOOTER */
  div.footer-content { width: 768px; }
  .jobcodeDesktop { display: none; }
  .jobcodeTablet { display: inline; }
  .jobcodeMobile { display: none; } }
@media only screen and (min-width: 62.5em) { /* FOOTER */
  footer { position: relative; width: 100%; z-index: 3; }
  footer .footer-content { width: 1000px; padding: 25px 20px; }
  footer .footer-nav { float: left; line-height: 60px; }
  footer .footer-nav ul li { display: inline-block; border-right: 1px solid #ffffff; padding: 0px 5px 0px 5px; margin: 5px 0; height: 12px; line-height: 11px; }
  footer .footer-nav ul li.first { padding-left: 0px; }
  footer .footer-nav ul li.before_last { margin-right: 6px; padding-right: 10px; }
  footer .footer-nav ul li.last { border-right: 0px; padding-left: 0px; }
  footer .footer-nav ul li.footer-us-only { border-right: 0px; padding-left: 0px; display: block; text-align: left; margin-top: 10px; }
  footer .footer_content_wrapper { float: right; width: 378px; }
  footer div.footer_trademark { position: relative; margin-top: 0px; height: 60px; }
  footer div.footer_trademark p { float: left; margin-top: 0; width: auto; text-align: right; line-height: 16px; }
  footer span.footer_company_info { position: absolute; top: 5px; left: auto; right: 84px; }
  footer a#footer_logo_celgene { display: block; width: 63px; height: 54px; position: absolute; float: right; margin-right: 0px; margin-left: 20px; right: 0px; left: auto; top: 0px; }
  footer a#footer_logo_celgene img { width: 100%; }
  footer span.copyright_info { display: block; position: absolute; top: 21px; left: auto; right: 84px; width: auto; }
  .jobcodeDesktop { display: inline; }
  .jobcodeTablet { display: none; }
  .jobcodeMobile { display: none; } }
a.link-inline:hover { color: #d47600; }
a.link-solo:hover { color: #d47600; }

section { background-color: #fdf8f2; }
section h2.little { font-size: 18px; font-size: 1.125rem; color: #004165; }
section h2.big { font-size: 32px; font-size: 2rem; color: #d47600; }
section.color-dark { background-color: #FFF9e3; }
section.color-dark p { color: #000000; }
section.color-dark ul { color: #000000; }
section.color-dark a.link-inline, section.color-dark a.link-solo { color: #003f66; }
section.color-dark a.link-inline:hover, section.color-dark a.link-solo:hover { color: #658ba2; }
section.color-dark h2 { color: #dd902d; }
section.home { background-color: #e9feff; background-image: url("/assets/img/psa/mobile/hero/homepage-bg-2x.jpg"); background-size: 768px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.home { background-image: url("/assets/img/psa/mobile/hero/homepage-bg-2x.jpg"); background-size: 768px auto; } }
section.home div.section-content { height: 357px; padding-top: 0; padding-bottom: 0; }
section.home div.section-content h2.little { top: auto; bottom: 40px; left: 105px; }
section.home div.section-content h2.big { top: auto; bottom: 15px; left: 68px; }
section.home div.hero { width: 240px; text-align: center; padding-top: 25px; margin: auto; }
section.home div.hero h2, section.home div.hero h1 { color: #004165; font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.2; }
section.home div.hero p { margin-top: 15px; color: #004165; font-family: ITCGaramondStd-Bk, serif; font-weight: normal; font-style: normal; font-size: 14px; font-size: 0.875rem; }
section.home-2 { background-image: url("/assets/img/psa/mobile/hero/homepage-2-bg-2x.jpg"); background-size: cover; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.home-2 { background-image: url("/assets/img/psa/mobile/hero/homepage-2-bg-2x.jpg"); background-size: cover; } }
section.home-2 div.section-content { padding-top: 0; padding-bottom: 0; }
section.home-2 .column-container { padding-top: 35px; padding-bottom: 35px; }
section.benefits { background-image: url("/assets/img/psa/mobile/hero/benefits-bg-2x.jpg"); background-size: 768px auto; background-position: 50% 100%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.benefits { background-image: url("/assets/img/psa/mobile/hero/benefits-bg-2x.jpg"); background-size: 768px auto; } }
section.benefits div.section-content { padding-bottom: 130px; }
section.benefits div.section-content h2.little { top: auto; bottom: 25px; left: 95px; font-size: 14px; font-size: 0.875rem; }
section.benefits div.section-content h2.big { top: auto; bottom: 6px; left: 74px; font-size: 21px; font-size: 1.3125rem; }
section.benefits div.section-content p.pill { text-align: center; font-family: ITCGaramondStd-Bk, serif; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.125rem; color: #d47600; padding-top: 50px; background-repeat: no-repeat; background-image: url("/assets/img/global/psoriatic-arthritis-pill-otezla.svg"); background-size: 65px; background-position: 50% 0; }
section.benefits h2.subhead { text-align: center; }
section.benefits h1.pagehead { text-align: center; }
section.benefits-2 { background-color: #f9f3e7; background-image: url("/assets/img/psa/mobile/hero/benefits-2-bg-2x.jpg"); background-size: 768px auto; background-position: top center; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.benefits-2 { background-image: url("/assets/img/psa/mobile/hero/benefits-2-bg-2x.jpg"); background-size: 768px auto; } }
section.benefits-2 div.section-content div.columns-single { margin-top: 20px; }
section.results div.section-content h2.subhead, section.results div.section-content h1.pagehead { position: relative; }
section.results div.section-content h2.subhead:before, section.results div.section-content h1.pagehead:before { display: block; width: 66px; height: 43px; background-image: url("/assets/img/global/mobile/psoriatic-arthritis-pill-otezla.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 66px; position: absolute; top: 5px; left: 210px; }
section.results div.section-content div.results-hero-copy { padding-left: 85px; background-image: url("/assets/img/global/psoriatic-arthritis-in-joints-icon.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 50px; margin-top: 30px; position: relative; }
section.results div.section-content div.results-hero-copy:before { width: 1px; height: 100px; position: absolute; top: 0; left: 0; display: block; background-color: #004165; left: 65px; height: 165px; }
section.results div.section-content div.results-hero-cta { background-image: url("/assets/img/psa/mobile/interior/psoriatic-arthritis-patient-story-2x.png"); background-repeat: no-repeat; background-position: 100% 0; background-size: 123px; padding-right: 150px; text-align: right; font-size: 16px; font-size: 1rem; font-family: ITCGaramondStd-Bk, serif; font-weight: normal; font-style: normal; color: #d47600; margin-top: 50px; }
section.results div.section-content div.results-hero-cta span.by { display: block; margin-top: 10px; }
section.results-2 { background-color: #f9ebd9; }
section.full-width-video-bg.anne { background-color: #d47600; background-image: url("/assets/img/psa/tablet/hero/full-width-video-bg-anne-2x.jpg"); background-size: cover; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.full-width-video-bg.anne { background-image: url("/assets/img/psa/tablet/hero/full-width-video-bg-anne-2x.jpg"); background-size: cover; } }
section.patientStory-cta-1 { background-image: url("/assets/img/psa/mobile/hero/patient-story-cta-bg-2x.jpg"); background-size: 768px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patientStory-cta-1 { background-image: url("/assets/img/psa/mobile/hero/patient-story-cta-bg-2x.jpg"); background-size: 768px auto; } }
section.science div.section-content p._how { margin-top: 20px; margin-bottom: 20px; font-size: 18px; font-size: 1.125rem; font-family: ITCGaramondStd-Bk, serif; font-weight: normal; font-style: normal; color: #d47600; padding-left: 90px; background-image: url("/assets/img/global/MOA-icon-psoriatic-arthritis.svg"); background-size: 60px; background-position: 0 0; background-repeat: no-repeat; position: relative; }
section.science div.section-content p._how:before { position: absolute; top: 4px; left: 73px; width: 1px; height: 92px; background-color: #004165; }
section.science-2 { background-image: url("/assets/img/psa/mobile/hero/science-2-bg-2x.jpg"); background-size: cover; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.science-2 { background-image: url("/assets/img/psa/mobile/hero/science-2-bg-2x.jpg"); background-size: cover; } }
section.science-4 { background-image: url("/assets/img/psa/mobile/hero/science-4-bg-2x.jpg"); background-size: 768px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.science-4 { background-image: url("/assets/img/psa/mobile/hero/science-4-bg-2x.jpg"); background-size: 768px auto; } }
section.youAndYourDoctor-3 { background-color: #fbf1e5; }
section.youAndYourDoctor-3 div.section-content div.column-container { margin-top: 40px; }
section.youAndYourDoctor-4 { background-image: url("/assets/img/psa/mobile/hero/you-and-your-doctor-4-bg-2x.jpg"); background-size: cover; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.youAndYourDoctor-4 { background-image: url("/assets/img/psa/mobile/hero/you-and-your-doctor-4-bg-2x.jpg"); background-size: cover; } }
section.conversation div.section-content { text-align: center; }
section.conversation-2 { background-color: #fbf1e5; }
section.faq div.faq_container { margin-top: 40px; }
section.starting { background-image: url("/assets/img/psa/mobile/hero/starting-bg-2x.jpg"); background-size: 768px auto; background-position: 50% 100%; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.starting { background-image: url("/assets/img/psa/mobile/hero/starting-bg-2x.jpg"); background-size: 768px auto; } }
section.starting div.section-content { padding-bottom: 200px; }
section.starting div.section-content h2.little { top: auto; left: 132px; bottom: 57px; font-size: 17px; font-size: 1.0625rem; }
section.starting div.section-content h2.big { top: auto; left: 135px; bottom: 35px; font-size: 25px; font-size: 1.5625rem; }
section.starting div.section-content h2.subhead-2 { margin-top: 30px; margin-bottom: 20px; }
section.starting-2 { background-image: url("/assets/img/psa/mobile/hero/starting-2-bg-2x.jpg"); background-size: 768px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.starting-2 { background-image: url("/assets/img/psa/mobile/hero/starting-2-bg-2x.jpg"); background-size: 768px auto; } }
section.starting-3 { background-image: url("/assets/img/psa/mobile/hero/starting-3-bg-2x.jpg"); background-size: cover; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.starting-3 { background-image: url("/assets/img/psa/mobile/hero/starting-3-bg-2x.jpg"); background-size: cover; } }
section.gotezla-callout { background-color: #fefbf7; background-image: url("/assets/img/psa/mobile/hero/gotezla-cta-bg-2x.jpg"); background-size: 768px auto; height: 291px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.gotezla-callout { background-image: url("/assets/img/psa/mobile/hero/gotezla-cta-bg-2x.jpg"); background-size: 768px auto; } }
section.otezlaPrescription-2 { background-color: #d77e07; background-image: url("/assets/img/psa/mobile/hero/otezlaPrescription-2-bg-2x.jpg"); background-size: 768px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.otezlaPrescription-2 { background-image: url("/assets/img/psa/mobile/hero/otezlaPrescription-2-bg-2x.jpg"); background-size: 768px auto; } }
section.otezlaPrescription-2 video { display: none; }
section.otezlaPrescription-3 { background-color: #fbf1e5; }
section.otezlaPrescription-3 div.section-content { text-align: center; }
section.otezlaPrescription-3 div.section-content div.column { padding-top: 170px; background-image: url("/assets/img/global/specialty-pharmacy-icon-psa-2x.png"); background-repeat: no-repeat; background-position: 50% 0; background-size: 153px; }
section.otezlaPrescription-4 div.section-content h2.subhead-2 { text-align: center; }
section.otezlaPrescription-6 { background-color: #fbf1e5; }
section.safety div.section-content h2.subhead-2 { margin-top: 30px; margin-bottom: 20px; }
section.safety-2 { background-color: #fbf1e5; }
section.supportplus { background-image: url("/assets/img/psa/mobile/hero/supportplus-bg-2x.jpg"); background-size: 768px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.supportplus { background-image: url("/assets/img/psa/mobile/hero/supportplus-bg-2x.jpg"); background-size: 768px auto; } }
section.supportplus div.section-content-hero { height: 854px; }
section.supportplus div.section-content-hero h2.supportplus-heading, section.supportplus div.section-content-hero h1.supportplus-heading { position: relative; text-align: center; margin-bottom: 40px; }
section.supportplus div.section-content-hero h2.supportplus-heading span, section.supportplus div.section-content-hero h1.supportplus-heading span { display: none; }
section.supportplus div.section-content-hero h2.supportplus-heading:before, section.supportplus div.section-content-hero h1.supportplus-heading:before { position: absolute; bottom: -20px; left: 76px; display: block; width: 170px; height: 20px; background: url("/assets/img/global/mobile/icon-supportplus-2x.png"); -webkit-background-size: 170px; background-size: 170px; background-repeat: no-repeat; }
section.supportplus div.section-content-hero div.logo-supportplus { background-image: url("/assets/img/global/otezla-support-plus-logo.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 119px; width: 119px; height: 57px; margin: 20px auto; }
section.supportplus div.section-content-hero h3 { font-family: ITCGaramondStd-Lt, serif; font-weight: normal; font-style: normal; font-size: 30px; font-size: 1.875rem; color: #d47600; margin: 0 auto; text-align: center; }
section.supportplus div.section-content-hero h2.little { top: auto; left: 70px; bottom: 70px; font-size: 18px; font-size: 1.125rem; }
section.supportplus div.section-content-hero h2.big { top: auto; left: 44px; bottom: 50px; font-size: 26px; font-size: 1.625rem; }
section.supportplus div.section-content-accordion h2 { font-size: 30px; font-size: 1.875rem; }
section.supportplus a.link-inline:hover { color: #658ba2; }
section.supportplus-2 { background-image: url("/assets/img/psa/mobile/hero/supportplus-2-bg-2x.jpg"); background-size: 768px auto; background-color: #fdf8f2; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.supportplus-2 { background-image: url("/assets/img/psa/mobile/hero/supportplus-2-bg-2x.jpg"); background-size: 768px auto; } }
section.supportplus-2 div.section-content-accordion h2 { font-size: 30px; font-size: 1.875rem; }
section.supportplus-2 a.link-inline:hover { color: #658ba2; }
section.supportplus-3 { background-image: url("/assets/img/psa/mobile/hero/supportplus-3-bg-2x.jpg"); background-size: cover; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.supportplus-3 { background-image: url("/assets/img/psa/mobile/hero/supportplus-3-bg-2x.jpg"); background-size: cover; } }
section.supportplus-3 div.section-content div.copay-on-supportplus p.footnote { color: #464646; width: 310px; }
section.supportplus-3 div.section-content div.copay-on-supportplus a { margin-bottom: 40px; }
section.patient-signup-2 { background-color: #fbf1e5; }
section.prospect-signup-2 { background-color: #fbf1e5; }
section.copay { background-color: #fdf8f4; background-image: url("/assets/img/psa/mobile/hero/copay-bg-2x.jpg"); background-size: 768px auto; background-position: bottom center; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.copay { background-image: url("/assets/img/psa/mobile/hero/copay-bg-2x.jpg"); background-size: 768px auto; } }
section.copay div.section-content { padding-bottom: 200px; }
section.copay div.section-content h2.little { top: auto; left: 90px; bottom: 130px; font-size: 16.5px; font-size: 1.03125rem; }
section.copay div.section-content h2.big { top: auto; left: 65px; bottom: 110px; font-size: 27px; font-size: 1.6875rem; }
section.copay div.section-content p span.heading { color: #004165; font-size: 16px; font-size: 1rem; font-family: "source_sans_probold"; }
section.copay form#copay-form { height: 174px; }
section.copay form#copay-form input[type=text] { margin: 20px auto 0; display: inline-block; width: 280px; height: 40px; border: 1px solid #898989; padding-left: 15px; border-radius: 0; -webkit-appearance: none; float: left; }
section.copay form#copay-form input[type=text].error { border-color: #ff0000; }
section.copay form#copay-form input[type=text]#reminder-email-date { background-image: url("/assets/img/global/date-input-bg.png"); background-repeat: no-repeat; background-position: 15px 50%; padding-left: 50px; width: 150px; float: left; clear: left; }
section.copay form#copay-form #reminder-email-submit-button { margin-top: 20px; margin-bottom: 0; float: left; margin-left: 10px; }
section.copay form#copay-form img.rotating_img { display: none; margin-top: 25px; margin-left: 10px; }
section.copay form#copay-form img.rotating_img.show { display: inline-block; }
section.copay form#copay-form img.checkmark { display: none; width: 26px; margin-top: 30px; margin-left: 10px; }
section.copay form#copay-form div.error-msg { margin-top: 14px; display: none; }
section.copay form#copay-form div.error-msg p { margin-top: 0px; color: #ff0000; }
section.copay form#copay-form div.submit-confirm { margin-top: 14px; display: none; }
section.copay form#copay-form div.submit-confirm p { margin-top: 0px; width: 190px; }
section.copay form#copay-form.error div.error-msg { display: block; }
section.copay form#copay-form.success div.submit-confirm { display: block; }
section.copay form#copay-form.success img.checkmark { display: inline-block; }
section.copay p.copay-card { background-image: url("/assets/img/pso/mobile/interior/copay-card.png"); background-size: 224px auto; background-repeat: no-repeat; background-position: 50% 100%; padding-bottom: 150px; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.copay p.copay-card { background-image: url("/assets/img/pso/mobile/interior/copay-card-2x.png"); background-size: 224px auto; } }
section.copay p + p { margin-top: 24px; }
section.copay-2 div.section-content h2.speaker { padding-left: 80px; background-image: url("/assets/img/global/speak-with-rheumatologist-icon.svg"); background-size: 56px; background-repeat: no-repeat; background-position: 0 0; }
section.copay-2 div.section-content h2.save-on { margin-top: 50px; }
section.copay-2 div.section-content p.mt { margin-top: 40px; }
section.copay-3 { background-image: url("/assets/img/psa/mobile/hero/copay-3-bg-2x.jpg"); background-size: 768px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.copay-3 { background-image: url("/assets/img/psa/mobile/hero/copay-3-bg-2x.jpg"); background-size: 768px auto; } }
section.gotezlaApp div.section-content h1.pagehead { padding-bottom: 70px; background-image: url("/assets/img/global/mobile/gotezla-logo-2x.png"); background-repeat: no-repeat; background-position: 0 100%; background-size: 216px; margin-bottom: 30px; }
section.gotezlaApp div.section-content a.download-app-link { margin-top: 30px; }
section.gotezlaApp-2 { background-image: url("/assets/img/psa/mobile/hero/gotezla-2-bg-2x.jpg"); background-size: cover; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.gotezlaApp-2 { background-image: url("/assets/img/psa/mobile/hero/gotezla-2-bg-2x.jpg"); background-size: cover; } }
section.gotezlaApp-3 div.section-content div.gotezla-app-details { padding-bottom: 30px; border-bottom: 1px solid #e8b779; }
section.gotezlaApp-3 div.section-content div.gotezla-app-details p + ul { margin-top: 20px; }
section.gotezlaApp-3 div.section-content div.gotezla-app-details h2.subhead-2 { padding-left: 80px; font-size: 30px; font-size: 1.875rem; position: relative; margin-bottom: 20px; background-repeat: no-repeat; background-position: 0 50%; height: 72px; }
section.gotezlaApp-3 div.section-content div.gotezla-app-details h2.subhead-2:before { position: absolute; top: 3px; left: 63px; display: block; width: 1px; height: 60px; background-color: #004165; }
section.gotezlaApp-3 div.section-content div.gotezla-app-details.symptom-tracker h2.subhead-2 { background-image: url("/assets/img/global/symptom-tracker-gotezla-icon.svg"); background-size: 47px; }
section.gotezlaApp-3 div.section-content div.gotezla-app-details.personalized h2.subhead-2 { background-image: url("/assets/img/global/orange-bulb-icon.svg"); background-size: 44px; }
section.gotezlaApp-3 div.section-content div.gotezla-app-details.pselfies { border-bottom: 0px; }
section.gotezlaApp-3 div.section-content div.gotezla-app-details.pselfies h2.subhead-2 { background-image: url("/assets/img/global/orange-camera-icon.svg"); background-size: 48px; padding-top: 16px; }
section.gotezlaApp-3 div.section-content div.gotezla-app-details + div.gotezla-app-details { margin-top: 40px; }
section.resources-2 { background-image: url("/assets/img/psa/mobile/hero/resources-2-bg-2x.jpg"); background-size: cover; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.resources-2 { background-image: url("/assets/img/psa/mobile/hero/resources-2-bg-2x.jpg"); background-size: cover; } }
section.resources-3 { background-image: url("/assets/img/psa/mobile/hero/resources-3-bg-2x.jpg"); background-size: 768px auto; background-position: bottom center; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.resources-3 { background-image: url("/assets/img/psa/mobile/hero/resources-3-bg-2x.jpg"); background-size: 768px auto; } }
section.resources-3 div.section-content h2.subhead-2 { padding-top: 70px; font-size: 30px; font-size: 1.875rem; background-image: url("/assets/img/global/mobile/gotezla-logo-2x.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 216px; }
section.resources-4 { background-color: #fbf1e5; }
section.resources-4 div.section-content h2.subhead-2 { font-size: 36px; font-size: 2.25rem; }
section.getTheFacts { background-color: #fdf8f4; background-image: url("/assets/img/psa/mobile/hero/getTheFacts-bg-2x.jpg"); background-size: 768px auto; background-position: bottom center; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts { background-image: url("/assets/img/psa/mobile/hero/getTheFacts-bg-2x.jpg"); background-size: 768px auto; } }
section.getTheFacts div.section-content { padding-bottom: 200px; }
section.getTheFacts div.section-content div.column-container { margin-top: 20px; }
section.getTheFacts div.section-content h2.little { font-size: 18px; font-size: 1.125rem; top: auto; bottom: 100px; left: 70px; }
section.getTheFacts div.section-content h2.big { font-size: 27px; font-size: 1.6875rem; top: auto; bottom: 75px; left: 59px; }
section.getTheFacts-2 { background-image: url("/assets/img/psa/mobile/hero/getTheFacts-2-bg-2x.jpg"); background-size: 768px auto; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-2 { background-image: url("/assets/img/psa/mobile/hero/getTheFacts-2-bg-2x.jpg"); background-size: 768px auto; } }
section.getTheFacts-2 div.section-content div.facts-about-psa { margin-bottom: 50px; position: relative; background-repeat: no-repeat; background-position: 0 0; }
section.getTheFacts-2 div.section-content div.facts-about-psa:before { position: absolute; top: 3px; left: 63px; display: block; width: 1px; height: 50px; background-color: #004165; }
section.getTheFacts-2 div.section-content div.facts-about-psa h2.subhead-2 { margin-left: 80px; }
section.getTheFacts-2 div.section-content div.facts-about-psa h2.subhead-2 + ul { margin-top: 10px; }
section.getTheFacts-2 div.section-content div.facts-about-psa.facts-1 { background-image: url("/assets/img/global/icon-rx-note-2-psa.svg"); background-size: 52px; }
section.getTheFacts-2 div.section-content div.facts-about-psa.facts-1 h2.subhead-2 { padding-top: 12px; margin-bottom: 30px; }
section.getTheFacts-2 div.section-content div.facts-about-psa.facts-2 { background-image: url("/assets/img/global/psoriatic-arthritis-in-joints-icon.svg"); background-size: 49px; background-position: 0 5px; }
section.getTheFacts-2 div.section-content div.facts-about-psa.facts-2 h2.subhead-2 { margin-bottom: 20px; }
section.pre-footer { background-image: none; background-color: #ffffff; }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.pre-footer { background-image: none; } }
section.pre-footer div.section-content ul.pre-footer-ul-for-psa { display: block; }
section.pre-footer div.section-content ul li a { color: #464646; }
section.pre-footer div.section-content ul li a:after { background-color: #d47600; }
section.pre-footer div.section-content ul li a.pre-footer-link1:before { background: url("/assets/img/global/sign-up-for-support-icon.svg"); width: 56px; height: 51px; background-repeat: no-repeat; background-size: 56px; background-position: 50% 50%; }
section.pre-footer div.section-content ul li a.pre-footer-link2:before { background: url("/assets/img/global/information-about-otezla-treatment-icon.svg"); width: 56px; height: 54px; background-repeat: no-repeat; background-size: 49px; background-position: 50% 50%; }
section.pre-footer div.section-content ul li a.pre-footer-link3:before { background: url("/assets/img/global/psoriatic-arthritis-symptoms-tracker-icon.svg"); width: 56px; height: 56px; background-repeat: no-repeat; background-size: 36px; background-position: 50% 50%; }

@media only screen and (min-width: 48em) { a.tel:hover { color: inherit; }
  section.home { background-image: url("/assets/img/psa/tablet/hero/homepage-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.home { background-image: url("/assets/img/psa/tablet/hero/homepage-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.home div.section-content { height: 410px; }
  section.home div.section-content h2.little { left: 195px; }
  section.home div.section-content h2.big { left: 158px; }
  section.home div.hero { width: 100%; padding-top: 30px; }
  section.home div.hero h2, section.home div.hero h1 { font-size: 24px; font-size: 1.5rem; }
  section.home div.hero p { font-size: 18px; font-size: 1.125rem; }
  section.home-2 { background-image: url("/assets/img/psa/tablet/hero/homepage-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.home-2 { background-image: url("/assets/img/psa/tablet/hero/homepage-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.home-2 .column-container { padding-top: 30px; height: 298px; }
  section.benefits { background-image: url("/assets/img/psa/tablet/hero/benefits-bg-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.benefits { background-image: url("/assets/img/psa/tablet/hero/benefits-bg-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) { section.benefits div.section-content { padding-bottom: 150px; }
  section.benefits div.section-content h2.little { bottom: 25px; left: 230px; }
  section.benefits div.section-content h2.big { bottom: 6px; left: 216px; }
  section.benefits-2 { background-image: url("/assets/img/psa/tablet/hero/benefits-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.benefits-2 { background-image: url("/assets/img/psa/tablet/hero/benefits-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.benefits-2 div.section-content { height: auto; }
  section.results div.section-content h2.subhead:before, section.results div.section-content h1.pagehead:before { left: 370px; }
  section.results div.section-content div.results-hero-copy { padding-left: 90px; }
  section.results div.section-content div.results-hero-copy ul { margin-top: 10px; }
  section.results div.section-content div.results-hero-copy:before { left: 70px; height: 95px; }
  section.results div.section-content div.results-hero-cta { background-size: 145px; padding-right: 250px; font-size: 18px; font-size: 1.125rem; padding-top: 10px; background-position: 300px 0; }
  section.full-width-video-bg.anne { background-image: url("/assets/img/psa/tablet/hero/full-width-video-bg-anne-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.full-width-video-bg.anne { background-image: url("/assets/img/psa/tablet/hero/full-width-video-bg-anne-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) { section.patientStory-cta-1 { background-image: url("/assets/img/psa/tablet/hero/patient-story-cta-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.patientStory-cta-1 { background-image: url("/assets/img/psa/tablet/hero/patient-story-cta-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.science div.section-content p._how { height: 50px; background-size: 50px; }
  section.science div.section-content p._how:before { left: 69px; height: 47px; top: 0; }
  section.science-2 { background-image: url("/assets/img/psa/tablet/hero/science-2-bg-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.science-2 { background-image: url("/assets/img/psa/tablet/hero/science-2-bg-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) { section.science-4 { background-image: url("/assets/img/psa/tablet/hero/science-4-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.science-4 { background-image: url("/assets/img/psa/tablet/hero/science-4-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.youAndYourDoctor-3 div.section-content div.column-container { margin-top: 70px; }
  section.youAndYourDoctor-4 { background-image: url("/assets/img/psa/tablet/hero/you-and-your-doctor-4-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.youAndYourDoctor-4 { background-image: url("/assets/img/psa/tablet/hero/you-and-your-doctor-4-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.starting { background-image: url("/assets/img/psa/tablet/hero/starting-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.starting { background-image: url("/assets/img/psa/tablet/hero/starting-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.starting div.section-content { padding-bottom: 245px; }
  section.starting div.section-content h2.little { left: 197px; bottom: 57px; }
  section.starting div.section-content h2.big { left: 195px; bottom: 35px; }
  section.starting-2 { background-image: url("/assets/img/psa/tablet/hero/starting-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.starting-2 { background-image: url("/assets/img/psa/tablet/hero/starting-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.starting-2 div.section-content { height: 192px; padding-bottom: 0; }
  section.starting-3 { background-image: url("/assets/img/psa/tablet/hero/starting-3-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.starting-3 { background-image: url("/assets/img/psa/tablet/hero/starting-3-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.starting-3 div.section-content { height: 315px; padding-bottom: 0; padding-top: 40px; }
  section.gotezla-callout { background-image: url("/assets/img/psa/tablet/hero/gotezla-cta-bg-2x.jpg"); background-size: cover; height: 315px; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.gotezla-callout { background-image: url("/assets/img/psa/tablet/hero/gotezla-cta-bg-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) { section.otezlaPrescription-2 { background-image: url("/assets/img/psa/tablet/hero/otezlaPrescription-2-bg-2x.jpg"); background-size: cover; height: auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.otezlaPrescription-2 { background-image: url("/assets/img/psa/tablet/hero/otezlaPrescription-2-bg-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) { section.supportplus { background-image: url("/assets/img/psa/tablet/hero/supportplus-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.supportplus { background-image: url("/assets/img/psa/tablet/hero/supportplus-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.supportplus div.section-content-hero { height: 634px; }
  section.supportplus div.section-content-hero div.hero { margin-left: 0; }
  section.supportplus div.section-content-hero div.hero-2 { width: 400px; margin-left: 0; }
  section.supportplus div.section-content-hero h2.supportplus-heading, section.supportplus div.section-content-hero h1.supportplus-heading { text-align: left; margin-bottom: 0; }
  section.supportplus div.section-content-hero h2.supportplus-heading:before, section.supportplus div.section-content-hero h1.supportplus-heading:before { position: absolute; bottom: auto; top: 12px; left: 180px; display: block; width: 212px; height: 24px; background: url("/assets/img/global/tablet/icon-supportplus-2x.png"); -webkit-background-size: 212px; background-size: 212px; background-repeat: no-repeat; }
  section.supportplus div.section-content-hero div.logo-supportplus { margin-top: 30px; }
  section.supportplus div.section-content-hero h2.little { left: 158px; bottom: 42px; font-size: 22.4px; font-size: 1.4rem; }
  section.supportplus div.section-content-hero h2.big { left: 145px; bottom: 16px; font-size: 33.6px; font-size: 2.1rem; }
  section.supportplus-2 { background-image: url("/assets/img/psa/tablet/hero/supportplus-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.supportplus-2 { background-image: url("/assets/img/psa/tablet/hero/supportplus-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.supportplus-3 { background-image: url("/assets/img/psa/tablet/hero/supportplus-3-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.supportplus-3 { background-image: url("/assets/img/psa/tablet/hero/supportplus-3-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.supportplus-3 div.section-content div.copay-on-supportplus p.footnote { width: auto; }
  section.copay { background-image: url("/assets/img/psa/tablet/hero/copay-bg-2x.jpg"); background-size: 1000px auto; height: 788px; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.copay { background-image: url("/assets/img/psa/tablet/hero/copay-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.copay div.section-content h2.little { left: 110px; bottom: 117px; font-size: 22.4px; font-size: 1.4rem; }
  section.copay div.section-content h2.big { left: 60px; bottom: 90px; font-size: 33.6px; font-size: 2.1rem; }
  section.copay p.copay-card { background-position: 100% 0%; padding-bottom: 0px; padding-right: 240px; }
  section.copay form#copay-form { height: 110px; }
  section.copay form#copay-form input[type=text] { width: 310px; }
  section.copay form#copay-form input[type=text]#reminder-email-date { width: 160px; margin-left: 0; }
  section.copay form#copay-form img.rotating_img { float: left; }
  section.copay form#copay-form img.checkmark { float: left; }
  section.copay form#copay-form div.submit-confirm p { width: 190px; }
  section.copay-2 h2 { margin-left: 0px; }
  section.copay-3 { background-image: url("/assets/img/psa/tablet/hero/copay-3-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.copay-3 { background-image: url("/assets/img/psa/tablet/hero/copay-3-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.gotezlaApp-2 { background-image: url("/assets/img/psa/tablet/hero/gotezla-2-bg-2x.jpg"); background-size: 1000px auto; height: 310px; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.gotezlaApp-2 { background-image: url("/assets/img/psa/tablet/hero/gotezla-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.gotezlaApp-2 div.section-content { padding-top: 60px; padding-bottom: 0; }
  section.gotezlaApp-3 div.section-content div.gotezla-app-details { padding-right: 230px; background-size: 208px; background-position: 100% 0; background-repeat: no-repeat; padding-bottom: 60px; }
  section.gotezlaApp-3 div.section-content div.gotezla-app-details.symptom-tracker { background-image: url("/assets/img/pso/tablet/interior/gotezla-symptom-tracker-2x.png"); }
  section.gotezlaApp-3 div.section-content div.gotezla-app-details.personalized { background-image: url("/assets/img/pso/tablet/interior/gotezla-personalized-information-2x.png"); }
  section.gotezlaApp-3 div.section-content div.gotezla-app-details.pselfies { height: 330px; background-image: url("/assets/img/psa/tablet/interior/pselfie-gallery-gotezla-2x.png"); }
  section.gotezlaApp-3 div.section-content div.gotezla-app-details + div.gotezla-app-details { margin-top: 50px; }
  section.resources-2 { background-image: url("/assets/img/psa/tablet/hero/resources-2-bg-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.resources-2 { background-image: url("/assets/img/psa/tablet/hero/resources-2-bg-2x.jpg"); background-size: cover; } }
@media only screen and (min-width: 48em) { section.resources-3 { background-image: url("/assets/img/psa/tablet/hero/resources-3-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.resources-3 { background-image: url("/assets/img/psa/tablet/hero/resources-3-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.resources-3 div.section-content h2.subhead-2 { padding-top: 75px; background-image: url("/assets/img/global/tablet/gotezla-logo-2x.png"); background-size: 222px; }
  section.resources-4 div.float_container_tablet { margin-top: 20px; width: 400px; margin: 20px auto; }
  section.resources-4 div.float_container_tablet + div.float_container_tablet { margin-top: 0; width: 201px; margin: 0 auto; }
  section.getTheFacts { background-image: url("/assets/img/psa/tablet/hero/getTheFacts-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.getTheFacts { background-image: url("/assets/img/psa/tablet/hero/getTheFacts-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.getTheFacts div.section-content { height: 784px; }
  section.getTheFacts div.section-content div.column-container { margin-top: 40px; }
  section.getTheFacts div.section-content div.column-container div.columns-single div.column { width: 270px; margin-left: 10px; }
  section.getTheFacts div.section-content div.column-container div.columns-single div.column div.cta-1:before { left: 35%; }
  section.getTheFacts div.section-content h2.little { font-size: 19.5px; font-size: 1.21875rem; bottom: 54px; left: 110px; }
  section.getTheFacts div.section-content h2.big { font-size: 29px; font-size: 1.8125rem; bottom: 25px; left: 90px; }
  section.getTheFacts-2 { background-image: url("/assets/img/psa/tablet/hero/getTheFacts-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 48em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 48em) and (min-resolution: 120dpi) { section.getTheFacts-2 { background-image: url("/assets/img/psa/tablet/hero/getTheFacts-2-bg-2x.jpg"); background-size: 1000px auto; } }
@media only screen and (min-width: 48em) { section.getTheFacts-2 div.section-content div.facts-about-psa { padding-left: 90px; }
  section.getTheFacts-2 div.section-content div.facts-about-psa:before { left: 70px; }
  section.getTheFacts-2 div.section-content div.facts-about-psa h2.subhead-2 { margin-left: 0; }
  section.getTheFacts-2 div.section-content div.facts-about-psa.facts-1:before { height: 190px; }
  section.getTheFacts-2 div.section-content div.facts-about-psa.facts-1 h2.subhead-2 { padding-top: 0; margin-bottom: 0; }
  section.getTheFacts-2 div.section-content div.facts-about-psa.facts-2:before { height: 170px; }
  section.getTheFacts-2 div.section-content div.facts-about-psa.facts-2 h2.subhead-2 { margin-bottom: 0; } }
@media only screen and (min-width: 62.5em) { h2.subhead + p { margin-top: 20px; }
  h1.pagehead + p { margin-top: 20px; }
  section.home { background-image: url("/assets/img/psa/desktop/hero/homepage-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.home { background-image: url("/assets/img/psa/desktop/hero/homepage-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.home div.section-content { height: 531px; }
  section.home div.section-content h2.little { font-size: 26px; font-size: 1.625rem; left: 232px; bottom: 78px; }
  section.home div.section-content h2.big { font-size: 40px; font-size: 2.5rem; left: 190px; bottom: 50px; }
  section.home div.hero { padding-top: 50px; }
  section.home-2 { background-image: url("/assets/img/psa/desktop/hero/homepage-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.home-2 { background-image: url("/assets/img/psa/desktop/hero/homepage-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.home-2 div.section-content { height: 329px; }
  section.home-2 .column-container { height: auto; }
  section.benefits { background-image: url("/assets/img/psa/desktop/hero/benefits-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.benefits { background-image: url("/assets/img/psa/desktop/hero/benefits-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.benefits div.section-content { padding-bottom: 220px; }
  section.benefits div.section-content h2.little { font-size: 22.4px; font-size: 1.4rem; left: 230px; bottom: 80px; }
  section.benefits div.section-content h2.big { font-size: 33.6px; font-size: 2.1rem; left: 220px; bottom: 50px; }
  section.benefits-2 { background-image: url("/assets/img/psa/desktop/hero/benefits-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.benefits-2 { background-image: url("/assets/img/psa/desktop/hero/benefits-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.results div.section-content div.results-hero-cta { margin-left: 90px; }
  section.full-width-video-bg.anne { height: 372px; background-image: url("/assets/img/psa/desktop/hero/full-width-video-bg-anne.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.full-width-video-bg.anne { background-image: url("/assets/img/psa/desktop/hero/full-width-video-bg-anne.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.full-width-video-bg.anne div.section-content { padding-top: 90px; }
  section.patientStoriesHero div.section-content { padding-top: 70px; }
  section.patientStory-cta-1 { background-color: #e1dbcf; background-image: url("/assets/img/psa/desktop/hero/patient-story-cta-bg.png"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.patientStory-cta-1 { background-image: url("/assets/img/psa/desktop/hero/patient-story-cta-bg.png"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.science-2 { background-image: url("/assets/img/psa/desktop/hero/science-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.science-2 { background-image: url("/assets/img/psa/desktop/hero/science-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.science-4 { background-color: #f6f7f2; background-image: url("/assets/img/psa/desktop/hero/science-4-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.science-4 { background-image: url("/assets/img/psa/desktop/hero/science-4-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.youAndYourDoctor-2 { background-color: #7597ab; background-image: url("/assets/img/pso/desktop/hero/you-and-your-doctor-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.youAndYourDoctor-2 { background-image: url("/assets/img/pso/desktop/hero/you-and-your-doctor-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.youAndYourDoctor-3 div.float_container_tablet { margin-top: 20px; }
  section.youAndYourDoctor-4 { background-image: url("/assets/img/psa/desktop/hero/you-and-your-doctor-4-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.youAndYourDoctor-4 { background-image: url("/assets/img/psa/desktop/hero/you-and-your-doctor-4-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.starting { background-image: url("/assets/img/psa/desktop/hero/starting-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.starting { background-image: url("/assets/img/psa/desktop/hero/starting-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.starting div.section-content { height: 986px; }
  section.starting div.section-content h2.little { left: 450px; bottom: 510px; font-size: 23px; font-size: 1.4375rem; }
  section.starting div.section-content h2.big { left: 449px; bottom: 480px; font-size: 34px; font-size: 2.125rem; }
  section.starting-2 { background-image: url("/assets/img/psa/desktop/hero/starting-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.starting-2 { background-image: url("/assets/img/psa/desktop/hero/starting-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.starting-2 div.section-content { height: 196px; }
  section.starting-3 { background-image: url("/assets/img/psa/desktop/hero/starting-3-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.starting-3 { background-image: url("/assets/img/psa/desktop/hero/starting-3-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.starting-3 div.section-content { height: 371px; }
  section.gotezla-callout { background-image: url("/assets/img/psa/desktop/hero/gotezla-cta-bg.jpg"); background-size: 1920px auto; height: 314px; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.gotezla-callout { background-image: url("/assets/img/psa/desktop/hero/gotezla-cta-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.otezlaPrescription-2 { background-image: url("/assets/img/psa/desktop/hero/otezlaPrescription-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.otezlaPrescription-2 { background-image: url("/assets/img/psa/desktop/hero/otezlaPrescription-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.otezlaPrescription-2 video { display: block; position: absolute; bottom: 0; left: 0; width: 100%; top: calc(50% - 28.125vw); }
  section.safety div.section-content { padding-top: 100px; }
  section.supportplus { background-image: url("/assets/img/psa/desktop/hero/supportplus-bg.jpg"); background-size: 1924px auto; background-position: bottom center; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.supportplus { background-image: url("/assets/img/psa/desktop/hero/supportplus-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) { section.supportplus div.section-content-hero { height: 600px; }
  section.supportplus div.section-content-hero div.hero { width: 372px; }
  section.supportplus div.section-content-hero h2.little { left: 240px; bottom: 53px; }
  section.supportplus div.section-content-hero h2.big { left: 220px; bottom: 30px; }
  section.supportplus-2 { background-image: url("/assets/img/psa/desktop/hero/supportplus-2-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.supportplus-2 { background-image: url("/assets/img/psa/desktop/hero/supportplus-2-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) { section.supportplus-3 { background-image: url("/assets/img/psa/desktop/hero/supportplus-3-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.supportplus-3 { background-image: url("/assets/img/psa/desktop/hero/supportplus-3-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) { section.copay { background-color: #fefefe; background-image: url("/assets/img/psa/desktop/hero/copay-bg.jpg"); background-size: 1924px auto; background-position: bottom center; height: 804px; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.copay { background-image: url("/assets/img/psa/desktop/hero/copay-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) { section.copay div.section-content h2.little { left: 140px; }
  section.copay div.section-content h2.big { left: 90px; }
  section.copay form#copay-form { height: 130px; width: 310px; }
  section.copay form#copay-form input[type=text] { width: 260px; }
  section.copay form#copay-form div.error-msg { position: relative; }
  section.copay form#copay-form div.error-msg p#error-date { left: 270px; }
  section.copay-3 { background-image: url("/assets/img/psa/desktop/hero/copay-3-bg.jpg"); background-size: cover; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.copay-3 { background-image: url("/assets/img/psa/desktop/hero/copay-3-bg.jpg"); background-size: cover; } }
@media only screen and (min-width: 62.5em) { section.gotezlaApp-2 { background-image: url("/assets/img/psa/desktop/hero/gotezla-2-bg.jpg"); background-size: 1924px auto; background-color: #e09d48; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.gotezlaApp-2 { background-image: url("/assets/img/psa/desktop/hero/gotezla-2-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) { section.gotezlaApp-3 div.section-content div.gotezla-app-details { background-position: 350px 0; padding-right: 300px; }
  section.resources-2 { background-image: url("/assets/img/psa/desktop/hero/resources-2-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.resources-2 { background-image: url("/assets/img/psa/desktop/hero/resources-2-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) { section.resources-3 { background-image: url("/assets/img/psa/desktop/hero/resources-3-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.resources-3 { background-image: url("/assets/img/psa/desktop/hero/resources-3-bg.jpg"); background-size: 1924px auto; } }
@media only screen and (min-width: 62.5em) { section.resources-3 div.section-content h2.subhead-2 { padding-top: 120px; background-image: url("/assets/img/global/desktop/gotezla-logo-2x.png"); background-size: 312px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.resources-3 div.section-content h2.subhead-2 { background-image: url("/assets/img/global/desktop/gotezla-logo-2x.png"); background-size: 312px auto; } }
@media only screen and (min-width: 62.5em) { section.resources-4 div.float_container_tablet { margin-top: 20px; }
  section.resources-4 div.float_container_tablet + div.float_container_tablet { margin-top: 0; }
  section.getTheFacts { background-color: #fefefe; background-image: url("/assets/img/psa/desktop/hero/getTheFacts-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.getTheFacts { background-image: url("/assets/img/psa/desktop/hero/getTheFacts-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.getTheFacts div.section-content { height: 802px; }
  section.getTheFacts div.section-content h2.little { font-size: 20px; font-size: 1.25rem; bottom: 69px; left: 220px; }
  section.getTheFacts div.section-content h2.big { font-size: 30px; font-size: 1.875rem; bottom: 40px; left: 200px; }
  section.getTheFacts-2 { background-image: url("/assets/img/psa/desktop/hero/getTheFacts-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 62.5em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 62.5em) and (min-resolution: 120dpi) { section.getTheFacts-2 { background-image: url("/assets/img/psa/desktop/hero/getTheFacts-2-bg.jpg"); background-size: 1920px auto; } }
@media only screen and (min-width: 62.5em) { section.getTheFacts-2 div.section-content div.facts-about-psa.facts-1:before { height: 170px; }
  section.getTheFacts-2 div.section-content div.facts-about-psa.facts-2:before { height: 150px; } }
/*! Helper classes */
/* Image replacement */
div.glass-with-pill div.div_glass p.glass-with-pill-copy, div.cta-2.gotezla h2, .logo, .ir { border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
div.glass-with-pill div.div_glass p.glass-with-pill-copy:before, div.cta-2.gotezla h2:before, .logo:before, .ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide visually and from screen readers: */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `cf` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
a.helpful-website:before, .customButton:before, .customButtonWhite:before, .customButtonOrange:before, .customButtonLightBlue:before, .customButtonDarkBlue:before, .customButtonShowPatientStory:before, .customButtonClosePatientStory:before, .customButtonPsa:before, .custombuttonPsa:before, .customButtonWhitePsa:before, .custombutton:before, div.float_container:before, div.float_container_tablet:before, div.float_left:before, div.float_left_tablet:before, div.float_right:before, div.float_right_tablet:before, div.column-container:before, div.column-container div.column:before, div.column-container div.columns-double:before, div.column-container div.columns-single:before, section:before, section div.section-content:before, section.pre-footer div.section-content ul li a:before, section.error404 ul:before, section.error500 ul:before, section.landing div.bottle:before, div._75-percent-container:before, ul.stacked-slider-images li p.img:before, div.supportplus_box_container:before, div.supportplus_box:before, div.faq_container:before, div.copay_accordion_container:before, div.faq_container div.single_faq:before, div.faq_container div.copay_accordion_item:before, div.copay_accordion_container div.single_faq:before, div.copay_accordion_container div.copay_accordion_item:before, div.prescription_step_container div.prescription_step:before, div.cta-1:before, div.cta-3:before, p.img-on-left.pill:before, div.moa-container div.moa:before, div.isi_container:before, div.isi_container_copy:before, .rowholder:before, p.form_label_p:before, div.medication_wrapper:before, div.medication_container:before, div.medication_taken_container:before, header:before, .header-content:before, .header-content .header-show-more-of-you:before, .header-content .header-affirmation:before, .top-nav:before, .header-callouts:before, #dt-nav ul.main-nav:before, #dt-nav ul.main-nav li div.sub-nav ul li a:before, div#new-tooltip:before, footer:before, div.footer-content:before, .footer-nav:before, .footer_content_wrapper:before, div.footer_trademark:before, section.results div.section-content h2.subhead:before, section.results div.section-content h1.pagehead:before, section.results div.section-content div.results-hero-copy:before, section.science div.section-content p._how:before, section.supportplus div.section-content-hero h2.supportplus-heading:before, section.supportplus div.section-content-hero h1.supportplus-heading:before, section.gotezlaApp-3 div.section-content div.gotezla-app-details h2.subhead-2:before, section.getTheFacts-2 div.section-content div.facts-about-psa:before, section.getTheFacts-2 div.section-content div.facts-about-psa h2.subhead-2:before, .cf:before { content: " "; /* 1 */ display: table; /* 2 */ }
a.helpful-website:after, .customButton:after, .customButtonWhite:after, .customButtonOrange:after, .customButtonLightBlue:after, .customButtonDarkBlue:after, .customButtonShowPatientStory:after, .customButtonClosePatientStory:after, .customButtonPsa:after, .custombuttonPsa:after, .customButtonWhitePsa:after, .custombutton:after, div.float_container:after, div.float_container_tablet:after, div.float_left:after, div.float_left_tablet:after, div.float_right:after, div.float_right_tablet:after, div.column-container:after, div.column-container div.column:after, div.column-container div.columns-double:after, div.column-container div.columns-single:after, section:after, section div.section-content:after, section.pre-footer div.section-content ul li a:after, section.error404 ul:after, section.error500 ul:after, section.landing div.bottle:after, div._75-percent-container:after, ul.stacked-slider-images li p.img:after, div.supportplus_box_container:after, div.supportplus_box:after, div.faq_container:after, div.copay_accordion_container:after, div.faq_container div.single_faq:after, div.faq_container div.copay_accordion_item:after, div.copay_accordion_container div.single_faq:after, div.copay_accordion_container div.copay_accordion_item:after, div.prescription_step_container div.prescription_step:after, div.cta-1:after, div.cta-3:after, p.img-on-left.pill:after, div.moa-container div.moa:after, div.isi_container:after, div.isi_container_copy:after, .rowholder:after, p.form_label_p:after, div.medication_wrapper:after, div.medication_container:after, div.medication_taken_container:after, header:after, .header-content:after, .header-content .header-show-more-of-you:after, .header-content .header-affirmation:after, .top-nav:after, .header-callouts:after, #dt-nav ul.main-nav:after, #dt-nav ul.main-nav li div.sub-nav ul li a:after, div#new-tooltip:after, footer:after, div.footer-content:after, .footer-nav:after, .footer_content_wrapper:after, div.footer_trademark:after, section.results div.section-content h2.subhead:after, section.results div.section-content h1.pagehead:after, section.results div.section-content div.results-hero-copy:after, section.science div.section-content p._how:after, section.supportplus div.section-content-hero h2.supportplus-heading:after, section.supportplus div.section-content-hero h1.supportplus-heading:after, section.gotezlaApp-3 div.section-content div.gotezla-app-details h2.subhead-2:after, section.getTheFacts-2 div.section-content div.facts-about-psa:after, section.getTheFacts-2 div.section-content div.facts-about-psa h2.subhead-2:after, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ clear: both; }

/* Prevent text from breaking over two lines. */
.nobr { white-space: nowrap; }

/* Float rules */
.left { float: left; }

.right { float: right; }

/* 
* positioning rules
*/
.relative { position: relative; }

/*# sourceMappingURL=main-psa.css.map */