/*! 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"); } /* == 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; } body.locked { position: fixed; } body.pso { background-repeat: no-repeat; background-position: center 110px; } body.psa { background-repeat: no-repeat; background-position: center 112px; } * { 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; } 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.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; } h2.subhead { text-transform: uppercase; font-family: "Interstate Light Compressed", sans-serif; font-size: 36px; font-size: 2.25rem; line-height: 1; color: #ffffff; font-weight: normal; } h2.orange { color: #d47600; } h2.white { color: #ffffff; } h2.blue { color: #004165; } h2.supportplus { text-transform: none; } h3 { 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.black { color: #000000; } 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/new/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/new/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/new/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/new/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/new/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/new/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/new/global/mobile/app-store.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/new/global/mobile/app-store-x2.png"); background-size: 130px auto; } } a.download-app-link.google-play { background-image: url("../../../assets/img/new/global/mobile/google-play.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/new/global/mobile/google-play-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/new/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/new/global/mobile/icon-af-2x.png"); background-size: 186px auto; } } a.helpful-website.npf { width: 215px; height: 87px; background-image: url("../../../assets/img/new/global/mobile/icon-npf.png"); background-size: 215px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.helpful-website.npf { background-image: url("../../../assets/img/new/global/mobile/icon-npf-2x.png"); background-size: 215px auto; } } a.helpful-website.npf-2 { width: 184px; height: 74px; background-image: url("../../../assets/img/new/global/mobile/icon-npf-2.png"); background-size: 174px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.helpful-website.npf-2 { background-image: url("../../../assets/img/new/global/mobile/icon-npf-2-2x.png"); background-size: 174px auto; } } a.helpful-website.mayo { width: 213px; height: 44px; background-image: url("../../../assets/img/new/global/mobile/icon-mayo.png"); background-size: 213px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.helpful-website.mayo { background-image: url("../../../assets/img/new/global/mobile/icon-mayo-2x.png"); background-size: 213px auto; } } a.helpful-website.mayo-2 { width: 183px; height: 38px; background-image: url("../../../assets/img/new/global/mobile/icon-mayo-2.png"); background-size: 183px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.helpful-website.mayo-2 { background-image: url("../../../assets/img/new/global/mobile/icon-mayo-2-2x.png"); background-size: 183px auto; } } a.helpful-website.eh { background-image: url("../../../assets/img/new/global/mobile/icon-eh.png"); background-size: 152px auto; width: 152px; height: 69px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.helpful-website.eh { background-image: url("../../../assets/img/new/global/mobile/icon-eh-2x.png"); background-size: 152px auto; } } a.helpful-website.eh-2 { background-image: url("../../../assets/img/new/global/mobile/icon-eh-2.png"); background-size: 130px auto; width: 130px; height: 59px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.helpful-website.eh-2 { background-image: url("../../../assets/img/new/global/mobile/icon-eh-2-2x.png"); background-size: 130px auto; } } a.helpful-website.wpd { background-image: url("../../../assets/img/new/global/mobile/icon-wpd.png"); background-size: 129px auto; width: 129px; height: 102px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { a.helpful-website.wpd { background-image: url("../../../assets/img/new/global/mobile/icon-wpd-2x.png"); background-size: 129px auto; } } h2 + p, h2 + ul, p + p, ul + p { margin-top: 10px; } .customButton, .customButton2, .customButtonOrange, .customButtonLightBlue, .customButtonDarkBlue, .customButtonShowPatientStory, .customButtonClosePatientStory, .customButton4, .customButtonIcon, .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: 10px 15px; border: 0; margin: 20px auto; text-transform: uppercase; } .customButton:hover, .customButton2:hover, .customButtonOrange:hover, .customButtonLightBlue:hover, .customButtonDarkBlue:hover, .customButtonShowPatientStory:hover, .customButtonClosePatientStory:hover, .customButton4:hover, .customButtonIcon:hover, .custombutton:hover { background-color: #658ba2; } .customButton span.customButtonText, .customButton2 span.customButtonText, .customButtonOrange span.customButtonText, .customButtonLightBlue span.customButtonText, .customButtonDarkBlue span.customButtonText, .customButtonShowPatientStory span.customButtonText, .customButtonClosePatientStory span.customButtonText, .customButton4 span.customButtonText, .customButtonIcon span.customButtonText, .custombutton span.customButtonText { padding-right: 14px; display: inline-block; background-image: url("../../../assets/img/new/global/mobile/customButton-white-right-arrow.png"); background-size: 6px auto; background-repeat: no-repeat; background-position: right 40%; text-transform: uppercase; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButton span.customButtonText, .customButton2 span.customButtonText, .customButtonOrange span.customButtonText, .customButtonLightBlue span.customButtonText, .customButtonDarkBlue span.customButtonText, .customButtonShowPatientStory span.customButtonText, .customButtonClosePatientStory span.customButtonText, .customButton4 span.customButtonText, .customButtonIcon span.customButtonText, .custombutton span.customButtonText { background-image: url("../../../assets/img/new/global/mobile/customButton-white-right-arrow-2x.png"); background-size: 6px auto; } } .customButton2 { background-color: transparent; border: 1px solid #ffffff; background-image: url("../../../assets/img/new/global/mobile/customButton2-bg.png"); background-repeat: repeat; } .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 { background-color: #d47600; } .customButtonShowPatientStory span.customButtonText { background-image: url("../../../assets/img/new/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/new/global/mobile/customButton-white-down-arrow-2x.png"); background-size: 8px auto; } } .customButtonShowPatientStory:hover { background-color: #c85a02; } .customButtonClosePatientStory { background-color: #004165; } .customButtonClosePatientStory span.customButtonText { background-image: url("../../../assets/img/new/global/mobile/customButton-white-up-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) { .customButtonClosePatientStory span.customButtonText { background-image: url("../../../assets/img/new/global/mobile/customButton-white-up-arrow-2x.png"); background-size: 8px auto; } } .customButtonClosePatientStory:hover { background-color: #004165; } .customButton4 { background-color: transparent; border: 0px solid #d47600; color: #d47600; } .customButton4 span.customButtonText { background-image: url("../../../assets/img/new/global/mobile/customButton-orange-right-arrow.png"); background-size: 6px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButton4 span.customButtonText { background-image: url("../../../assets/img/new/global/mobile/customButton-orange-right-arrow-2x.png"); background-size: 6px auto; } } .customButtonIcon { background-image: url("../../../assets/img/new/global/mobile/customButton-watch-video.png"); background-size: 42px auto; background-repeat: no-repeat; background-position: 15px 50%; padding: 15px; padding-left: 70px; margin-left: auto; margin-right: auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButtonIcon { background-image: url("../../../assets/img/new/global/mobile/customButton-watch-video-2x.png"); background-size: 42px auto; } } .customButtonIcon span.customButtonText { background-position: right 80%; background-image: none; text-align: left; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButtonIcon span.customButtonText { background-image: none; } } .customButtonIcon span.right-arrow { display: inline-block; width: 15px; height: 9px; background-image: url("../../../assets/img/new/global/mobile/customButton-white-right-arrow.png"); background-size: 6px auto; background-repeat: no-repeat; background-position: right 0; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButtonIcon span.right-arrow { background-image: url("../../../assets/img/new/global/mobile/customButton-white-right-arrow-2x.png"); background-size: 6px auto; } } .customButtonIcon:hover { background-image: url("../../../assets/img/new/global/mobile/customButton-watch-video-hover.png"); background-size: 42px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { .customButtonIcon:hover { background-image: url("../../../assets/img/new/global/mobile/customButton-watch-video-hover-2x.png"); background-size: 42px auto; } } .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; } 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: #555; 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/new/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/new/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; } section { background-repeat: no-repeat; background-position: center top; background-color: #668ca3; } section div.section-content { padding: 50px 10px; } section h1.headline { font-family: "Interstate Light Condensed", sans-serif; font-size: 42px; display: none; } section p { color: white; } section ul { color: #ffffff; } 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.text-right { text-align: right; } 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: 180px; margin: 0 auto; display: none; } section.pre-footer div.section-content ul li a { color: #ffffff; font-size: 14px; font-size: 0.875rem; text-decoration: none; display: block; position: relative; padding-left: 60px; margin-bottom: 50px; } section.pre-footer div.section-content ul li a:before { display: inline-block; position: absolute; top: -5px; left: 0; background-repeat: no-repeat; } section.pre-footer div.section-content ul li a:after { display: inline-block; position: absolute; bottom: -20px; left: 30px; height: 1px; background-color: #ffffff; width: 130px; } section.pre-footer div.section-content ul li a.pre-footer-link1 { height: 50px; } section.pre-footer div.section-content ul li a.pre-footer-link1:before { background: url("../../../assets/img/new/global/icon-list.svg"); width: 41px; height: 50px; background-repeat: no-repeat; } section.pre-footer div.section-content ul li a.pre-footer-link2 { height: 50px; } section.pre-footer div.section-content ul li a.pre-footer-link2:before { background: url("../../../assets/img/new/global/icon-pad.svg"); width: 41px; height: 50px; background-repeat: no-repeat; } section.pre-footer div.section-content ul li a.pre-footer-link3 { margin-bottom: 0; height: 50px; } 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/new/global/icon-phone.svg"); width: 34px; height: 50px; background-repeat: no-repeat; left: 10px; } section.orphan a { margin-top: 20px; margin-bottom: 0; } section.error404, section.error500 { background-color: #004165; } section.error404 h2.subhead, section.error500 h2.subhead { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 24px; font-size: 1.5rem; } 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 { background-color: #004165; } section.sitemap h2.subhead { color: #d47600; } 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.sitemap ul.sitemap a:hover { color: #658ba2; } .psa section.sitemap { background-color: #FFF9e3; } .psa section.sitemap h2.subhead { color: #004165; font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; } section.isi { background-color: #004165; } section.isi h2 { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; margin-top: 20px; } section.isi h2.subhead { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 24px; font-size: 1.5rem; margin-bottom: 20px; } section.isi a.link-inline:hover { color: #658ba2; } .psa section.isi { background-color: #FFF9e3; } .psa section.isi div.section-content { padding-top: 50px; } .psa section.isi h2 { color: #004165; } .psa section.isi h2 + p { margin-top: 10px; } 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/new/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/new/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; } div.supportplus_box_container { margin-bottom: 20px; } div.supportplus_box_container div.supportplus_logo { background-image: url("../../../assets/img/new/pso/mobile/interior/supportplus-logo.png"); background-size: 134px auto; background-repeat: no-repeat; background-position: bottom right; height: 90px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.supportplus_box_container div.supportplus_logo { background-image: url("../../../assets/img/new/pso/mobile/interior/supportplus-logo-x2.png"); background-size: 134px auto; } } div.supportplus_box { width: 100%; margin-bottom: 0px; text-align: center; outline: 0px solid red; margin-top: 35px; } div.supportplus_box + div.supportplus_box { margin-top: 20px; } div.supportplus_box h3 { margin-top: 0; color: #d47600; font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; font-family: "source_sans_probold"; text-transform: uppercase; margin-bottom: 10px; } div.supportplus_box h3 p { margin-bottom: 10px; } div.faq_container, div.copay_accordion_container { border-bottom: 1px solid #dfdedc; margin-top: 10px; } div.faq_container.prescription_accordion_container, div.copay_accordion_container.prescription_accordion_container { border-bottom: 1px solid #ffffff; } 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 #dfdedc; padding: 0; } div.faq_container div.prescription_accordion_item, div.copay_accordion_container div.prescription_accordion_item { border-top: 1px solid #ffffff; } 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: #ffffff; font-family: "source_sans_probold"; background-image: url("../../../assets/img/new/global/mobile/faq-expand.png"); background-size: 10px 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/new/global/mobile/faq-expand-x2.png"); background-size: 10px auto; } } 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/new/global/mobile/faq-expanded.png"); background-size: 10px 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/new/global/mobile/faq-expanded-x2.png"); background-size: 10px auto; } } 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/new/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/new/video/mobile/film-icon-3-x2.png"); background-size: 15px auto; } } 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/new/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/new/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/new/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/new/pso/mobile/interior/glass-with-pill-copy-2x.png"); background-size: 147px auto; } } div.copay-more-ways { margin-top: 20px; border-top: 1px solid #ffffff; padding-top: 20px; padding-bottom: 0; } div.copay-more-ways:last-child { padding-bottom: 20px; border-bottom: 1px solid #ffffff; } 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: 0 0; background-size: 63px; margin-top: 35px; } div.prescription_step_container div.prescription_step h3 { font-family: "source_sans_probold"; text-transform: none; color: #ffffff; font-size: 21px; font-size: 1.3125rem; padding-left: 86px; } div.prescription_step_container div.prescription_step#prescription_step_1 { background-image: url("../../../assets/img/new/global/icon-prescription.svg"); } div.prescription_step_container div.prescription_step#prescription_step_1 h3 { margin-top: 22px; margin-bottom: 45px; } div.prescription_step_container div.prescription_step#prescription_step_2 { background-image: url("../../../assets/img/new/global/icon-phone-plus.svg"); background-size: 65px; } div.prescription_step_container div.prescription_step#prescription_step_2 h3 { margin-top: 22px; margin-bottom: 30px; } div.prescription_step_container div.prescription_step#prescription_step_3 { background-image: url("../../../assets/img/new/global/icon-box.svg"); background-size: 65px; } div.prescription_step_container div.prescription_step#prescription_step_3 h3 { margin-top: 12px; margin-bottom: 20px; } div.cta-1 { padding-left: 90px; } div.cta-1.cta-1-supportplus { background: url("../../../assets/img/new/global/icon-$0-orange.svg") no-repeat 0 0 transparent; background-size: 74px; } div.cta-1.cta-1-support { background: url("../../../assets/img/new/global/icon-pencil.svg") no-repeat 0 0 transparent; background-size: 74px; } div.cta-1.cta-1-support-2 { background: url("../../../assets/img/new/global/icon-pencil.svg") no-repeat 0 0 transparent; background-size: 74px; } div.cta-1.cta-1-talk { background: url("../../../assets/img/new/global/icon-download.svg") no-repeat 0 0 transparent; background-size: 60px; padding-left: 80px; } div.cta-1.cta-1-talk-2 { margin-top: -15px; background: url("../../../assets/img/new/global/icon-talk-bubble.svg") no-repeat 0 0 transparent; background-size: 105px; padding-left: 0px; } div.cta-1.cta-1-talk-2 h2 { margin-left: 115px; font-family: "Avenir LT W01_95 Black", sans-serif; font-size: 17px; font-size: 1.0625rem; line-height: 1.4; padding-top: 15px; } div.cta-1.cta-1-talk-2 a.customButtonOrange { margin-bottom: 0; } div.cta-1.cta-1-specialty { background: url("../../../assets/img/new/global/icon-checkmark.svg") no-repeat 0 0 transparent; background-size: 80px; padding-left: 0px; } div.cta-1.cta-1-specialty h2 { margin-left: 100px; font-family: "Avenir LT W01_95 Black", sans-serif; font-size: 17px; font-size: 1.0625rem; line-height: 1.4; padding-top: 10px; } div.cta-1.cta-1-specialty a.customButtonOrange { margin-bottom: 0; } div.cta-1.cta-1-nextStep, div.cta-1.cta-1-need-help { background-image: url("../../../assets/img/new/global/icon-check.png"); background-size: 60px 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) { div.cta-1.cta-1-nextStep, div.cta-1.cta-1-need-help { background-image: url("../../../assets/img/new/global/icon-check-2x.png"); background-size: 60px auto; } } div.cta-1.cta-1-speak { background: url("../../../assets/img/new/global/icon-talk-bubble.svg") no-repeat 0 0 transparent; background-size: 74px; } div.cta-1.cta-1-speak-2 { background-image: url("../../../assets/img/new/global/mobile/icon-speech-bubbles.png"); background-size: 89px auto; background-repeat: no-repeat; background-position: 0 0; padding-left: 0; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.cta-1.cta-1-speak-2 { background-image: url("../../../assets/img/new/global/mobile/icon-speech-bubbles-2x.png"); background-size: 89px auto; } } div.cta-1.cta-1-speak-2 h2 { margin-left: 110px; margin-bottom: 20px; } div.cta-1 + p.footnote { margin-top: 20px; } section div.cta-2 { background-repeat: no-repeat; background-position: 10px 35px; } section div.cta-2 h2 { margin-left: 115px; font-family: "Avenir LT W01_95 Black", sans-serif; font-size: 17px; font-size: 1.0625rem; line-height: 1.4; color: #ffffff; } section div.cta-2 h2 + p { margin-top: 30px; } section div.cta-2 a { margin-bottom: 0; } section div.cta-2.cta-2-talk-doctor { background-image: url("../../../assets/img/new/global/icon-talk-bubble.svg"); background-size: 105px; } section div.cta-2.cta-2-talk-doctor-2 { background-image: url("../../../assets/img/new/global/icon-download.svg"); background-size: 80px; } section div.cta-2.cta-2-talk-doctor-2 h2 { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 24px; font-size: 1.5rem; } section div.cta-2.cta-2-specialty { background-image: url("../../../assets/img/new/global/icon-checkmark.svg"); background-size: 73px; background-position: 10px 35px; } section div.cta-2.cta-2-specialty h2 { margin-left: 100px; } section div.cta-2.cta-2-support { background-image: url("../../../assets/img/new/global/icon-pencil.svg"); background-size: 90px; } section div.cta-3 { background-image: url("../../../assets/img/new/global/mobile/logo-supportplus.png"); background-size: 133px auto; background-repeat: no-repeat; background-position: 0 0; padding-top: 82px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section div.cta-3 { background-image: url("../../../assets/img/new/global/mobile/logo-supportplus-2x.png"); background-size: 133px auto; } } section div.cta-3 h2 { font-family: "Avenir LT W01_95 Black", sans-serif; font-size: 17px; font-size: 1.0625rem; } section div.cta-3 h2 + p { margin-top: 10px; } table.table-starting { margin: 20px auto; width: 100%; color: #ffffff; font-size: 11px; } table.table-starting tr { border-bottom: 1px solid #ffffff; } 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"; } table.table-starting tbody tr td:first-child { font-family: "source_sans_prosemibold"; } /* overlay */ div#overlay { display: none; width: 100%; height: 100%; background: #444444; position: absolute; top: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; z-index: 1; } div#leavingPanel { width: 290px !important; height: 281px !important; background: #FFFFFF; display: none; padding: 0px; border-top: 9px solid #668da3; position: relative; } div#leavingPanel div#leaveingPanelContent { margin: 25px 20px 35px; } 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: #555; } div#leavingPanel a#leavingPanelClose { width: 34px; height: 32px; background-image: url("../../../assets/img/new/global/mobile/interstitial-close.png"); background-size: 34px 32px; display: block; position: absolute; top: -9px; 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/new/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; 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; } div#leavingPanel div.panelButtons a span.right-arrow-white { background-size: 5px auto; height: 10px; width: 10px; } div#leavingPanel div.panelButtons a.panelCancel { width: 142px; } div#leavingPanel div.panelButtons a.leavingContinue { width: 86px; margin-right: 15px; } .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: 520px; padding-left: 10px; padding-right: 10px; } a.helpful-website { display: block; background-repeat: no-repeat; margin: 0px auto; background-position: 50% 50%; } a.helpful-website.mayo { height: 87px; } a.helpful-website.eh { height: 102px; } a.helpful-website.mayo-2 { width: 228px; height: 48px; background-image: url("../../../assets/img/new/global/tablet/icon-mayo-2.png"); background-size: 228px 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.mayo-2 { background-image: url("../../../assets/img/new/global/tablet/icon-mayo-2-2x.png"); background-size: 228px auto; } } @media only screen and (min-width: 48em) { a.helpful-website.npf-2 { width: 231px; height: 94px; background-image: url("../../../assets/img/new/global/tablet/icon-npf-2.png"); background-size: 231px 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.npf-2 { background-image: url("../../../assets/img/new/global/tablet/icon-npf-2-2x.png"); background-size: 231px auto; } } @media only screen and (min-width: 48em) { a.helpful-website.eh-2 { width: 163px; height: 74px; background-image: url("../../../assets/img/new/global/tablet/icon-eh-2.png"); background-size: 163px 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.eh-2 { background-image: url("../../../assets/img/new/global/tablet/icon-eh-2-2x.png"); background-size: 163px auto; } } @media only screen and (min-width: 48em) { a.helpful-website.af { width: 232px; height: 64px; background-image: url("../../../assets/img/new/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/new/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: 40px; } 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; } section.landing div.bottle { display: inline-block; padding-right: 30px; } section.landing div.bottle:after { right: -70px; } div.supportplus_box_container { margin-top: 45px; margin-bottom: 20px; } div.supportplus_box { margin-top: 0px; } div.supportplus_box + div.supportplus_box { margin-top: 0px; } 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; padding-right: 80px; } 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/new/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/new/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: 30%; } div.copay-more-ways div.copay-more-ways-right { width: 65%; } div.prescription_step_container div.prescription_step { padding-left: 90px; } 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.cta-1 { margin-bottom: 0; } div.cta-1.cta-1-support { background-size: 112px; padding-left: 140px; } div.cta-1.cta-1-talk { padding-left: 88px; } div.cta-1.cta-1-talk-2 { margin-top: 0px; background-size: 124px; padding-left: 164px; } div.cta-1.cta-1-talk-2 h2 { margin-left: 0px; padding-top: 0px; } div.cta-1.cta-1-talk-2 h2 + p { margin-top: 10px; } div.cta-1.cta-1-specialty { background-size: 73px; padding-left: 90px; } div.cta-1.cta-1-specialty h2 { margin-left: 0px; padding-top: 15px; } div.cta-1.cta-1-specialty h2 + p { margin-top: 10px; } div.cta-1.cta-1-speak { background-size: 124px; padding-left: 155px; } div.cta-1.cta-1-speak-2 { background-image: url("../../../assets/img/new/global/tablet/icon-speech-bubbles.png"); background-size: 138px auto; padding-left: 155px; } } @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.cta-1.cta-1-speak-2 { background-image: url("../../../assets/img/new/global/tablet/icon-speech-bubbles-2x.png"); background-size: 138px auto; } } @media only screen and (min-width: 48em) { div.cta-1.cta-1-speak-2 h2 { margin-left: 0; } section div.cta-2 { padding-left: 170px; background-position: 10px 50px; } section div.cta-2 h2 { margin-left: 0px; } section div.cta-2 h2 + p { margin-top: 14px; } section div.cta-2.cta-2-talk-doctor { background-size: 124px; } section div.cta-2.cta-2-talk-doctor-2 { padding-left: 130px; background-size: 88px; } section div.cta-2.cta-2-talk-doctor-2 h2 + p { margin-top: 20px; } section div.cta-2.cta-2-talk-doctor-2 p + p { margin-top: 20px; } section div.cta-2.cta-2-specialty { padding-left: 100px; } section div.cta-2.cta-2-specialty h2 { margin-left: 0; } section div.cta-2.cta-2-support { padding-left: 160px; background-size: 110px; } section div.cta-3 { padding-top: 102px; } table.table-starting { font-size: 14px; margin-bottom: 40px; } table.table-starting td:first-child, table.table-starting th:first-child { width: 50px; } table.table-starting td:last-child, table.table-starting th:last-child { width: 110px; } table.table-starting thead tr th { padding: 10px 5px; } div#leavingPanel { width: 570px !important; height: 299px !important; } div#leavingPanel div#leaveingPanelContent { margin: 72px 80px 60px 42px; } div#leavingPanel h2 { font-size: 20px; font-size: 1.25rem; } 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: 1000px; padding: 0 20px; } h1 { font-family: "Avenir LT W01_85 Heavy1475544", sans-serif; } h2 { font-size: 36px; font-size: 2.25rem; } h2.subhead { font-size: 36px; font-size: 2.25rem; } .psa h2 { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 24px; font-size: 1.5rem; } p { font-size: 14px; font-size: 0.875rem; } h2.subhead + p { margin-top: 10px; } a.helpful-website { display: block; background-repeat: no-repeat; margin: 0px auto; background-position: 50% 50%; } a.helpful-website.npf { width: 100%; height: 101px; background-image: url("../../../assets/img/new/global/desktop/icon-npf.png"); background-size: 251px 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.npf { background-image: url("../../../assets/img/new/global/desktop/icon-npf-2x.png"); background-size: 251px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.npf:hover { background-image: url("../../../assets/img/new/global/desktop/icon-npf-hover.png"); background-size: 251px 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.npf:hover { background-image: url("../../../assets/img/new/global/desktop/icon-npf-hover-2x.png"); background-size: 251px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.mayo { width: 100%; height: 101px; background-image: url("../../../assets/img/new/global/desktop/icon-mayo.png"); background-size: 248px 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.mayo { background-image: url("../../../assets/img/new/global/desktop/icon-mayo-2x.png"); background-size: 248px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.mayo:hover { background-image: url("../../../assets/img/new/global/desktop/icon-mayo-hover.png"); background-size: 248px 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.mayo:hover { background-image: url("../../../assets/img/new/global/desktop/icon-mayo-hover-2x.png"); background-size: 248px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.eh { width: 100%; height: 119px; background-image: url("../../../assets/img/new/global/desktop/icon-eh.png"); background-size: 177px 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.eh { background-image: url("../../../assets/img/new/global/desktop/icon-eh-2x.png"); background-size: 177px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.eh:hover { background-image: url("../../../assets/img/new/global/desktop/icon-eh-hover.png"); background-size: 177px 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.eh:hover { background-image: url("../../../assets/img/new/global/desktop/icon-eh-hover-2x.png"); background-size: 177px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.wpd { width: 100%; height: 119px; background-image: url("../../../assets/img/new/global/desktop/icon-wpd.png"); background-size: 150px 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.wpd { background-image: url("../../../assets/img/new/global/desktop/icon-wpd-2x.png"); background-size: 150px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.wpd:hover { background-image: url("../../../assets/img/new/global/desktop/icon-wpd-hover.png"); background-size: 150px 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.wpd:hover { background-image: url("../../../assets/img/new/global/desktop/icon-wpd-hover-2x.png"); background-size: 150px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.mayo-2 { margin-top: 50px; width: 248px; height: 51px; background-image: url("../../../assets/img/new/global/desktop/icon-mayo-2.png"); background-size: 248px 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.mayo-2 { background-image: url("../../../assets/img/new/global/desktop/icon-mayo-2-2x.png"); background-size: 248px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.mayo-2:hover { background-image: url("../../../assets/img/new/global/desktop/icon-mayo-2-hover.png"); background-size: 248px 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.mayo-2:hover { background-image: url("../../../assets/img/new/global/desktop/icon-mayo-2-hover-2x.png"); background-size: 248px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.npf-2 { width: 251px; height: 101px; background-image: url("../../../assets/img/new/global/desktop/icon-npf-2.png"); background-size: 251px 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.npf-2 { background-image: url("../../../assets/img/new/global/desktop/icon-npf-2-2x.png"); background-size: 251px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.npf-2:hover { background-image: url("../../../assets/img/new/global/desktop/icon-npf-2-hover.png"); background-size: 251px 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.npf-2:hover { background-image: url("../../../assets/img/new/global/desktop/icon-npf-2-hover-2x.png"); background-size: 251px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.eh-2 { width: 177px; height: 80px; background-image: url("../../../assets/img/new/global/desktop/icon-eh-2.png"); background-size: 177px 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.eh-2 { background-image: url("../../../assets/img/new/global/desktop/icon-eh-2-2x.png"); background-size: 177px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.eh-2:hover { background-image: url("../../../assets/img/new/global/desktop/icon-eh-2-hover.png"); background-size: 177px 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.eh-2:hover { background-image: url("../../../assets/img/new/global/desktop/icon-eh-2-hover-2x.png"); background-size: 177px auto; } } @media only screen and (min-width: 62.5em) { a.helpful-website.af { width: 253px; height: 69px; background-image: url("../../../assets/img/new/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/new/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/new/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/new/global/desktop/icon-af-hover-2x.png"); background-size: 253px auto; } } @media only screen and (min-width: 62.5em) { .main-nav { max-width: 1000px; } 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; } section { background-repeat: no-repeat; background-position: top center; } section div.section-content { padding: 100px 0; padding-left: 20px; padding-right: 403px; } .not-showing-dt-subnav section.first-section { margin-top: -42px; } section.pre-footer div.section-content { padding: 45px 20px; } section.pre-footer div.section-content ul { width: 700px; margin-left: 0; } section.pre-footer div.section-content ul li { display: inline-block; } 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: -5px; left: auto; right: 0; } section.pre-footer div.section-content ul li a.pre-footer-link1 { width: 190px; } section.pre-footer div.section-content ul li a.pre-footer-link2 { width: 200px; } section.pre-footer div.section-content ul li a.pre-footer-link3 { width: 160px; } section.error404, section.error500 { margin-top: -30px; } section.error404 div.section-content, section.error500 div.section-content { padding-bottom: 100px; } .psa section.isi div.section-content { padding-top: 80px; padding-right: 400px; } 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/new/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/new/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; } div.supportplus_box_container { margin-top: 70px; 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; } div.faq_container div.question span.film_icon { height: 20px; width: 30px; background-image: url("../../../assets/img/new/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/new/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/new/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/new/pso/desktop/interior/glass-with-pill.jpg"); background-size: 318px auto; } } @media only screen and (min-width: 62.5em) { 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.cta-1-supportplus { margin-bottom: 28px; } div.cta-1.cta-1-speak { padding-left: 155px; } div.cta-1.cta-1-speak h2 { margin-bottom: 20px; } div.cta-1.cta-1-speak-2 { padding-left: 165px; } div.cta-1.cta-1-specialty { background-size: 90px; padding-left: 135px; } div.cta-1.cta-1-specialty h2 { padding-top: 0; } section div.cta-2 { padding-left: 185px; background-position: 20px 100px; } section div.cta-2.cta-2-talk-doctor { background-size: 124px; } section div.cta-2.cta-2-talk-doctor-2 { padding-left: 180px; } section div.cta-2.cta-2-talk-doctor-2 h2 + p { margin-top: 30px; } section div.cta-2.cta-2-talk-doctor-2 p + p { margin-top: 30px; } section div.cta-2.cta-2-specialty { background-position: 20px 100px; background-size: 91px; padding-left: 156px; } section div.cta-2.cta-2-specialty h2 { margin-left: 0px; } section div.cta-2.cta-2-support { padding-left: 184px; } section div.cta-3 { background-image: url("../../../assets/img/new/global/desktop/logo-supportplus.png"); background-size: 179px auto; padding-top: 0px; padding-left: 245px; } } @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 div.cta-3 { background-image: url("../../../assets/img/new/global/desktop/logo-supportplus-2x.png"); background-size: 179px auto; } } @media only screen and (min-width: 62.5em) { table.table-starting { font-size: 14px; } .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: #555; 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: 5; bottom: 0; height: 8.4375em; width: 100%; margin: 0 auto; } .stickyISI.fixfixed { display: none; } div.isi_top { width: 100%; margin: 0 auto; height: 33px; background-image: url("../../../assets/img/new/global/mobile/sticky-isi-top-bg.png"); background-size: 1px 33px; background-repeat: repeat-x; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div.isi_top { background-image: url("../../../assets/img/new/global/mobile/sticky-isi-top-bg-x2.png"); background-size: 1px 33px; } } 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: 13px; } div.isi_top div.isi_top_copy .expand { background-image: url("../../../assets/img/new/global/mobile/expand.png"); background-size: 8px 8px; background-repeat: no-repeat; background-position: 100% 50%; width: 60px; height: 20px; position: absolute; top: 10px; 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/new/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: #555; 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) { #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: 1000px; } .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: url("../../../assets/img/new/global/desktop/right-rail-isi-bg.png") repeat 0 0 transparent; overflow: hidden; margin-top: 48px; z-index: 2; } 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: 48px; } 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: 18px; font-size: 1.125rem; } p.fill2 { font-family: "source_sans_probold"; } p.required_indication { margin-top: 1em; 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; visibility: hidden; } p.errorMsg.show { visibility: visible; margin-top: 10px; } p.form_label_p { font-family: "source_sans_probold"; color: #ffffff; margin-top: 3em; } .psa p.form_label_p { color: #004165; } p.select_all_that_apply { margin-top: 0; } label.text_label, label.select_label { display: block; width: 100%; height: 45px; line-height: 45px; color: #999999; 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#email:required { box-shadow: none; } input#email:invalid { box-shadow: none; } input { color: #555; } 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/new/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/new/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_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/new/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/new/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: #ffffff; } label.label_radio:hover, label.label_checkbox:hover { cursor: pointer; } .psa label.label_radio, .psa label.label_checkbox { color: #555; } 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 25px; background-image: url("../../../assets/img/new/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/new/global/mobile/radio-x2.png"); background-size: 22px auto; } } label.label_radio.checked { background-image: url("../../../assets/img/new/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/new/global/mobile/radio-selected-x2.png"); background-size: 22px auto; } } label.label_radio.error { background-image: url("../../../assets/img/new/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/new/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/new/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/new/global/mobile/checkbox-x2.png"); background-size: 24px auto; } } label.label_checkbox.checked { background-image: url("../../../assets/img/new/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/new/global/mobile/checkbox-checked-x2.png"); background-size: 24px auto; } } label.label_checkbox.error { background-image: url("../../../assets/img/new/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/new/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: 25px; } 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: #ffffff; } h2.signup-h2-sub + p { margin-top: 0; } div#more_form_fields { display: none; } @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: relative; z-index: 2; outline: 0px solid red; } .header-content { height: 110px; position: relative; } .header-content div.us-only { position: absolute; bottom: 10px; left: 20px; color: #004165; font-size: 9px; font-size: 0.5625rem; font-family: "source_sans_prosemibold"; } .logo { background-image: url("../../../assets/img/new/global/logo-otezla.svg"); background-repeat: no-repeat; display: inline-block; width: 97px; height: 46px; margin: 0px 0; margin-top: 10px; margin-left: 10px; float: left; } div.site_slogan { display: none; } .top-nav { min-height: 1.5em; } .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/new/global/mobile/copay.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/new/global/mobile/copay-x2.png"); background-size: 53px 53px; } } .header-callouts a.co-copay:hover { color: #ffffff; background-image: url("../../../assets/img/new/global/mobile/copay-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.co-copay:hover { background-image: url("../../../assets/img/new/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/new/global/mobile/callus.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/new/global/mobile/callus-x2.png"); background-size: 53px 53px; } } .header-callouts a.co-call:hover { color: #ffffff; background-image: url("../../../assets/img/new/global/mobile/callus-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.co-call:hover { background-image: url("../../../assets/img/new/global/mobile/callus-hover-x2.png"); background-size: 53px 53px; } } .header-callouts a.menu { padding-top: 3.5em; background-image: url("../../../assets/img/new/global/mobile/menu.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/new/global/mobile/menu-x2.png"); background-size: 53px 53px; } } .header-callouts a.menu.open { color: #ffffff; background-image: url("../../../assets/img/new/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/new/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%; right: -320px; width: 320px; background-color: #fff; z-index: 3; text-align: left; } .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 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; } 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.has_subnav a span, nav.main-nav div.m_nav_item.m_nav_item_safety a span { background-image: url("../../../assets/img/new/global/mobile/menu-expand.png"); background-size: 6px auto; background-repeat: no-repeat; background-position: 95% 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.has_subnav a span, nav.main-nav div.m_nav_item.m_nav_item_safety a span { background-image: url("../../../assets/img/new/global/mobile/menu-expand-x2.png"); background-size: 6px auto; } } 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/new/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/new/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/new/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/new/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.active a span { background-image: url("../../../assets/img/new/global/mobile/menu-collapse.png"); background-size: 11px auto; } @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.active a span { background-image: url("../../../assets/img/new/global/mobile/menu-collapse-x2.png"); background-size: 11px auto; } } 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; } 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/new/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/new/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: #555; } nav.main-nav div.m_subnav { display: none; position: relative; padding-top: 10px; } 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/new/global/mobile/submenu-arrow.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/new/global/mobile/submenu-arrow-x2.png"); background-size: 16px auto; } } 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%; } nav.main-nav div.m_subnav_item.video-icon a span { background-image: url("../../../assets/img/new/global/mobile/main-nav-video-icon-blue.png"); background-size: 16px auto; background-position: 100% 50%; padding-right: 30px; background-repeat: no-repeat; } @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_item.video-icon a span { background-image: url("../../../assets/img/new/global/mobile/main-nav-video-icon-blue-x2.png"); background-size: 16px auto; } } 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.typesOfTreatment div.m_subnav_item_typesOfTreatment a, body.benefits div.m_subnav_item_benefits 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.typesOfTreatment div.m_subnav_item_typesOfTreatment a span, body.benefits div.m_subnav_item_benefits 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%; } body.getTheFacts div.m_subnav_item_getTheFacts.video-icon a span, body.symptomProfile div.m_subnav_item_symptomProfile.video-icon a span, body.youAndYourDoctor div.m_subnav_item_youAndYourDoctor.video-icon a span, body.typesOfTreatment div.m_subnav_item_typesOfTreatment.video-icon a span, body.benefits div.m_subnav_item_benefits.video-icon a span, body.patientStories div.m_subnav_item_patientStories.video-icon a span, body.science div.m_subnav_item_science.video-icon a span, body.resources div.m_subnav_item_resources.video-icon a span, body.startingOtezla div.m_subnav_item_startingOtezla.video-icon a span, body.otezlaPrescription div.m_subnav_item_otezlaPrescription.video-icon a span, body.supportplus div.m_subnav_item_supportplus.video-icon a span, body.patientSignup div.m_subnav_item_supportplus.video-icon a span, body.prospectSignup div.m_subnav_item_supportplus.video-icon a span, body.confirmation div.m_subnav_item_supportplus.video-icon a span, body.faq div.m_subnav_item_faq.video-icon a span, body.copay div.m_subnav_item_copay.video-icon a span, body.gotezlaApp div.m_subnav_item_gotezlaApp.video-icon a span { background-image: none; background-image: url("../../../assets/img/new/global/mobile/main-nav-video-icon.png"); background-size: 16px auto; background-position: 100% 50%; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { body.getTheFacts div.m_subnav_item_getTheFacts.video-icon a span, body.symptomProfile div.m_subnav_item_symptomProfile.video-icon a span, body.youAndYourDoctor div.m_subnav_item_youAndYourDoctor.video-icon a span, body.typesOfTreatment div.m_subnav_item_typesOfTreatment.video-icon a span, body.benefits div.m_subnav_item_benefits.video-icon a span, body.patientStories div.m_subnav_item_patientStories.video-icon a span, body.science div.m_subnav_item_science.video-icon a span, body.resources div.m_subnav_item_resources.video-icon a span, body.startingOtezla div.m_subnav_item_startingOtezla.video-icon a span, body.otezlaPrescription div.m_subnav_item_otezlaPrescription.video-icon a span, body.supportplus div.m_subnav_item_supportplus.video-icon a span, body.patientSignup div.m_subnav_item_supportplus.video-icon a span, body.prospectSignup div.m_subnav_item_supportplus.video-icon a span, body.confirmation div.m_subnav_item_supportplus.video-icon a span, body.faq div.m_subnav_item_faq.video-icon a span, body.copay div.m_subnav_item_copay.video-icon a span, body.gotezlaApp div.m_subnav_item_gotezlaApp.video-icon a span { background-image: none; } } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { body.getTheFacts div.m_subnav_item_getTheFacts.video-icon a span, body.symptomProfile div.m_subnav_item_symptomProfile.video-icon a span, body.youAndYourDoctor div.m_subnav_item_youAndYourDoctor.video-icon a span, body.typesOfTreatment div.m_subnav_item_typesOfTreatment.video-icon a span, body.benefits div.m_subnav_item_benefits.video-icon a span, body.patientStories div.m_subnav_item_patientStories.video-icon a span, body.science div.m_subnav_item_science.video-icon a span, body.resources div.m_subnav_item_resources.video-icon a span, body.startingOtezla div.m_subnav_item_startingOtezla.video-icon a span, body.otezlaPrescription div.m_subnav_item_otezlaPrescription.video-icon a span, body.supportplus div.m_subnav_item_supportplus.video-icon a span, body.patientSignup div.m_subnav_item_supportplus.video-icon a span, body.prospectSignup div.m_subnav_item_supportplus.video-icon a span, body.confirmation div.m_subnav_item_supportplus.video-icon a span, body.faq div.m_subnav_item_faq.video-icon a span, body.copay div.m_subnav_item_copay.video-icon a span, body.gotezlaApp div.m_subnav_item_gotezlaApp.video-icon a span { background-image: url("../../../assets/img/new/global/mobile/main-nav-video-icon-x2.png"); background-size: 16px auto; } } /* 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.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: table; } 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/new/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/new/global/mobile/main-nav-grey-right-arrow-x2.png"); background-size: 5px auto; } } #dt-nav { display: none; } p.right-rail-fineprint { display: none; } @media only screen and (min-width: 48em) { .logo { margin-top: 20px; margin-left: -10px; } .header-content { width: 450px; margin: 0 auto; text-align: center; } .top-nav { min-height: inherit; } .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.for-us-only { display: table-cell; color: #004165; font-family: "source_sans_prosemibold"; } .header-callouts { margin: 30px 0 0 0; } } @media only screen and (min-width: 62.5em) { header { height: 177px; background-color: transparent; outline: 0px solid red; } 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; } .logo { width: 137px; height: 67px; border: 0; margin: 0; margin-top: 10px; } .header-content { height: 93px; width: auto; } .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; } .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; } .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: 20px; } div.header-callouts-desktop a, div.header-callouts-desktop div { color: #668ca3; 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/new/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/new/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/new/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/new/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/new/global/desktop/arrow-right-blue.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/new/global/desktop/arrow-right-blue-2x.png"); background-size: 7px auto; } } @media only screen and (min-width: 62.5em) { div.header-callouts-desktop a.hcd-copay:hover, div.header-callouts-desktop div.hcd-copay:hover { color: #004165; background-image: url("../../../assets/img/new/global/desktop/hcd-copay-hover.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:hover, div.header-callouts-desktop div.hcd-copay:hover { background-image: url("../../../assets/img/new/global/desktop/hcd-copay-hover-2x.png"); background-size: 22px auto; } } @media only screen and (min-width: 62.5em) { div.header-callouts-desktop a.hcd-copay:hover span, div.header-callouts-desktop div.hcd-copay:hover span { background-image: url("../../../assets/img/new/global/desktop/arrow-right-blue-2.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) { div.header-callouts-desktop a.hcd-copay:hover span, div.header-callouts-desktop div.hcd-copay:hover span { background-image: url("../../../assets/img/new/global/desktop/arrow-right-blue-2-2x.png"); background-size: 7px auto; } } @media only screen and (min-width: 62.5em) { .header-callouts { display: none; } div.site_slogan { display: block; float: left; padding-top: 40px; padding-left: 10px; text-align: left; } 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: #668ca3; } .psa nav#dt-nav { background-color: #dd902d; } .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: 1000px; margin: 0 auto; text-align: left; } nav#dt-nav ul.main-nav li { display: inline-block; height: 42px; padding: 0; line-height: 42px; float: left; text-align: center; outline: 0px solid red; } nav#dt-nav ul.main-nav li a { height: 42px; line-height: 42px; display: inline-block; margin: 0px; color: #ffffff; text-transform: uppercase; font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 13px; font-size: 0.8125rem; text-decoration: none; padding: 0 15px; padding-left: 11px; padding-right: 12px; } nav#dt-nav ul.main-nav li div.sub-nav { display: none; width: 100%; position: absolute; top: 42px; left: 0px; background-color: #004165; padding: 0; z-index: 0; height: 42px; } .psa nav#dt-nav ul.main-nav li div.sub-nav { background-color: #d47702; } 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: 1000px; max-width: 1000px; text-align: left; margin: 0 auto; height: 42px; position: relative; } nav#dt-nav ul.main-nav li div.sub-nav ul li { height: 42px; display: inline-block; float: none; padding: 0; width: auto; margin: 0; } 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: #ffffff; font-size: 13px; font-family: "Avenir LT W01_65 Medium", sans-serif; height: 44px; line-height: 42px; display: inline-block; padding: 0 12px 0 11px; text-transform: uppercase; } 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:hover a { color: #d47600 !important; } .psa nav#dt-nav ul.main-nav li div.sub-nav ul li:hover a { color: #003f66 !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 a { padding-right: 9px; } nav#dt-nav ul.main-nav li.nav-item-switcher a span { padding-right: 15px; background-image: url("../../../assets/img/new/global/desktop/arrow-right-white.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/new/global/desktop/arrow-right-white-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 { background-color: #d47600; } nav#dt-nav ul.main-nav li.nav-item-switcher.switch-to-psa:hover { background-color: #c85a02; } nav#dt-nav ul.main-nav li.nav-item-switcher.switch-to-pso { background-color: #668ca3; } nav#dt-nav ul.main-nav li.nav-item-switcher.switch-to-pso:hover { background-color: #004165; } nav#dt-nav ul.main-nav li.active { background-color: #004165; } nav#dt-nav ul.main-nav li:hover { background-color: #003f66; } .psa nav#dt-nav ul.main-nav li:hover { background-color: #d47600; } nav#dt-nav ul.main-nav li:hover > .sub-nav { display: block; z-index: 2; } body.showing-dt-subnav header { height: 177px; } 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, body.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla, body.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla, body.safety #dt-nav ul.main-nav li.nav-item-safety, body.signupForSupport #dt-nav ul.main-nav li.nav-item-support { background-color: #004165; } 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.psa.about #dt-nav ul.main-nav li.nav-item-about, body.psa.aboutOtezla #dt-nav ul.main-nav li.nav-item-aboutOtezla, body.psa.takingOtezla #dt-nav ul.main-nav li.nav-item-takingOtezla, body.psa.safety #dt-nav ul.main-nav li.nav-item-safety, body.psa.signupForSupport #dt-nav ul.main-nav li.nav-item-support { background-color: #d47702; } 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.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: #d47600; } 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.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: #003f66; } } /* @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#tooltip { margin: 1em; position: absolute; top: 50px; left: 0px; z-index: 4; display: none; width: 100%; margin: 0 auto; } div#tooltip.open { display: block; } div#tooltip div.tooltip-inner { width: 288px; background-color: #ffffff; margin: 0 auto; } .psa.surveyOsp div#tooltip, .psa.surveyExp div#tooltip, .pso.surveyOsp div#tooltip, .pso.surveyExp div#tooltip { top: 20px; } .psa.surveyPage div#tooltip { top: -50px; } div#tooltip div.tooltip_heading { background-color: #668da3; color: #ffffff; font-family: "Avenir LT W01_65 Medium", sans-serif; height: 73px; font-size: 15px; font-size: 0.9375rem; line-height: 20px; /*padding-top: 8px; padding-left: 1em;*/ padding: 16px; position: relative; } div#tooltip div.tooltip_content { color: #555; padding: 1.5em; font-family: "source_sans_proregular"; font-size: 10px; font-size: 0.625rem; } div#tooltip div.tooltip_content h2 { margin: 0; color: #004165; font-size: 13px; font-size: 0.8125rem; } div#tooltip div.tooltip_content h2 + p { margin-top: 0.5em; } div#tooltip div.tooltip_content p { font-size: 12px; font-size: 0.75rem; margin: 0; } div#tooltip div.tooltip_content p:first-child { /*margin-bottom: 0.5em;*/ } div#tooltip div.tooltip_content p.tooltip_content_survey { display: none; } div#tooltip div.tooltip_content p + p { margin-top: 1em; } div#tooltip a.tooltip_close { position: absolute; top: 5px; right: 5px; height: 32px; width: auto; background-image: url("../../../assets/img/new/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#tooltip a.tooltip_close { background-image: url("../../../assets/img/new/global/mobile/tooltip-close-x2.png"); background-size: 15px auto; } } div#tooltip div#tooltip_top { position: absolute; top: -15px; left: 12%; width: 24px; height: 15px; background-image: url("../../../assets/img/new/global/mobile/tooltip-top-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#tooltip div#tooltip_top { background-image: url("../../../assets/img/new/global/mobile/tooltip-top-arrow-x2.png"); background-size: 24px 15px; } } .psa.surveyOsp div#tooltip div#tooltip_top, .psa.surveyExp div#tooltip div#tooltip_top, .pso.surveyOsp div#tooltip div#tooltip_top, .pso.surveyExp div#tooltip div#tooltip_top, .psa.surveyPage div#tooltip div#tooltip_top { display: none; } @media only screen and (min-width: 48em) { 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%; } 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: #004165; } a.link-solo:hover { color: #004165; } section.color-dark a.link-inline:hover, section.color-dark a.link-solo:hover { color: #004165; } section.home { background-image: url("../../../assets/img/new/pso/mobile/hero/homepage-bg.jpg"); background-size: 768px auto; height: 303px; } @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/new/pso/mobile/hero/homepage-bg-2x.jpg"); background-size: 768px auto; } } section.home div.section-content { padding-top: 0; padding-bottom: 0; } section.home p { margin-top: 85px; } section.home a { margin-top: 55px; margin-bottom: 0; } section.home a + a { margin-top: 20px; color: #003f66; } section.home a.link-right-arrow { text-decoration: underline; } section.home-2 { height: 280px; background-image: url("../../../assets/img/new/pso/mobile/hero/home-2-bg.jpg"); background-size: 768px auto; background-color: #002a42; text-align: center; } @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/new/pso/mobile/hero/home-2-bg-2x.jpg"); background-size: 768px auto; } } section.home-2 div.section-content { padding: 40px 0; } section.home-2 h2 { position: relative; font-size: 34px; font-size: 2.125rem; } section.home-2 a { margin-bottom: 0; } section.home-3 { background-color: #d47600; } section.home-3 div.section-content { text-align: center; } section.getTheFacts { background-color: #ebf0f4; background-image: url("../../../assets/img/new/pso/mobile/hero/getTheFacts-bg.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 { background-image: url("../../../assets/img/new/pso/mobile/hero/getTheFacts-bg-2x.jpg"); background-size: 768px auto; } } section.getTheFacts div.section-content { padding-top: 160px; } section.getTheFacts-2 { background-color: #668ca3; } section.getTheFacts-3 { background-color: #668ca3; } section.getTheFacts-4 { background-color: #004165; border-top: 1px solid #ffffff; background-image: url("../../../assets/img/new/pso/mobile/interior/m-human-slider-bg.png"); background-size: 4px auto; background-repeat: repeat-x; background-position: 0 0; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 { background-image: url("../../../assets/img/new/pso/mobile/interior/m-human-slider-bg.png"); background-size: 4px auto; } } section.getTheFacts-4 div.section-content { outline: 0px; padding: 0; padding-left: 10px; padding-right: 10px; } section.getTheFacts-4 div.section-content div.slider_container { margin: 0; border: 0; position: relative; } section.getTheFacts-4 div.section-content div.slider_container div.accordion_item { border-top: 0; } section.getTheFacts-4 div.section-content div.slider_container div.slider_title { cursor: pointer; height: 40px; min-height: 40px; line-height: 40px; background-position: 100% 50%; font-family: "source_sans_prosemibold"; color: #ffffff; background-image: url("../../../assets/img/new/global/mobile/faq-expand.png"); background-size: 10px auto; background-repeat: no-repeat; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_title { background-image: url("../../../assets/img/new/global/mobile/faq-expand-x2.png"); background-size: 10px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_title.expanded { background-image: url("../../../assets/img/new/global/mobile/faq-expanded.png"); background-size: 10px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_title.expanded { background-image: url("../../../assets/img/new/global/mobile/faq-expanded-x2.png"); background-size: 10px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_body { display: block; margin-bottom: 0; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider { height: 180px; margin-bottom: 0; position: relative; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slick-list { height: 180px; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-prev, section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-next { margin: 0; background-repeat: no-repeat; background-position: 50% 50%; width: 27px; z-index: 1; height: 47px; top: 60px; -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-prev:before, section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-next:before { display: none; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-prev { left: 0; background-image: url("../../../assets/img/new/pso/mobile/interior/human-slider-left-arrow.png"); background-size: 27px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-prev { background-image: url("../../../assets/img/new/pso/mobile/interior/human-slider-left-arrow-2x.png"); background-size: 27px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-next { right: 0; background-image: url("../../../assets/img/new/pso/mobile/interior/human-slider-right-arrow.png"); background-size: 27px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-next { background-image: url("../../../assets/img/new/pso/mobile/interior/human-slider-right-arrow-2x.png"); background-size: 27px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner { height: 180px; background-repeat: no-repeat; background-position: 0 0; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.knee { background-image: url("../../../assets/img/new/pso/mobile/interior/knees.jpg"); background-size: 300px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.knee { background-image: url("../../../assets/img/new/pso/mobile/interior/knees-2x.jpg"); background-size: 300px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.elbows { background-image: url("../../../assets/img/new/pso/mobile/interior/elbows.jpg"); background-size: 300px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.elbows { background-image: url("../../../assets/img/new/pso/mobile/interior/elbows-2x.jpg"); background-size: 300px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.hands { background-image: url("../../../assets/img/new/pso/mobile/interior/hands.jpg"); background-size: 300px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.hands { background-image: url("../../../assets/img/new/pso/mobile/interior/hands-2x.jpg"); background-size: 300px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.back { background-image: url("../../../assets/img/new/pso/mobile/interior/back.jpg"); background-size: 300px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.back { background-image: url("../../../assets/img/new/pso/mobile/interior/back-2x.jpg"); background-size: 300px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.scalp { background-image: url("../../../assets/img/new/pso/mobile/interior/scalp.jpg"); background-size: 300px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.scalp { background-image: url("../../../assets/img/new/pso/mobile/interior/scalp-2x.jpg"); background-size: 300px auto; } } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider p.title { font-family: "Interstate Light Compressed", sans-serif; font-size: 36px; font-size: 2.25rem; color: #dd902d; line-height: initial; text-align: right; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider p.disclaimer { font-size: 9px; font-size: 0.5625rem; color: #ffffff; font-family: "source_sans_proregular"; /* padding-left: 210px; */ line-height: initial; text-align: right; width: 80px; float: right; margin-top: 70px; margin-right: 2px; } section.getTheFacts-4 div.section-content div.slider_container.show { height: 220px; } section.getTheFacts-4 div.section-content div.slider_container.show div.slider_body { z-index: 1; } section.getTheFacts-5 { background-color: #d47600; } section.treatment { background-color: #d3dfeb; } section.treatment-2 { background-color: #d47600; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment { background-repeat: no-repeat; background-position: 0 0; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment h2.subhead { padding-left: 80px; margin-bottom: 25px; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment p + ul { margin-top: 14px; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment.systemic { background-size: 50px; padding-top: 10px; background-image: url("../../../assets/img/new/global/icon-rx.svg"); } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment.non-systemic { margin-top: 40px; background-image: url("../../../assets/img/new/global/mobile/icon-cream.png"); background-size: 80px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.treatment-2 div.section-content div.systemic_container div.systemic-treatment.non-systemic { background-image: url("../../../assets/img/new/global/mobile/icon-cream-2x.png"); background-size: 80px auto; } } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment.non-systemic h2 { padding-left: 101px; } section.treatment-3 { background-image: url("../../../assets/img/new/pso/mobile/hero/treatment-3-bg.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.treatment-3 { background-image: url("../../../assets/img/new/pso/mobile/hero/treatment-3-bg-2x.jpg"); background-size: 768px auto; } } section.treatment-4 { background-color: #0f4c6e; background-image: url("../../../assets/img/new/pso/mobile/hero/treatment-4-bg.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.treatment-4 { background-image: url("../../../assets/img/new/pso/mobile/hero/treatment-4-bg-2x.jpg"); background-size: 768px auto; } } section.treatment-4 h2 { text-align: center; margin-bottom: 20px; } section.treatment-4 div.four-reasons-container { color: #ffffff; } section.treatment-4 div.four-reasons-container div.four-reason { position: relative; padding-left: 30px; margin-top: 14px; font-size: 14px; font-size: 0.875rem; } section.treatment-4 div.four-reasons-container div.four-reason span.reason-number { display: block; position: absolute; top: 0px; left: 0; border: 1px solid #ffffff; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; font-size: 12px; font-size: 0.75rem; } section.treatment-4 p.footnote { margin-top: 20px; font-style: normal; } section.patient-callout { background-color: #668ca3; background-repeat: no-repeat; background-position: 50% 100%; min-height: 306px; } section.patient-callout div.section-content { padding-bottom: 0; } section.patient-callout p.quote { background-repeat: no-repeat; background-position: 0 0; height: 61px; } section.patient-callout p.actual-patient { font-family: "source_sans_proregular"; margin-left: 160px; margin-top: 20px; } section.patient-callout p.actual-patient span.patient-name { display: block; font-family: "source_sans_probold"; text-transform: uppercase; } section.patient-callout a { margin-left: 105px; margin-top: 40px; } section.patient-callout.patient-callout-jennifer { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-callout-jennifer-bg.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.patient-callout.patient-callout-jennifer { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-callout-jennifer-bg-2x.jpg"); background-size: 768px auto; } } section.patient-callout.patient-callout-jennifer p.quote { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-callout-jennifer-quote.png"); background-size: 295px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patient-callout.patient-callout-jennifer p.quote { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-callout-jennifer-quote-2x.png"); background-size: 295px auto; } } section.youAndYourDoctor { background-image: url("../../../assets/img/new/pso/mobile/hero/youAndYourDoctor-bg.png"); background-size: 768px auto; background-repeat: repeat-y; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.youAndYourDoctor { background-image: url("../../../assets/img/new/pso/mobile/hero/youAndYourDoctor-bg-2x.png"); background-size: 768px auto; } } section.youAndYourDoctor p.tube-girl { background-image: url("../../../assets/img/new/pso/mobile/interior/tube-girl.png"); background-size: 300px auto; background-repeat: no-repeat; background-position: 50% 100%; padding-bottom: 270px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.youAndYourDoctor p.tube-girl { background-image: url("../../../assets/img/new/pso/mobile/interior/tube-girl-2x.png"); background-size: 300px auto; } } section.youAndYourDoctor p.tube-girl + p { margin-top: 0; } section.youAndYourDoctor div#relatedvids { margin-bottom: 0; } section.youAndYourDoctor-2 { background-color: #d47600; } section.youAndYourDoctor-2 div.right-fit { margin-top: 14px; } section.youAndYourDoctor-2 div.right-fit h3 { font-size: 26px; font-size: 1.625rem; font-family: "Interstate Light Compressed", sans-serif; color: #ffffff; text-transform: uppercase; } section.youAndYourDoctor-2 div.right-fit h3 + p { margin-top: 14px; } section.youAndYourDoctor-2 a.customButton, section.youAndYourDoctor-2 a.customButton2, section.youAndYourDoctor-2 a.customButtonOrange, section.youAndYourDoctor-2 a.customButtonLightBlue, section.youAndYourDoctor-2 a.customButtonDarkBlue, section.youAndYourDoctor-2 a.customButtonShowPatientStory, section.youAndYourDoctor-2 a.customButtonClosePatientStory, section.youAndYourDoctor-2 a.customButton4, section.youAndYourDoctor-2 a.customButtonIcon { margin-top: 35px; } section.benefits { background-color: #f2f9ff; background-image: url("../../../assets/img/new/pso/mobile/hero/benefits-bg.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.benefits { background-image: url("../../../assets/img/new/pso/mobile/hero/benefits-bg-2x.jpg"); background-size: 768px auto; } } section.benefits div.section-content { padding-top: 195px; } section.benefits h2.subhead { text-align: center; } section.benefits-2 { background-color: #bacdde; background-image: url("../../../assets/img/new/pso/mobile/hero/benefits-2-bg.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.benefits-2 { background-image: url("../../../assets/img/new/pso/mobile/hero/benefits-2-bg-2x.jpg"); background-size: 768px auto; } } section.benefits-2 p.slider_bottom_copy { font-family: "source_sans_proregular"; margin-top: 10px; font-size: 15.6px; font-style: italic; text-align: right; } section.benefits-2 p.hear { margin-top: 20px; text-align: center; } section.benefits-3 { background-color: #2d6380; } section.benefits-3 h2 + p { margin-top: 30px; } section.patientStoriesHero { background-color: #f2f9ff; } section.patientStoriesHero p.note { margin-top: 20px; } section.patientStory { background-repeat: no-repeat; background-position: bottom center; } section.patientStory div.section-content { padding-bottom: 50px; } section.patientStory p.story-subhead { font-size: 14px; font-size: 0.875rem; margin-left: 115px; font-family: "Avenir LT W01_65 Medium", sans-serif; } section.patientStory p.story-heading { font-size: 26px; font-size: 1.625rem; line-height: 1.4; } section.patientStory a.customButtonShowPatientStory { display: inline-block; margin-bottom: 0; text-transform: uppercase; margin-left: 115px; } section.patientStory a.customButtonClosePatientStory { display: none; margin-bottom: 0; text-transform: uppercase; margin-left: 115px; } section.patientStory.open a.customButtonClosePatientStory { display: inline-block; } section.patientStory.open a.customButtonShowPatientStory { display: none; } section.patientStory.patientStory-1 { background-color: #5e8ca3; } section.patientStory.patientStory-2 { background-color: #4a778f; } section.patientStory.patientStory-3 { background-color: #668ca3; } section.patientStory.bob { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-bob-bg.png"); 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.bob { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-bob-bg-2x.png"); background-size: 768px auto; } } section.patientStory.christy { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-christy-bg.png"); 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.christy { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-christy-bg-2x.png"); background-size: 768px auto; } } section.patientStory.christy a.customButtonShowPatientStory { margin-left: 105px; } section.patientStory.johnna { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-johnna-bg.png"); 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.johnna { background-image: url("../../../assets/img/new/pso/mobile/interior/patient-johnna-bg-2x.png"); background-size: 768px auto; } } section.patientStory-details { display: none; margin-top: -50px; background-color: #004165; } section.patientStory-details div.section-content { padding-bottom: 0; } section.patientStory-details p { font-family: "Avenir LT W01_65 Medium", sans-serif; } section.patientStory-details p.story-quote { font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 18px; font-size: 1.125rem; text-align: center; margin-top: 30px; margin-bottom: 30px; } section.patientStory-details span.story-quote-symbol { font-family: "source_sans_proregular"; display: inline-block; height: 20px; position: relative; width: 20px; } section.patientStory-details span.story-qoute-symbol-inner { position: absolute; top: -10px; left: 0; font-family: "source_sans_proregular"; font-size: 40px; } section.patientStory-details a.customButtonClosePatientStory { margin-bottom: 0; margin-left: 115px; margin-top: 60px; } section.patientStory-details.bob a.customButtonClosePatientStory { background-color: #4a778f; } section.patientStory-details.christy a.customButtonClosePatientStory { background-color: #668ca3; } section.patientStory-details.johnna a.customButtonClosePatientStory { background-color: #d47600; } section.patientStory-cta { background-color: #d47600; } section.science { min-height: 475px; background-image: url("../../../assets/img/new/pso/mobile/hero/science-bg.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 { background-image: url("../../../assets/img/new/pso/mobile/hero/science-bg-2x.jpg"); background-size: 768px auto; } } section.science-2 { background-color: #5a90ab; } section.science-2 div.section-content div#relatedvids { margin-top: 0; } section.science-3 { background-color: #d47600; } section.faq { background-color: #668ca3; } section.faq div.section-content { padding-top: 40px; } section.faq h2.subhead + p { margin-bottom: 20px; } section.starting { background-color: #e3dfda; background-image: url("../../../assets/img/new/pso/mobile/hero/starting-bg.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 { background-image: url("../../../assets/img/new/pso/mobile/hero/starting-bg-2x.jpg"); background-size: 768px auto; } } section.starting div.section-content { padding-top: 190px; } section.starting-2 { background-color: #2d587e; background-image: url("../../../assets/img/new/pso/mobile/hero/starting-2-bg.png"); 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/new/pso/mobile/hero/starting-2-bg-2x.png"); background-size: 768px auto; } } section.starting-3 { background-color: #668ca3; } section.starting-4 { background-image: url("../../../assets/img/new/pso/mobile/hero/starting-4-bg.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-4 { background-image: url("../../../assets/img/new/pso/mobile/hero/starting-4-bg-2x.jpg"); background-size: 768px auto; } } section.starting-5 { background-color: #d47600; } section.starting-6 { background-color: #e1e4e6; } section.otezlaPrescription { background-color: #ebf0f4; } section.otezlaPrescription div#starter-video { margin-bottom: 0px; } section.otezlaPrescription div#starter-video + p { margin-top: 20px; } section.otezlaPrescription-2 { background-color: #668ca3; } section.otezlaPrescription-3 { background-color: #d47600; } section.safety { background-color: #abcdec; } section.safety-2 { background-color: #668ca3; } section.supportplus { height: 785px; background-image: url("../../../assets/img/new/pso/mobile/hero/supportplus-bg.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/new/pso/mobile/hero/supportplus-bg-2x.jpg"); background-size: 768px auto; } } section.supportplus div.section-content { padding-top: 190px; padding-bottom: 0; } section.supportplus div.section-content h2.supportplus-heading { width: 300px; position: relative; font-size: 26px; font-size: 1.625rem; text-align: right; margin: 0 auto; } section.supportplus div.section-content h2.supportplus-heading:before { position: absolute; top: -20px; left: 0; display: block; width: 111px; height: 53px; background: url("../../../assets/img/new/global/logo-supportplus.svg"); -webkit-background-size: 111px; background-size: 111px; background-repeat: no-repeat; } section.supportplus div.section-content h2.supportplus-heading:after { position: absolute; top: -3px; left: 128px; display: block; width: 1px; height: 35px; background-color: #ffffff; } section.supportplus a.link-inline:hover { color: #658ba2; } section.supportplus-2 { background-color: #668ca3; } section.supportplus-3 { background-color: #ced9e2; } section.patient-signup { background-image: url("../../../assets/img/new/pso/mobile/hero/patient-signup-bg.jpg"); background-size: 768px auto; background-color: #668ca3; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.patient-signup { background-image: url("../../../assets/img/new/pso/mobile/hero/patient-signup-bg-2x.jpg"); background-size: 768px auto; } } section.patient-signup div.section-content { padding-top: 180px; } section.prospect-signup { background-image: url("../../../assets/img/new/pso/mobile/hero/patient-signup-bg.jpg"); background-size: 768px auto; background-color: #668ca3; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.prospect-signup { background-image: url("../../../assets/img/new/pso/mobile/hero/patient-signup-bg-2x.jpg"); background-size: 768px auto; } } section.prospect-signup div.section-content { padding-top: 180px; } section.confirmation { background-image: url("../../../assets/img/new/pso/mobile/hero/patient-signup-bg.jpg"); background-size: 768px auto; background-color: #668ca3; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.confirmation { background-image: url("../../../assets/img/new/pso/mobile/hero/patient-signup-bg-2x.jpg"); background-size: 768px auto; } } section.confirmation div.section-content { padding-top: 180px; } section.copay { background-color: #b3defc; background-image: url("../../../assets/img/new/pso/mobile/hero/copay-bg.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/new/pso/mobile/hero/copay-bg-2x.jpg"); background-size: 768px auto; } } section.copay div.section-content { padding-bottom: 70px; } 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/new/global/date-input-bg.png"); background-repeat: no-repeat; background-position: 15px 50%; padding-left: 50px; width: 150px; float: 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: 30px; margin-top: 25px; 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; } 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/new/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/new/pso/mobile/interior/copay-card-2x.png"); background-size: 224px auto; } } section.copay p + p { margin-top: 24px; } section.copay-2 { background-color: #2a567c; background-image: url("../../../assets/img/new/pso/mobile/hero/copay-2-bg.png"); background-size: 768px auto; background-repeat: repeat-y; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.copay-2 { background-image: url("../../../assets/img/new/pso/mobile/hero/copay-2-bg-2x.png"); background-size: 768px auto; } } section.copay-2 div.section-content { background-image: url("../../../assets/img/new/global/icon-loudspeaker.svg"); background-size: 70px; background-repeat: no-repeat; background-position: 10px 60px; } section.copay-2 h2 { margin-left: 74px; } section.copay-2 a.link-inline:hover { color: #658ba2; } section.copay-4 { background-color: #d47600; } section.gotezlaApp { background-color: #ebf0f4; } section.gotezlaApp-2 { background-color: #2a567c; background-image: url("../../../assets/img/new/pso/mobile/hero/copay-2-bg.png"); background-size: 768px auto; background-repeat: repeat-y; background-position: top center; } @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/new/pso/mobile/hero/copay-2-bg-2x.png"); background-size: 768px auto; } } section.gotezlaApp-3 { background-color: #d7a10f; } section.gotezlaApp-4 { background-color: #d47702; } section.gotezlaInfo p + ul { margin-top: 20px; } section.gotezlaInfo h2 { padding-left: 80px; font-size: 28px; font-size: 1.75rem; position: relative; margin-bottom: 30px; } section.gotezlaInfo h2:before { position: absolute; top: -5px; left: 0; display: block; width: 60px; height: 44px; background-repeat: no-repeat; background-position: 0 0; } section.gotezlaInfo.personalized h2:before { background-image: url("../../../assets/img/new/global/mobile/icon-bulb.png"); background-size: 60px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.gotezlaInfo.personalized h2:before { background-image: url("../../../assets/img/new/global/mobile/icon-bulb-2x.png"); background-size: 60px auto; } } section.gotezlaInfo.symptom h2:before { background-image: url("../../../assets/img/new/global/mobile/icon-tracker.png"); background-size: 60px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.gotezlaInfo.symptom h2:before { background-image: url("../../../assets/img/new/global/mobile/icon-tracker-2x.png"); background-size: 60px auto; } } section.gotezlaInfo.pselfies h2:before { background-image: url("../../../assets/img/new/global/mobile/icon-camera.png"); background-size: 60px auto; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.gotezlaInfo.pselfies h2:before { background-image: url("../../../assets/img/new/global/mobile/icon-camera-2x.png"); background-size: 60px auto; } } section.gotezlaApp-6 { background-color: #d47702; } section.resources { background-color: #ebf5fe; } section.resources-2 { background-color: #d47600; } section.resources-3 { background-image: url("../../../assets/img/new/pso/mobile/hero/resources-3-bg.png"); background-size: 768px auto; background-repeat: repeat-y; } @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/new/pso/mobile/hero/resources-3-bg-2x.png"); background-size: 768px auto; } } section.resources-3 div.section-content { padding-right: 0; } section.resources-3 h2 { background-image: url("../../../assets/img/new/global/mobile/logo-gotezla-2.png"); background-size: 159px auto; background-repeat: no-repeat; background-position: 0 0; padding-top: 65px; margin-bottom: 20px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.resources-3 h2 { background-image: url("../../../assets/img/new/global/mobile/logo-gotezla-2-2x.png"); background-size: 159px auto; } } section.resources-3 p + ul { margin-top: 1em; } section.resources-3 ul + p { margin-top: 20px; } section.resources-3 a.link-solo:hover { color: #658ba2; } section.resources-3 a.download-app-link { margin-top: 40px; } section.resources-4 { background-color: #668ca3; } section.resources-5 { background-image: url("../../../assets/img/new/pso/mobile/hero/resources-5-bg.png"); background-size: 768px auto; background-repeat: repeat-y; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.resources-5 { background-image: url("../../../assets/img/new/pso/mobile/hero/resources-5-bg-2x.png"); background-size: 768px auto; } } section.resources-5 div.section-content { background-image: url("../../../assets/img/new/pso/mobile/interior/stay-informed-bg.png"); background-size: 140px auto; background-repeat: no-repeat; background-position: 0 50px; padding-top: 150px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.resources-5 div.section-content { background-image: url("../../../assets/img/new/pso/mobile/interior/stay-informed-bg-2x.png"); background-size: 140px auto; } } section.pre-footer { background-image: url("../../../assets/img/new/global/mobile/pre-footer-bg.png"); background-size: 768px auto; background-repeat: no-repeat; background-position: top center; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { section.pre-footer { background-image: url("../../../assets/img/new/global/mobile/pre-footer-bg-2x.png"); background-size: 768px auto; } } section.pre-footer div.section-content ul.pre-footer-ul-for-pso { display: block; } @media only screen and (min-width: 48em) { section.home { height: 292px; background-image: url("../../../assets/img/new/pso/tablet/hero/homepage-bg.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/new/pso/tablet/hero/homepage-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.home p { margin-top: 105px; } section.home a { margin-top: 30px; } section.home a + a { display: block; } section.home-2 { background-image: url("../../../assets/img/new/pso/tablet/hero/home-2-bg.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/new/pso/tablet/hero/home-2-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.home-2 div.section-content { padding-top: 69px; } section.getTheFacts { background-color: #ecf1f5; background-image: url("../../../assets/img/new/pso/tablet/hero/getTheFacts-bg.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/new/pso/tablet/hero/getTheFacts-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider { height: 360px; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slick-list { height: 360px; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-prev, section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider .slick-next { top: 150px; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner { height: 360px; } section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.knee { background-image: url("../../../assets/img/new/pso/tablet/interior/knees.jpg"); background-size: 500px 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-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.knee { background-image: url("../../../assets/img/new/pso/tablet/interior/knees-2x.jpg"); background-size: 500px auto; } } @media only screen and (min-width: 48em) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.elbows { background-image: url("../../../assets/img/new/pso/tablet/interior/elbows.jpg"); background-size: 500px 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-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.elbows { background-image: url("../../../assets/img/new/pso/tablet/interior/elbows-2x.jpg"); background-size: 500px auto; } } @media only screen and (min-width: 48em) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.hands { background-image: url("../../../assets/img/new/pso/tablet/interior/hands.jpg"); background-size: 500px 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-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.hands { background-image: url("../../../assets/img/new/pso/tablet/interior/hands-2x.jpg"); background-size: 500px auto; } } @media only screen and (min-width: 48em) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.back { background-image: url("../../../assets/img/new/pso/tablet/interior/back.jpg"); background-size: 500px 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-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.back { background-image: url("../../../assets/img/new/pso/tablet/interior/back-2x.jpg"); background-size: 500px auto; } } @media only screen and (min-width: 48em) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.scalp { background-image: url("../../../assets/img/new/pso/tablet/interior/scalp.jpg"); background-size: 500px 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-4 div.section-content div.slider_container div.slider_body div.human-figure-slider div.slider-item-inner.scalp { background-image: url("../../../assets/img/new/pso/tablet/interior/scalp-2x.jpg"); background-size: 500px auto; } } @media only screen and (min-width: 48em) { section.getTheFacts-4 div.section-content div.slider_container div.slider_body div.human-figure-slider p.disclaimer { margin-top: 240px; } section.getTheFacts-4 div.section-content div.slider_container.show { height: 400px; } section.treatment { min-height: 399px; background-image: url("../../../assets/img/new/pso/tablet/hero/treatment-bg.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.treatment { background-image: url("../../../assets/img/new/pso/tablet/hero/treatment-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.treatment div.section-content { padding-right: 210px; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment.systemic { width: 48%; float: left; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment.non-systemic { width: 49%; float: right; margin-top: 0; } section.treatment-3 { background-image: url("../../../assets/img/new/pso/tablet/hero/treatment-3-bg.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.treatment-3 { background-image: url("../../../assets/img/new/pso/tablet/hero/treatment-3-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.treatment-4 { background-image: url("../../../assets/img/new/pso/tablet/hero/treatment-4-bg.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.treatment-4 { background-image: url("../../../assets/img/new/pso/tablet/hero/treatment-4-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.treatment-4 div.four-reasons-container { width: 245px; float: left; } section.treatment-4 div.four-reasons-container + div.four-reasons-container { float: right; } section.treatment-4 div.four-reasons-container div.four-reason { padding-left: 55px; margin-top: 0; } section.treatment-4 div.four-reasons-container div.four-reason:first-child { min-height: 100px; } section.treatment-4 div.four-reasons-container div.four-reason span.reason-number { width: 36px; height: 36px; line-height: 36px; font-size: 24px; font-size: 1.5rem; } section.treatment-4 p.footnote { text-align: center; margin-top: 20px; } section.patient-callout { min-height: 280px; } section.patient-callout div.section-content { padding-bottom: 0; } section.patient-callout p.quote { height: 64px; margin-left: 177px; } section.patient-callout p.actual-patient { font-family: "source_sans_proregular"; margin-left: 187px; margin-top: 20px; } section.patient-callout p.actual-patient span.patient-name { display: block; font-family: "source_sans_probold"; text-transform: uppercase; } section.patient-callout a { margin-left: 187px; margin-top: 20px; } section.patient-callout.patient-callout-jennifer { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-callout-jennifer-bg.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.patient-callout.patient-callout-jennifer { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-callout-jennifer-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.patient-callout.patient-callout-jennifer p.quote { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-callout-jennifer-quote.png"); background-size: 323px 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.patient-callout.patient-callout-jennifer p.quote { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-callout-jennifer-quote-2x.png"); background-size: 323px auto; } } @media only screen and (min-width: 48em) { section.youAndYourDoctor { background-image: url("../../../assets/img/new/pso/tablet/hero/youAndYourDoctor-bg.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 { background-image: url("../../../assets/img/new/pso/tablet/hero/youAndYourDoctor-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.youAndYourDoctor div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/tube-girl.png"); background-size: 768px auto; background-repeat: no-repeat; background-position: 50% 80px; } } @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 div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/tube-girl-2x.png"); background-size: 768px auto; } } @media only screen and (min-width: 48em) { section.youAndYourDoctor p.tube-girl { background-image: none; padding-bottom: 0px; padding-right: 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) { section.youAndYourDoctor p.tube-girl { background-image: none; } } @media only screen and (min-width: 48em) { section.youAndYourDoctor p.tube-girl + p { margin-top: 14px; padding-right: 200px; } section.youAndYourDoctor div#relatedvids { margin-bottom: 0; } section.youAndYourDoctor-2 div.float_left_tablet { padding-right: 10px; } section.youAndYourDoctor-2 div.float_right_tablet { padding-left: 30px; } section.benefits { background-color: #f9fcff; background-image: url("../../../assets/img/new/pso/tablet/hero/benefits-bg.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 { background-image: url("../../../assets/img/new/pso/tablet/hero/benefits-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.benefits-2 { background-color: #cde0ef; background-image: url("../../../assets/img/new/pso/tablet/hero/benefits-2-bg.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/new/pso/tablet/hero/benefits-2-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.benefits-2 p.slider_bottom_copy { font-size: 12px; margin-top: 20px; } section.benefits-2 p.hear { margin-bottom: 20px; font-size: 12px; font-size: 0.75rem; } section.benefits-3 { background-color: #e58300; } section.patientStory p.story-subhead { font-size: 14px; font-size: 0.875rem; margin-left: 260px; } section.patientStory p.story-heading { margin-bottom: 40px; } section.patientStory a.customButtonShowPatientStory { margin-left: 260px; } section.patientStory a.customButtonClosePatientStory { margin-left: 260px; } section.patientStory.bob { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-bob-bg.png"); 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.bob { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-bob-bg-2x.png"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.patientStory.christy { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-christy-bg.png"); 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.christy { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-christy-bg-2x.png"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.patientStory.christy a.customButtonShowPatientStory { margin-left: 260px; } section.patientStory.johnna { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-johnna-bg.png"); 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.johnna { background-image: url("../../../assets/img/new/pso/tablet/interior/patient-johnna-bg-2x.png"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.patientStory-details a.customButtonClosePatientStory { margin-left: 260px; } section.science { min-height: 344px; background-image: url("../../../assets/img/new/pso/tablet/hero/science-bg.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 { background-image: url("../../../assets/img/new/pso/tablet/hero/science-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.science div.section-content { padding-bottom: 0; } section.science p { margin-right: 200px; } section.starting { background-image: url("../../../assets/img/new/pso/tablet/hero/starting-bg.jpg"); background-size: 1000px auto; height: 419px; } } @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/new/pso/tablet/hero/starting-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.starting div.section-content { padding-top: 30px; padding-bottom: 0; padding-left: 240px; } section.starting-2 { background-color: #003f66; 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) { section.starting-2 { background-image: none; } } @media only screen and (min-width: 48em) { section.starting-2 h2.subhead { position: relative; display: inline-block; } section.starting-2 h2.subhead:after { display: inline-block; background-image: url("../../../assets/img/new/pso/mobile/interior/pill.jpg"); background-size: 60px auto; background-repeat: no-repeat; background-position: 0 0; width: 60px; height: 37px; position: absolute; top: 0; right: -70px; } } @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 h2.subhead:after { background-image: url("../../../assets/img/new/pso/mobile/interior/pill-2x.jpg"); background-size: 60px auto; } } @media only screen and (min-width: 48em) { section.starting-4 { min-height: 263px; background-image: url("../../../assets/img/new/pso/tablet/hero/starting-4-bg.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-4 { background-image: url("../../../assets/img/new/pso/tablet/hero/starting-4-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.starting-4 div.section-content { padding-top: 80px; } section.starting-5 { background-image: url("../../../assets/img/new/pso/tablet/hero/starting-5-bg.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-5 { background-image: url("../../../assets/img/new/pso/tablet/hero/starting-5-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.starting-5 div.section-content { padding-left: 275px; } section.starting-6 { background-color: #c4d4db; background-image: url("../../../assets/img/new/pso/tablet/hero/starting-6-bg.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-6 { background-image: url("../../../assets/img/new/pso/tablet/hero/starting-6-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.starting-6 div.section-content { padding-right: 160px; } section.otezlaPrescription-3 { background-image: url("../../../assets/img/new/pso/tablet/hero/otezlaPrescription-3-bg.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.otezlaPrescription-3 { background-image: url("../../../assets/img/new/pso/tablet/hero/otezlaPrescription-3-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.otezlaPrescription-3 div.section-content { padding-right: 200px; } section.supportplus { height: 671px; background-image: url("../../../assets/img/new/pso/tablet/hero/supportplus-bg.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/new/pso/tablet/hero/supportplus-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.supportplus div.section-content { padding-top: 240px; } section.patient-signup { background-image: url("../../../assets/img/new/pso/tablet/hero/patient-signup-bg.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.patient-signup { background-image: url("../../../assets/img/new/pso/tablet/hero/patient-signup-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.patient-signup div.section-content { padding-top: 210px; } section.prospect-signup { background-image: url("../../../assets/img/new/pso/tablet/hero/patient-signup-bg.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.prospect-signup { background-image: url("../../../assets/img/new/pso/tablet/hero/patient-signup-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.prospect-signup div.section-content { padding-top: 210px; } section.confirmation { background-image: url("../../../assets/img/new/pso/tablet/hero/patient-signup-bg.jpg"); background-size: 1000px auto; background-color: #668ca3; } } @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.confirmation { background-image: url("../../../assets/img/new/pso/tablet/hero/patient-signup-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.confirmation div.section-content { padding-top: 210px; } section.copay { background-image: url("../../../assets/img/new/pso/tablet/hero/copay-bg.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 { background-image: url("../../../assets/img/new/pso/tablet/hero/copay-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { 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: 190px; } section.copay form#copay-form input[type=text]#reminder-email-date { width: 150px; margin-left: 10px; } section.copay-2 { background-image: url("../../../assets/img/new/pso/tablet/hero/copay-2-bg.png"); 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-2 { background-image: url("../../../assets/img/new/pso/tablet/hero/copay-2-bg-2x.png"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.copay-2 div.section-content { padding-left: 120px; background-size: 88px; background-position: 10px 60px; } section.copay-2 h2 { margin-left: 0px; } section.gotezlaInfo div.section-content { padding-top: 40px; background-repeat: no-repeat; background-position: 0 100px; } section.gotezlaInfo p, section.gotezlaInfo ul { margin-left: 250px; } section.gotezlaInfo ul li + li { margin-top: 0px; } section.gotezlaInfo h2 { font-size: 28px; font-size: 1.75rem; padding-left: 85px; margin-bottom: 30px; } section.gotezlaInfo h2:before { top: -10px; width: 60px; height: 44px; } section.gotezlaInfo.personalized div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/gotezla-phone-1.png"); background-size: 230px 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.gotezlaInfo.personalized div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/gotezla-phone-1-2x.png"); background-size: 230px auto; } } @media only screen and (min-width: 48em) { section.gotezlaInfo.symptom div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/gotezla-phone-2.png"); background-size: 230px auto; background-position: 100% 100px; } } @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.gotezlaInfo.symptom div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/gotezla-phone-2-2x.png"); background-size: 230px auto; } } @media only screen and (min-width: 48em) { section.gotezlaInfo.symptom p, section.gotezlaInfo.symptom ul { margin-left: 0; margin-right: 240px; } section.gotezlaInfo.pselfies div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/gotezla-phone-3.png"); background-size: 230px auto; background-position: 0 100px; } } @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.gotezlaInfo.pselfies div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/gotezla-phone-3-2x.png"); background-size: 230px auto; } } @media only screen and (min-width: 48em) { section.resources { background-image: url("../../../assets/img/new/pso/tablet/hero/resources-bg.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 { background-image: url("../../../assets/img/new/pso/tablet/hero/resources-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.resources div.section-content { padding-left: 250px; text-align: right; padding-top: 35px; padding-bottom: 0; min-height: 314px; } section.resources-3 { background-color: #2b607d; background-image: url("../../../assets/img/new/pso/tablet/hero/resources-3-bg.jpg"); background-size: 1000px auto; background-repeat: no-repeat; background-position: bottom center; } } @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/new/pso/tablet/hero/resources-3-bg-2x.jpg"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.resources-3 div.section-content { padding-right: 10px; } 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.resources-5 { background-image: url("../../../assets/img/new/pso/tablet/hero/resources-5-bg.png"); 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-5 { background-image: url("../../../assets/img/new/pso/tablet/hero/resources-5-bg-2x.png"); background-size: 1000px auto; } } @media only screen and (min-width: 48em) { section.resources-5 div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/stay-informed-bg.png"); background-size: 140px auto; padding-left: 170px; padding-top: 50px; } } @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-5 div.section-content { background-image: url("../../../assets/img/new/pso/tablet/interior/stay-informed-bg-2x.png"); background-size: 140px auto; } } @media only screen and (min-width: 48em) { section.pre-footer { background-image: url("../../../assets/img/new/global/tablet/pre-footer-bg.png"); 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.pre-footer { background-image: url("../../../assets/img/new/global/tablet/pre-footer-bg-2x.png"); background-size: 1000px auto; } } @media only screen and (min-width: 62.5em) { section.home { background-image: url("../../../assets/img/new/pso/desktop/hero/homepage-bg.jpg"); background-size: 1920px auto; height: 499px; } } @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/new/pso/desktop/hero/homepage-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.home div.section-content { padding-top: 100px; } section.home a { clear: both; float: left; margin-top: 40px; } section.home a.link-right-arrow { margin-top: 60px; } .psa section.home { height: 565px; background-image: url("../../../assets/img/new/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) { .psa section.home { background-image: url("../../../assets/img/new/psa/desktop/hero/homepage-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { .psa section.home div.section-content { padding-left: 270px; padding-top: 170px; } .psa section.home p { margin-top: 40px; } .psa section.home a { margin-top: 40px; } .psa section.home a + a { margin-top: 20px; } section.home-2 { height: 343px; background-image: url("../../../assets/img/new/pso/desktop/hero/home-2-bg.jpg"); background-size: 1920px auto; text-align: left; } } @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/new/pso/desktop/hero/home-2-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.home-2 div.section-content { padding: 100px 326px 100px 20px; padding-left: 20px; } section.home-2 h2 { position: relative; } section.home-2 a { margin-bottom: 0; } .psa section.home-2 { background-image: url("../../../assets/img/new/psa/desktop/hero/home-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) { .psa section.home-2 { background-image: url("../../../assets/img/new/psa/desktop/hero/home-2-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { .psa section.home-2 h2 { position: relative; padding-top: 0; } .psa section.home-2 h2:before { position: absolute; top: 0; left: -200px; } .psa section.home-2 h2:after { position: absolute; top: 0; left: -30px; width: 1px; height: 75px; background-color: #ffffff; } .psa section.home-2 p { margin-top: 10px; } section.home-3 div.section-content { text-align: left; } section.getTheFacts { min-height: 669px; background-image: url("../../../assets/img/new/pso/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/new/pso/desktop/hero/getTheFacts-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts div.section-content { padding-top: 400px; padding-bottom: 0; } section.getTheFacts-2 { background-image: url("../../../assets/img/new/pso/desktop/hero/getTheFacts-2-bg.jpg"); background-size: 1920px auto; min-height: 513px; } } @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/new/pso/desktop/hero/getTheFacts-2-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 div.section-content { height: 513px; padding-bottom: 0; } section.getTheFacts-2 div.human-figure-content { width: 350px; float: left; } section.getTheFacts-2 div.human-figure { width: 220px; float: left; position: relative; min-height: 350px; background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure.png"); background-size: 126px auto; background-repeat: no-repeat; background-position: 50% 20px; } } @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 div.human-figure { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-2x.png"); background-size: 126px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 p.click-to-see { position: absolute; top: -15px; left: 80px; text-transform: uppercase; font-family: "Avenir LT W01_65 Medium", sans-serif; font-size: 11px; } section.getTheFacts-2 p.human-figure-clickable-area { position: absolute; top: 0; left: 0; color: #d47600; font-family: "Avenir LT W01_95 Black", sans-serif; font-size: 13px; font-size: 0.8125rem; background-image: url("../../../assets/img/new/pso/desktop/interior/body-plus.png"); background-size: 28px auto; background-repeat: no-repeat; background-position: 0 0; min-height: 28px; cursor: pointer; } } @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 p.human-figure-clickable-area { background-image: url("../../../assets/img/new/pso/desktop/interior/body-plus-2x.png"); background-size: 28px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 p.human-figure-clickable-area:hover { background-image: url("../../../assets/img/new/pso/desktop/interior/body-plus-hover.png"); background-size: 28px auto; color: #ffffff; } } @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 p.human-figure-clickable-area:hover { background-image: url("../../../assets/img/new/pso/desktop/interior/body-plus-hover-2x.png"); background-size: 28px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 p.human-figure-clickable-area.active { background-image: url("../../../assets/img/new/pso/desktop/interior/body-plus-active.png"); background-size: 28px auto; color: #004165; z-index: 1; } } @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 p.human-figure-clickable-area.active { background-image: url("../../../assets/img/new/pso/desktop/interior/body-plus-active-2x.png"); background-size: 28px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 p.human-figure-clickable-area.scalp { top: 0px; left: 103px; padding-left: 45px; padding-top: 4px; } section.getTheFacts-2 p.human-figure-clickable-area.elbows { top: 90px; left: 10px; background-position: 100% 100%; padding-right: 30px; padding-bottom: 20px; } section.getTheFacts-2 p.human-figure-clickable-area.back { top: 120px; left: 130px; padding-left: 50px; padding-top: 0; } section.getTheFacts-2 p.human-figure-clickable-area.knees { top: 213px; left: 127px; padding-left: 40px; padding-top: 3px; } section.getTheFacts-2 p.human-figure-clickable-area.hands { top: 139px; left: 10px; background-position: 100% 100%; padding-right: 20px; padding-bottom: 35px; } section.getTheFacts-2 div.human-figure-details { display: none; width: 100%; background-color: #004165; height: 285px; background-repeat: no-repeat; background-position: top center; } section.getTheFacts-2 div.human-figure-details div.human-figure-details-inner { width: 1000px; height: inherit; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0; position: relative; } section.getTheFacts-2 div.human-figure-details div.human-figure-details-inner div.human-figure-details-close { font-family: "source_sans_proregular"; font-size: 14px; color: #dd902d; text-transform: uppercase; position: absolute; top: 10px; left: 550px; padding-right: 30px; height: 19px; line-height: 22px; cursor: pointer; background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-close.png"); background-size: 19px 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) { section.getTheFacts-2 div.human-figure-details div.human-figure-details-inner div.human-figure-details-close { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-close.png"); background-size: 19px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 div.human-figure-details div.human-figure-details-inner div.human-figure-details-disclaimer { color: #ffffff; font-family: "source_sans_proregular"; font-size: 12px; font-style: italic; width: 80px; position: absolute; top: 160px; left: 550px; } section.getTheFacts-2 div.human-figure-details.scalp { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-scalp.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 div.human-figure-details.scalp { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-scalp.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 div.human-figure-details.scalp div.human-figure-details-inner:before { position: absolute; top: -390px; left: 472px; content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 390px solid #004165; border-left: 15px solid transparent; border-right: 15px solid transparent; } section.getTheFacts-2 div.human-figure-details.elbows { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-elbows.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 div.human-figure-details.elbows { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-elbows.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 div.human-figure-details.elbows div.human-figure-details-inner:before { position: absolute; top: -295px; left: 436px; content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 295px solid #004165; border-left: 15px solid transparent; border-right: 15px solid transparent; } section.getTheFacts-2 div.human-figure-details.hands { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-hands.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 div.human-figure-details.hands { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-hands.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 div.human-figure-details.hands div.human-figure-details-inner:before { position: absolute; top: -220px; left: 416px; content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 220px solid #004165; border-left: 15px solid transparent; border-right: 15px solid transparent; } section.getTheFacts-2 div.human-figure-details.back { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-back.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 div.human-figure-details.back { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-back.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 div.human-figure-details.back div.human-figure-details-inner:before { position: absolute; top: -275px; left: 499px; content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 275px solid #004165; border-left: 15px solid transparent; border-right: 15px solid transparent; } section.getTheFacts-2 div.human-figure-details.knees { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-knees.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 div.human-figure-details.knees { background-image: url("../../../assets/img/new/pso/desktop/interior/human-figure-details-knees.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-2 div.human-figure-details.knees div.human-figure-details-inner:before { position: absolute; top: -185px; left: 497px; content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 185px solid #004165; border-left: 15px solid transparent; border-right: 15px solid transparent; } section.getTheFacts-5 { height: 362px; background-image: url("../../../assets/img/new/pso/desktop/hero/getTheFacts-3-bg.jpg"); background-size: 1920px auto; background-color: #54616b; } } @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-5 { background-image: url("../../../assets/img/new/pso/desktop/hero/getTheFacts-3-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.getTheFacts-5 div.section-content { padding-bottom: 0; } section.treatment { height: 435px; background-image: url("../../../assets/img/new/pso/desktop/hero/treatment-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.treatment { background-image: url("../../../assets/img/new/pso/desktop/hero/treatment-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.treatment div.section-content { padding-right: 590px; padding-top: 70px; padding-bottom: 0; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment h2.subhead { margin-bottom: 35px; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment.systemic { width: 225px; } section.treatment-2 div.section-content div.systemic_container div.systemic-treatment.non-systemic { width: 275px; } section.treatment-3 { height: 460px; text-align: left; background-image: url("../../../assets/img/new/pso/desktop/hero/treatment-3-bg.jpg"); background-size: 1920px auto; background-color: #3c5b58; } } @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.treatment-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/treatment-3-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.treatment-3 div.section-content { padding-left: 250px; padding-bottom: 0; } section.treatment-4 { background-color: #0f4c6e; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#014266+0,2d6380+0,014266+85,014266+100 */ background: #014266; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #014266 0%, #2d6380 0%, #014266 85%, #014266 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #014266 0%, #2d6380 0%, #014266 85%, #014266 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #014266 0%, #2d6380 0%, #014266 85%, #014266 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014266', endColorstr='#014266',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } section.treatment-4 h2 { text-align: left; } section.treatment-4 div.four-reasons-container { width: 285px; } section.treatment-4 div.four-reasons-container div.four-reason:first-child { min-height: 80px; } section.patient-callout { min-height: 410px; } section.patient-callout div.section-content { padding-bottom: 0; } section.patient-callout p.quote { margin-left: 203px; height: 74px; } section.patient-callout p.actual-patient { margin-left: 228px; } section.patient-callout a { margin-left: 228px; } section.patient-callout.patient-callout-jennifer { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-callout-jennifer-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.patient-callout.patient-callout-jennifer { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-callout-jennifer-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.patient-callout.patient-callout-jennifer p.quote { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-callout-jennifer-quote.png"); background-size: 373px 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.patient-callout.patient-callout-jennifer p.quote { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-callout-jennifer-quote-2x.png"); background-size: 373px auto; } } @media only screen and (min-width: 62.5em) { section.youAndYourDoctor { background-image: url("../../../assets/img/new/pso/desktop/hero/youAndYourDoctor-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 { background-image: url("../../../assets/img/new/pso/desktop/hero/youAndYourDoctor-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.youAndYourDoctor div.section-content { 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) { section.youAndYourDoctor div.section-content { background-image: none; } } @media only screen and (min-width: 62.5em) { section.youAndYourDoctor-2 div.float_container_tablet { margin-top: 20px; } section.benefits { background-image: url("../../../assets/img/new/pso/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/new/pso/desktop/hero/benefits-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.benefits div.section-content { padding-top: 416px; } section.benefits h2.subhead { text-align: left; } section.benefits-2 { background-color: #bccddd; background-position: bottom center; background-image: url("../../../assets/img/new/pso/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/new/pso/desktop/hero/benefits-2-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.benefits-2 p.slider_bottom_copy { font-size: 11px; margin-right: 20px; } section.patientStoriesHero { background-image: url("../../../assets/img/new/pso/desktop/hero/patientStories-bg.jpg"); background-size: 1920px auto; background-position: bottom center; background-color: #fbfcfe; } } @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.patientStoriesHero { background-image: url("../../../assets/img/new/pso/desktop/hero/patientStories-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.patientStory div.section-content { padding-top: 50px; padding-left: 180px; } section.patientStory p.story-heading { font-size: 21px; font-size: 1.3125rem; margin-left: 0; padding-left: 0; margin-bottom: 0; } section.patientStory p.story-subhead { font-size: 14px; font-size: 0.875rem; padding-left: 0px; margin-left: 0; } section.patientStory a.customButtonShowPatientStory { margin-left: 0; } section.patientStory a.customButtonClosePatientStory { margin-left: 0; } section.patientStory.bob { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-bob-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.bob { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-bob-bg.png"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.patientStory.christy { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-christy-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.christy { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-christy-bg.png"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.patientStory.christy a.customButtonShowPatientStory { margin-left: 0px; } section.patientStory.johnna { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-johnna-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.johnna { background-image: url("../../../assets/img/new/pso/desktop/interior/patient-johnna-bg.png"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.patientStory-details div.section-content { padding-top: 50px; } section.patientStory-details p { margin-left: 100px; } section.patientStory-details p.story-quote { margin-left: 0; font-size: 24px; font-size: 1.5rem; text-align: left; margin-top: 55px; margin-bottom: 55px; } section.patientStory-details span.story-qoute-symbol-inner { font-size: 50px; top: -20px; } section.patientStory-details a.customButtonClosePatientStory { margin-left: 160px; } section.science { min-height: 389px; background-image: url("../../../assets/img/new/pso/desktop/hero/science-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 { background-image: url("../../../assets/img/new/pso/desktop/hero/science-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.science div.section-content { padding-top: 70px; } section.science p { margin-right: 192px; } section.science-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/science-3-bg.jpg"); background-size: 1920px auto; background-color: #3e5214; 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.science-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/science-3-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.science-3 div.section-content { padding-right: 600px; } section.science-3 div.section-content h2 + p { margin-top: 30px; } section.science-3 div.section-content p + ul { margin-top: 20px; } section.science-3 div.section-content ul + p { margin-top: 30px; } section.science-3 a.link-inline:hover { color: #658ba2; } section.faq div.section-content { padding-top: 100px; } section.starting { min-height: 521px; background-image: url("../../../assets/img/new/pso/desktop/hero/starting-bg.jpg"); background-size: 1920px auto; height: 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/new/pso/desktop/hero/starting-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.starting div.section-content { padding-left: 350px; padding-right: 390px; padding-top: 100px; } section.starting-2 { background-color: #365c7b; background-image: url("../../../assets/img/new/pso/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/new/pso/desktop/hero/starting-2-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.starting-2 h2.subhead:after { background-image: url("../../../assets/img/new/pso/desktop/interior/pill.png"); background-size: 62px auto; background-repeat: no-repeat; background-position: 0 0; width: 62px; height: 40px; position: absolute; top: 0; right: -70px; } } @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 h2.subhead:after { background-image: url("../../../assets/img/new/pso/desktop/interior/pill.png"); background-size: 62px auto; } } @media only screen and (min-width: 62.5em) { section.starting-4 { background-image: url("../../../assets/img/new/pso/desktop/hero/starting-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.starting-4 { background-image: url("../../../assets/img/new/pso/desktop/hero/starting-4-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.starting-4 div.section-content { padding-top: 100px; } section.starting-5 { background-color: #e48d00; background-image: url("../../../assets/img/new/pso/desktop/hero/starting-5-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-5 { background-image: url("../../../assets/img/new/pso/desktop/hero/starting-5-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.starting-5 div.section-content { padding-left: 350px; } section.starting-6 { background-color: #c4d4db; background-image: url("../../../assets/img/new/pso/desktop/hero/starting-6-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-6 { background-image: url("../../../assets/img/new/pso/desktop/hero/starting-6-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.starting-6 div.section-content { padding-right: 640px; } section.otezlaPrescription { background-image: url("../../../assets/img/new/pso/desktop/hero/otezlaPrescription-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 { background-image: url("../../../assets/img/new/pso/desktop/hero/otezlaPrescription-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.otezlaPrescription-2 { background-image: url("../../../assets/img/new/pso/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/new/pso/desktop/hero/otezlaPrescription-2-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.otezlaPrescription-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/otezlaPrescription-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.otezlaPrescription-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/otezlaPrescription-3-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.otezlaPrescription-3 div.section-content { padding-right: 640px; } section.safety { background-image: url("../../../assets/img/new/pso/desktop/hero/safety-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.safety { background-image: url("../../../assets/img/new/pso/desktop/hero/safety-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.safety div.section-content { padding-top: 95px; } section.supportplus { height: 868px; background-image: url("../../../assets/img/new/pso/desktop/hero/supportplus-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.supportplus { background-image: url("../../../assets/img/new/pso/desktop/hero/supportplus-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.supportplus div.section-content { padding-top: 348px; } section.supportplus div.section-content h2.supportplus-heading { width: 600px; font-size: 36px; font-size: 2.25rem; text-align: left; margin: 0 auto; padding-left: 295px; } section.supportplus div.section-content h2.supportplus-heading:before { top: -55px; width: 222px; height: 106px; -webkit-background-size: 222px; background-size: 222px; } section.supportplus div.section-content h2.supportplus-heading:after { top: -20px; left: 260px; height: 72px; } section.supportplus-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/supportplus-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.supportplus-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/supportplus-3-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.patient-signup { background-image: url("../../../assets/img/new/pso/desktop/hero/patient-signup-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.patient-signup { background-image: url("../../../assets/img/new/pso/desktop/hero/patient-signup-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.patient-signup div.section-content { padding-top: 340px; } section.prospect-signup { background-image: url("../../../assets/img/new/pso/desktop/hero/patient-signup-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.prospect-signup { background-image: url("../../../assets/img/new/pso/desktop/hero/patient-signup-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.prospect-signup div.section-content { padding-top: 340px; } section.confirmation { background-image: url("../../../assets/img/new/pso/desktop/hero/patient-signup-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.confirmation { background-image: url("../../../assets/img/new/pso/desktop/hero/patient-signup-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.confirmation div.section-content { padding-top: 340px; } section.copay { background-image: url("../../../assets/img/new/pso/desktop/hero/copay-bg.jpg"); background-size: 1920px auto; background-color: #c1e3fc; } } @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/new/pso/desktop/hero/copay-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.copay form#copay-form { height: 110px; } section.copay form#copay-form input[type=text] { width: 260px; } section.copay form#copay-form input[type=text]#reminder-email-date { width: 160px; } section.copay form#copay-form div.error-msg { position: relative; } section.copay form#copay-form div.error-msg p { position: absolute; top: 0; left: 0; } section.copay form#copay-form div.error-msg p#error-date { left: 270px; } section.copay-2 { background-image: url("../../../assets/img/new/pso/desktop/hero/copay-2-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.copay-2 { background-image: url("../../../assets/img/new/pso/desktop/hero/copay-2-bg.png"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.copay-2 div.section-content { padding-left: 130px; background-size: 94px; background-position: 10px 110px; } section.gotezlaApp { background-color: #d1dde4; background-image: url("../../../assets/img/new/pso/desktop/hero/gotezla-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.gotezlaApp { background-image: url("../../../assets/img/new/pso/desktop/hero/gotezla-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.gotezlaApp div.section-content { padding-top: 220px; background-image: url("../../../assets/img/new/global/desktop/logo-gotezla-1.png"); background-size: 316px auto; background-repeat: no-repeat; background-position: 0 100px; } } @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 div.section-content { background-image: url("../../../assets/img/new/global/desktop/logo-gotezla-1-2x.png"); background-size: 316px auto; } } @media only screen and (min-width: 62.5em) { section.gotezlaApp-2 { background-image: url("../../../assets/img/new/pso/desktop/hero/gotezla-2-bg.jpg"); background-size: 1920px auto; background-repeat: no-repeat; background-position: top center; background-color: #014b7f; } } @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/new/pso/desktop/hero/gotezla-2-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.gotezlaInfo div.section-content { padding-top: 130px; background-repeat: no-repeat; background-position: 0 240px; } section.gotezlaInfo p, section.gotezlaInfo ul { margin-left: 330px; } section.gotezlaInfo ul li + li { margin-top: 10px; } section.gotezlaInfo h2 { font-size: 36px; font-size: 2.25rem; padding-left: 156px; margin-bottom: 75px; } section.gotezlaInfo h2:before { top: -20px; width: 120px; height: 88px; } section.gotezlaInfo.personalized div.section-content { background-image: url("../../../assets/img/new/pso/desktop/interior/gotezla-phone-1.png"); background-size: 305px 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.gotezlaInfo.personalized div.section-content { background-image: url("../../../assets/img/new/pso/desktop/interior/gotezla-phone-1-2x.png"); background-size: 305px auto; } } @media only screen and (min-width: 62.5em) { section.gotezlaInfo.personalized h2:before { background-image: url("../../../assets/img/new/global/desktop/icon-bulb.png"); background-size: 120px 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.gotezlaInfo.personalized h2:before { background-image: url("../../../assets/img/new/global/desktop/icon-bulb-2x.png"); background-size: 120px auto; } } @media only screen and (min-width: 62.5em) { section.gotezlaInfo.symptom div.section-content { background-image: url("../../../assets/img/new/pso/desktop/interior/gotezla-phone-2.png"); background-size: 305px auto; background-position: 340px 240px; } } @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.gotezlaInfo.symptom div.section-content { background-image: url("../../../assets/img/new/pso/desktop/interior/gotezla-phone-2-2x.png"); background-size: 305px auto; } } @media only screen and (min-width: 62.5em) { section.gotezlaInfo.symptom p, section.gotezlaInfo.symptom ul { margin-left: 0; margin-right: 270px; } section.gotezlaInfo.symptom h2:before { background-image: url("../../../assets/img/new/global/desktop/icon-tracker.png"); background-size: 120px 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.gotezlaInfo.symptom h2:before { background-image: url("../../../assets/img/new/global/desktop/icon-tracker-2x.png"); background-size: 120px auto; } } @media only screen and (min-width: 62.5em) { section.gotezlaInfo.pselfies div.section-content { background-image: url("../../../assets/img/new/pso/desktop/interior/gotezla-phone-3.png"); background-size: 305px auto; background-position: 0 100%; } } @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.gotezlaInfo.pselfies div.section-content { background-image: url("../../../assets/img/new/pso/desktop/interior/gotezla-phone-3-2x.png"); background-size: 305px auto; } } @media only screen and (min-width: 62.5em) { section.gotezlaInfo.pselfies h2:before { background-image: url("../../../assets/img/new/global/desktop/icon-camera.png"); background-size: 120px 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.gotezlaInfo.pselfies h2:before { background-image: url("../../../assets/img/new/global/desktop/icon-camera-2x.png"); background-size: 120px auto; } } @media only screen and (min-width: 62.5em) { section.resources { background-image: url("../../../assets/img/new/pso/desktop/hero/resources-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.resources { background-image: url("../../../assets/img/new/pso/desktop/hero/resources-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.resources div.section-content { padding-left: 310px; padding-top: 100px; padding-bottom: 100px; } section.resources-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/resources-3-bg.jpg"); background-size: 1920px auto; background-position: top 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.resources-3 { background-image: url("../../../assets/img/new/pso/desktop/hero/resources-3-bg.jpg"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.resources-3 div.section-content { padding-right: 410px; } section.resources-3 h2 { padding-top: 120px; background-image: url("../../../assets/img/new/global/desktop/logo-gotezla-2.png"); background-size: 318px 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 h2 { background-image: url("../../../assets/img/new/global/desktop/logo-gotezla-2-2x.png"); background-size: 318px auto; } } @media only screen and (min-width: 62.5em) { section.resources-3 ul + p { margin-top: 40px; } section.resources-3 a.download-app-link { margin-top: 50px; } section.resources-4 div.float_container_tablet { margin-top: 40px; } section.resources-4 div.float_container_tablet + div.float_container_tablet { margin-top: 0; } section.resources-5 { height: 350px; background-image: url("../../../assets/img/new/pso/desktop/hero/resources-5-bg.png"); background-size: 1920px auto; 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) { section.resources-5 { background-image: url("../../../assets/img/new/pso/desktop/hero/resources-5-bg.png"); background-size: 1920px auto; } } @media only screen and (min-width: 62.5em) { section.resources-5 div.section-content { background-image: url("../../../assets/img/new/pso/desktop/interior/stay-informed-bg.png"); background-size: 161px auto; padding-top: 100px; padding-left: 200px; background-position: 0 100px; padding-bottom: 0; } } @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-5 div.section-content { background-image: url("../../../assets/img/new/pso/desktop/interior/stay-informed-bg-2x.png"); background-size: 161px auto; } } @media only screen and (min-width: 62.5em) { section.pre-footer { background-image: url("../../../assets/img/new/global/desktop/pre-footer-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.pre-footer { background-image: url("../../../assets/img/new/global/desktop/pre-footer-bg.png"); background-size: 1920px auto; } } /*! Helper classes */ /* Image replacement */ div.glass-with-pill div.div_glass p.glass-with-pill-copy, .logo, section.patient-callout p.quote, .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, .logo:before, section.patient-callout p.quote: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, .customButton2:before, .customButtonOrange:before, .customButtonLightBlue:before, .customButtonDarkBlue:before, .customButtonShowPatientStory:before, .customButtonClosePatientStory:before, .customButton4:before, .customButtonIcon: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, 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.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.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, .top-nav:before, .header-callouts:before, #dt-nav ul.main-nav:before, footer:before, div.footer-content:before, .footer-nav:before, .footer_content_wrapper:before, div.footer_trademark:before, section.home-2 h2:before, section.getTheFacts-2 div.human-figure-content:before, section.getTheFacts-2 div.human-figure:before, section.getTheFacts-2 div.human-figure-details:before, section.getTheFacts-2 div.human-figure-details div.human-figure-details-inner:before, section.treatment-4 div.four-reasons-container:before, section.starting-2 h2.subhead:before, section.supportplus div.section-content h2.supportplus-heading:before, section.gotezlaInfo h2:before, .cf:before { content: " "; /* 1 */ display: table; /* 2 */ } a.helpful-website:after, .customButton:after, .customButton2:after, .customButtonOrange:after, .customButtonLightBlue:after, .customButtonDarkBlue:after, .customButtonShowPatientStory:after, .customButtonClosePatientStory:after, .customButton4:after, .customButtonIcon: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, 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.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.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, .top-nav:after, .header-callouts:after, #dt-nav ul.main-nav:after, footer:after, div.footer-content:after, .footer-nav:after, .footer_content_wrapper:after, div.footer_trademark:after, section.home-2 h2:after, section.getTheFacts-2 div.human-figure-content:after, section.getTheFacts-2 div.human-figure:after, section.getTheFacts-2 div.human-figure-details:after, section.getTheFacts-2 div.human-figure-details div.human-figure-details-inner:after, section.treatment-4 div.four-reasons-container:after, section.starting-2 h2.subhead:after, section.supportplus div.section-content h2.supportplus-heading:after, section.gotezlaInfo h2: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-pso.css.map */ /*Jber*/ nav.main-nav div.m_subnav {display:block; border-top: 1px solid #003f66;} nav.main-nav div.m_nav_item.has_subnav a span, nav.main-nav div.m_nav_item.m_nav_item_safety a span { background-image: none; } @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.has_subnav a span, nav.main-nav div.m_nav_item.m_nav_item_safety a span { background-image: none; } } #nav_item_pso_understanding_plaque_psoriasis, #nav_item_pso_about_otezla, #nav_item_pso_taking_otezla, #nav_item_pso_savings_and_support {background-color: #dcedf1;} #nav_item_pso_safety, #nav_item_pso_home {background-color: #f5f5f5;} body.home #nav_item_pso_home {background-color: #658ba2;color: #ffffff;} nav.main-nav div.m_subnav_item a span { display: inline-block; padding: 5px 10px 5px 20px; } div#leavingPanel2 { width: 290px !important; background: #FFFFFF; display: none; padding: 0px; border-top: 9px solid #668da3; position: relative; } div#leavingPanel2 div#leaveingPanel2Content { margin: 25px 20px 35px; } div#leavingPanel2 h2 { color: #003f66; font-size: 16px; font-size: 1rem; font-family: "Avenir LT W01_65 Medium", sans-serif; margin: 0px; } div#leavingPanel2 p { margin: 10px auto 10px; text-align: left; font-family: "source_sans_proregular"; font-size: 14px; font-size: 0.875rem; color: #555; } div#leavingPanel2 a#leavingPanel2Close { width: 34px; height: 32px; background-image: url("../../../assets/img/new/global/mobile/interstitial-close.png"); background-size: 34px 32px; display: block; position: absolute; top: -9px; right: 0px; } @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) { div#leavingPanel2 a#leavingPanel2Close { background-image: url("../../../assets/img/new/global/mobile/interstitial-close-x2.png"); background-size: 34px 32px; } } /* div#leavingPanel2 div.panelButtons { width: 100%; height: 40px; margin: 0 auto; } div#leavingPanel2 div.panelButtons a { width: 90px; 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; } div#leavingPanel2 div.panelButtons a span.right-arrow-white { background-size: 5px auto; height: 10px; width: 10px; } div#leavingPanel2 div.panelButtons a.panelCancel { width: 142px; } div#leavingPanel2 div.panelButtons a.leavingContinue { width: 86px; margin-right: 15px; } */ form#callbak_form {position: relative;} .selectricWrapperx { position: relative; width: 130px; cursor: pointer; display: inline-block; float: right; } label.select_labelX select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 160px; height: 20px; line-height: 20px; background-color: #ffffff; border: 0px; margin-left: 10px; outline: 0px; float: right; margin-right: 10px; } .callbak_submit {margin: 0px;} label.select_labelX { display: block; width: 100%; height: 45px; line-height: 45px; color: #999999; 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; background-image: url("../../../assets/img/new/global/date-input-bg.png"); background-size: 15px auto; background-repeat: no-repeat; background-position: 15px 50%; } label.select_labely { background-image: url("../../../assets/img/test/time_icon.png"); background-size: 15px auto; background-repeat: no-repeat; background-position: 15px 50%; margin-top: 2px; margin-bottom: 24px;} label.select_labelX span { margin-left: 40px; } form#callbak_form img.checkmark { display: none; width: 30px; margin-top: -2px; margin-left: 10px; } form#callbak_form div.error-msg { margin-top: 14px; display: none; } form#callbak_form div.error-msg p { margin-top: 0px; color: #ff0000; } form#callbak_form div.submit-confirm { margin-top: 14px; display: none; } form#callbak_form div.submit-confirm p { margin-top: 0px; color: #ffffff; } form#callbak_form.success div.submit-confirm { display: block; } form#callbak_form.success img.checkmark { display: inline-block; }