/* ======== 1. SETUP ========*/
/* NOTE: standard Meyer reset, modified to remove sup */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

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

ul, ol {
    list-style: none;
}
/*end reset*/

/* ---- CLEARFIX ---- */
.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
/* ======== END SETUP ========*/

/*======== 2. GLOBAL HTML RULES ========*/
body {
    /*overflow-y: hidden;idk why? they have this on mylan.com*/
    overflow-x: hidden; /*for the .flyoff elements*/
}

p {
    line-height: 1.5;
    color: #666;
    font-size: 14px;
}

div, p, h1, h2, h3, h4, h5, a, li {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
}

button {
    cursor: pointer;
}

sup {
    vertical-align: top;
    font-size: 75%;
}

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

a, a:visited, a span, a:visited span {
    color: #00BBE7;
    text-decoration: none;
}

a:hover, a:hover span {
    color: #00BBE7;
    text-decoration: underline;
}

strong {
    font-weight: bold;
    color: #333; /*overridden with #000 if found inside .caption*/
}

em {
    font-style: italic;
}

hr {
    height: 1px;
    border: none;
    background: #e2e2e2;
}
/*======== END GLOBAL HTML RULES ========*/

/* ======== 3. BASE SHARED STYLES (Reusable classes and Custom Elements) ======== */
/* ---- Rich text editor styles ----
 ALL rich text fields should be nested in a .caption */
.caption {
    padding-bottom: 30px;
}

/*"empty" class is appended via JS*/
.caption.empty {
    padding: 0!important;
}

/*this may seem cumbersome, but it's the best way we've found to avoid double padding issues due to unpredictable content entry. 
(If we simply pad the bottom of everything, we can't also pad its outer container). 
(But if we don't pad the outer container then we get no padding at all when the content author neglects to use any HTML element.) 
(Additionally, the rich text editor is not consistent when it comes to automatically wrapping text and inserting tags.)
In our experience this is the best method for consistent results with the CMS. */
.caption p + p,
.caption p + ul,
.caption p + ol,
.caption ul + ul,
.caption ul + p,
.caption table + p,
.caption table + ol,
.caption table + ul,
.caption p + h2,
.caption h2 + p {
    margin-top: 20px;
}

.rail .caption p {
    line-height: 1.5;
}

.container-with-rail > .grid > .col-1of3.right .caption p + p {
    margin-top: 8px;
}

.container-with-rail > .grid > .col-1of3.right .caption p + ul,
.container-with-rail > .grid > .col-1of3.right .caption ul + ul,
.container-with-rail > .grid > .col-1of3.right .caption ul + p {
    margin-top: 8px;
}

.caption ul li {
    /* NEW STANDARD 4/23/2015 */
    padding-bottom: 4px;
    padding-left: 10px;
    position: relative;
    /*temp? removed
        margin-left: 15px;*/
}

.caption ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.caption ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 1px;
    background: #00bbe7;
}

.caption ol {
    list-style: decimal;
}

.caption ol li {
    list-style-position: inside;
}

.caption h2 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/*nested lists - see UK terms and conditions*/
.caption ol li {
    list-style-position: outside;
    margin-left: 40px;
    padding: 10px 0px;
}

.caption ol ol li {
    padding: 10px 0px 10px 10px;
    list-style-position: outside;
    margin-left: 20px;
    list-style-type: lower-alpha;
}

.caption ol ol {
    padding-top: 10px;
    font-size: 120%;
    list-style-type: lower-alpha;
}

/*addt'l typography styles*/

.caption small {
    font-size: 11px;
    line-height: 1.5;
    display: block;
}

.caption small p {
    line-height: 1.4;
    font-size: 11px;
}

.caption small p + p {
    margin-top: 10px;
}

.caption sup {
    /*matches original Mylan.com implementation*/
    vertical-align: top;
    font-size: 75%;
}

.caption i {
    font-style: italic;
}

.caption blockquote {
    padding: 20px 0;
}

/*all <strong> tags within captions should be rendered black*/
.caption strong {
    color: #000;
}

/* ---- buttons (v1) ---- */
.btn {
    /*needs to be able to wrap because of multilingual
	 white-space: nowrap;
	 overflow: hidden;*/
    cursor: pointer;
    display: inline-block;
    /*why? padding-right: 4px;*/
    color: #666;
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,.4);
    /*ie9 - ie8 gets a different filter in ie8.css */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
}

.btn > a {
    color: #00BCE4;
    padding: 12px 20px 12px 12px;
    display: block;
    font-weight: bold;
}

.btn > a > span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 6px;
    background-position: 0 -37px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: 1px;
}

/* --- Special "ICON BUTTON" ---- */
.btn.icon-btn {
    position: relative;
}

.btn.icon-btn .icon {
    position: absolute;
    top: 50%;
    margin-top: -13px;
}

.btn.icon-btn span {
    display: inline-block;
    padding-left: 30px;
    font-weight: normal;
    color: #333;
    line-height: 1;
}

.btn.icon-btn span:after {
    display: none;
}

.btn.icon-btn a:hover span {
    text-decoration: none;
}

.btn.icon-btn a:active span {
    color: #00bbee;
}

/* ---- button version 2 - always has blue text and > carat image ---- */
.btn-v2 {
    cursor: pointer;
    display: inline-block;
    padding-right: 4px;
    color: #666;
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,.4);
    /*ie9 - ie8 gets a different filter in ie8.css */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
}

.btn-v2 > a {
    color: #00BCE4;
    /*11/18 WHY is the l/r padding only 4 px??? padding: 12px 4px; */
    padding: 12px 14px;
    display: block;
    font-weight: bold;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.btn-v2 > a > span {
    left: -2px;
    position: relative;
}

.isIE .btn-v2 > a > span {
    /*TODO: should this be added to all browsers? Problem only occurs in IE (all versions)*/
    display: inline-block;
}

.btn-v2 > a > span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 6px;
    background-position: 0 -37px;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 4px;
}

.btn-v2 > a:hover,
.btn-v2 > a:hover span {
    text-decoration: none;
}
/* --- SHARED FORM STYLES --- */
.custom-inputs input[type="text"], textarea {
    width: 100%;
    padding: 11px;
    margin: 0 0 36px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f7f7f7;
    border: 1px solid #efefef;
    box-shadow: 0 3px 6px #d9d9d9 inset;
    font-size: 14px;
    line-height: 14px;
    border-radius: 5px;
    color: #666;
    /*hopefully stop iphone from ignoring css?*/
    -webkit-appearance: none;
}

.custom-inputs .input_text .labelwrap, .custom-inputs .input_select .labelwrap {
    padding-bottom: 5px;
}

.custom-inputs .input_select {
    margin-bottom: 30px;
}

.field-validation-error {
    color: #f05168;
    display: block;
    font-style: italic;
    font-size: 14px;
}

/* ---- ICON LINKS (v1) ---- */
a.has-arrow-blue-med:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 6px;
    background-position: 0 -37px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: 1px;
}

a.has-arrow-blue-med {
    /*sometimes these links are contextual and have more text after them - so the arrow should take up space. Hesitant to apply this space to all arrow link types however.*/
    margin-right: 10px;
}

.btn a.has-arrow-blue-med {
    /*TODO: inconsistent usage - see Careers Callout (home page) - some btns contain arrow link. Btn has extra right padding built in for arrow, so this margin is not needed.*/
    margin-right: 0;
}

/*a.has-arrow-blue-lg span:after*/
a.has-arrow-blue-lg:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 13px;
    width: 14px;
    background-position: 0 -152px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: 0px;
}

/*a.has-arrow-blue-lg-up span:after*/
a.has-arrow-blue-lg-up:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 8px;
    width: 14px;
    background-position: 0 -60px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: -2px;
}

a.has-popout-icon span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 14px;
    width: 14px;
    background-position: 0 -46px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: 1px;
}

a.has-arrow-white-med span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 14px;
    background-position: 0 -203px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: 1px;
}

/* ---- ICON LINKS (v2) ---- */
.icon-link > span {
    position: relative;
}

/*TODO: why are some of these abs, and others rel, and which one is correct? 
    Rel works for multiline text but the carat can wrap independently. 
    Abs works for multiline text in Chrome but not in FF or possibly IE. It does prevent the carat from wrapping independently.
    2/12/2015 We are going with a tentative solution to abs position the carat and wrap only the last word in <span> - this is the most reliable method and reflects what was done on mylan.com
    however we have only done this on arrow blue med & lg for now, as we don't want to make any drastic global changes until necessary .
*/

.icon-link.arrow-blue-med span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 6px;
    background-position: 0 -37px;
    display: inline-block;
    position: absolute;
    right: -11px;
    bottom: 2px;
}

.icon-link.arrow-blue-med-up span:after {
    content: " ";
    background-image: url('/-/media/gwmp/images/ui/icofootersprite.png');
    height: 8px;
    width: 12px;
    background-position: 0 -60px;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -2px;
}

.icon-link.arrow-blue-lg span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 13px;
    width: 14px;
    background-position: 0 -152px;
    display: inline-block;
    position: absolute;
    right: -18px;
    bottom: 4px;
}

.icon-link.popout span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 14px;
    width: 14px;
    background-position: 0 -46px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: 1px;
}

.icon-link.arrow-white-med span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 12px;
    background-position: 0 10px;
    display: inline-block;
    position: relative;
    right: -5px;
    top: 1px;
}

.icon-link.arrow-blue-down span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 12px;
    background-position: 0 35px;
    display: inline-block;
    position: relative;
    right: -5px;
    top: 1px;
}
/* =================== END BASE SHARED STYLES =================== */

/* =================== 4. PAGE LAYOUT STYLES =================== */
/* --- GRID FRAMEWORK --- */
.grid {
    width: 100%;
    max-width: 960px;
}

/*clearfix the grid (because we are using floats)...*/
.grid:before, .grid:after {
    content: " ";
    display: table;
}

.grid:after {
    clear: both;
}

.col {
    float: left;
}

.col-1of2 {
    width: 50%;
}

.col-1of3 {
    width: 33.3333%;
}

.col-2of3 {
    width: 66.6666%;
}

.col-1of4 {
    width: 25%;
}

.col-3of4 {
    width: 75%;
}

.col-full {
    width: 100%;
}
/*add more col types as needed...*/
/* --- END GRID FRAMEWORK --- */

.page-wrap-outer {
    overflow-x: hidden; /*mobile devices don't recognize overflow rules on body*/
}

.main-wrap {
    margin-top: 50px;
}

.flyoff {
    /* for design elements that break out of the grid and fly off the right side of the screen. */
    padding-right: 2000px;
    width: 100%;
}

/* ---- CONTENT WITH RAIL (one of the most foundational components of the UI framework) ----
 deviates from the grid, like most things in this design, so we will override the standard rules*/
.container-with-rail .col-1of3 {
    width: 28.2%;
    /*31.2%*/
}

.container-with-rail .col-2of3 {
    width: 71.8%;
    /*68.8%*/
}

.container-with-rail > .grid > .left > .inner {
    padding-right: 20px;
}

.container-full .container-full, .container-with-rail .container-full, .container-two-column .container-full {
    /*container fulls are ending up nested under other containers causing double padding issues*/
    padding-bottom: 0;
}

.container-full .container-full + .container-full, .container-with-rail .container-full + .container-full, .container-two-column .container-full + .container-full {
    padding-top: 20px;
}

.padded-content {
    /*(the "uniform" left/right padding for main content that is the full grid width)*/
    padding-right: 20px;
    padding-left: 40px;
}

/*TWO COLUMN CONTAINER*/
.container-two-column > .inner > .grid > .col.left {
    padding-right: 10px;
    box-sizing: border-box;
}

/* RAILS - units of content that go on the right-hand column of the 2-column container */
.rail {
    margin-bottom: 20px;
    position: relative;
    min-height: 20px;
}

.rail > .inner {
    padding: 20px 0 20px 20px;
    /*apply z index so the bkd image doesn't cover anything up*/
    position: relative;
    z-index: 1;
}

.rail.grey {
    background: #f2f2f2;
}

.rail.grey > .inner {
    padding: 20px 10px 20px 20px;
}

.rail.extra-margin {
    margin-left: 20px;
}

.rail.extra-margin > .inner {
    padding-right: 20px;
}

.rail.has-stripes > .inner,
.rail.grey.has-stripes > .inner {
    /*stripes create additional 20px on bottom, so we don't need the pad
        11/6/2015 removing this rule - I think this is deprecated. Stripes no longer create additional space.
    padding-bottom: 0;*/
}

.rail.has-shadow {
    box-shadow: 0 5px 5px #b5b5b5;
}

/*hide optional stuff by default*/
.rail .opt-stripes, .rail .opt-bkd-img {
    display: none;
}

.rail.has-stripes .opt-stripes {
    display: block;
    background-color: white;
    background-image: url("/-/media/gwmp/images/ui/greendiagloop.png");
    background-position: 0 5px;
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
}

.rail.has-stripes.blue .opt-stripes {
    display: block;
    background-color: white;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-position: 0 5px;
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
}

/*optional background image for rails (which is actually an img tag) */
.rail .opt-bkd-img {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
}

.rail .opt-bkd-img img {
    width: auto;
    height: 100%;
    position: absolute; /*fixes safari bug*/
}

.rail.flyoff.has-stripes .opt-stripes {
    /*force stripes to extend into padding if rail has flyoff*/
    width: 2186px;
    z-index: 1;
    position: relative;
    /*these have image backgrounds (sometimes) so move the stripes downward so they don't obscure it....*/
    bottom: -20px;
}

.rail.has-stripes.flyoff {
    /*....and increase the bottom margin by the same amount of pixels.*/
    margin-bottom: 40px;
}

.rail .caption {
    /*rails are already padded so no need to pad captions on the rail.*/
    padding-bottom: 0;
    /*but add 10px to right padding
    padding-right: 10px; */
}

.rail .content-section + .content-section {
    /*(but make sure to put spacing between subsequent content sections on rail)*/
    padding-top: 30px;
}

.rail.extra-margin .caption {
    padding-right: 0;
    /*produces exactly 126px content width to match mylan.com*/
}

.rail .caption .btn {
    position: relative;
    left: -2px;
}

/*to retrofit enough flexibility to match the existing designs...
    here are two additional component properties for rail, allowing us to disable the top and bottom margin/padding */
.rail.no-bottom-pad {
    margin-bottom: 0;
}

.rail.no-bottom-pad > .inner {
    padding-bottom: 0;
}

.rail.no-top-pad > .inner {
    padding-top: 0;
}
/*if they have both no top and no bottom pad, safe to assume it's for a sub-headline... */
.rail.no-top-pad.no-bottom-pad > .inner {
    padding-right: 0;
}
/*see about us page...*/
.rail.no-top-pad.no-bottom-pad .sub-headline .divider {
    margin-bottom: 14px;
}

/*4/17/2015 new rail option for narrow content (to accomodate background image) */
.rail.narrow-content > .inner {
    padding-top: 30px;
    padding-bottom: 20px;
}

.rail.narrow-content .content-section .caption {
    max-width: 100px;
}

/*override relative positioning just here - to prevent icon from wrapping due to extremely narrow content area*/
.rail.narrow-content .content-section .caption a.icon-link.popout span,
.rail.narrow-content .content-section .caption a.has-popout-icon span {
    position: relative;
}

.rail.narrow-content .content-section .caption a.icon-link.popout span:after,
.rail.narrow-content .content-section .caption a.has-popout-icon span:after {
    position: absolute;
    right: -19px;
    top: 0px;
}

/*4/17/2015 new container-with-rail wider-rail option */
.container-with-rail.wider-rail > .grid > .col.col-2of3.left {
    width: 67.5%;
}

.container-with-rail.wider-rail > .grid > .left > .inner {
    padding-right: 10px;
}

.container-with-rail.wider-rail > .grid > .col.col-1of3.right {
    width: 32.5%;
}

.container-with-rail.wider-rail > .grid > .col.col-1of3.right .rail.grey > .inner {
    padding-left: 13px;
}

/* ---- THE ALL-IMPORTANT MAX WITH DECLARATION ---- */
.container-full.padded-content, .container-with-rail.padded-content {
    max-width: 640px;
}

.home .container-full.padded-content, .home .container-with-rail.padded-content {
    max-width: none;
}
/* =================== END GLOBAL PAGE LAYOUT STYLES =================== */

/* =================== 5. COMPONENTS =================== */
 /* --- NAVIGATION ---  */
/* old code backuped due to errors*/

/* --- END NAVIGATION --- */

/*---- COOKIE WARNING ----*/
.cookie-warning {
    display: none;
    position: fixed;
    height: 175px;
    top: 0;
    background: #ededed;
    z-index: 7;
    width: 100%;
}

.cookie-warning .inner {
    padding: 28px 0 20px 20px;
    max-width: 920px;
    position: relative;
}

.cookie-warning .scrollable {
    padding-right: 20px;
    height: 85px;
    overflow-y: auto;
}

.cookie-warning .scrollable p + p {
    padding-top: 10px;
}

.cookie-warning .close {
    position: absolute;
    right: 37px;
    top: 7px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    color: #757575;
    font-size: 14px;
    cursor: pointer;
}

.cookie-warning .close > span {
    position: relative;
}

.cookie-warning .close > span:after {
    content: url('/-/media/gwmp/images/ui/modalclose.png');
    height: 26px;
    width: 28px;
    position: absolute;
    top: -5px;
    right: -35px;
}

.cookie-warning p, .cookie-warning a {
    font-size: 12px;
}

.cookie-warning h1 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 8px;
}

.cookie-warning .choices {
    padding-top: 10px;
    /*MUST specify height because of the fixed positioning and requirement to not scroll.*/
    height: 40px;
}

.cookie-warning .choices > a {
    display: inline-block;
    max-width: 50%;
    vertical-align: middle;
    margin-right: 10px;
}

.cookie-warning .choices .btn {
    display: inline-block;
}

/* ----- HEADER BAR ----- */
section.header {
    height: 55px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
    background: url('/-/media/gwmp/images/ui/bgheader.png') repeat-x scroll 0 -61px;
}

.header-divider {
    background: url('/-/media/gwmp/images/ui/bgheader.png') no-repeat scroll right bottom;
}

.header > .grid {
    padding-top: 5px;
    height: 43px;
}

.header.scrolled {
    z-index: 6;
}

.header .logo {
    position: relative;
    z-index: 6;
    height: 100%;
    text-align: center;
}

.header .logo img {
}

.header.scrolled .logo {
    z-index: 6;
}

.header.scrolled .logo img.desktopOnly {
   /* margin-left: -10px;
    slight adjustment*/
}

.header-menu {
    position: relative;
    height: 100%;
}

.header.scrolled .header-menu:before {
    display: none;
}

.header-menu:before {
    content: " ";
    background: url('/-/media/gwmp/images/ui/bgheader.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 55px;
    width: 7px;
    position: absolute;
    left: -5px;
    top: -5px;
}

.header-menu > .inner {
    padding-left: 149px;
    position: relative;
    padding-right: 14px;
    height: 100%;
}

/*--- LANGUAGE SELECT MODULE ---*/
.language-select-module {
    width: 132px;
    height: 43px;
    /*float: left;*/
    position: absolute;
    left: 0;
    cursor: pointer;
}

.language-select-module .flag {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 8px;
    left: 18px;
}

.language-select-module .lang {
    position: relative;
    left: 50px;
    top: 10px;
    color: #666666;
    font-size: 15px;
}

.language-select-module .lang:after {
    content: url('/-/media/gwmp/images/ui/icolangarrow.png');
    position: absolute;
    width: 21px;
    height: 14px;
    right: -37px;
    top: 0px;
}
/* language select flyout */
.language-flyout {
    /*this is included within the header language button component, however, when the js fires to open it, the js will also move it higher up in the html structure.*/
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 10;
}

.language-flyout > .flyout.grid > .col-1of4 {
    line-height: 0;
    height: 16px;
}

.language-flyout .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10;
    opacity: .5;
}

.language-flyout .flyout.grid {
    position: relative;
    z-index: 11;
    height: 100%;
}

.language-flyout .col-3of4 {
    position: relative;
    height: 100%;
}

.language-flyout .tab {
    display: block;
    height: 50px;
    width: 125px;
    position: absolute;
    left: 0px;
    z-index: 12;
    background: #fcfcfc;
    cursor: pointer;
}

.language-flyout .tab .flag {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 13px;
    left: 18px;
}

.language-flyout .tab .lang {
    position: relative;
    left: 50px;
    top: 15px;
    color: #666666;
    font-size: 15px;
}

.language-flyout .tab .lang:after {
    content: url('/-/media/gwmp/images/ui/icolangarrow.png');
    position: absolute;
    width: 21px;
    height: 13px;
    right: -37px;
    top: 0px;
}

.language-flyout .pane {
    position: fixed;
    width: 72.5%;
    max-width: 710px;
    top: 50px;
    bottom: 20px;
    box-shadow: -2px 2px 25px rgba(0,0,0,.25);
    background: #eeeeee;
}

.language-flyout .pane > .inner {
    background: #fff;
    position: absolute;
    bottom: 20px;
    top: 85px;
    right: 5.65%;
    left: 5.65%;
    padding-top: 40px;
    overflow: auto;
}

.language-flyout .pane .title {
    /*height: 85px;*/
    padding-bottom: 10px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.language-flyout .pane .title > .logo {
    background-image: url('/-/media/gwmp/images/ui/logo_m_sm_ur_np.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-left: 5.65%;
    margin-top: 22px;
}

.language-flyout .pane .title > h1 {
    font-weight: bold;
    font-size: 24px;
    color: #333;
    display: inline-block;
    margin-left: 14px;
}

.language-flyout .close {
    float: right;
    margin-right: 90px;
    margin-top: 32px;
    font-weight: bold;
    text-decoration: underline;
    color: #757575;
    font-size: 14px;
    cursor: pointer;
}

.language-flyout .close > span {
    position: relative;
}

.language-flyout .close > span:after {
    content: url('/-/media/gwmp/images/ui/modalclose.png');
    height: 26px;
    width: 28px;
    position: absolute;
    top: -5px;
    right: -35px;
}

.language-flyout .pane > .inner > p {
    padding: 0px 20px 0px 40px;
    font-size: 14px;
    color: #666666;
}

/*TODO: Child selector (>) */
.country-list li {
    border-bottom: 1px solid #ededed;
    padding: 20px 20px 0px 40px;
}
/*override default list styles*/
.country-list li:before {
    display: none;
}

.country-list > li > h2 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    width: 110px;
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
}

.country-list > li > ol, .country-list > li > ol > li > ol {
    display: inline-block;
}

.country-list .country-name, .country-list > li > ol > li > ol > li > a {
    display: inline-block;
    vertical-align: middle;
    min-height: 38px;
    font-size: 14px;
}

.country-list .country-name {
    color: #666666;
    width: 124px;
    padding-left: 10px;
}

.country-list > li > ol > li > ol > li {
    display: inline-block;
}

/*TODO: Child selector (>) */
.country-list li li {
    border: none;
    padding-top: 0;
    padding-left: 0;
}
/*
 .country-list > li > ol > li > ol > li + li {
 padding-left: 20px;
 }
 */
.country-list > li > ol > li > ol > li > a:hover {
    text-decoration: none;
}

.country-list .country {
    display: inline-block;
}

.other-locations {
    padding: 30px 0;
}

.other-locations > p {
    padding: 0px 20px 20px 40px;
    font-size: 14px;
    color: #666666;
}

.other-locations > .inner {
    padding-left: 154px;
}

.other-locations ol > li {
    min-height: 46px;
}

/*override default list styles*/
/*TODO child selector*/
.other-locations li {
    padding-left: 0;
}

.other-locations li:before {
    display: none;
}

.other-locations ol > li > span {
    font-size: 14px;
    color: #666;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 0 14px;
}

.country-list > li:first-child > ol {
    padding-top: 10px;
}
/*end language select flyout and module*/

/*---- SEARCH MODULE ----*/
.search-module {
    /*box-sizing: border-box;*/
    height: 38px;
    width: 100%;
    position: relative;
}

.search-module .inner {
    background: url('/-/media/gwmp/images/ui/headersearchsprite.png');
    background-position: 0 -42px;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
}

.search-module .inner:before {
    content: " ";
    background: url('/-/media/gwmp/images/ui/headersearchsprite.png');
    width: 9px;
    height: 100%;
    position: absolute;
    left: -9px;
    top: 0;
}

.search-module .inner:after {
    content: " ";
    background: url('/-/media/gwmp/images/ui/headersearchsprite.png');
    width: 9px;
    height: 100%;
    position: absolute;
    background-position: 9px -84px;
    right: -4px;
    top: 0;
}

.search-module form {
    width: 100%;
}

.search {
    width: 100%;
}

.search-module .search input {
    width: inherit;
    display: inline-block;
    background: none;
    font-size: 13px;
    color: #000;
    line-height: 16px;
    position: relative;
    top: 10px;
    height: auto;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    border: none;
    outline: none;
}

.search-module .search input.placeholder-text {
    color: #666;
}

.search-module .submit {
    position: absolute;
    right: 8px;
    top: 8px;
    background-image: url('/-/media/gwmp/images/ui/headersearchsprite.png');
    height: 20px;
    width: 20px;
    background-position: 0 -126px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.search-module .submit input {
    width: 20px;
    cursor: pointer;
    opacity: 0;
}
/*search placeholder text hack for ie8 and 9*/
.search-module .ie8-ie9-only {
    display: none;
}

.lt-ie10 .search-module .ie8-ie9-only {
    display: block;
    position: absolute;
    top: 12px;
    z-index: 0;
}

.lt-ie10 .search-module input {
    position: relative;
    z-index: 1;
}
/*---- ADVANCE SEARCH MODULE ----*/

/* --- FOOTER --- */
/* requires overriding/breaking the grid, and other hacks due to layout quirks */
.global-footer {
    margin-top: 80px;
}

.global-footer > .grid > .col-1of4 {
    max-width: 240px;
    float: right; /*has to be floated right so it can be placed between sitemap and legal in the HTML - mobile state collapses into one column */
}

.global-footer > .grid > .col-3of4 > .inner {
    padding: 0 0 0 40px;
    margin-right: 5px;
}

.global-footer > .grid > .col-3of4 > .inner > .border {
    border-top: 1px solid #e2e2e2;
    max-width: 680px;
    height: 39px;
    margin-left: -40px;
}

.sitemap.grid {
    max-width: 640px;
}

.sitemap-block {
    max-width: 162px;
    width: 85%; /*they need to shrink slightly when scaling to keep space in between*/
    display: inline-block; /*this is for the left-center-right hack, below*/
    text-align: left;
}

/*section landing page links*/
.sitemap-block > a {
    font-weight: bold;
    position: relative;
    font-size: 14px;
}

.sitemap-block > a > span {
    color: #333;
}

.sitemap-block > a > span:after {
    content: " ";
    background-image: url('/-/media/gwmp/images/ui/icofootersprite.png');
    height: 13px;
    width: 10px;
    background-position: 0 -24px;
    display: inline-block;
    position: relative;
    right: -5px;
    top: 2px;
}

.sitemap-divider {
    height: 4px;
    width: 100%;
    background: #dddddd;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sitemap-divider span {
    height: 4px;
    display: block;
    width: 60px;
    background: #00BBE4;
}

/*section sub page links*/
.sitemap-block > ul {
    padding-bottom: 70px;
}

.sitemap-block > ul > li {
    padding-bottom: 8px;
}

/*override default list styles*/
.sitemap-block > ul > li {
    padding-left: 0;
}

.sitemap-block > ul > li:before {
    display: none;
}

.sitemap-block li > a {
    position: relative;
    font-size: 14px;
    line-height: 1.46;
}

.sitemap-block li > a > span {
    color: #333;
}

.sitemap-block li > a > span:after {
    content: " ";
    background-image: url('/-/media/gwmp/images/ui/icofootersprite.png');
    height: 13px;
    width: 10px;
    background-position: 0 -24px;
    display: inline-block;
    position: relative;
    right: -5px;
    top: 2px;
}

/*sitemap columns must be nested under sitemap grids in groups of 3*/
.sitemap.grid > .col-1of3 {
    text-align: left;
}

.sitemap.grid > .col-1of3 + .col-1of3 {
    text-align: center;
}

.sitemap.grid > .col-1of3 + .col-1of3 + .col-1of3 {
    text-align: right;
}

/*footer right-hand rail*/
.footer-rail {
    max-width: 200px;
    background: #F2F2F2;
    border-top: 4px solid #00BBE4;
    margin-bottom: 100px;
    display: none;
}

.footer-rail .inner {
    padding: 20px 14px 25px 16px;
    border-bottom: 4px solid #00BBE4;
}

.footer-rail > .inner > img.logo {
    width: 77px;
    height: 34px;
    margin-bottom: 10px;
}

/*TODO child selector*/
.footer-rail li {
    position: relative;
    padding-left: 35px;
}

.footer-rail li .icon {
    height: 29px;
    width: 25px;
    position: absolute;
    left: 0;
    top: 0;
}

.footer-rail ul {
    margin-top: 18px;
}

.footer-rail li h2 {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
}

.footer-rail p {
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
}

.footer-rail .btn {
    width: 94%;
    margin-left: 2px;
    margin-top: 16px;
}

.footer-rail .btn a {
    padding: 13px;
    display: block;
    text-align: center;
}

.footer-rail .btn span {
    position: relative;
    font-size: 14px;
    left: -5px;
    display: block;
    line-height: 1;
}

.footer-rail .btn span:after {
    content: " ";
    background-image: url('/-/media/gwmp/images/ui/icofootersprite.png');
    height: 10px;
    width: 6px;
    background-position: 0 -37px;
    display: inline-block;
}

.footer-rail .caption {
    padding-bottom: 0;
}

/*override default list styles*/
.footer-rail li:before {
    display: none;
}

/*footer legal section*/
.global-footer .legal {
    padding-left: 40px;
    padding-right: 5px;
    max-width: 640px;
    margin-bottom: 40px;
}

.global-footer .legal .logo {
    width: 186px;
    height: 165px;
    float: left;
    display: block;
    /*background-image: url('../images/logo-small.png');
	 background-repeat: no-repeat;*/
}

.global-footer .legal .right {
    /*float: right;
	 padding-left: 196px;*/
}

/*TODO child selector*/
.global-footer .legal .links li {
    display: inline-block;
    padding-right: 4px;
    font-size: 14px;
}

.global-footer .legal .links li + li {
    border-left: 1px solid #666;
    padding-left: 7px;
}

.global-footer .legal p {
    color: #666;
    font-size: 14px;
    padding: 6px 0 0 0;
    line-height: 1.25;
    margin-bottom: 0;
}

.global-footer .legal a.uparrow {
    cursor: pointer;
    /* ^^ not sure why this is necessary*/
    margin-bottom: 5px;
    display: inline-block;
}

.global-footer .legal a.uparrow:after {
    content: " ";
    background-image: url('/-/media/gwmp/images/ui/icofootersprite.png');
    height: 8px;
    width: 12px;
    background-position: 0 -60px;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -2px;
}

/* 4/20/2015 2x logo image */
.global-footer .legal .logo img {
    max-width: 144px;
}

/* ---- END GLOBAL FOOTER ---- */
/* ============== END GLOBAL COMPONENTS =============== */

/* ============== BEGIN INDIVIDUAL COMPONENTS ============== */
/* ---- tabbed-interface ---- */
.tabs {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 25px;
    position: relative;
}

.tabs > .tab {
    display: inline;
}

.tabs > li.tab {
    padding-left: 0;
}

.tabs > li.tab:before {
    display: none;
}

.tabs > .tab > h3 {
    display: inline-block;
    z-index: 1;
    margin: 0 -2px -1px 0;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#ececec 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#ececec 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#ececec 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ececec',GradientType=0 );
}

.tabs > .tab > h3 > a {
    padding: 16px 40px 17px;
    display: block;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.tabs .tab.active > h3, .tabs .tab:hover > h3 {
    background: #fff;
    border-bottom: 1px solid #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.pane .state {
    display: none;
}

.pane .state.active {
    display: block;
}

/*11/6/2015 sometimes we need to put a container with rail inside a tab pane, in this case, remove the redundant padding*/
.tabbed-interface .pane .container-with-rail.padded-content{padding-left:0;}

/* ---- Dividers (appear beneath headlines and sub-headlines) ---- */
.divider {
    height: 7px;
    background: #f1f1f1;
    border-top: 1px solid #c4c4c4;
    width: 100%;
}

/* ---- MAIN PAGE HEADLINE ---- */
.page-headline {
    padding-bottom: 30px;
    padding-top: 31px;
}

.page-headline h1 {
    color: #333;
    font-size: 30px;
    font-weight: bold;
    padding: 0 0 16px 0;
    line-height: 1.2;
}

.page-headline .divider.red, .page-headline .divider.purple, .page-headline .divider.green, .page-headline .divider.orange {
    width: 100%;
    height: 5px;
    /*max-width: 640px;*/
    position: relative;
    bottom: -1px;
    border: none;
}

.page-headline .divider.red {
    background-color: #EC3358;
}

.page-headline .divider.purple {
    background-color: #6E57A4;
}

.page-headline .divider.green {
    background-color: #C3D940;
}

.page-headline .divider.orange {
    background-color: #F57F22;
}

.page-headline.has-highlight h1 {
    padding: 0 0 11px;
}
/*added h2 field for product detail pages*/
.page-headline h2 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-top: -16px;
    padding-bottom: 14px;
}

/*reduce top padding if preceeded by breadcrumbs*/
.breadcrumbs + .page-headline {
    padding-top: 10px;
}

/* ---- sub-headlines ---- */
.sub-headline h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: normal;
    padding-bottom: 12px; /*only applied if divider is absent*/
}
/*sometimes a div has been placed inside a subheadline, to allow for anchor linking*/
/*(the correct implementation would have been to use <span> but it's too late now)*/
.sub-headline h2 > div {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: normal;
}

.sub-headline .opt-link {
    text-align: right;
}

.sub-headline .opt-link a {
    font-size: 11px;
    line-height: normal;
}

.sub-headline .opt-link a:hover {
    text-decoration: underline;
}

.sub-headline .divider {
    position: relative;
    margin: 16px 0;
}

.sub-headline .divider.red, .sub-headline .divider.purple, .sub-headline .divider.green, .sub-headline .divider.orange, .sub-headline .divider.blue {
    border-top: none;
    border-bottom: 1px solid #ddd;
    background: none;
    height: 5px;
}

.sub-headline .divider > div {
    height: 5px;
    width: 81px;
    position: absolute;
    top: 1px;
}

.sub-headline .divider.red > div {
    background: #EC3358;
}

.sub-headline .divider.purple > div {
    background: #6E57A4;
}

.sub-headline .divider.green > div {
    background: #C3D940;
}

.sub-headline .divider.orange > div {
    background: #F57F22;
}

.sub-headline .divider.blue > div {
    background: #00bbe7;
}

/*divider appears different when sub-headline is on the rail*/
.container-with-rail .right .sub-headline .divider > div {
    width: 41px;
}
/*some sub-headlines on rail have additional left-padding for no apparent reason, if we need to accomodate this, just add the .extra-margin class. */
.sub-headline.extra-margin {
    margin-left: 20px;
}
/*hide optional stuff by default!*/
.sub-headline .divider, .sub-headline .opt-link {
    display: none;
}

.sub-headline.has-divider .divider, .sub-headline.has-opt-link .opt-link {
    display: block;
}

.sub-headline.has-opt-link h2 {
    float: left;
}

.sub-headline .opt-link a {
    display: inline-block;
}

.sub-headline.has-divider h2 {
    padding-bottom: 0;
}

/* ---- hero image ---- */
.hero-image {
    position: relative;
    max-width: 680px;
    line-height: 0;
    margin-bottom: 16px;
}

.hero-image img {
    width: 100%;
    height: auto;
}

.hero-image-overlay {
    background: none repeat scroll 0 0 #00b1dd;
    bottom: 0;
    content: "";
    height: 28%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.hero-image-stripes {
    background: url('/-/media/gwmp/images/ui/bluediagloop.png');
    width: 2000px;
    height: 28%;
    position: absolute;
    bottom: -7px;
    z-index: -1;
}

.hero-image .opt-supplemental-image img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 0;
    top: 0;
    z-index: 3;
}

/*if optional supplemental image is present, shift main image to the right*/
.hero-image.has-opt-image {
    text-align: right;
}

.hero-image.has-opt-image > img {
    width: 85%;
}

/*also, the overlay opacity is different on these, for no good reason.*/
.hero-image.has-opt-image .hero-image-overlay {
    opacity: 0.63;
}

/* ---- filters - appear on press release landing page, feature story landing page, etc. ---- */
.filters {
    padding-top: 3px;
    color: #666;
    padding-bottom: 32px;
    /*filters does not always have a borderborder-bottom: 1px solid #E2E2E2;*/
}

.filters label {
    font-weight: normal;
}

.filters > ul {
    display: inline-block;
}

.filters > ul > li {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    /*override default list styles*/
    padding-left: 0;
}

.filters > ul > li:before {
    display: none;
}

.filters > span {
    display: inline-block;
    font-weight: bold;
    padding-right: 25px;
    font-size: 14px;
    position: relative;
    vertical-align: top;
}

/* ---- pagination ---- */
.pagination {
    text-align: center;
    margin: 30px 0;
}

.pagination .prev, .pagination .next {
    display: inline-block;
    width: 55px;
    height: 51px;
    cursor: pointer;
}

.pagination .prev > a, .pagination .next > a {
    display: block;
    height: 100%;
    width: 100%;
}

.pagination .prev {
    margin-right: 15px;
    background-image: url('/-/media/gwmp/images/ui/paginationsprite.png');
}

.pagination .prev.disabled {
    background-image: url('/-/media/gwmp/images/ui/paginationsprite.png');
    background-position: 0 -53px;
    cursor: auto;
}

.pagination .next {
    margin-left: 15px;
    background-image: url('/-/media/gwmp/images/ui/paginationsprite.png');
    background-position: 0 -106px;
}

.pagination .next.disabled {
    background-image: url('/-/media/gwmp/images/ui/paginationsprite.png');
    background-position: 0 -159px;
    cursor: auto;
}

.pagination .page {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-top: 15px;
    width: 26px;
}

.pagination .page a {
    font-size: 16px;
}

.pagination .page a:hover {
    text-decoration: none;
}

.pagination .page.current a, .pagination .page.current a:visited {
    color: #FFB901;
}

/* ---- Featured Stories ---- */
.feature-story {
    padding: 25px 0;
    border-bottom: 1px solid #e2e2e2;
    display: table;
    position: relative;
}

.feature-story .thumb {
    width: 45%;
    display: table-cell;
    position: relative;
}

.feature-story .thumb a {
    position: relative;
    display: block;
}

.feature-story .thumb a img {
    width: 100%;
    height: auto;
}

.feature-story .thumb a img.thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.feature-story .thumb > a > img.vid-thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.feature-story .desc {
    width: 55%;
    padding: 3px 10px 0 10px;
    display: table-cell;
    vertical-align: top;
}

.feature-story .desc h3 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 12px;
}

.feature-story .desc p {
    padding: 0;
    margin: 0;
}

.feature-story .desc a {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.feature-stories-list {
    border-top: 1px solid #e2e2e2;
}

/*TODO child selector*/
.feature-stories-list li {
    padding-left: 0;
}

.feature-stories-list li:before {
    display: none;
}

/*found in the rendering...*/
.featured-story-headline-image {
    max-width: 100%;
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

/*Featured story individual article pages use the class "featured-story" (note the "d")
    UPDATE - markup fixed, related items list is no longer in the .caption. CSS no longer needed.
.featured-story .related-items-list {
    margin-top: 20px;
}
     */

/*featured story caption has non-standard bottom padding on mylan.com (20px) */
.featured-story > .caption {
    padding-bottom: 20px;
}

/* ---- press release article view ---- */
.press-release.col .inner {
    padding: 30px 0 0 40px;
}

.press-release .date {
    color: #666;
    position: relative;
    top: 30px;
    padding-bottom: 10px;
}

.press-release .page-headline {
    padding-top: 5px;
}

.press-release > .article-body > p > img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.press-release h3 {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    margin-top: 20px;
}

.press-release h4 {
    text-decoration: underline;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    margin-top: 20px;
}

.press-release h5 {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    margin: 20px 0;
}

.press-release img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 20px 0;
}

.press-release .print-icon {
    position: relative;
    top: -18px;
    margin-right: 30px;
}

.press-release .print-icon a:hover,
.press-release .print-icon a span:hover {
    text-decoration: none;
}

.press-release .print-icon a span,
.press-release .print-icon a:visited span {
    color: #333;
}

.press-release .print-icon a span:after {
    content: url('/-/media/gwmp/images/ui/ico_print.png');
    position: absolute;
    width: 21px;
    height: 14px;
    right: -27px;
    top: -1px;
}

.press-release .article-body .caption {
    padding-bottom: 20px;
}

.press-release .topic-section {
    padding-bottom: 20px;
}
/* ---- press releases list ---- */
.press-releases .filters > span {
    position: relative;
    top: 7px;
}

.press-releases-list .topic + .topic > span {
    border-left: 1px solid #aaa;
    margin-left: 5px;
    padding-left: 7px;
}

.press-releases-list .title {
    line-height: 1.25;
}

/*TODO child selector*/
.press-releases-list li {
    padding-left: 0;
}

.press-releases-list li:before {
    display: none;
}

.press-release-list-item {
    padding-top: 25px;
    display: table;
    width: 100%;
    color: #666;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 22px;
}

.press-release-list-item .left {
    display: table-cell;
    width: 20%;
}

.press-release-list-item .right {
    display: table-cell;
    width: 80%;
    padding: 0 10px;
}

.press-release-list-item .topics {
    padding-top: 16px;
}

/*TEMP disabled pending approval for global change...
.press-release-list-item .title > a > span {
    position: relative;
}
.press-release-list-item .title > a > span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 6px;
    background-position: 0 -37px;
    display: inline-block;
    position: absolute;
    right: -11px;
    bottom: 2px;    
}
*/

/*added for PRNEWSWIRE content...*/
.press-release .caption > div {
    overflow-x: auto;
}

.press-release .caption > div > table {
    margin: 20px 0;
}

.press-release .caption b {
    font-weight: bold;
    color: #000;
}

.press-release p.xn-dateline {
    margin-bottom: 20px;
}

/* ---- list-sorting bar ---- */
.sorting-bar {
    display: table;
    width: 100%;
    box-shadow: 0 5px 5px #b5b5b5;
    cursor: pointer;
}

.sorting-bar > div {
    display: table-cell;
    color: #fff;
    font-size: 14px;
    padding: 12px;
}

.sorting-bar > div > span {
    cursor: pointer;
}

.sorting-bar > div > span:after {
    display: inline-block;
    content: url('/-/media/gwmp/images/ui/sortbar_carat.png');
    height: 8px;
    width: 4px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.sorting-bar > div.down > span:after {
    display: inline-block;
    content: url('/-/media/gwmp/images/ui/sortbar_carat_down.png');
    height: 6px;
    width: 9px;
    margin-left: 7px;
    position: relative;
    top: -2px;
}

.sorting-bar > div.up > span:after {
    display: inline-block;
    content: url('/-/media/gwmp/images/ui/sortbar_carat_up.png');
    height: 6px;
    width: 9px;
    margin-left: 7px;
    position: relative;
    top: -2px;
}

.sort-by-date {
    width: 20%;
    background: #222;
}

.sort-by-title {
    width: 80%;
    background: #222;
}

.sort-by-date.up, .sort-by-title.up, .sort-by-date.down, .sort-by-title.down {
    background: #5a5959;
}

/* ---- News/Events list (deprecated) ----
 .news-events-list {
 margin-top: -15px;
 }

 .no-events-message {
 color: #666;
 font-size: 14px;
 }

 .no-events-message.active {
 display: block;
 }

 .news-events-list-item {
 font-size: 14px;
 padding-bottom: 20px;
 line-height: 1.3;
 color: #666;
 border-bottom: 1px solid #e2e2e2;
 margin-top: 20px;
 }

 .news-events-list-item .left img {
 float: left;
 }

 .news-events-list-item .right {
 margin-left: 100px;
 }

 .news-events-list-item .right h3 {
 font-weight: bold;
 color: #333;
 }

 .news-events-list-item .location, .news-events-list-item .date {
 display: inline-block;
 }

 .news-events-list-item .location {
 padding-right: 7px;
 }

 .news-events-list-item .date {
 border-left: 1px solid #666;
 padding-left: 10px;
 }

 .news-events-list-item .link {
 margin: 10px 0;
 }
 */

/*Events List*/
.events-list {
}

.events-list .no-events-message {
    display: none;
    font-size: 14px;
}

.events-list .no-events-message.active {
    display: block;
}

.events-list-item {
    padding: 20px 0;
    border-bottom: 1px solid #e2e2e2;
}

.events-list-item .left {
    width: 80px;
    float: left;
    padding-right: 10px;
}

.events-list-item .left img {
    width: 100%;
    height: auto;
}

.events-list-item .right {
    margin-left: 90px;
    padding-left: 10px;
}

.events-list-item h3 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-bottom: 2px;
}

.events-list-item .location-date span {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    color: #666;
    font-size: 14px;
}

.events-list-item .location-date span.location {
    padding-left: 0;
}

.events-list-item .location-date span.date {
    border-left: 1px solid #666;
}

.events-list-item .time, .events-list-item .details, .events-list-item .type, .events-list-item .topic {
    font-size: 14px;
    color: #666;
}

.events-list-item .location-date {
    margin-bottom: 12px;
}

.events-list-item .details, .events-list-item .type {
    margin-bottom: 20px;
}

.events-list-item .label {
    font-weight: bold;
    color: #000;
}

.events-list-item .topic .label {
    font-weight: normal;
    color: #666;
}

.events-list-item .topic a {
    font-size: 14px;
}

.events-list-item b {
    font-weight: bold;
    color: #000;
}

/*events summary http://www.mylan.com/investors */
.events-summary {
    padding-bottom: 50px;
}

.events-summary-item {
    padding-bottom: 20px;
}

.events-summary-item .left {
    width: 80px;
    float: left;
    padding-right: 10px;
}

.events-summary-item .left img {
    width: 100%;
    height: auto;
}

.events-summary-item .right {
    margin-left: 90px;
    padding-left: 10px;
}

.events-summary-item h3 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.events-summary-item .location-date {
    display: inline-block;
    margin-top: 3px;
}

.events-summary-item .location-date .location,
.events-summary-item .location-date .date {
    display: inline-block;
    height: 21px;
}

.events-summary-item .location-date .location:after {
    content: " ";
    display: inline-block;
    height: 21px;
    border-right: 1px solid #666;
    width: 8px;
    margin-right: 4px;
    vertical-align: middle;
}

/* ---- news feed for right column (see mylan.com news landing page) ----
 note - this may be deprecated in favor of the more recent news-summary-list.
 not sure if this is in use anywhere. 
.news-feed .link {
    font-weight: bold;
}

.news-feed .date {
    color: #555;
    padding-bottom: 20px;
}*/

/* ---- related items list, for the bottoms of articles ... example: http://www.mylan.com/news/press-releases/item?id=123237 ---- */
.related-items-list > .grid > .col.left > .inner {
    padding-right: 20px;
}

.related-items-list > .grid > .col.right > .inner {
    padding-left: 20px;
}
/*override default list styles*/
/*TODO child selector*/
.related-items-list li {
    padding-left: 0;
    padding-bottom: 3px;
}

.related-items-list li:before {
    display: none;
}

.related-items-list .divider {
    padding-left: 40px;
    margin-bottom: 30px;
}

/*Related Items list is inside the Feature Stories .caption div. This should not have been done. TODO: Try to fix the markup. 
    UPDATE: markup fixed, CSS no longer needed
.caption .related-items-list ul li {
    padding-left: 0;
}
    */
/* ---- "icon list" because I can't think of a good name for this thing http://www.mylan.com/company ---- */
.icon-list > .inner > ul > li {
    position: relative;
}

.icon-list > .inner > ul > li + li {
    margin-top: 18px;
}

.icon-list h4 {
    font-weight: bold;
    color: #333;
    line-height: 1.4;
}

.icon-list .caption {
    padding-bottom: 0;
}

/*TODO child selector*/
.icon-list li {
    padding-left: 0;
}

.icon-list li:before {
    display: none;
}

.icon-list .caption p {
    line-height: 1.25;
}

.rail .icon-list {
    padding-top: 8px;
}

.rail .icon-list > .inner > ul > li {
    padding-left: 18px;
}

.rail .icon-list .icon {
    position: absolute;
    top: -8px;
    left: -48px;
}

.rail .icon-list .caption,
.rail .icon-list .caption p {
    line-height: 1.5;
}

.container-full .icon-list {
    background: #f2f2f2;
    margin-left: 20px;
    margin-bottom: 30px;
    width: 100%;
    padding-right: 2000px;
}

.container-full .icon-list > .inner {
    padding: 30px 0 20px 40px;
}

.container-full .icon-list .icon {
    position: absolute;
    left: -68px;
    top: -8px;
}

.rail .icon-list .caption {
    /*padding-bottom: 10px;*/
}

/*3rd variation for when the icon list is placed in the left (main) column of container-with-rail: */
.container-with-rail > .grid > .left .icon-list {
    background: #f2f2f2;
    margin-bottom: 30px;
    width: 100%;
}

.container-with-rail > .grid > .left .icon-list .icon {
    position: absolute;
    left: -68px;
    top: -8px;
}

.container-with-rail > .grid > .left .icon-list > .inner {
    /*padding: 30px 0 20px 78px;*/
    padding: 30px 10px 20px 40px;
}

.container-with-rail > .grid > .left .icon-list:after {
    content: " ";
    display: block;
    background-color: white;
    background-image: url("/-/media/gwmp/images/ui/greendiagloop.png");
    background-position: 0 5px;
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
}

/* ---- Standard Callout - example http://www.mylan.com/products ---- */
.callout {
    margin-bottom: 30px;
}

.callout .left {
    float: left;
    width: 50%;
    max-width: 200px;
    height: 100%;
    line-height: 0;
}

.callout .left img {
    width: 100%;
    height: auto;
}

.callout .right {
    padding-left: 200px;
}

.callout .right > .inner {
    padding-left: 20px;
}

.callout h3, .callout h3 > a, .callout h3 > a > span {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

.callout h3 {
    padding-bottom: 10px;
}

.callout .caption {
    padding-bottom: 0;
}

.callout .icon-link.arrow-blue-lg span:after {
    right: -22px;
}

/* ---- the GBR callout (generic brand reference guide) http://www.mylan.com/mylan-resources see bottom of page ---- */
.gbr-callout {
    background: #f2f2f2;
    margin-bottom: 30px;
}

.gbr-callout .inner {
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
}

.gbr-callout h4 {
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.gbr-callout .caption .links {
    padding-top: 25px;
    padding-bottom: 12px;
}

.gbr-callout .caption .links a {
    display: block;
    padding-bottom: 6px;
}

.gbr-callout .image {
    line-height: 0;
}

.gbr-callout .image img {
    width: 64%;
    margin-left: 18%;
}

.gbr-callout .main-link {
    background-color: #00B5E6;
    padding: 4px 20px;
}

.gbr-callout .main-link a span {
    color: #fff;
}

.gbr-callout .main-link a:hover span {
    text-decoration: none;
}

.gbr-callout .caption {
    padding-bottom: 0;
}

/* GBR when placed in the rail column */
.container-with-rail > .grid > .col.right .gbr-callout {
    padding-right: 2000px;
    margin-bottom: 30px;
    width: 100%;
}

.container-with-rail > .grid > .col.right .gbr-callout .image img {
    width: 180px;
    margin-left: -20px;
}

.container-with-rail > .grid > .col.right .gbr-callout > .inner {
    width: 100%;
}

.container-with-rail > .grid > .col.right .gbr-callout .main-link {
    width: 2137px;
}

/* ---- Plus Search ---- */
.plus-search {
    background: #38c7ef url('/-/media/gwmp/images/ui/bgproductSearch.png') right bottom repeat-x;
    box-shadow: 0 5px 5px #b5b5b5;
}

.plus-search > .inner {
    padding: 20px 20px 50px;
    max-width: 60.5%;
    position: relative;
}

.plus-search .search-wrap {
    padding-left: 10px;
}

.plus-search .search-module .search {
    padding-left: 5px;
}

.plus-search h4, .plus-search .caption, .plus-search .caption p {
    color: #fff;
}

.plus-search .caption p {
    padding: 0;
    line-height: 1.3;
}

.plus-search .caption {
    padding-bottom: 20px;
}

.plus-search h4 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

.plus-search .powered-by {
    text-align: right;
    margin-top: 14px;
    position: relative;
    right: -5px;
    display: block;
}

.plus-search .powered-by .text {
    /*the "powered by" part needs to be HTML text so it can be multilingual */
    position: absolute;
    right: 31px;
    font-size: 9px;
    top: -1px;
    color: #000;
}

.plus-search .logo {
    position: absolute;
    right: -194px;
    top: 20px;
}

/*plus-search, when placed in the rail column */
.container-with-rail > .grid > .right .plus-search {
    margin-bottom: 30px;
}

.container-with-rail > .grid > .right .plus-search > .inner {
    padding: 20px 20px 17px;
    max-width: 75.5%;
}

/* new AUTOCOMPLETE feature (part of PDS) */
.plus-search .autoComplete {
    background: #fff;
    z-index: 4;
    position: absolute;
    top: 35px;
    width: 100%;
    padding: 10px 6px 10px 7px;
    left: -9px;
    border-radius: 0 0 5px 5px;
}

.plus-search .autoComplete a {
    display: block;
    padding: 3px;
    box-sizing: border-box;
}

/* ---- feature slide (news landing page) ---- */
.feature-slide {
    background: #f2f2f2;
    margin-bottom: 30px;
}

.feature-slide > .inner {
    padding-bottom: 20px;
}

.feature-slide .image {
    float: left;
    width: 45%;
    max-width: 200px;
    line-height: 0;
    padding: 20px 20px 0 20px;
}

.feature-slide .image img {
    width: 100%;
    height: auto;
}

.feature-slide .right {
    padding: 20px 20px 0 0;
    margin-left: 240px;
}

.feature-slide .right > .inner {
}

.feature-slide h3 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.feature-slide .location-date {
    margin-bottom: 12px;
}

.feature-slide .caption {
    padding-bottom: 20px;
}

/* ---- PDF lists (rules shared by both types) */
.pdf-list span {
    vertical-align: top;
    /*TODO: problematic? not specific enough?*/
}

/*TODO child selector*/
.pdf-list li {
    position: relative;
}

/*TODO child selector*/
.pdf-list li {
    padding-left: 0;
}

/*TODO child selector*/
.pdf-list li:before {
    display: none;
}
/*exception to icon link v1 rules*/
.pdf-list a.has-arrow-blue-med span:after {
    top: 5px;
    vertical-align: top;
}

/* ---- PDF list type A http://www.mylan.com/mylan-resources ---- */
.pdf-list.type-a .icon {
    width: 20px;
    height: 20px;
}

.pdf-list.type-a .file-size {
    display: none;
}

.pdf-list.type-a .icon {
    margin-right: 10px;
}

/*TODO child selector*/
.pdf-list.type-a li {
    padding-top: 12px;
    padding-bottom: 12px;
}

/*TODO child selector*/
.pdf-list.type-a li + li {
    border-top: 1px solid #E2E2E2;
}

/*type-a with inline option*/
.pdf-list.type-a.inline .left {
    float: left;
}

.pdf-list.type-a.inline .caption {
    padding-bottom: 0;
}

.pdf-list.type-a.inline + .pdf-list.type-a.inline {
    border-top: 1px solid #e2e2e2;
}

/* ---- PDF list type B http://www.mylan.com/company/corporate-policy#CommitteeCharters ---- */
/*TODO child selector*/
.pdf-list.type-b li {
    margin-bottom: 20px;
}

.pdf-list.type-b .file-size {
    display: block;
    font-size: 10px;
}

.pdf-list .file-size {
    color: #00BBE7;
}

.pdf-list.type-b > .inner > ul > li > .left, .pdf-list.type-b > .inner > ul > li > .right {
    display: inline-block;
    vertical-align: top;
}
/* a bit of a hack; we've now been asked to add an extra description field */
.pdf-list.type-b .right {
    width: 100%;
}

.pdf-list.type-b span {
    padding-left: 0;
}

.pdf-list.type-b .caption {
    padding-bottom: 0;
}

/*Type B with inline option*/
.pdf-list.type-b.inline > .inner > ul > li > .left,
.pdf-list.type-b.inline > .inner > ul > li > .right {
    display: block;
}

.pdf-list.type-b.inline > .inner > ul > li > .left {
    float: left;
    width: 52px;
}

.pdf-list.type-b.inline > .inner > ul > li > .right {
    width: auto;
    margin-left: 52px;
}

.pdf-list.type-b.inline .file-size {
    font-size: 11px;
    margin-top: -2px;
}

.pdf-list.type-b.inline {
    margin-bottom: 10px;
}

/*clearfix it*/
.pdf-list.type-b.inline:before,
.pdf-list.type-b.inline:after {
    content: " ";
    display: table;
}

.pdf-list.type-b.inline:after {
    clear: both;
}

.pdf-list.type-b.inline {
    *zoom: 1;
}

/*for product detail pages*/
.rail .pdf-list.type-b li,
.rail .pdf-list.type-b.inline {
    margin-bottom: 0;
}

.rail .pdf-list.type-b + .pdf-list.type-b {
    margin-top: 20px;
}

/* ---- accordions (rules shared by all types) ---- */
.accordion .pane {
    display: none;
}

.accordion .pane.expanded {
    display: block;
}

.accordion > .inner > ul > li {
    padding-left: 0;
}

.accordion > .inner > ul > li:before {
    display: none;
}

/* ---- Accordion type A - "color accordion" ---- */
.accordion.type-a .handle {
    background-image: url('/-/media/gwmp/images/ui/accordionhandle.png');
    cursor: pointer;
}

.accordion.type-a .handle > .inner {
    padding: 14px 20px;
    position: relative;
}

/*unfortunately the component was not built in such a way that multiple LIs are possible, so this has been commented out
.accordion.type-a > .inner > ul > li {
    margin-bottom: 20px;
}*/

.accordion.type-a {
    margin-bottom: 20px;
}

.accordion.type-a .caption {
    padding-bottom: 0;
}

/*hoping this will be some kind of a standard - i know some accordions are unpadded on mylan.com, for example: http://www.mylan.com/company/corporate-governance */
.accordion.type-a .pane {
    padding: 20px 20px 0 20px;
}


/*somewhat experimental*/
.accordion.type-a .caption + div {
    /*margin-top: 30px;*/
}
/*somewhat experimental*/
.accordion.type-a .caption.empty + div {
    margin-top: 0;
}

.accordion.type-a .green .pane > .caption,
.accordion.type-a .purple .pane > .caption,
.accordion.type-a .blue .pane > .caption,
.accordion.type-a .orange .pane > .caption,
.accordion.type-a .red .pane > .caption {
    /*this is double padded now ... padding: 0 20px 20px 20px;*/
    padding: 0 0 20px 0;
}

.accordion.type-a > .inner > ul > li.green {
    border-bottom: 3px solid #C3D940 /*Mylan.com uses BBD430 - should it be C3D940 like news components? Which is correct? Or should they really be unique? (That seems wrong.) */;
}

.accordion.type-a > .inner > ul > li.orange {
    border-bottom: 3px solid #F8B301; /*F57F22 / F8B301*/
}

.accordion.type-a > .inner > ul > li.red {
    border-bottom: 3px solid #E41938; /*EC3358 / E41938*/
}

.accordion.type-a > .inner > ul > li.purple {
    border-bottom: 3px solid #6E57A4;
}

.accordion.type-a > .inner > ul > li.blue {
    border-bottom: 3px solid #00b5e6;
}

.accordion.type-a .handle h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-right: 24px;
}

.accordion.type-a .handle .expand-collapse-icon {
    background-image: url('/-/media/gwmp/images/ui/expandcollapse.png');
    height: 32px;
    width: 34px;
    top: 8px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

.accordion.type-a .handle.expanded {
    background: #373737;
}

.accordion.type-a .handle.expanded h3 {
    color: #fff;
}

.accordion.type-a .handle.expanded .expand-collapse-icon {
    background-position: 0 32px;
}

.accordion.type-a .pane {
    /*problematic...
    padding-top: 20px;*/
}

.accordion.type-a .pane .caption, .accordion.type-a .pane .caption p {
    /*reminder, the reason I declared both is because I can't be sure if the content author will add a paragraph tag through the rich text editor. */
    line-height: 1.4;
}
/*optional image - http://www.mylan.com/businesses/generic-products */
.accordion.type-a .opt-image {
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

.accordion.type-a .opt-image img {
    width: 100%;
    height: auto;
}

/* ---- accordion type B - leaders accordion http://www.mylan.com/company/leadership ---- */
.accordion.type-b .handle {
    background-image: url('/-/media/gwmp/images/ui/accordionhandle.png');
    cursor: pointer;
}

.accordion.type-b .handle > .inner {
    padding: 14px 20px;
    position: relative;
}

.accordion.type-b .handle h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.accordion.type-b .handle .expand-collapse-icon {
    background-image: url('/-/media/gwmp/images/ui/expandcollapse.png');
    height: 32px;
    width: 34px;
    top: 8px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

.accordion.type-b .handle.expanded {
    background: #373737;
}

.accordion.type-b .handle.expanded h3 {
    color: #fff;
}

.accordion.type-b .handle.expanded .expand-collapse-icon {
    background-position: 0 32px;
}

.accordion.type-b .always-visible {
    padding: 8px 20px 40px 120px;
    position: relative;
    min-height: 84px;
}

.accordion.type-b .handle.expanded + .always-visible {
    padding-bottom: 20px;
}

.accordion.type-b .always-visible > .grid > .col > .caption,
.accordion.type-b .always-visible > .grid > .col > .inner > .caption {
    padding-bottom: 0;
}

.accordion.type-b .always-visible .thumbnail {
    height: 84px;
    width: 84px;
    position: absolute;
    left: 20px;
    top: 8px;
}

.accordion.type-b .always-visible .thumbnail img {
    height: auto;
    width: 100%;
}

.accordion.type-b .always-visible .left .caption {
}

.accordion.type-b .always-visible .caption p {
    padding-bottom: 0;
}

.accordion.type-b .always-visible .caption p + p {
    margin-top: 0;
}

.accordion.type-b .pane {
    border-top: 1px solid #e1e1e1;
    padding: 12px 20px 20px 20px;
}

.accordion.type-b.full-collapse .always-visible {
    display: none;
}

/*TODO child selector*/
.accordion.type-b.full-collapse li {
    margin-bottom: 30px;
}

/* ---- Accordion type C - "RX accordion" or "drug accordion" http://www.mylan.com/businesses/rx-products ---- */
.accordion.type-c {
    margin-bottom: 26px;
}

.accordion.type-c > .inner {
    max-width: 440px; /*this is to constrain it to the width of the bkd image (440px). Otherwise it sometimes renders at 441 due to the percent grid */
}

.accordion.type-c .handle {
    /*BACKGROUND IMAGE applied inline*/
    background-position: top right;
    background-repeat: no-repeat;
    cursor: pointer;
    border-top: 6px solid #00b5e6;
    min-height: 105px;
}

.accordion.type-c .handle > .inner {
    padding: 14px 35% 14px 20px;
    position: relative;
}

.accordion.type-c a.has-popout-icon span {
    line-height: 1;
    position: relative;
}

/*TODO: we eventually need to do this for all icon-links ... once they are changed to wrap only the last word in a <span>
 for now that has only been done in accordion type-c (rx accordion or "drug accordion" */
.accordion.type-c a.has-popout-icon span:after {
    position: absolute;
    right: -22px;
    top: -1px;
}

.accordion.type-c > .inner > ul > li:after {
    content: " ";
    display: block;
    background-color: white;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-repeat: repeat-x;
    height: 10px;
    width: 100%;
}

.accordion.type-c .handle h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-right: 40px;
    line-height: 1;
    margin-bottom: 4px;
}

.accordion.type-c .handle .expand-collapse-icon {
    background-image: url('/-/media/gwmp/images/ui/expandcollapse.png');
    height: 32px;
    width: 34px;
    top: 22px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

.accordion.type-c .handle.expanded {
    height: 173px;
}

.accordion.type-c .handle.expanded h3 {
}

.accordion.type-c .handle.expanded .expand-collapse-icon {
    background-position: 0 32px;
}

/*4/15/15 new component change to move site link into handle... now there are multiple link fields up there*/
.accordion.type-c .big.handle .link a {
    line-height: 1.2;
    display: block;
}

.accordion.type-c .big.handle .link a + a {
    padding-top: 5px;
}
/*end new component change*/

.accordion.type-c .pane .caption {
    padding: 0px 20px 20px 20px;
}

.accordion.type-c .pane .caption, .accordion.type-c .pane .caption p {
    /*reminder, the reason I declared both is because I can't be sure if the content author will add a paragraph tag through the rich text editor. */
    line-height: 1.4;
}

.accordion.type-c .surprise-image {
    padding-left: 20px;
    /*allow variable height images --- height: 105px;*/
    margin-top: -60px;
    width: 100%;
    position: relative;
}

.accordion.type-c .surprise-image .link {
    /*position: absolute;
	 bottom: 5px;*/
    margin-bottom: 4px;
}

.accordion.type-c .surprise-image img {
    width: 185px;
    height: auto;
}

.accordion.type-c .pane .links {
    padding-left: 20px;
    padding-bottom: 24px;
}

.accordion.type-c .pane .links a {
    display: block;
    font-weight: bold;
}

/*typography exceptions for drug accordion*/
.accordion.type-c .caption strong {
    color: #000;
}

.accordion.type-c .caption ul {
    /*LI_EXCEPTION*/
    list-style: disc;
    /* padding-left: 0; */
    padding-left: 20px;
}

/*Strong tags are being used as headlines and are being placed inside of the UL...*/
.accordion.type-c .caption > ul > strong {
    margin-left: -20px;
    display: block;
}

.accordion.type-c .caption ul li {
    /*color: #000;*/
    /*LI_EXCEPTION*/
    padding-bottom: 4px;
}

.accordion.type-c .caption ul li:before {
    display: none;
}

.accordion.type-c .caption td {
    border: 1px solid black;
    padding: 5px;
    box-sizing: border-box;
}

.accordion.type-c .caption > ul > li {
    /*LI_EXCEPTION*/
    padding-left: 0;
}

.accordion.type-c .caption > ol > li {
    margin-left: 0;
    padding-top: 0;
    /*LI_EXCEPTION*/
    /*RX Products page accordions*/
    padding-bottom: 0;
}

.accordion.type-c .caption > ol > li > ul {
    padding-left: 16px;
}

.accordion.type-c .caption > ol > li > ul > li {
    margin-left: 0;
    padding-top: 0;
    /*LI_EXCEPTION*/
    /*RX Products page accordions*/
    padding-bottom: 0px;
}

.accordion.type-c .caption > ol > li > ul > li > ul {
    padding-left: 16px;
}

.accordion.type-c .caption > ol > li > ul > li > ul > li {
    /*LI_EXCEPTION*/
    /*RX Products page accordions*/
    padding: 0;
    margin: 0;
}

.accordion.type-c .caption > ul > li > ul > li {
    /*LI_EXCEPTION*/
    padding-left: 0;
}

/*custom ULs for drug accordion*/
.accordion.type-c ul.custom-list.dash {
    list-style-type: none !important;
    padding-left: 20px !important;
}

.accordion.type-c ul.custom-list.dash > li {
    /*margin-left:16px !important;*/
}

.accordion.type-c ul.custom-list.dash > li:before {
    content: "―";
    display: block !important; /*unhide*/
    width: auto;
    height: auto;
    background: none;
    position: absolute;
    top: 0;
    left: -20px;
}
/* ---- Accordion type D - "careers accordion" or "image accordion v2" http://www.mylan.com/careers ---- */
.accordion.type-d {
    /*just to be safe*/
    max-width: 640px;
}

.accordion.type-d > .inner {
}

.accordion.type-d {
    margin-bottom: 25px;
}

.accordion.type-d .handle {
    /*BACKGROUND IMAGE applied inline*/
    background-position: top right;
    background-repeat: no-repeat;
    cursor: pointer;
    border-top: 6px solid #00b5e6;
    height: 105px;
}

.accordion.type-d .handle > .inner {
    padding: 14px 100px 14px 20px;
    position: relative;
}

.accordion.type-d .handle > .inner > .link a span {
    line-height: 1;
    display: block;
    padding-top: 4px;
}

.accordion.type-d > .inner > ul > li:after {
    content: " ";
    display: block;
    background-color: white;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-repeat: repeat-x;
    height: 10px;
    width: 100%;
}

.accordion.type-d .handle h3 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-right: 30px;
}

.accordion.type-d .handle .expand-collapse-icon {
    background-image: url('/-/media/gwmp/images/ui/expandcollapse.png');
    height: 32px;
    width: 34px;
    top: 22px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

.accordion.type-d .handle.big.expanded {
    height: 173px;
}

.accordion.type-d .handle.expanded h3 {
}

.accordion.type-d .handle.expanded .expand-collapse-icon {
    background-position: 0 32px;
}

.accordion.type-d .pane .caption {
    padding: 20px 0 10px 0;
}

.accordion.type-d .pane .greybox .caption {
    padding-top: 0;
}

.accordion.type-d .pane .greybox .content-with-floated-image {
    min-height: 115px;
    margin-top: 10px;
}

.accordion.type-d .caption p + ul, .accordion.type-d .caption p + p, .accordion.type-d .caption ul + ul {
    margin-top: 15px;
}

.accordion.type-d .pane .caption, .accordion.type-d .pane .caption p {
    line-height: 1.4;
}

.accordion.type-d .pane .links a > span {
    font-weight: bold;
}

.accordion.type-d > .inner > ul > li > .pane > .caption .caption {
    /*to avoid double padding issues? (not sure where this applies)*/
    padding: 0;
}

/* ---- generic list, rebuilt ---- */
.large-icon-list > li {
    padding: 30px;
}

.large-icon-list > li.grey {
    background-color: #f5f5f5;
}

.large-icon-list > li > .left {
    float: left;
    width: 80px;
}

.large-icon-list > li > .left > img {
    width: 100%;
    height: auto;
}

.large-icon-list > li > .right {
    margin-left: 110px;
}

.large-icon-list > li > .right > .caption {
    padding-bottom: 0;
}

.large-icon-list > li > .right > .caption p {
    line-height: 1.5;
}

/* ---- FDA Warning ---- */
.FDAWarning {
    border: 1px solid #000;
    padding: 5px;
}

/* ---- patient materials list ---- */
.patient-materials-list .caption {
    padding-bottom: 0;
}

.patient-materials-list .thumb {
    width: 18%;
    float: left;
}

.patient-materials-list .thumb img {
    height: auto;
    width: 100%;
    max-width: 100px;
}

/*TODO child selector*/
.patient-materials-list li {
    padding-left: 0;
    padding-bottom: 30px;
}

.patient-materials-list li:before {
    display: none;
}

.patient-materials-list .center {
    width: 68%;
    float: left;
}

.patient-materials-list > ul > li > .icon {
    float: left;
    width: 14%;
}

.patient-materials-list .caption p {
    padding-bottom: 12px;
}

.patient-materials-list .center {
    padding: 0 12px;
    box-sizing: border-box;
}

.patient-materials-list h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

.patient-materials-list .icon {
    text-align: center;
}

.patient-materials-list .file-size {
    font-size: 11px;
    color: #00BBE7;
}

.patient-materials-list .icon > a:hover {
    text-decoration: none;
}
/*component was built wrong - there's no subcomponent so there can only be 1 <li> per <ul> 
.patient-materials-list li + li {
    border-top: 1px solid #f2f2f2;
}*/
/*so we have to do this instead... */
.patient-materials-list + .patient-materials-list {
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
}
/*in case there's no icon*/
.patient-materials-list li.no-icon .center {
    width: 82%;
}

/* ---- blue stripey divider ---- */
hr.stripe.blue {
    height: 0;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background: url("/-/media/gwmp/images/ui/bluestripes.png");
    border: 0;
    border-top: 6px solid #00b5e6;
}

/* ---- pullquote ---- */
.pullquote {
    margin-left: 20px;
    margin-right: 20px;
}

.pullquote blockquote {
    color: #00b1dd;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 15px;
    margin-left: 8px;
    text-indent: -8px;
    font-size: 20px;
}

.pullquote .attribution span {
    display: block;
}

.pullquote .attribution .name {
    font-weight: bold;
}

.pullquote .attribution {
    float: right;
    padding-right: 40px;
    font-size: 14px;
    margin-bottom: 30px;
}

/* ---- careers hero ---- */
.Career_Hero {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.Career_Hero .inner {
    margin-left: 38px;
    padding-right: 87px;
    min-height: 285px;
}

.Career_Hero .bkd_img {
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 285px;
    background-repeat: no-repeat;
    background-color: #0EB1DB;
    padding-right: 2000px;
}

.Career_Hero .hero_title {
    font-weight: bold;
    font-size: 24px;
    padding-top: 25px;
    color: #fff;
    width: 250px;
    line-height: 1.1;
}

.Career_Hero .hero_caption {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    /*add more width to make it a bit more multilingual friendly... this will get you just a few extra words, so don't push your luck! */
    /*width: 185px;*/
    width: 280px;
    line-height: 1.1;
    padding-top: 6px;
}

.Career_Hero .hero_teaser {
    /*add more width to make it a bit more multilingual friendly... this will get you just a few extra words, so don't push your luck! */
    /*width: 202px;*/
    width: 265px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 8px;
}

.Career_Hero .hero_teaser p {
    line-height: 1.1;
    padding: 4px 0;
    color: #fff;
}

.Career_Hero select {
    margin-bottom: 12px;
    height: 35px;
    width: 261px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: #fff;
}


.Career_Hero .career_img {
    position: absolute;
    margin-left: 330px;
    height: 285px;
}

.Career_Hero .career_img img {
    height: 100%;
    width: auto;
}

.Career_Hero .hero_teaser a {
    font-weight: normal;
    color: #fff;
}

.Career_Hero .hero_teaser .btn-v2 {
    margin-bottom: 10px;
    margin-left: 5px;
}

.Career_Hero .hero_teaser .btn-v2 > a {
    padding: 11px 30px;
}

.Career_Hero .hero_teaser .btn-v2 > a > span {
    font-weight: bold;
}

.Career_Hero .hero_teaser a.icon-link span {
    color: #fff;
    text-decoration: underline;
}

/*.Career_Hero .hero_caption .btn + div + a span {
    this was previously added to match inconsistency. Removed to impose standard. See Mylan.com US Careers page.
    text-decoration: underline;
}*/

/*new version for mylan US contains "countryRedirect.cshtml" (country selector) */
.Career_Hero .careers-country-redirect .selectricOuter {
    width: 260px;
    margin: 20px 0 10px 4px;
}

.careers-country-redirect .selectricOuter {
    max-width: 280px;
}


/*TODO: TEMP this class exists in content only, and only on US careers landing page. we need to add a component property to distinguish between careers landing page hero, and careers sub page hero (i.e. US careers) */
.careers-landing-hero-caption {
    font-size: 20px;
    line-height: 1.3;
    padding-right: 70px;
    color: #ffffff;
}

/* ---- social media links with icons (found on http://www.mylan.com/news ) ---- */
.service_icon {
    margin: 2px 15px 0px 0px;
}

.service_url {
    position: relative;
    margin-left: 40px;
    top: -32px;
    font-size: 15px;
}

/* ---- Career Callout (found on http://www.mylan.com) ---- */
.career-callout {
    padding-top: 20px;
}

.career-callout > .inner {
    padding-left: 4.255%;
}

.career-callout > .inner > .grid {
    background-color: #eee;
}

.career-callout .title {
    font-weight: bold;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 1.2;
}

.career-callout .caption {
    font-size: 15px;
    margin-bottom: 18px;
    padding-bottom: 0;
}

.career-callout .center a:hover {
    text-decoration: none;
}

.career-callout .center > .inner {
    padding: 25px 0 20px 40px;
}

.career-callout .left {
    line-height: 0;
}

.career-callout .left img {
    height: auto;
    width: 100%;
}

.career-callout .right > .inner {
    padding-top: 25px;
    padding-left: 40px;
    padding-bottom: 20px;
}

.career-callout .position-teaser {
    padding: 10px 0;
}

.career-callout .stripes {
    display: block;
    background-color: white;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-position: 0 5px;
    background-repeat: repeat-x;
    height: 20px;
    padding-right: 2000px;
}

.career-callout .position-link {
    margin-bottom: 20px;
}

.career-callout .title span {
    font-size: 26px !important;
}

.career-callout .global-offer .btn {
    margin-top: 10px;
}

.career-callout .col.center > .inner > .btn {
    width: 100%;
}

.career-callout .col.center > .inner > .btn > a {
    text-align: center;
}

.career-callout .careers-country-redirect .selectricOuter {
    max-width: 216px;
    margin-top: 12px;
    margin-bottom: 16px;
}
/* ---- Content with Right Image component ---- */
.content-with-right-image .col, .content-with-right-image .col:after, .content-with-right-image .col:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-with-right-image .right {
    padding: 0 0 20px 26px;
}

.content-with-right-image .left {
    padding-right: 20px;
}

.content-with-right-image {
    width: 100%;
}

.content-with-right-image .right img {
    max-width: 100%;
    width: 100%;
}

.content-with-right-image ul li {
    /*LI_EXCEPTION_REMOVED
    font-style: italic;
    padding-bottom: 0;
    */
}

/* ---- committees list ---- */
.committees-list > .inner > ul > li {
    border-bottom: 1px solid #e2e2e2;
    padding: 28px 20px 50px 20px;
}

/*TODO why is this needed?*/
.committees-list > .inner > ul > li:before {
    display: none;
}

.committees-list > .inner > ul > li > .left, .committees-list > .inner > ul > li > .right {
    float: left;
    width: 50%;
}

.committees-list > .inner > ul > li > .right > .inner > .left {
    width: 22%;
    float: left;
}

.committees-list > .inner > ul > li > .right > .inner > .right {
    width: 78%;
    float: right;
}

.committees-list .sub-headline {
    padding-top: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e2e2e2;
}

.committees-list > .inner > ul > li > h3 {
    padding-bottom: 20px;
}

.committees-list > .inner > ul > li > h3, .committees-list > .inner > ul > li > .left .members > h4 {
    /*committee title*/
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

car .committees-list > .inner > ul > li > .left .members > a {
    display: block;
}

.committees-list .right .left .icon {
    display: block;
    margin-left: 3px;
    margin-bottom: 3px;
}

.committees-list .right .left .file-size {
    color: #00BBE7;
}

/* ---- last updated date widget ---- */
.last-updated {
    font-size: 11px;
    color: #666;
    padding-left: 0;
    padding-top: 20px;
}

/* ---- INTERSTITIAL POPUPS ---- */
#interstitial-overlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    /*ie8-9*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3000000, endColorstr=#d3000000);
}

.interstitial {
    display: none;
    position: fixed;
    top: 20%;
    right: 0;
    left: 0;
    z-index: 999999;
}

.interstitial .window {
    background: #fff;
    max-width: 645px;
    height: 100%;
    margin: 0 auto;
}

.interstitial .window .inner {
    padding: 41px 40px 60px 36px;
}

.interstitial .left {
    width: 45%;
    float: left;
}

.interstitial .right {
    margin-left: 45%;
}

.interstitial .window .stripes {
    background-color: white;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-repeat: repeat-x;
    height: 14px;
    width: 100%;
}

.interstitial .window .stripes .bar {
    height: inherit;
    width: 38%;
    background: #26BDE2;
}

.interstitial .window h2 {
    font-size: 18px;
    padding-bottom: 16px;
}

.interstitial .window .caption {
    padding-bottom: 20px;
}

.interstitial .continue, .interstitial .cancel {
    display: inline-block;
}

.interstitial .continue a {
    padding: 12px 24px;
}

.interstitial .cancel {
    margin-left: 40px;
}

.interstitial .cancel a {
    text-decoration: underline;
}

/* ---- single video player (video player within page content - not modal) ---- */
.single-video-player {
    margin-bottom: 30px;
}

/* ---- modal video popups ---- */
html.videoModalIsActive, html.videoModalIsActive body, html.videoModalIsActive .page-wrap-outer {
    overflow-y: hidden;
}

#video-modal {
    display: none;
}

#video-modal.active {
    display: block;
}

#video-modal .overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3000000, endColorstr=#d3000000);
    z-index: 100;
}

#video-modal .window {
    z-index: 101;
    position: absolute;
    max-width: 752px;
    /*(size and position set by javascript in ModalVideoPlayer rendering)*/
    background: #000;
}

#video-modal .close {
    position: absolute;
    top: -22px;
    right: 0;
    height: 22px;
    width: 35px;
    background-image: url("/-/media/gwmp/images/ui/video_modal_close_v2.png");
    cursor: pointer;
}

#video-modal.isMobile .close {
    height: 100%;
    width: 100%;
    background: black;
    background-image: none;
    cursor: default;
}

#video-modal.isMobile .overlay {
    background: black;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000, endColorstr=#FF000000);
}

/* ---- leaders-list ---- */
.leaders-list > .inner > ul > li > .left {
    float: left;
}

.leaders-list > .inner > ul > li > .right {
    margin-left: 100px;
}

.leaders-list > .inner > ul > li > .right > .link {
    font-weight: bold;
}

.leaders-list > .inner > ul > li > .right > .title {
    margin-bottom: 10px;
}

.leaders-list > .inner > ul > li > .right > .quote {
    margin-bottom: 20px;
}

.leaders-list > .inner > ul > li {
    min-height: 106px;
}

.accordion.type-a .leaders-list {
    /*this is double padded now ... padding: 0 20px 20px 20px;*/
    padding: 0 0 20px 0;
}

/* ---- fat-callout ---- */
.fat-callout {
    margin-bottom: 30px;
}

.fat-callout > .inner {
    position: relative;
    min-height: 180px;
    padding: 20px;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(left, #ffffff 0%,#ededed 100%);
    background: -o-linear-gradient(left, #ffffff 0%,#ededed 100%);
    background: -ms-linear-gradient(left, #ffffff 0%,#ededed 100%);
    background: linear-gradient(to right, #ffffff 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
}

.fat-callout h3 {
    margin-bottom: 15px;
}

.fat-callout h3 > a {
    font-size: 18px;
    font-weight: bold;
}

.fat-callout > .inner img.logo {
    height: 160px;
    width: 160px;
    float: right;
    margin-top: -40px;
    margin-left: 10px;
}

.fat-callout > .inner .link {
    margin-top: 15px;
}

.fat-callout > .inner .link > a {
    font-weight: bold;
}

.fat-callout > .inner .caption {
    padding-bottom: 0;
}

/*this was a mistake, the blue bar is actually part of the next component down on the page
.fat-callout .stripe {
    height: 6px;
    width: 100%;
    background: #00B0DD;
    margin-top: 40px;
    margin-bottom: 20px;
}*/

/* ---- Content with floated image (text flows around. can be floated right or left.) ---- */
.content-with-floated-image h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.content-with-floated-image h2.empty {
    /*JS hack to overcome shortcoming with how the component was written - empty HTML tags when no content is entered*/
    margin-bottom: 0;
}

.content-with-floated-image .floated.left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: 200px;
    line-height: 0;
    display: block;
    /* ^^ in case its applied to an anchor that wraps the image*/
}

.content-with-floated-image .floated.right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    max-width: 200px;
    line-height: 0;
    display: block;
    /* ^^ in case its applied to an anchor that wraps the image*/
}

/* 4/24/2015 - New exception options to accomodate non-standard behavior on Unit Dose page */
.content-with-floated-image.img-35-pct .caption {
    margin-left: 35%;
}

.content-with-floated-image.img-45-pct .caption {
    margin-left: 45%;
}
/*2015/07/24 update to fix 35% version (may also need to be done to the 45% version) */
.content-with-floated-image.img-35-pct .img-column {
    width: 35%;
}

.content-with-floated-image.img-35-pct .img-column img {
    width: 100%;
    max-width: none;
}

.content-with-floated-image.img-35-pct .caption {
    padding-left: 10px;
}

/* ---- news landing page summary list (on rail) ---- */
.news-summary-list {
    margin-bottom: 10px;
}

.news-summary-list a {
    font-weight: bold;
}

/*TODO child selector*/
.news-summary-list li {
    padding-bottom: 20px;
}

/*TODO child selector*/
.news-summary-list li {
    border-bottom: 1px solid #ddd;
}

/*TODO child selector*/
.news-summary-list li + li {
    padding-top: 20px;
}

/*TODO child selector*/
.news-summary-list li.last {
    border: none;
}

/*TODO child selector*/
.rail .news-summary-list li {
    border: none;
}

/* ---- "back to top" links ---- */
.back-to-top {
    text-align: right;
}

/* ---- references ---- */
.references, .references p {
    font-size: 12px;
}

/* ---- "content-image" component ---- */
.content-image img {
    width: 100%;
    height: auto;
    max-width: 440px;
    margin-bottom: 20px;
}

/*Products List*/
/*TODO child selector*/
ul.product-list li {
    margin-bottom: 8px;
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

/* ---- stupid twitter button that no one will ever click ---- */
.twitter-button {
    padding-right: 10px;
}

/* ---- fact-sheet component ---- */
.fact-sheet {
    background: white;
    padding: 20px;
    margin-top: 20px;
}

.fact-sheet > a > img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fact-sheet .button {
    width: 97%;
}

.fact-sheet .button .btn-v2 {
    width: 100%;
}

/* ---- connect with mylan (twitter and linkedin buttons to be placed on a rail) ---- */
.connect-with-mylan img {
    float: left;
    width: 25px;
    height: 25px;
}

.connect-with-mylan a {
    display: block;
    margin-left: 40px;
}

.connect-with-mylan p {
    padding-bottom: 15px;
}

.connect-with-mylan {
    padding-bottom: 15px;
}

/* ---- padded-grey-box (pharmacovigilance and who knows what else) ---- */
.padded-grey-box {
    background: #ededed;
    padding: 20px;
}

.padded-grey-box .caption {
    padding: 0;
}

/* ---- plus resources pharmacy resources - currently only on Canada ---- */
.ce-course-link {
    padding-right: 15px;
}

.ce-course-link img {
    float: right;
}

.ce-course-expander-toggle {
    cursor: pointer;
}

.ce-course-expander-content {
    display: none;
}

.ce-course-expander-content.active {
    display: block;
}

/*full width image - has optional link - used for home page single image (like on France) or anywhere else we need a full width image that scales responsively */
.full-width-image {
    margin-bottom: 10px;
}

.full-width-image img {
    width: 100%;
    height: auto;
}

/*History Callout*/
.history-callout {
    position: relative;
    padding-bottom: 30px;
}

.history-callout .main-image {
    position: relative;
    display: block;
    line-height: 0;
    border-bottom: 2px solid #c4c4c4;
}

.history-callout .main-image img {
    width: 100%;
    height: auto;
}

.history-callout .effects {
    height: 0;
    position: relative;
    width: 100%;
    left: 0;
    line-height: 0;
    top: -2px;
}

.history-callout .effects .left-arrow, .history-callout .effects .center-arrow, .history-callout .effects .right-arrow {
    height: 10px;
    width: 33%;
    position: absolute;
    background: url(/-/media/gwmp/images/ui/historydownarrow.png);
    background-position: center;
    background-repeat: no-repeat;
}

.history-callout .effects .center-arrow {
    left: 33%;
}

.history-callout .effects .right-arrow {
    left: 66%;
}

.history-callout .purposeless-line {
    width: 2000px;
    border-bottom: 2px solid #c4c4c4;
    position: absolute;
    right: -2020px;
}

.history-callout .stealth-link:hover {
    text-decoration: none;
}

.history-callout .paddedOnlyInDesktop {
    padding: 10px;
}

.history-callout .grid {
    margin-top: 5px;
}

.history-callout .grid .col.left > div, .history-callout .grid .col.center > div {
    padding: 10px;
}

/* leadership tabs */
.leadership-tabs .tabs {
    margin-bottom: 0;
}

.leadership-tabs .accordion.type-b > .inner > .sub-headline {
    padding-top: 25px;
    padding-bottom: 15px;
}

.leadership-tabs .sub-headline h2 {
    padding-bottom: 0;
}

.leadership-tabs .accordion.type-b .handle h3 {
    font-size: 14px;
}

.leadership-tabs .accordion.type-b .pane .caption {
    padding-bottom: 0;
}

.leadership-tabs .committees-list .footnotes {
    padding: 20px 0 40px 0;
}

.leadership-tabs .committees-list .members > a {
    display: block;
}

.leadership-tabs .accordion.type-b > .inner {
    position: relative;
}

.leadership-tabs .accordion.type-b .button {
    position: absolute;
    top: 8px;
    right: 10px;
}

.leadership-tabs .accordion.type-b .button .btn-v2 {
    padding-right: 0;
}

.leadership-tabs .accordion.type-b .button .btn-v2 > a {
    padding: 12px 40px;
}

.leadership-tabs .accordion.type-b .button span:after,
.leadership-tabs .accordion.type-b .button .hide-text {
    display: none;
}

.leadership-tabs .accordion.type-b .button.active .hide-text {
    display: inline;
}

.leadership-tabs .accordion.type-b .button.active .show-text {
    display: none;
}

.leadership-tabs .accordion.type-b .always-visible .right .links > h3 {
    color: #333;
    font-weight: bold;
}

.leadership-tabs .accordion.type-b .always-visible .right .links > a {
    display: block;
}

.leadership-tabs.master .btn-v2 > a:hover {
    text-decoration: underline;
}

/*big link image*/
.big-link-image img {
    width: 100%;
    height: auto;
}

.home .big-link-image {
    margin-left: -2px;
    padding-right: 40px;
}

.accordion.type-a .big-link-image {
    /*this is double padded now ... padding: 0 20px 20px 20px;*/
    padding: 0 0 40px 0;
}

/*large mylan plus list */
.large-mylan-plus-list {
    border-top: 6px solid #00b0dd;
    padding-top: 24px;
    margin-bottom: 20px;
}

.large-mylan-plus-list .caption {
    padding-bottom: 15px;
}

.large-mylan-plus-list .plus-logo {
    width: 186px;
    margin-bottom: 10px;
}

.large-mylan-plus-list .plus-logo img {
    width: 100%;
    height: auto;
}

.large-mylan-plus-list .border {
    border-bottom: 1px solid #dfdfdf;
}

.large-mylan-plus-list .border .color-block {
    width: 58px;
    height: 3px;
}

.large-mylan-plus-list .border.green .color-block {
    background: #bcd530;
}

.large-mylan-plus-list .border.orange .color-block {
    background: #fdb813;
}

.large-mylan-plus-list .border.red .color-block {
    background: #e71b3a;
}

.large-mylan-plus-list .section .left {
    float: left;
}

.large-mylan-plus-list .section .left .icon {
    padding: 20px 0;
    width: 38px;
    padding-right: 20px;
}

.large-mylan-plus-list .section .left .icon img {
    width: 100%;
    height: auto;
}

.large-mylan-plus-list .section .right h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 20px 0 6px 0;
}

.large-mylan-plus-list .blue-stripes {
    display: block;
    background-color: white;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-position: 0 5px;
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
}

.large-mylan-plus-list .button {
    margin: 5px 0 24px 5px;
}

.large-mylan-plus-list .button .btn-v2 {
    padding-left: 45px;
    padding-right: 45px;
}

/*Public Filings http://www.mylan.com/investors */
.public-filings-summary {
    max-width: 640px;
}

.public-filings-summary > .grid > .left > .left {
    float: left;
    width: 80px;
    padding-right: 10px;
}

.public-filings-summary > .grid > .left > .left img {
    width: 100%;
    height: auto;
}

.public-filings-summary > .grid > .left > .right {
    padding-left: 10px;
    margin-left: 90px;
    margin-bottom: 20px;
}

.public-filings-summary .icons.desktopOnly > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.public-filings-summary .icons.desktopOnly .icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/-/media/gwmp/images/ui/icoformats.png) no-repeat;
    margin: 0 auto;
}

.public-filings-summary .icons.desktopOnly .filesize {
    font-size: 11px;
    padding-top: 3px;
    display: block;
    text-align: center;
}

.public-filings-summary .icons.desktopOnly .icon.pdf {
    background-position: -30px 0;
}

.public-filings-summary .icons.desktopOnly .icon.xlsx {
    background-position: -90px 0;
}

.public-filings-summary .order-by-mail {
    padding-bottom: 30px;
}

.public-filings-summary .main-link {
    font-weight: bold;
}

.public-filings-summary .rich-text-area {
}

.public-filings-summary hr {
    margin-bottom: 20px;
}

.public-filings-summary .cta > .left {
    float: left;
    width: 44px;
}

.public-filings-summary .cta > .left img {
    width: 100%;
    height: auto;
}

.public-filings-summary .cta > .right {
    margin-left: 54px;
}

.public-filings-summary .cta > .right h3 {
    margin: 8px 0 2px 0;
    font-weight: bold;
    color: #333;
}

/*public filings list page*/
.public-filings .sorting-bar > div {
    background: #222;
    cursor: pointer;
    box-sizing: border-box;
}

.public-filings .sorting-bar > div.active {
    background: #5a5959;
}

.public-filings .sorting-bar > div.date {
    width: 18.75%;
}

.public-filings .sorting-bar > div.title {
    width: 37.5%;
    border-right: 1px solid #3a3a3a;
}

.public-filings .sorting-bar > div.type {
    width: 12.5%;
    border-right: 1px solid #3a3a3a;
}

.public-filings .sorting-bar > div.formats {
    width: 31.25%;
}

.public-filings-list-item {
    display: table;
    width: 100%;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #e2e2e2;
}

.public-filings-list-item > div {
    display: table-cell;
}

.public-filings-list-item > div.date.desktopOnly {
    width: 18.75%;
}

.public-filings-list-item > div.title {
    width: 37.5%;
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 14px;
}

.public-filings-list-item > div.type.desktopOnly {
    width: 12.5%;
    padding-left: 14px;
}

.public-filings-list-item > div.formats {
    width: 31.25%;
    padding-left: 20px;
}

.public-filings-list-item .icons.desktopOnly > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
}

.public-filings-list-item .icons.desktopOnly .icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/-/media/gwmp/images/ui/icoformats.png) no-repeat;
    margin: 0 auto;
}

.public-filings-list-item .icons.desktopOnly .filesize {
    font-size: 11px;
    padding-top: 3px;
    display: block;
    text-align: center;
}

.public-filings-list-item .icons.desktopOnly .icon.pdf {
    background-position: -30px 0;
}

.public-filings-list-item .icons.desktopOnly .icon.xlsx {
    background-position: -90px 0;
}

.public-filings .filters {
    padding-bottom: 12px;
}

.public-filings .filters ul li span {
    font-weight: bold;
    margin-right: 16px;
    position: relative;
    bottom: -6px;
    vertical-align: top;
}

.public-filings .filters .selectricOuter {
    display: inline-block;
}

/*this assumes that there will never be page numbers on the public filings list page*/
.public-filings .pagination .prev {
    margin-right: 0;
}

.public-filings .pagination .next {
    margin-left: 0;
}

/*Random Fact Callout*/
.random-fact-callout, .random-fact-callout .randomFact, .random-fact-callout .randomFact .image, .random-fact-callout .randomFact .image img {
    /*width: 100%;*/
    height: auto;
}

.random-fact-callout .randomFact {
    display: none;
}

.random-fact-callout .randomFact.chosen {
    display: block;
}

.random-fact-callout .randomFact .caption {
    padding: 0;
    margin-top: 20px;
}

.random-fact-callout .randomFact .caption.empty {
    margin-top: 0;
}

/*custom HR - highly flexible, many uses */
.custom-hr {
    margin: 10px 0;
}

.custom-hr.grey-line {
    height: 1px;
    background-color: #e2e2e2;
}

.custom-hr.blue-stripes {
    background-color: #fff;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-repeat: repeat-x;
    height: 20px;
}

.custom-hr.green-stripes {
    background-color: #fff;
    background-image: url("/-/media/gwmp/images/ui/greendiagloop.png");
    background-repeat: repeat-x;
    height: 20px;
}

.custom-hr.double-blue-stripes {
    background-color: #fff;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-repeat: repeat-x;
    height: 20px;
    border-top: 6px solid #00b0dd;
}

.custom-hr.red-stripes {
    background-color: #fff;
    background-image: url("/-/media/gwmp/images/ui/redstripes.png");
    background-repeat: repeat-x;
    height: 20px;
}

.isIE .custom-hr {
    text-align: left;
}

/*4/20/2015 new option for thinner HR (investors page) */
.custom-hr.thin {
    height: 7px;
}

/*investor faq section*/
.investor-faq {
    width: 100%;
    margin-bottom: 40px;
    overflow-x: hidden;
}

.investor-faq .question, .investor-faq .answer {
    display: table;
    width: 100%;
}

.investor-faq .question { /*JJFIX*/
    background: url(/-/media/gwmp/images/ui/qa_bg_glass_q.png) bottom repeat-x #dcdada;
}

.investor-faq .answer {
    background: url(/-/media/gwmp/images/ui/qa_bg_glass_a.png) bottom repeat-x #ededed;
}

.investor-faq .left {
    display: table-cell;
    width: 58px;
    vertical-align: middle;
    height: 100%;
}

.investor-faq .letter {
    font-size: 47px;
    color: #fff;
    padding: 17px 0;
    width: 58px;
    text-align: center;
    font-weight: bold;
}

.investor-faq .question .left {
    background: url(/-/media/gwmp/images/ui/qa_bg_glass_q.png) bottom repeat-x #51555f;
}

.investor-faq.green .answer .left {
    background: url(/-/media/gwmp/images/ui/qa_bg_glass_a.png) bottom repeat-x #c3d940;
}

.investor-faq.blue .answer .left {
    background: url(/-/media/gwmp/images/ui/qa_bg_glass_a.png) bottom repeat-x #00b0dd;
}

.investor-faq .right {
    display: table-cell;
    line-height: 1.1;
}

.investor-faq .right .caption {
    padding: 30px 45px 30px 25px;
}

.investor-faq .question .right .caption,
.investor-faq .question .right .caption p {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1.1;
}

.investor-faq .answer .right .caption,
.investor-faq .answer .right .caption p {
    font-size: 20px;
    color: #333;
    line-height: 1.2;
}

.investor-faq .answer .right .caption a {
    font-size: 20px;
    line-height: 1.2;
}

.investor-faq .answer .right img {
    width: 100%;
    height: auto;
}

.investor-faq .center {
    display: table-cell;
    width: 12px;
    vertical-align: middle;
}

.investor-faq .arrow {
    background: url(/-/media/gwmp/images/ui/qa_arrows_sprite.png) no-repeat;
    width: 12px;
    height: 41px;
}

.investor-faq.green .answer .arrow {
    background-position: 0 -100px;
}

.investor-faq.blue .answer .arrow {
    background-position: 0 -50px;
}

/*data-sheets*/
.data-sheets {
}

.data-sheets > .left,
.data-sheets > .right {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.data-sheets > .left {
    padding-right: 10px;
}

.data-sheets > .right .sub-headline {
    margin-top: 20px;
}

.data-sheets .pdf-list.type-b.inline > .inner > ul > li > .left {
    text-align: center;
}

.data-sheets .icon-link.arrow-blue-med span:after {
    display: none;
}

.data-sheets + .data-sheets {
    padding-top: 20px;
    padding-bottom: 10px;
}

.data-sheets + .data-sheets + .data-sheets {
    border-top: 1px solid #e2e2e2;
}

.data-sheets > .left .caption {
    padding-bottom: 20px;
}

.data-sheets > .left .caption h3 {
    font-weight: bold;
    padding-bottom: 10px;
}

.data-sheets .pdf-list.type-b.inline .file-size {
    color: #666;
    font-size: 11px;
    margin-top: -5px;
    text-align: center;
}

.data-sheets .pdf-list.type-b.inline > .inner > ul > li > .left > a:hover {
    text-decoration: none;
}

.data-sheets .pdf-list.type-b.inline {
    margin-bottom: 7px;
}

/*product information*/
.product-information {
    margin-bottom: 24px;
}

.product-information .anchor-links {
    margin-bottom: 40px;
}

.product-information .anchor-links h2 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 14px;
}

.product-information .anchor-links a {
    margin-right: 12px;
    display: inline-block;
}

.product-information .anchor-links .caption {
    margin-top: 10px;
    padding-bottom: 0;
}

.product-information h3 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}

.product-information .info.desktopOnly table {
    width: 100%;
}

.product-information .info.desktopOnly table {
    margin-bottom: 10px;
}

.product-information .info.desktopOnly table td {
    padding-right: 10px;
}

.product-information .image img {
    max-height: 250px;
    max-width: 250px;
}

.product-information .disclaimer {
    font-size: 12px;
    margin-bottom: 18px;
}

/*TODO this should be moved to media queries file*/
.product-information .info.mobileOnly .package-size-label, .product-information .info.mobileOnly .ndc-label {
    color: #454545;
}

.product-information .info.mobileOnly .package-size-data, .product-information .info.mobileOnly .ndc-data, .product-information .info.mobileOnly .fill-volume-data {
    margin-bottom: 10px;
}

.product-information .info.mobileOnly + .info.mobileOnly {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #ddd;
}

.product-information > .caption.references {
    padding-bottom: 20px;
}

.product-information-page .caption.references,
.product-information-page .caption.references p {
    font-size: 11px;
}

/*page + product search results*/
.search-results .emptysearchterms,
.product-search-results .emptysearchterms {
    font-style: italic;
    font-weight: bold;
}

.search-results h3,
.product-search-results h3,
h3.product-search-results {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    padding-bottom: 15px;
}

/*product search result*/
.product-search-result {
    margin-bottom: 50px;
}

.product-search-result .left {
    width: 160px;
    float: left;
    text-align: center;
    min-height: 60px;
}

.product-search-result .left img {
    max-width: 100%;
    max-height: 140px;
}

.product-search-result .right {
    margin-left: 180px;
}

.product-search-result .right a {
    font-size: 18px;
    font-weight: bold;
}

/*DH class*/
.product-search-results a.link_underline {
    text-decoration: underline;
}

/* ---- IMAGE WITH STRIPES ---- */
.image-with-stripes {
    line-height: 0;
}

.image-with-stripes img {
    width: 100%;
    height: auto;
}

.image-with-stripes:after {
    content: "";
    background-image: url("/-/media/gwmp/images/ui/bluediagloop.png");
    background-repeat: repeat-x;
    height: 24px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.image-with-stripes.smallstripes:after {
    height: 11px;
    position: relative;
    top: 4px;
}

/* ---- LARGE MEDIA CALLOUT ---- */
/* http://www.mylan.com/mylan-resources/pharmacist-materials */
.large-media-callout {
    margin-bottom: 12px;
}

.large-media-callout .left {
    float: left;
    width: 45%;
    margin: 0 10px 10px 0;
}

.large-media-callout .left img {
    width: 100%;
    height: auto;
}

.large-media-callout .right {
    margin-left: 45%;
    padding-left: 10px;
}

.large-media-callout .right .caption {
    padding-bottom: 20px;
}

.large-media-callout h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.large-media-callout .media .link {
    display: inline-block;
    font-size: 11px;
    margin-top: 7px;
    vertical-align: top;
}

.large-media-callout .media .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.large-media-callout .media .icon img {
    width: 100%;
    height: auto;
}

/*forgot to clearfix it for mobile - TODO: remvoe this and just add "CF" class to the view... */
.large-media-callout:before, .large-media-callout:after {
    content: " ";
    display: table;
}

.large-media-callout:after {
    clear: both;
}

.large-media-callout {
    *zoom: 1;
}

/*4/30/2015 "Inline Callouts" for EMEA Lite Template home pages*/
.home .inline-callouts {
    padding-right: 10px;
    padding-left: 40px;
    box-sizing: border-box;
    max-width: 979px;
}

.inline-callouts {
    margin-left: -20px;
}

.inline-callouts .sub-headline .divider {
    margin-top: 4px;
}

.inline-callouts .sub-headline .divider > div {
    width: 40%;
}

.inline-callouts .grid > .col {
    padding-left: 20px;
    box-sizing: border-box;
    padding-bottom: 30px;
}

.inline-callouts .image a img {
    width: 100%;
    height: auto;
}

.inline-callouts .sub-headline h2,
.inline-callouts .sub-headline h2 a {
    font-size: 18px;
    color: #333;
    line-height: 1;
    padding: 4px 0 8px;
}

.inline-callouts .sub-headline h2 a:hover {
    text-decoration: none;
}

.inline-callouts .caption {
    padding-bottom: 0;
}

/*9/2/2015 ... 2-column "Contact Us" map module (map on right, text on left)*/
.contact-map-module {
    margin-bottom: 30px;
}

.contact-map-module > .left {
    width: 40%;
    float: left;
    box-sizing: border-box;
    padding: 20px 0 0 0;
}

.contact-map-module > .right {
    width: 60%;
    float: left;
    box-sizing: border-box;
    padding: 20px 20px 0 20px;
}

/* 9/2/2015 ... New component for responsive Google Map embed*/
.responsive-google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.responsive-google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* ============== END INDIVIDUAL COMPONENTS ============== */

/* ============== 6. PAGE-SPECIFIC STYLES =============== */
/* ---- BEGIN CONTACT PAGE ---- */
.contact-address {
    position: relative;
    /*height: 137px; what if theres a long address?*/
    padding-right: 40px;
}

.contact-address > .inner > img {
    top: 48px;
    position: absolute;
}

.contact-address > .inner {
    background: url('/-/media/gwmp/images/ui/bgboxglobe.png');
    background-position: top right;
    background-repeat: no-repeat;
    /*height: 97px; what if theres a long address?*/
    /*this does nothing padding-bottom: 20px; */
    padding-top: 20px;
}

.contact-address .right {
    padding-left: 70px;
    /*4EMEA*/
    padding-bottom: 20px;
}

.contact-address .right h2 {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    margin-bottom: 3px;
}

.contact-address .right p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

/*note: right-clt is deprecated, should use .side-rail-a or .side-rail-b with rail .icon-list instead */
.right-clt {
    margin-bottom: 20px;
}

.right-clt.contact-directions {
    background: #f2f2f2;
    height: 137px;
    position: relative;
}

.right-clt.contact-directions .icon {
    position: absolute;
    left: -27px;
    top: 25px;
}

.right-clt.contact-directions .inner > div {
    padding-left: 34px;
    padding-top: 40px;
}

.right-clt.contact-directions .inner > div h3 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.right-clt.contact-directions .inner > div > p > a {
    font-size: 16px;
}

.right-clt.contact-directions .inner > div > p > a:hover, .right-clt.contact-directions .inner > div > p > a:hover span, .right-clt.contact-directions .inner > div > p > a:hover span label {
    /*oh why can't DH ever let two things just be the same?*/
    text-decoration: none;
}

.right-clt.contact-directions .btm-border {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    height: 19px;
    position: absolute;
    width: 100%;
}

.right-clt.contact-directions .btm-border > div {
    background: url('/-/media/gwmp/images/ui/diagloopgrn.png');
    background-repeat: repeat-x;
    height: 14px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.right-clt.contact-directions p {
    font-size: 16px;
}

.right-clt.contact-directions p > a {
    display: inline-block;
    line-height: 1.0;
}

.contact-tabs {
    margin-top: 23px;
}

.contact-tabs .rail-clt {
    background-color: #F2F2F2;
}

#pharmaCovigilance label {
    font-weight: normal;
}

#pharmaCovigilance label strong {
    margin: 20px 0;
}

#btn_contact_submit {
    margin-right: 30px;
}

.input_submit .clear {
    display: inline-block;
    font-size: 14px;
}

.input_submit {
    margin: 20px 0 40px;
}

#contactForm-div {
    display: inline-block;
}

.clearable {
    background: url('/-/media/gwmp/images/ui/modalclose.png') no-repeat right -10px center !important;
    /*border:1px solid #999;*/
    padding: 3px 18px 3px 4px; /* USE the same right padding in jQ! */
    border-radius: 3px;
    transition: background 0.4s; /*REMOVE THIS LINE IF YOU ENCOUNTER ISSUES IN Chrome (Bug 02.2014)*/
}
/* (jQ addClass:) if input has value: */
.clearable.x {
    background-position: right 5px center;
}
/* (jQ addClass:) if mouse is over the 'x' input area*/
.clearable.onX {
    cursor: pointer;
}

/* contact department list - the information that appears on the rail next to the contact form*/
.contact-us .department {
    margin-bottom: 15px;
}

.contact-us .department h2 {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.contact-us .department p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.3;
}

.contact-us .department a {
    font-size: 12px;
    line-height: 1.3;
}

.contact-us .department .link-with-icon .icon {
    float: left;
    margin-right: 5px;
}

/*contact us "primary business center" address - top left of the page */
.contact-address > .inner {
    min-height: 200px;
}
/* GLOBAL CENTER - appears on tab 2 of contact page */
.global-center .left {
    float: left;
    width: 20%;
}

.global-center .right {
    float: left;
    width: 80%;
    padding-top: 20px;
    padding-bottom: 30px;
}

.global-center .right .flag {
    float: left;
    width: 32px;
}

.global-center .right .flag img {
    width: 100%;
    height: auto;
}

.global-center .right .info {
    margin-left: 50px;
}

.global-center h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.global-center .country h2 {
    padding-top: 6px;
    padding-bottom: 10px;
}

/* New Mailing Address tab for U.S. Form 10-K - mylan.com */
.mailing-address-check-container {
    margin-bottom: 30px;
}

.mailing-address-check-container #formCheckbox {
    display: inline-block;
}

.mailing-address-check-container > .labelwrap {
    display: inline;
}

.mailing-address-check-container .mailing-address-tab {
    padding: 14px 20px;
    margin-top: 40px;
    background-image: url('/-/media/gwmp/images/ui/accordionhandle.png');
}

.mailing-address-check-container .mailing-address-tab > .labelwrap > label {
    font-weight: bold;
    color: #666;
}

.mailing-address-check-container .mailing-address-tab.active {
    background: #373737;
}

.mailing-address-check-container .mailing-address-tab.active > .labelwrap > label {
    color: #fff;
}

.mailing-address-check-container .mailing-address-pane {
    background: #f2f2f2;
    padding: 20px;
}

/* ---- END CONTACT PAGE ---- */

/* ---- BEGIN GBR FORM PAGE ---- */
#gbrForm .input_submit .clear {
    margin-left: 35px;
}

/* ---- STATE / ZIP INPUTS (used on GBR and CONTACT forms, Mylan.com rebuild) */
.state-zip {
    width: 100%;
    display: table;
}

.state-zip .state,
.state-zip .zip {
    width: 50%;
    display: table-cell;
}

.state-zip .state {
    padding-right: 20px;
}

.state-zip .zip {
    padding-left: 20px;
}

/*GBR form only - for some reason, it's not a select on the contact form - Mylan.com rebuild*/
gbr-form .state-zip .state .labelwrap {
    padding-bottom: 8px;
}
/*USA Contact form only - Mylan.com rebuild*/
.contact-us.usa .state-zip .state input {
    margin-bottom: 16px;
}

/*TODO TEMP needed to add a CSS class to content to control image scaling rather than make a whole new component for this one-off */
.temp-gbr-form-callout-image-class {
    width: 100%;
    max-width: 400px;
    line-height: 0;
}

.temp-gbr-form-callout-image-class img {
    width: 100%;
    height: auto;
}

/* ---- BEGIN SITEMAP PAGE ---- */
.sitemap-page > a {
    /*"home" link*/
    padding-bottom: 8px;
    display: block;
}

/*TODO child selector*/
.sitemap-page li {
    padding-left: 0px;
    padding-bottom: 6px;
}

/*TODO child selector*/
.sitemap-page li:before {
    display: none;
}

/*TODO child selector*/
.sitemap-page li li {
    padding-left: 30px;
}

/*TODO child selector*/
.sitemap-page ul ul {
    padding-top: 4px;
}
/* ---- END SITEMAP PAGE ---- */

/* ---- BEGIN SEARCH RESULTS PAGE ---- */
.search-results h2 {
    /* rem is not supported by all the browsers we need to support. Also, please don't mix and match size units! We use PX on this project.  font-size: 1.125 rem; */
    padding-bottom: 20px;
}

/*TODO child selector*/
.search-results ul li {
    padding-left: 10px;
    position: relative;
}

/*TODO child selector*/
.search-results ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 1px;
    background: #00bbe7;
}

.search-result-item {
    margin-bottom: 20px;
}

.search-result-item .snippet {
    padding-bottom: 0px;
}

.search-result-item b {
    font-weight: bolder;
}

.search-result-item .title {
    font-weight: bold;
    color: #00bbe7;
    text-decoration: underline;
}

.search-result-item .url {
    padding-bottom: 0px;
}

.search-results-query span {
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
}

.search-results-query .descriptor {
}

.search-results-query .terms {
    font-style: italic;
    /*seems to have been removed from mylan.com - remove here to match\
        text-transform: uppercase;*/
}

.search-results h2.pad-top {
    padding-top: 20px;
}
/* ---- END SEARCH RESULTS PAGE ---- */

/* ---- BEGIN Plus resources landing page http://www.mylan.com/mylan-resources ---- */
.plus-resources-hero {
    position: relative;
}

.plus-resources-hero:after {
    content: "";
    background-image: url('/-/media/gwmp/images/ui/plusresourceslandingherostripes.png');
    width: 2000px;
    background-repeat: repeat-x;
    height: 160px;
    position: absolute;
    z-index: -1;
}

.plus-resources-hero img {
    width: 100%;
    height: auto;
}

.plus-resources-hero > .inner > .caption {
    position: absolute;
    max-width: 490px;
    margin: 0 5%;
    bottom: 0;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    line-height: 1.33;
    padding-bottom: 20px;
}

.plus-resources-hero > .inner > .caption p {
    padding-bottom: 0;
}

.plus-resources-hero > .inner > .caption, .plus-resources-hero > .inner > .caption, .plus-resources-hero > .inner > .caption, .plus-resources-hero > .inner > .caption p {
    color: #fff;
    font-size: 18px;
    line-height: 1.33;
}

.plus-resources-hero-features {
    border-top: 5px solid #fff;
    margin-top: -170px;
    position: relative;
    z-index: 1;
}

.plus-resources-hero-features .inner {
    max-width: 640px;
    padding-left: 40px;
    padding-right: 20px;
}

.plus-resources-hero-feature {
    background: #fff;
    float: left;
    margin: 40px 0 40px 0;
}

.plus-resources-hero-feature > .inner {
    padding: 0 20px 10px 20px;
    min-height: 194px;
}

.plus-resources-hero-feature > .inner > .caption {
    padding-bottom: 0;
}

.plus-resources-hero-feature.green {
    border-bottom: 5px solid #bed600;
    border-top: 5px solid #bed600;
}

.plus-resources-hero-feature.orange {
    border-bottom: 5px solid #ffb900;
    border-top: 5px solid #ffb900;
}

.plus-resources-hero-feature.red {
    border-bottom: 5px solid #e71939;
    border-top: 5px solid #e71939;
}

.plus-resources-hero-feature .icon img {
    height: 83px;
    margin: 0 auto;
    padding-top: 15px;
    width: auto;
    display: block;
}

.plus-resources-hero-feature h3 {
    font-weight: bold;
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #333;
    margin: 6px 0 20px 0;
}

.plus-resources-hero-feature h3 a {
    /*in case they want to put a link inside it*/
    font-size: 18px;
}

.plus-resources-hero-feature .links a {
    padding-bottom: 6px;
    display: block;
}

.plus-resources-hero-feature .links a span {
    line-height: 16px;
    display: block; /*if HTML5 Doctype is set, some browsers won't let you set the line-height below a certain value (on inline elements). Display:block fixes this. */
}

/*options for One to Four column alternate layouts*/
/*one*/
.plus-resources-landing-page.one-up .plus-resources-hero-feature.two,
.plus-resources-landing-page.one-up .plus-resources-hero-feature.three,
.plus-resources-landing-page.one-up .plus-resources-hero-feature.four {
    display: none;
}

.plus-resources-landing-page.one-up .plus-resources-hero-feature.one {
    width: 100%;
}

/*two*/
.plus-resources-landing-page.two-up .plus-resources-hero-feature.three,
.plus-resources-landing-page.two-up .plus-resources-hero-feature.four {
    display: none;
}

.plus-resources-landing-page.two-up .plus-resources-hero-feature.one,
.plus-resources-landing-page.two-up .plus-resources-hero-feature.two {
    width: 47.5%;
    float: left;
}

.plus-resources-landing-page.two-up .plus-resources-hero-feature.one {
    margin-right: 5%;
}

/*three*/
.plus-resources-landing-page.three-up .plus-resources-hero-feature.four {
    display: none;
}

.plus-resources-landing-page.three-up .plus-resources-hero-feature.one,
.plus-resources-landing-page.three-up .plus-resources-hero-feature.two,
.plus-resources-landing-page.three-up .plus-resources-hero-feature.three {
    width: 31.25%;
    float: left;
}

.plus-resources-landing-page.three-up .plus-resources-hero-feature.one,
.plus-resources-landing-page.three-up .plus-resources-hero-feature.two {
    margin-right: 3.125%;
}

/*four*/
.plus-resources-landing-page.four-up .plus-resources-hero-feature.one,
.plus-resources-landing-page.four-up .plus-resources-hero-feature.two,
.plus-resources-landing-page.four-up .plus-resources-hero-feature.three,
.plus-resources-landing-page.four-up .plus-resources-hero-feature.four {
    width: 23%;
    float: left;
}

.plus-resources-landing-page.four-up .plus-resources-hero-feature.one,
.plus-resources-landing-page.four-up .plus-resources-hero-feature.two,
.plus-resources-landing-page.four-up .plus-resources-hero-feature.three {
    margin-right: 2%;
}

/*plus resources page - institutional customers section http://www.mylan.com/mylan-resources*/
.plus-resources-institutional h3 {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

.plus-resources-institutional h3 a {
    /*in case they want to put a link inside it*/
    font-size: 18px;
}

.plus-resources-institutional .divider {
    padding-bottom: 7px;
    margin-bottom: 20px;
    overflow: hidden;
    border-bottom: 5px solid #eb8700;
    background: none;
    border-top: none;
    height: auto;
}

.plus-resources-institutional .icon {
    display: inline-block;
    width: auto;
    height: 83px;
    margin: 0 15px 0 0;
}

.plus-resources-institutional > .grid .col > .inner {
    padding: 0 26px 0 0;
}

.plus-resources-institutional > .grid > .col > .inner > .links {
    margin-top: 20px;
}

.plus-resources-institutional > .grid > .col + .col > .inner {
    padding: 0 13px;
}

.plus-resources-institutional > .grid > .col + .col + .col > .inner {
    padding: 0 0 0 26px;
}

.plus-resources-institutional .icon img {
    height: inherit;
    width: auto;
}

.plus-resources-institutional h4 {
    font-weight: bold;
    color: #333;
}
/* ---- END Plus resources landing page ---- */
/* ============== END PAGE-SPECIFIC STYLES =============== */

/* =================== 7. UTILITY STYLES AND MISCELLANEOUS =================== */
.jsHook-mobile {
    z-index: 0; /*treat as boolean to keep track of mobile state*/
    position: absolute; /*position needed or z-index won't have a value, in some browsers*/
}

.jsHook-cookie {
    z-index: 175; /* for keeping track of the height of the cookie warning bar (in pixels) */
    position: absolute; /*position needed or z-index won't have a value, in some browsers*/
}

/*moved to a min width rule in media-queries.css - display:initial does not work reliably. also added to ie8.css since it won't recognize the min width rule.
 .mobileOnly {
 display: none;
 }
 */
/* ---- Embedded Youtube vids - force them to scale ---- */
.youtube-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.youtube-container iframe, .youtube-container object, .youtube-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*DEV COMMENT CLASS used in prototyping*/
.devComment {
    display: block;
    border: 1px solid red;
    width: 100%;
    padding: 5px;
    text-align: center;
    color: red;
    font-weight: bold;
    font-family: "Consolas", "Lucida Console", serif;
    margin: 0 0 8px 0;
    box-sizing: border-box;
}
/* =================== END UTILITY STYLES =================== */

/* ======================== 8. HACKS AND OVERRIDES ======================== */
/* ---- "Triple Callout" one-off - not sure where this is used (france? couldn't find it) ---- */
.triple-callout {
    float: left;
    max-width: 193px;
    margin-right: 20px;
    margin-bottom: 24px;
    text-align: left;
}

.triple-callout .caption {
    color: #807e83;
    font-size: 13px;
}

.triple-callout .caption strong {
    color: #807e83;
}

.triple-callout .image {
    margin-bottom: 24px;
}

.triple-callout-year {
    font-size: 22px;
    color: #807e83;
    font-weight: bolder;
    margin-top: 0;
}

/* ---- BIG Button one-off - not sure where this is used (france? couldn't find it) ---- */
.big-button span {
    color: #00bbe7;
    font-size: 200%;
    font-weight: bolder;
    white-space: nowrap;
    text-decoration: none;
}

.big-button {
    background-image: linear-gradient(to bottom, #fff 0%, #efefef 100%);
    border: 1px solid #aaa;
    border-radius: 6px;
    box-shadow: 0 0 3px #ccc;
    color: #666;
    padding: 24px 0;
    width: 100%;
    margin-top: 30px;
}

/* ---- mylan at a glance... unique right hand callout - not-fully-componentized (raw HTML inside rail with "at a glance" option selected) ---- */
.mylan-at-a-glance .bkd-img {
    position: absolute;
    right: -200px;
    top: 20px;
}

.mylan-at-a-glance .inner {
    padding-right: 5px;
}

.mylan-at-a-glance .fact-sheet {
    background: white;
    padding: 20px;
    margin-top: 20px;
}

.mylan-at-a-glance .fact-sheet > a > img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mylan-at-a-glance .fact-sheet .button {
    width: 97%;
}

.mylan-at-a-glance .fact-sheet .button .btn-v2 {
    width: 100%;
}

/* Deprecated Padding Styles - included for safety  */
.pad-20 {
    padding: 0 20px;
}

.pad-40 {
    padding: 0 40px;
}

.pad-0-20 {
    padding: 0 20px 0 0;
}

.pad-0-40 {
    padding: 0 40px 0 0;
}

.pad-20-0 {
    padding: 0 0 0 20px;
}

.pad-20-40 {
    padding: 0 40px 0 20px;
}

.pad-40-0 {
    padding: 0 0 0 40px;
}

.pad-40-5 { /*used by footer grid*/
    padding: 0 5px 0 40px;
}

.pad-40-20 {
    padding: 0 20px 0 40px;
}

.pad-40-30 {
    padding: 0 30px 0 40px;
}

.pad-40-60 {
    padding: 0 60px 0 40px;
}

.pad-top {
    /*previously "pad-0-20"*/
    padding: 0 20px 0 0;
}

.pad-main {
    /*previously "pad-40"*/
    /* now deprecated in favor of .padded-content (the "uniform" left/right padding for main content that is the full grid width) */
    padding: 30px 0 40px 40px;
    max-width: 640px;
}
/* END DEPRECATED PADDING STYLES */

/* Someone really likes generating elements using the <label> tag */
a label {
    cursor: pointer;
}

.global-footer .legal {
    max-width: none; /* ASSUMES all EMEA sites have no "Mega menu" or "footer rail" */
}

/* Portugal additions by ??? */
/*adding for Portugal terms & use*/
/*WARNING: "legal" is a highly reusable class name! We should change this to a unique class name ASAP, or we risk disrupting the display of GLOBAL ELEMENTS (such as legal footer!) which also use this classname. */
ol.legal ol {
    list-style-type: lower-alpha;
}
/*added some padding - just a guess - we have no visual reference for this page.*/
/*TODO child selector*/
ol.legal li {
    /*OL_LI_EXCEPTION*/
    padding-top: 20px;
}

/* I believe this was for Ireland, where they wanted 4 callouts stacked up on the home page */
.nav-indent {
    padding-left: 40px;
}

/*Temporary hack / stopgap to fix a very large quantity of arrow-links entered incorrectly in content on Leadership accordions (/company/leadership)
    They should be blue-med but they were entered as blue-lg */
.accordion.type-b .icon-link.arrow-blue-lg span:after {
    content: " ";
    background-image: url("/-/media/gwmp/images/ui/icofootersprite.png");
    height: 10px;
    width: 6px;
    background-position: 0 -37px;
    display: inline-block;
    position: absolute;
    right: -11px;
    bottom: 2px;
}

/*Temporary hack to make PDF list ("Graphical Media Link") display differently if inside an accordion (/company/corporate-governance) http://www.mylan.com/company/corporate-governance */
.accordion.type-a .pane > .pdf-list.type-b > .inner > ul > li > .left {
    float: left;
    width: 52px;
}

.accordion.type-a .pane > .pdf-list.type-b > .inner > ul > li > .left, .accordion.type-a .pdf-list.type-b > .inner > ul > li > .right {
    display: block;
}

.accordion.type-a .pane > .pdf-list.type-b > .inner > ul > li > .right {
}

.accordion.type-a .pane > .pdf-list.type-b > .inner > ul > li > .right .icon-link.arrow-blue-med span:after {
    display: none;
}

.accordion.type-a .pane > .pdf-list.type-b .file-size {
    font-size: 11px;
    margin-top: -2px;
}

.accordion.type-a .pane > .pdf-list.type-b {
    margin-bottom: 10px;
}

/*clearfix it*/
.accordion.type-a .pane > .pdf-list.type-b:before,
.accordion.type-a .pane > .pdf-list.type-b:after {
    content: " ";
    display: table;
}

.accordion.type-a .pane > .pdf-list.type-b:after {
    clear: both;
}

.accordion.type-a .pane > .pdf-list.type-b {
    *zoom: 1;
}

/*1/14/2015  all other accordions are padded, except corporate governance, so we will add the following hack to replicate the inconsistency
update- removed hack because while it works for the pdf list accordions, there's no way to target accordions with text content only on this page. So we will impose the standard: accordion type-a content is padded.
.accordion.type-a .pane > .pdf-list.type-b {
    margin-left:-20px;
    margin-right:-20px;
}
*/

/* for unit dose and specialty packaging page 
    REMOVED for 4/24/2015 update
.accordion.type-a .pane > .content-with-floated-image .floated.left {
    max-width: 47.2%;
}
*/

/*temp hack to add a bit of spacing between links in plus hero feature captions*/
.plus-resources-hero-feature .caption .icon-link {
    margin-bottom: 8px;
    display: inline-block;
}

/*temp hack for floated image content within accordion WITH a UL in the caption... odd use case... only seems to exist here:
    http://www.mylan.com/products/packaging-and-delivery-systems/unit-dose-and-specialty-packaging */
.accordion .content-with-floated-image > .caption > ul {
    /* this doesn't work with longer LI text
        float: left;*/
}

.accordion .content-with-floated-image > .caption {
    display: table;
    /*why this works, I have no clue*/
}

.accordion.type-a .content-with-floated-image > .caption {
    padding-top: 6px;
}

/*inconsistent font size on original mylan.com - attempt to replicate inconsistency */
.accordion .content-with-floated-image > .caption > ul > li {
    /*LI_EXCEPTION*/
    font-size: 12px;
}

/*odd exception --- inline pdf list type-b ON RAIL has no link icons... */
.rail .pdf-list.inline.type-b .icon-link.arrow-blue-med span:after {
    display: none;
}

/*TEMP hide mysterious unwanted HTML being generated by the pagination code... (press releases list page)*/
.PagedList-ellipses, .PagedList-skipToFirst, .PagedList-skipToLast {
    display: none;
}

/*TODO componentize this - it's just raw content right now */
.social-bar {
    margin-top: 4px;
}

.social-bar .socialButton {
    display: inline-block;
    position: relative;
}

.social-bar .socialButton + .socialButton {
    margin-left: 14px;
}

.social-bar .socialButton + .socialButton:before {
    content: " ";
    display: block;
    position: absolute;
    width: 1px;
    height: 25px;
    background: #EAB40F;
    left: -9px;
    top: -2px;
    bottom: 2px;
}

/*ANCHOR PUSH temporary stopgap for adjusting scroll position of anchor tags to compensate for height of header bar. (mylan.com)
    See UI CONTROL JS for proposed global solution (which is commented out pending approval to implement).*/
.anchor-push:before {
    display: block;
    content: " ";
    margin-top: -58px;
    height: 58px;
    visibility: hidden;
}

/*Hack for unique (nonstandard) green stripe divider on Mylan.com investors landing page*/
.public-filings-summary + script + .content-section + .custom-hr.green-stripes {
    max-width: 430px;
    height: 7px;
}

.public-filings-summary + script + .content-section + .custom-hr.green-stripes + .pdf-list + .custom-hr.green-stripes {
    max-width: 430px;
    height: 7px;
    margin-bottom: 30px;
}

/*hack for unique grey divider on Mylan.com's Investors page, between past events summary and bottom callout
    (it needs to have the normal padding adjusted and in mobile it needs to go straight to the edge) 
    (this markup is not componentized - it's in a content section*/
.custom-hr.grey-line.investors {
    margin: 0 0 18px;
}

/* hack to achieve unique exception to OL styles found on transdermal technology page */
/* .transdermal class is applied in content */
ol.transdermal {
    /*LI_EXCEPTION*/
    font-weight: bold;
    color: #000;
}

ol.transdermal li {
    /*LI_EXCEPTION*/
    margin-left: 20px;
    font-weight: bold;
    color: #000;
    padding: 0;
    margin-top: 4px;
}

ol.transdermal strong {
    color: #000;
}

ol.transdermal li span {
    font-weight: normal;
    color: #666;
}

/*Exception to normal Page Headline padding: reduce top padding if headline is preceded by a carousel*/
.carousel + .container-full.padded-content > .page-headline {
    padding-top: 10px;
}

/* TODO: This is a temp manual component, used on Canada and US and possibly elsewhere. It needs to be componentized. */
.accordion.type-d .greybox {
    background: #ededed;
    padding: 20px;
    margin-top: 10px;
}

.accordion.type-d .greybox h2 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 12px;
}

/*here's the stand-alone version for componentization... TODO: move this into components section if/when views and controls are ever created for it (right now the class only exists in content on mylan.com) */
/* TODO: This is a temp manual component, used on Canada and US and possibly elsewhere. It needs to be componentized. */
/* ----- Reasons to Move ----- */
.reasons-to-move {
    background: #f2f2f2;
    padding: 20px;
    position: relative;
    margin-bottom: 45px; /*20 standard bottom padding + 25 to account for abs positioned blue stripe*/
}

.reasons-to-move h2 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 12px;
}

/*exceptions to standard caption & ul behavior...*/
.reasons-to-move > .caption {
    padding-bottom: 10px;
    padding-top: 5px;
}

.reasons-to-move > .caption ul li + li {
    /*LI_EXCEPTION_REMOVED
    margin-top: 8px;*/
}

.reasons-to-move:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    background-color: #fff;
    background-image: url("/-/media/gwmp/images/ui/bluestripes.png");
    background-repeat: repeat-x;
    left: 0;
    bottom: -25px;
}

/*additional rules and exceptions for "reasons to move" when placed inside an accordion (careers landing page, mylan.com) */
.accordion.type-d .reasons-to-move {
    margin-bottom: 15px;
}

.accordion.type-d .reasons-to-move:after {
    display: none;
}

.accordion.type-d .reasons-to-move h2 {
    margin-bottom: 20px;
}

.accordion.type-d .reasons-to-move > .caption {
    /*overrides .accordion.type-d > .inner > ul > li > .pane > .caption .caption" rule*/
    padding-bottom: 20px!important;
}

.accordion.type-d .reasons-to-move > .content-with-floated-image > .caption {
    display: inline;
    padding-bottom: 20px;
}

/*'Contact global communications cta' (not componentized) - mylan.com "news" landing page*/
h2.contact-global-communications-cta {
    font-size: 14px;
}

/*Tooltip Popup styles (one-off, not componentized. Currently only exists on mylan.com contact form... markup has been manually entered into content.) */
.tooltipPopupContainer {
    display: inline;
}

.tooltipTrigger {
    cursor: pointer;
    color: #00BBE7;
}

.tooltipPopupContainer.active .tooltipPopup {
    position: absolute;
    width: 220px;
    padding: 40px 20px 20px;
    background: #f7f7f7;
    z-index: 1;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border-radius: 4px;
}

.tooltipPopupContainer.active .tooltipPopup {
    display: block!important;
}

.tooltipPopupContainer.active .tooltipPopup .caption {
    padding-bottom: 0;
}

.tooltipPopupContainer.active .tooltipPopup .closeBtn {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #00b1dd;
    cursor: pointer;
}

.tooltipPopupContainer.active .tooltipPopup .closeBtn img {
    margin-bottom: -5px;
}

/*TEMP - CSS class exists directly in content - mylan.com rebuild only - PDS phase 1 - will become deprecated when new PDS UI is created.*/
.product-page-marc-number {
    text-align: right;
    max-width: 680px;
    padding-right: 20px;
    padding-bottom: 20px;
    position: relative;
    bottom: -40px;
}

/*career iframe - sloppy but effective*/
#career_iframe {
    width: 120%;
}

/*CUSTOM BLUE TABLES http://www.mylan.fr/transparence-des-liens.html?d=2013&s=1&cat=cat_profsan */
table.blue-table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
    font-size: 13px;
}

table.blue-table tr th {
    color: #FFF;
    background-color: #00bbe4;
    padding: 4px;
    text-align: left;
    font-weight: bold;
}

table.blue-table tr td {
    color: #000;
    background-color: #cce5f9;
    padding: 4px;
    font-size: 13px;
}

table.blue-table tr td a {
    font-size: 13px;
    color: #000;
}

table.blue-table tr td a:hover {
    text-decoration: none;
}

table.blue-table tr.odd td {
    color: #000;
    background-color: #e7f4fa;
}

/**********************************
our css include here 

***************************************/

body {
    padding-top: 68px !important;

    /*overflow-y: hidden;idk why? they have this on mylan.com*/
    overflow-x: hidden; /*for the .flyoff elements*/
}

@media (min-width: 992px) {
    body {
        padding-top: 116px !important;
    }
}

.page-wrap-outer {
    overflow: hidden; /*mobile devices don't recognize overflow rules on body*/
}

.main-wrap {
    margin-top: 0;
    clear: both;
}

@media (min-width: 991px) {
    .main-wrap {
        margin-top: 0;
    }
}
/* --- NAVIGATION --- */

.nav-module {
    position: relative;
    top: -50px;
    z-index: 5;
    background: #F7F7F7;
}

.nav-module .logo {
    position: relative;
}

.nav-module .logo>a>img {
    width: 100%;
    height: auto;
}

/*.nav-list {
    display: none;
}*/

.nav-list>li {
    padding-left: 0;
}

.nav-list>li:before {
    display: none;
}

.nav-list>li>a {
    font-size: 13px;
    display: block;
    /*min-height: 42px;*/
    width: 100%;
    position: relative;
    /*border-top: 1px solid white;*/
    background-color: #f7f7f7;
    /*background-image: url('/-/media/gwmp/images/ui/nav_spritesheet.png');*/
    background-repeat: no-repeat;
    background-position: 10px -82px;
}

.nav-list>li>a,
.nav-list>li>a:hover {
    text-decoration: none;
}

.nav-list>li>a>span {
    font-size: 13px;
    text-decoration: none;
    color: #333333;
    line-height: 20px;
}

.nav-list>li>a:hover {
    background-color: #E2E2E2;
    /*border-top: 1px solid #E2E2E2;*/
    background-position: 6px -245px;
}

.nav-toggle {
    display: block;
    height: 14px;
    width: 35px;
    float: left;
    background: none;
    cursor: pointer;
}

.nav-link {
    display: block;
    padding-top: 12px;
    padding-right: 5px;
}

/*hide arrow if there's no child*/

.nav-activator.no-child {
    background-image: none;
}

.nav-activator.no-child .nav-toggle {
    display: none;
}

/*.nav-activator.no-child .nav-link {
    margin-left: 35px;
}*/

/*level 1*/

/*.nav-list.lvl-1 {
    display: block;
}*/

.nav-activator.lvl-1 {
    background: #222222;
    height: 46px;
    display: none;
    /* "MENU" button */
}

.nav-activator.lvl-1 a span {
    color: #fff;
}

.nav-activator.lvl-1:before {
    background-color: #F0F0F0;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #D7D7D7;
    content: " ";
    display: block;
    height: 1px;
}

.nav-activator.lvl-1:hover {
    background: #888888;
    text-decoration: none;
}

/*level 2*/

.nav-activator.lvl-2:before {
    content: " ";
    display: block;
    height: 3px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #fff;
    background-color: #f0f0f0;
}

.nav-activator.lvl-2 {
    min-height: 32px;
    padding-bottom: 12px;
}

.nav-activator.lvl-2.active {
    background-color: #515151;
    background-position: 8px -128px;
    /*border-bottom: 1px solid #515151;*/
    padding-bottom: 20px;
}

.nav-activator.lvl-2.active>.nav-link {
    padding-right: 18px;
}

/*.nav-activator.lvl-2.active > .nav-toggle {
}*/

.nav-activator.lvl-2.current:after {
    content: "";
    display: block;
    width: 15px;
    height: 42px;
    right: 0;
    top: 50%;
    margin-top: -18px;
    position: absolute;
    background-image: url("/-/media/gwmp/images/ui/icomarkernav.png");
}

.nav-list.lvl-2>li>a {
    background-image: none;
    background-color: #33353A;
    border-bottom: 1px solid #202225;
    border-top: 1px solid #42454e;
}

.nav-list.lvl-2>li>a span {
    color: #fff;
}

.nav-list.lvl-2>li>a:hover {
    background-color: #1f2226;
}

.nav-list.lvl-2>li>a>.nav-link {
    padding: 0 16px 0 0;
    line-height: 1.4;
    font-size: 13px;
    color: #ffffff;
    width: 80%;
}

.nav-list.lvl-2.active>li>a.current {
    background-color: #191919 !important;
}

.nav-list.lvl-2.active>li>a.current:after {
    content: " ";
    width: 15px;
    height: 100%;
    right: 0;
    top: 1px;
    position: absolute;
    background-image: url("/-/media/gwmp/images/ui/icomarkernav.png");
    background-position: center;
    background-repeat: no-repeat;
}

/*level 3*/

.nav-list.lvl-3 {
    display: none;
}

.nav-list.lvl-3>li>a {
    background-image: none;
    background-color: #33353A;
    color: #fff;
    border-bottom: 1px solid #202225;
    border-top: 1px solid #42454e;
}

.nav-list.lvl-3>li>a:hover {
    background-color: #1f2226;
}

.nav-list.lvl-3.active>li>a.current {
    background-color: #191919;
}

.nav-list.lvl-3>li>a>.nav-link {
    padding: 0 16px 0 20px;
    line-height: 1.4;
    color: #fff;
}

.nav-list.lvl-3.active>li>a.current:after {
    content: " ";
    width: 15px;
    height: 100%;
    right: 0;
    top: 1px;
    position: absolute;
    background-image: url("/-/media/gwmp/images/ui/icomarkernav.png");
    background-position: center;
    background-repeat: no-repeat;
}

.nav-list.lvl-1:after {
    content: " ";
    display: block;
    height: 3px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #fff;
    background-color: #f0f0f0;
}

/*Plus resources navigation submenu*/

.plus-resources {
    padding-top: 2px;
    /*why?*/
    position: relative;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #eaeaea 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%, #eaeaea 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea', GradientType=0);
}

.plus-resources .extra-text {
    text-decoration: none;
    color: #00bce6;
    font-size: 10px;
    position: relative;
    top: -19px;
    padding-left: 14%;
    line-height: 1.2;
    display: block;
}

.plus-resources a:hover {
    text-decoration: none;
}

.plus-resources img {
    width: 100%;
}

.plus-resources:hover {
    background: #f7f7f7;
    text-decoration: none;
}

.plus-resources.active,
.plus-resources.active:hover {
    background: #292c31;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292c31', endColorstr='#292c31', GradientType=0);
}

.plus-resources.active .extra-text {
    color: #fff;
}

.plus-resources.current>a:after {
    content: url("/-/media/gwmp/images/ui/icomarkernav.png");
    height: 42px;
    position: absolute;
    right: 0;
    top: 27px;
    width: 15px;
}

.plus-resources .nav-list.lvl-2.active>li>a.current {
    background-color: #33353A;
}

.plus-resources .nav-list.lvl-2.active>li>a:hover {
    background-color: #191919;
}

.plus-resources .nav-list.lvl-2 {
    /*hide resources nav list from desktop...*/
    display: none;
}

.plus-resources.active .nav-list.lvl-2 {
    /*...unless we are in the PR section*/
    display: block;
}

.plus-resources .normal {
    display: block;
}

.plus-resources .inverted {
    display: none;
}

.plus-resources.active .normal {
    display: none;
}

.plus-resources.active .inverted {
    display: block;
}

/*bottom nav shadow*/

nav.nav:after {
    content: " ";
    width: 100%;
    height: 4px;
    position: absolute;
    display: block;
    bottom: -4px;
    background-image: url("/-/media/gwmp/images/ui/shadow.png");
    background-repeat: repeat-x;
}

/* home page overrides - home page only */

.home .nav.grid {
    position: absolute;
    top: 0;
    left: 0;
}

.home .nav-module {
    /*nav is not part of page flow on home*/
    top: 0;
}

/*.home .nav-list.lvl-1 {
    display: none;
}*/

.nav-activator.lvl-1 {
    /*only appears on home page*/
    display: block;
}

.home .nav-activator.lvl-1 span {
    /* margin: 0 auto; */
    /*padding-left: 20px;*/
    /*position: relative;
    width: 100px;*/
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    /*padding-top: 13px;*/
    color: #00bce4;
}

.home .nav-activator:hover span {
    text-decoration: none;
}

.home .nav-activator.lvl-1 span:before {
    content: " ";
    /*background: url('/-/media/gwmp/images/ui/nav_spritesheet.png');*/
    display: block;
    width: 20px;
    height: 30px;
    position: absolute;
    background-position: 0 -227px;
    /*left: 20px;*/
    top: 7px;
}

/*.nav-list.lvl-1.active {
    display: block;
}*/

/*.nav-list.active{
    display: block;
}*/

/*the NEWS section of the navigation has color coding*/

.nav-list.lvl-2.active>li.red,
.nav-list.lvl-2.active>li.purple,
.nav-list.lvl-2.active>li.green,
.nav-list.lvl-2.active>li.orange {
    box-sizing: border-box;
}

.nav-list.lvl-2.active>li.red {
    border-left: 5px solid #EC3358;
}

.nav-list.lvl-2.active>li.purple {
    border-left: 5px solid #6E57A4;
}

.nav-list.lvl-2.active>li.green {
    border-left: 5px solid #C3D940;
}

.nav-list.lvl-2.active>li.orange {
    border-left: 5px solid #F57F22;
}

.nav-list.lvl-2.active>li.blue {
    border-left: 5px solid #00b5e6;
}

/* --- END NAVIGATION --- */
section.header {
    height: 55px;
    top: 0;
    width: 100%;
    z-index: 10;
    background: url("/-/media/gwmp/images/ui/bgheader.png") repeat-x scroll 0 -61px;
}

.header-divider {
    background: url("/-/media/gwmp/images/ui/bgheader.png") no-repeat scroll right bottom;
}

.header > .grid {
    padding-top: 5px;

    /* height: 68px; */
}

@media (min-width: 992px) {
    .header > .grid {
        height: auto;
    }
}

.header.scrolled {
    z-index: 99999;
}


.header .logo {
    position: relative;
    z-index: 6;
    height: 100%;
    text-align: center;
    padding-left: 0;

    /* float: left; */
}

.header .logo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.header .logo img {
}*/

.header.scrolled .logo {
    z-index: 6;
}

/*.header.scrolled .logo img.desktopOnly {
    margin-left: -10px;
    slight adjustment
}*/


/* --- FOOTER --- */
/* requires overriding/breaking the grid, and other hacks due to layout quirks */
.global-footer {
    margin-top: 30px;
}

.global-footer > .grid > .col-1of4 {
    max-width: 240px;
    float: right; /*has to be floated right so it can be placed between sitemap and legal in the HTML - mobile state collapses into one column */
}

.global-footer > .grid > .col-3of4 > .inner {
    padding: 0;

    /* margin-right: 5px; */
}

/*.global-footer > .grid > .col-3of4 > .inner > .border {
    border-top: 1px solid #e2e2e2;
    max-width: 680px;
    height: 39px;
    margin-left: -40px;
}*/

/* Check this Impact on site */

.Career_Hero .career_img {
    position: absolute;
    margin-left: 330px;
    height: 285px;
    display: none;
}
/* ---- INTERSTITIAL POPUPS ---- */
#interstitial-overlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;

    /*ie8-9*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3000000, endColorstr=#d3000000);
}

.interstitial {
    display: none;
    position: fixed;
    top: 20%;
    right: 0;
    left: 0;
    z-index: 999999;
}

.interstitial .window .inner {
    padding: 41px 40px 40px 36px;
}

.interstitial .window .caption {
    padding:0 0 20px 0 !important;
}

.interstitial .cancel {
    margin-left: 40px;
    cursor: pointer;
    display: inline-block;
    color: #666;
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%);
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
}

@media screen and (max-width: 680px) {
    .interstitial .cancel {
        padding-top: 0 !important;
    }
}

.interstitial .cancel a {
    color: #00BCE4;
    padding: 12px 14px;
    display: block;
    font-weight: bold;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 14px;
}

.interstitial .btn-v2 > a > span:after {
    background-image: none;
}

.interstitial .btn-v2 > a > span {
    left: 0;
}

.interstitial .btn-v2 {
    padding-right: 0;
}

/* Check this Impact on site end */


/*************************************
New code for reskin
***********************************/

/* ********** New CSS ********************** */

/* ****** Bootstrap Grid CSS starts************ */

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .btn-wrapper:before, .btn-wrapper:after {
    content: " ";
    display: table;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after, .btn-wrapper:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modal-header {
    padding: 15px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
}

.modal-footer {
    text-align: right;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 724px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after, .modal-header:after, .modal-footer:after {
    clear: both;
}

/* ************ Bootstrap Grid CSS Ends ***************** */

/* ************** Owl Carousel Plugin CSS ***************************** */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

/*
 *  Owl Carousel - Core
 */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    margin: auto;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */

.no-js .owl-carousel {
    display: block;
}

/*
   *  Owl Carousel - Animate Plugin
   */

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
   * 	Owl Carousel - Auto Height Plugin
   */

.owl-height {
    transition: height 500ms ease-in-out;
}

/*
   * 	Owl Carousel - Lazy Load Plugin
   */

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
   * 	Owl Carousel - Video Plugin
   */

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/* ***************** Owl Carousel CSS Ends ****************** */

/* ************** Custom Scroll Plugin CSS Starts***************************** */

/* 
------------------------------------------------------------------------------------------------------------------------
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_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: 10px;
    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: 10px;
    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: 1;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    z-index: 9;
}

.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: #05aed4;
    background-color: #05aed4;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #05aed4;
    background-color: #05aed4;
    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: #05aed4;
    background-color: #05aed4;
    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);
}

/* ---------------------------------------- */

.lvl-1.mCustomScrollbar {
    height: calc(100vh - 116px);
}

/* ************** Custom Scroll Plugin CSS Ends***************************** */

/*
 * jQuery FlexSlider v2.7.1
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/

.flex-container a:hover, .flex-slider a:hover {
    outline: none;
}

.slides, .slides>li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%;
    display: block;
    min-height: 100px;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides>li:first-child {
    display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/

.flexslider {
    margin: 0 0 20px;
    position: relative;
    zoom: 1;
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

@-moz-document url-prefix() {
    .loading .flex-viewport {
        max-height: none;
    }
}

.pageWrap-inner .carousel li {
    margin-right: 0;
}

.flex-direction-nav {
    *height: 0;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.flex-direction-nav li:first-child {
    float: left;
}

.flex-direction-nav li:last-child {
    float: right;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
    font-size: 40px;
    display: inline-block;
    content: '<';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
    content: '>';
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flex-direction-nav .flex-next {
    right: 0;
    text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /*  IE8 */
    filter: alpha(opacity=0);
    opacity: 0 !important;
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

.flexslider .flex-direction-nav a {
    opacity: 1;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    margin-top: -25px;
}

.flexslider .flex-direction-nav .flex-next {
    right: 10px;
}

.flexslider .flex-direction-nav .flex-prev {
    left: 10px;
}

.flexslider .flex-direction-nav a:before {
    content: ' ';
    background: url(../img/sl-th-arrow-left.svg) 7px center no-repeat rgba(255, 255, 255, 0.8);
    width: 24px;
    height: 24px;
    background-size: 8px 12px;
    border-radius: 50%;
}

.flexslider .flex-direction-nav a.flex-next:before {
    content: ' ';
    background-image: url(../img/sl-th-arrow-right.svg);
    background-position: 8px center;
    width: 24px;
    height: 24px;
    background-size: 8px 12px;
    border-radius: 50%;
}

.flexslider .slides li a {
    color: #333;
    text-decoration: none;
    display: block;
}

.flexslider .slides li {
    margin-right: 20px;
    cursor: pointer;
}

@media (min-width: 768px) {
    #carousel.flexslider .slides li {
        width: 214px !important;
    }
}

@media (min-width: 992px) {
    #carousel.flexslider .slides li {
        width: 116px !important;
    }
}

@media (min-width: 1200px) {
    #carousel.flexslider .slides li {
        width: 150px !important;
    }
}

.flexslider .slides li a .flex-caption {
    font-size: 14px;
    color: #333333;
    line-height: 1.4;
    margin-top: 12px;
}

#popup-carousel {
    margin-left: 20px;
    margin-right: 20px;
}

@media (min-width: 992px) {
    #popup-carousel {
        margin-left: 40px;
        margin-right: 40px;
    }
}

#popup-carousel .flex-direction-nav a {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    opacity: 1;
    left: -25px;
    outline: none;
}

#popup-carousel .flex-direction-nav a.flex-next {
    left: auto;
    right: -20px;
}

#popup-carousel.flexslider:hover .flex-direction-nav .flex-prev {
    left: -25px;
    opacity: 1;
}

#popup-carousel.flexslider:hover .flex-direction-nav .flex-next {
    right: -20px;
    left: auto;
    opacity: 1;
}

#popup-carousel .flex-direction-nav a:before {
    content: ' ';
    background: url(../img/sl-th-arrow-left.svg) 7px center no-repeat;
    background-size: 14px 24px;
    width: 24px;
    height: 24px;
}

#popup-carousel .flex-direction-nav a.flex-next:before {
    background: url(../img/sl-th-arrow-right.svg) 7px center no-repeat;
}

/* #popup-slider */

#popup-slider.flexslider {
    border: 0;
    margin-bottom: 20px;
    border-radius: 0;
}

#popup-slider.flexslider .slides>li .imgBox {
    margin-bottom: 15px;
}

#popup-slider.flexslider .slides>li .flex-caption {
    font-size: 14px;
    text-align: center;
    color: #333333;
}

#popup-slider .flex-direction-nav {
    display: none;
}

/* #popup-carousel end*/

#popup-carousel.flexslider {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
}

#popup-carousel.flexslider .slides>li {
    border: solid 2px transparent;
}

#popup-carousel.flexslider .slides>li.flex-active-slide {
    border: solid 2px #00b5e6;
}

/* #popup-carousel */

/* ***************** Misc CSS Starts ****************************************/

.gsrhome_css .grid, .gsr_css .grid {
    max-width: 960px !important;
}

.gsr_css .mobile-subnavigation.mobileOnly {
    top: 475px !important;
}

.page-wrap-inner {
    float: left;
    width: 100%;
}

.page-wrap-inner .main-wrap {
    margin-top: 0px !important;
}

.main-wrap {
    float: left;
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
}

.global-footer {
    transition: all 0.5s ease;
}

.menu-opened {
    transform: translateX(255px);
    cursor: pointer;
    z-index: 99;
}

.menu-opened:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.overflow {
    overflow: hidden;
}

.overflow .page-wrap-outer {
    overflow: hidden;
}

.landingpage .row {
    margin-bottom: 0;
}

.desktop-visible {
    display: none;
}

@media (min-width: 992px) {
    .desktop-visible {
        display: block;
    }
}

.mobile-visible {
    display: block;
}

@media (min-width: 992px) {
    .mobile-visible {
        display: none;
    }
}

@media (min-width: 991px) {
    .main-wrap .grid .col-1of4 {
        min-height: 1px;
        position: relative;
        z-index: 9;
    }
    .main-wrap .grid .col-3of4 .carousel-slides>li:first-child {
        visibility: hidden;
    }
}

.main-wrap .grid .col-1of4 .nav-list.lvl-2>li>a .nav-link {
    transition: all 0.5s ease 0s;
}

.main-wrap .grid .col-1of4 .nav-list.lvl-2>li>a:hover .nav-link, .main-wrap .grid .col-1of4 .nav-list.lvl-2>li>a:focus .nav-link {
    color: #008cb2;
}

a {
    transition: all 0.5s ease 0s;
}

 .blue-boxes-wrapper, .blue-boxes-row,  .blue-boxes-wrapper>.blue-boxes-row>.feature-article-callout, section.header, .header>.grid, .mylan-worldwide-panel, .mylan-worldwide-panel .location-selector ul, .global-footer, .footer-column, .sub-menu-footer, .global-footer .socialIcon, .global-footer .copyright, .global-carousel .slide-title,  .container-two-column, .career-links-main-wrapper .container, .career-links-main-wrapper .container-two-column .grid, .career-links-main-wrapper .container-two-column .grid .col-1of2, .career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .left, .career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .right, .key-summary-container-fluid, .key-summary-container-fluid .key-summary-container, .key-summary-container-fluid .key-summary-container .key-summery-row, .key-summary-container-fluid .key-summary-container .key-summery-row>.aboutlistitem, .key-summary-container-fluid .key-summary-container .sub-headline, .aboutlistitem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ***************** Misc CSS Ends **************************** */

/* ******************** Footer CSS Starts ******************** */

.global-footer {
    background: #00b5e6;
    padding: 0px 0px 30px;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 0px !important;
}

.global-footer>.grid>.col.col-3of4>.inner {
    display: none;
}

@media (min-width: 992px) {
    .global-footer>.grid>.col.col-3of4>.inner {
        display: block;
    }
}

.global-footer .grid .col.col-3of4 .inner>.border {
    display: none;
}

.global-footer .grid {
    width: auto;
    box-sizing: border-box;
}

.global-footer .grid {
    max-width: initial;
}

@media (min-width: 992px) {
    .global-footer .grid {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .global-footer .grid {
        max-width: 1170px;
    }
}

.global-footer .grid .col-3of4 {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .global-footer .grid .col-3of4 {
        padding: 0;
    }
}

.global-footer .grid .row {
    margin-bottom: 0;
    overflow: visible;
}

.footer-column {
    width: 50%;
    float: left;
    margin-bottom: 30px;
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.footer-column ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.footer-column ul li {
    display: block;
    line-height: 1.2;
    padding-bottom: 2px;
}

.footer-column h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}

.footer-column h3:hover, .footer-column h3:focus {
    color: #333333;
}

.footer-column h3:after {
    content: "";
    height: 1px;
    width: 92px;
    background: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-column ul li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    line-height: 1.4;
    font-size: 13px;
    transition: all 0.5s ease 0s;
}

.footer-column ul li a:hover, .footer-column ul li a:focus {
    color: #333333;
}

.sub-menu-footer {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}

@media(min-width: 992px) {
    .sub-menu-footer {
        padding-top: 0px;
    }
}

.sub-menu-footer ul {
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    margin: 0;
}

.sub-menu-footer ul li {
    position: relative;
    padding-right: 10px;
    margin-right: 9px;
    margin-bottom: 5px;
    float: left;
}

.sub-menu-footer ul li:after {
    content: " ";
    position: absolute;
    width: 2px;
    height: 14px;
    background: #fff;
    right: 0;
    top: 4px;
}

.sub-menu-footer ul span a {
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}

.sub-menu-footer ul span span {
    display: none;
}

.sub-menu-footer ul span a span {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: block;
}

.sub-menu-footer ul span a span:hover, .sub-menu-footer ul span a span:focus {
    color: #333333;
}

.sub-menu-footer ul li:last-child:after, .sub-menu-footer ul li:nth-child(4):after {
    background: transparent;
}

.sub-menu-footer ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}

.sub-menu-footer ul li a:hover, .sub-menu-footer ul li a:focus {
    color: #333333;
}

.copyright {
    clear: both;
    color: #fff;
    float: left;
    font-size: 13px;
    margin-top: 30px;
    padding-left: 15px;
}

.copyright span p {
    clear: both;
    color: #fff;
    font-size: 13px;
    /* padding-left:15px; */
}

.copyright a {
    display: none;
}

.copyright span span {
    display: block;
}

.copyright span span.reserved {
    margin-bottom: 5px;
}

.footer-logo-wrapper {
    width: 100%;
    float: left;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .footer-logo-wrapper {
        width: 26%;
        float: right;
    }
}

@media (min-width: 1200px) {
    .footer-logo-wrapper {
        width: 22%;
    }
}

.footer-socialmedia {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
}

.footer-socialmedia li {
    float: left;
    margin-right: 12px;
    width: 32px;
}

.footer-socialmedia li a {
    opacity: 1;
    transition: all 0.5s ease 0s;
    width: 24px;
    height: 24px;
    display: block;
}

.footer-socialmedia li:last-child {
    padding: 0;
    margin: 0;
}

.socialIcon {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 20px;
}

.socialIcon p {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-bottom: 8px;
}

.socialIcon p:after {
    content: "";
    height: 1px;
    width: 95px;
    background: #00b5e6;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-socialmedia li a span {
    display: block;
    position: relative;
}

.footer-socialmedia .hovercolor span:after {
    content: "";
    height: 18px;
    width: 18px;
    background-size: cover;
    position: absolute;
    top: 7px;
    left: 7px;
	background-size:18px 18px;
}

.footer-socialmedia li a .twitter:after {
    background-image: url(../img/icon-f-twitter.svg);
}

.footer-socialmedia li a:hover .twitter:after, .footer-socialmedia li a:focus .twitter:after {
    background-image: url(../img/icon-f-h-twitter.svg);
}

.footer-socialmedia li a .linkedin:after {
    background-image: url(../img/icon-f-linkedin.svg);
}

.footer-socialmedia li a:hover .linkedin:after, .footer-socialmedia li a:focus .linkedin:after {
    background-image: url(../img/icon-f-h-linkedin.svg);
}

.footer-socialmedia li a .youtube:after {
    background-image: url(../img/icon-f-youtube.svg);
}

.footer-socialmedia li a:hover .youtube:after, .footer-socialmedia li a:focus .youtube:after {
    background-image: url(../img/icon-f-h-youtube.svg);
}

.footer-socialmedia li a .facebook:after {
    background-image: url(../img/facebook-footer.svg);
}

.footer-socialmedia li a:hover .facebook:after, .footer-socialmedia li a:focus .facebook:after {
    background-image: url(../img/facebook_hover.svg);
}

.socialIcon h3 {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 4px;
    color: #fff;
    position: relative;
    padding-bottom: 5px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
}

.footer-socialmedia .hovercolor {
    position: relative;
    height: 32px;
    width: 32px;
    background: #fff;
    border-radius: 50%;
}

#footerlogo {
    width: 100%;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    margin-top: 25px;
}

@media (min-width: 992px) {
    #footerlogo {
        width: 26%;
        float: right;
        margin-top: 12px;
    }
}

@media (min-width: 1200px) {
    #footerlogo {
        width: 22%;
    }
}

#footerlogo a {
    width: 128px;
    height: 32px;
    display: block;
}

.sub-menu-footer ul li:nth-child(5) {
    clear: both;
}

@media (min-width: 992px) {
    .global-footer {
        padding: 50px 0px 50px 0px;
    }
    .sub-menu-footer {
        width: 74%;
    }
    .footer-socialmedia {
        text-align: center;
    }
    .footer-socialmedia li a {
        width: 30px;
        height: 30px;
    }
    .socialIcon {
        float: right;
        width: 26%;
        padding-top: 0;
    }
    .sub-menu-footer {
        text-align: left;
    }
    .sub-menu-footer ul li:last-child:after, .sub-menu-footer ul li:nth-child(4):after {
        background: transparent;
    }
    .copyright {
        margin-top: 28px;
    }
    .footer-column {
        width: 20%;
        margin-bottom: 30px;
        display: block;
    }
    .global-footer .row .footer-column:nth-child(3) {
        width: 18%;
    }
    .sub-menu-footer ul li {
        float: left;
    }
    .sub-menu-footer ul li:nth-child(5) {
        clear: both;
    }
    .footer-socialmedia {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .sub-menu-footer {
        width: 78%;
    }
    .socialIcon {
        width: 22%;
    }
}

.gsr2-footernote {
    width: 100%;
    margin: auto;
    padding: 15px 15px;
    box-sizing: border-box;
}

.gsr2-footernote .productDesc {
    font-size: 17px;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .gsr2-footernote {
        width: 970px;
        padding: 15px 30px;
    }
}

@media (min-width: 1200px) {
    .gsr2-footernote {
        width: 1170px;
    }
}

/************************** socialicon-box ****************************/

.socialicon-box {
    position: relative;
    right: 0;
    top: 68%;
    z-index: 99;
    background: #f2f2f2;
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .socialicon-box {
        position: fixed;
        margin-bottom: 0px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        background: transparent; 
    }
}

@media (min-width: 1366px) {
    .socialicon-box {
        top: 70%;
    }
}

@media (min-width: 1400px) {
    .socialicon-box {
        top: 68%;
    }
}

.socialicon-box .share-btn {
    display: block;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
}

.socialicon-box .share-btn img {
    position: relative;
    top: 4px;
    left: 15px;
    width: 20px;
}

.socialicon-box ul {
    list-style: none;
    padding: 14px 0px 8px;
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    background: #fff;
}

.socialicon-box ul li {
    margin: 0;
    text-align: center;
    margin-bottom: 0px;
    display: inline-block;
}

@media (min-width: 992px) {
    .socialicon-box ul li {
        margin-bottom: 1px;
        display: block;
    }
}

.socialicon-box ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.socialicon-box ul li a {
    text-decoration: none;
    display: inline-block;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    padding-top: 7px;
    display: block;
    margin-right: 15px;
    box-sizing: border-box;
}

.socialicon-box ul li:last-child a {
    margin-right: 0;
}

.socialicon-box ul li a.facebook {
    background: #3b5998;
}

.socialicon-box ul li a.twitter {
    background: #0084b4;
}

.socialicon-box ul li a.linkedin {
    background: #0077B5;
}

.blue-share {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
}

.blue-share::after {
    content: "";
    background-image: url(../img/share_mobile_active.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 15px;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .socialicon-box ul li a {
        padding: 0;
        display: block;
        width: 35px;
        height: 35px;
        margin: 0 auto;
        border-radius: 0%;
        padding: 3px;
    }
    .socialicon-box ul li:last-child a {
        margin-right: auto;
    }
    .socialicon-box ul li a.facebook, .socialicon-box ul li a.twitter, .socialicon-box ul li a.linkedin {
       background-color: rgba(0, 0, 0, 0.25);
     border: solid 1px rgba(255, 255, 255, 0.5);
    }
}

.socialicon-box ul li a span:after {
    width: 20px;
    height: 30px;
    display: block;
    margin: 0 auto;
    content: " ";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 992px) {
    .socialicon-box ul li a span:after {
        width: 26px;
        height: 26px;
    }
}

.socialicon-box ul li a img {
    display: block;
    max-width: 100%;
}

.socialicon-box ul li a.youtube {
    margin-bottom: 25px;
}

.socialicon-box ul li a.twitter span:after {
    background-image: url("../img/twitter.svg");
}

.socialicon-box ul li a.linkedin span:after {
    background-image: url("../img/linkedin.svg");
}

/* @media (min-width: 992px) {
    .socialicon-box ul li a.linkedin:hover span:after, .socialicon-box ul li a.linkedin:focus span:after {
        background-image: url("../img/linkedin_hover.svg");
    }
    .socialicon-box ul li a.youtube:hover span:after, .socialicon-box ul li a.youtube:focus span:after {
        background-image: url("../img/icon-youtube-blue.png");
    }
    .socialicon-box ul li a.facebook:hover span:after, .socialicon-box ul li a.facebook:focus span:after {
        background-image: url("../img/facebook_hover.svg");
    }
    .socialicon-box ul li a.twitter:hover span:after, .socialicon-box ul li a.twitter:focus span:after {
        background-image: url("../img/twitter_hover.svg");
    }
}*/

.socialicon-box ul li a.youtube span:after {
    background-image: url("../img/icon-youtube.png");
}

.socialicon-box ul li a.facebook span:after {
    background-image: url("../img/facebook.svg");
}

.share-wrapper {
    display: none;
}

.share-btn.share-open .white-share {
    display: none;
}

@media (min-width: 992px) {
    .socialicon-box {
        width: 35px;
    }
    .socialicon-box .share-btn {
        display: none;
    }
    .share-wrapper {
        display: block !important;
    }
    .socialicon-box ul {
        padding: 22px 0px;
        background: transparent;
    }
}

@media (max-width: 992px) {
    .hide-mobile {
        display: none;
    }
}

/* ******************** Footer CSS Ends *********************** */

/* ******************* Careers CSS Starts********************* */

.landingpage {
    max-width: 100% !important;
}

/* ******* Carrers Section CSS *********** */

.career-links-main-wrapper section.careers {
    background: #111111;
}

.career-links-main-wrapper .careers-wrapper {
    float: left;
    width: 100%;
}

.career-links-main-wrapper .careers-wrapper .right-side {
    padding: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

.career-links-main-wrapper .careers-wrapper .right-side img {
    width: 100%;
    display: block;
}

.career-links-main-wrapper .careers-wrapper .left-side {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #fff;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .career-links-main-wrapper .careers-wrapper .left-side {
        padding-top: 40px;
        padding-bottom: 22px;
    }
}

.career-links-main-wrapper .careers-wrapper .left-side .text-1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #fff;
}

@media (min-width: 992px) {
    .career-links-main-wrapper .careers-wrapper .left-side .text-1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}

.career-links-main-wrapper .careers-wrapper .left-side .text-2 {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
    line-height: 1.4;
    width: 80%;
    margin: auto;
}

@media (min-width: 992px) {
    .career-links-main-wrapper .careers-wrapper .left-side .text-2 {
        font-size: 20px;
        margin-bottom: 9px;
    }
}

.career-links-main-wrapper .careers-wrapper .left-side .text-3 {
    color: #00b5e6;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
    text-transform: uppercase;
    display: block;
    margin-top: 6px;
}

@media (min-width: 992px) {
    .career-links-main-wrapper .careers-wrapper .left-side .text-3 {
        font-size: 30px;
        margin-bottom: 0;
        margin-top: 4px;
    }
}

.career-links-main-wrapper .careers-wrapper .left-side .text-4 {
    font-size: 18px;
    color: #fff;
}

@media (min-width: 992px) {
    .career-links-main-wrapper .careers-wrapper .left-side .text-4 {
        font-size: 20px;
    }
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper {
    width: 100%;
    float: left;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper>div>img {
    width: 100%;
    display: block;
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a {
    background: transparent;
    color: #00b5e6;
    outline: none;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    font-size: 18px;
    display: inline-block;
    text-decoration: none;
    margin-top: 12px;
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a:hover, .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a:focus {
    color: #00b5e6;
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a img {
    position: relative;
    top: 2px;
    left: 10px;
    transition: all 0.5s ease;
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a:hover img, .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a:focus img {
    left: 13px;
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper:last-child {
    padding-bottom: 0px;
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper:first-child div {
    float: none;
    display: inline-block;
}

.career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper:last-child div {
    float: none;
    display: inline-block;
}

@media (min-width: 992px) {
   .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
    }
    .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper>div>img {
        width: auto;
    }
    .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a {
        margin-top: 18px;
    }
    .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper:first-child div {
        float: right;
    }
   .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper:last-child div {
        float: left;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .career-links-main-wrapper .careers-wrapper .left-side {
        padding-left: 10px;
        padding-right: 10px;
    }
    .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a img {
        left: -2px;
    }
    .career-links-main-wrapper .careers-wrapper .left-side .btn-wrapper a:hover img, .careers-wrapper .left-side .btn-wrapper a:focus img {
        left: 4px;
    }
}

/*  career-links-main-wrapper start */

.career-links-main-wrapper {
    background-color: #111111;
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .career-links-main-wrapper {
        padding-bottom: 35px;
    }
}

.career-links-main-wrapper .container-two-column {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.career-links-main-wrapper .container-two-column:before, .career-links-main-wrapper .container-two-column:after, .career-links-main-wrapper .container-two-column .grid:before, .career-links-main-wrapper .container-two-column .grid:after {
    content: " ";
    display: table;
}

.career-links-main-wrapper .container-two-column:after, .career-links-main-wrapper .container-two-column .grid:after {
    clear: both;
}

@media (min-width: 768px) {
    .career-links-main-wrapper .container-two-column {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .career-links-main-wrapper .container-two-column {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .career-links-main-wrapper .container-two-column {
        width: 1170px;
    }
}

.career-links-main-wrapper .container-two-column .grid {
    max-width: none !important;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.career-links-main-wrapper .container-two-column .grid>.col-num-1 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .career-links-main-wrapper .container-two-column .grid>.col-num-1 {
        margin-left: 8.33333333%;
    }
}

@media (min-width: 992px) {
    .career-links-main-wrapper .container-two-column .grid>.col-num-1 {
        margin-left: 16.66666667%;
    }
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    float: none;
    width: 100%;
}

@media (min-width: 768px) {
    .career-links-main-wrapper .container-two-column .grid>.col-1of2 {
        float: left;
        width: 41.66666667%;
    }
}

@media (min-width: 992px) {
    .career-links-main-wrapper .container-two-column .grid>.col-1of2 {
        float: left;
        width: 33.33333333%;
    }
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout {
    margin: 0;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout {
        margin: 0;
    }
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .left, .career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .right {
    float: none;
    padding-left: 0;
    width: 100%;
    max-width: none;
    padding-bottom: 5px;
}

@media (min-width: 992px) {
    .career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .left, .career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .right {
        padding-bottom: 15px;
    }
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .right>.inner {
    padding-left: 0;
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout h3 {
    padding: 0;
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .caption {
    padding: 0;
    text-align: center;
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .caption a {
    font-size: 18px;
    color: #00b5e6;
    position: relative;
    display: inline-block;
    transition: all 0.5s ease 0s;
    outline: none;
    text-decoration: none;
    margin-left: -8px;
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .caption a:hover, .career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .caption a:focus {
    opacity: 0.9;
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .caption a:after {
    position: relative;
    content: " ";
    width: 10px;
    height: 14px;
    top: 2px;
    left: 8px;
    transition: all 0.5s ease;
    background: url(../img/button_arrow.svg) no-repeat center center;
    display: inline-block;
}

.career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .caption a:hover:after, .career-links-main-wrapper .container-two-column .grid>.col-1of2>.callout .caption a:focus:after {
    left: 12px;
}

/* career-links-main-wrapper end */

/* ******************* Careers CSS Ends******************************** */

/* ***************** Local Carousel Wrapper CSS ************************ */

section.thumbnailslider {
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    position: relative;
}

.local-carousel-wrapper {
    padding-top: 25px;
    padding-bottom: 0px;
    background-position: center right;
    position: relative;
    background-size: cover;
    clear: both;
    margin-bottom: 30px;
}

.local-carousel-wrapper .row {
    overflow: visible;
}

.local-carousel-wrapper .content-section {
    z-index: 9;
    position: relative;
    margin: auto;
}

@media (min-width: 768px) {
    .local-carousel-wrapper .content-section {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .local-carousel-wrapper .content-section {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .local-carousel-wrapper .content-section {
        width: 1170px;
    }
}

.local-carousel-wrapper .caption h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.4;
    width: 100%;
}

.local-carousel-wrapper .local-carousel-slider {
    width: 100%;
}

@media (min-width: 992px) {
    .local-carousel-wrapper .local-carousel-slider-wrapper {
        padding: 0;
    }
}

.local-carousel-wrapper .local-carousel-slider .item {
    display: block;
    cursor: pointer;
}

.local-carousel-wrapper .local-carousel-slider a {
    text-decoration: none;
}

.local-carousel-wrapper .local-carousel-slider a:hover .slide-img span, .local-carousel-wrapper .local-carousel-slider a:focus .slide-img span {
    transform: scale(1.1);
}

 .local-carousel-wrapper .local-carousel-slider .owl-nav {
    display: block;
    text-align: center;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav span.visible-xs {
    display: block;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav button {
    outline: none;
    margin-top: -28px;
    top: 40%;
    transform: translateY(-40%);
    position: absolute;
    right: 0;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev {
    margin-left: -45px;
    display: none;
    left: 0;
}

@media(min-width:1024px) {
	.local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev {
		margin-left: -38px;
	}
}

@media(min-width:1036px) {
	.local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev {
		margin-left: -45px;
	}
}

.local-carousel-wrapper .local-carousel-slider .owl-nav img {
    display: block;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav span {
    float: left;
    display: block;
    width: 100%;
    padding-top: 10px;
    font-size: 12px;
    color: #fff;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav button:hover span, .local-carousel-wrapper .local-carousel-slider .owl-nav button:focus span {
    color: #0088a6;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-number {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    opacity: 0.5;
    /* border-bottom: 4px solid #bfb8b3; */
    display: inline-block;
    margin-bottom: 20px;
    display: none;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav img.hover-img {
    display: none;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev:hover .hover-img, .local-carousel-wrapper.local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev:focus .hover-img {
    display: block;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev:hover .original-img, .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev:focus .original-img {
    display: none;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav .owl-next:hover .hover-img, .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-next:focus .hover-img {
    display: block;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav .owl-next:hover .original-img, .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-next:focus .original-img {
    display: none;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-img {
    position: relative;
    overflow: hidden;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-img .badge {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 7px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    min-width: 120px;
    text-align: center;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 18px 0 10px;
    line-height: 1.4;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-subtitle {
    font-size: 16px;
    line-height: 1.4;
    color: #666666;
}

.local-carousel-wrapper .owl-item {
    box-sizing: border-box;
}

.local-carousel-wrapper .owl-item.active {
    margin-left: -25px;
}

.local-carousel-wrapper .local-carousel-slider .owl-nav span.hidden-xs {
    display: none;
}

.local-carousel .slide-img {
    overflow: hidden;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-img span::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56%;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-img .ico_video {
    width: 40px;
    height: 40px;
    background-size: 100%;
    position: absolute;
    top: 54%;
    left: 43%;
    transform: translateY(-54%);
    background-image: url(/-/media/gwmp/images/ui/ico_video.png);
    background-position: top 0 left 0;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-img .slide-img-block {
    display: block;
    background-size: cover;
    background-position: center center;
    transition: all 1s ease 0s;
}

.local-carousel-wrapper .local-carousel-slider .item .slide-img img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.local-carousel-wrapper .local-carousel-slider .item:hover .slide-img img, .local-carousel-wrapper .local-carousel-slider .item:focus .slide-img img {
    width: 100%;
    transform: scale(1.1) rotate(0.1deg);
}

.local-carousel-wrapper .local-carousel-slider span.slider-left-arrow {
    background-image: url(../img/caurosel_button_Left.svg);
    height: 62px;
    width: 38px;
    background-repeat: no-repeat;
    background-size: 70%;
}

.local-carousel-wrapper .local-carousel-slider span.slider-right-arrow {
    background-image: url(../img/caurosel_button_Right.svg);
    height: 62px;
    width: 38px;
    background-repeat: no-repeat;
    background-size: 70%;
}

.local-carousel-wrapper .local-carousel-slider span.mobile-right-arrow {
    background-image: url(../img/arrow_carousal_mobile.svg);
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
}

.local-carousel-wrapper .container {
    box-sizing: border-box;
}

.local-carousel-wrapper .owl-dots {
    display: none;
}

.local-carousel-wrapper .caption {
    padding: 0px 15px;
}

@media (min-width: 600px) {
    .local-carousel-wrapper .local-carousel-slider .owl-nav button {
        margin-top: -60px;
        top: 60%;
        transform: translateY(-60%);
    }
}

@media (max-width: 991px) {
    .local-carousel-wrapper {
        background-image: none !important;
    }
}

@media (min-width: 992px) {
    .local-carousel-wrapper {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    section.thumbnailslider {
        background-image: url(../images/slider-bg.jpg);
    }
    .local-carousel-wrapper .owl-item.active {
        margin-left: 0px;
    }
    .local-carousel-wrapper .local-carousel-slider .item .slide-img .ico_video {
        top: 75%;
        left: 43%;
        transform: translateY(-75%);
    }
    .local-carousel-wrapper .local-carousel-slider .owl-nav button {
        position: absolute;
        text-align: left;
        margin-top: 0px;
        top: 40%;
        transform: translateY(-40%);
    }
    .local-carousel-wrapper .local-carousel-slider {
        width: 88%;
    }
    .local-carousel-wrapper {
        padding-top: 42px;
        padding-bottom: 45px;
    }
    .local-carousel-wrapper .local-carousel-slider .item .slide-number {
        display: inline-block;
        margin-bottom: 10px;
		display: none /*22-05-2019*/;
    }
    .local-carousel-wrapper .caption {
        padding: 0px 15px;
    }
    .local-carousel-wrapper .caption h3 {
        font-size: 30px;
        width: 100%;
        margin-bottom: 10px;
    }
    .local-carousel-wrapper .container {
        padding: 0px 30px;
    }
    .local-carousel-wrapper .local-carousel-slider .item .slide-title {
        padding: 15px 0 10px;
    }
    .local-carousel-wrapper .local-carousel-slider .item .slide-subtitle {
        color: #333333;
        float: left;
    }
    .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev {
        display: inline-block;
    }
    .local-carousel-wrapper .local-carousel-slider .owl-nav span.visible-xs {
        display: none;
    }
    .local-carousel-wrapper .local-carousel-slider .owl-nav span.hidden-xs {
        display: inline-block;
    }
    .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-next {
        margin-right: -55px;
    }
    .local-carousel-wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.7);
    }
}

@media(min-width:1024px) {
	 .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-next {
        margin-right: -50px;
    }
}

@media(min-width:1036px) {
	 .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-next {
        margin-right: -55px;
    }
}

@media (min-width: 1200px) {
    .local-carousel-wrapper .local-carousel-slider {
        float: left;
        width: 100%;
    }
    .local-carousel-wrapper .local-carousel-slider span.slider-left-arrow, .local-carousel-wrapper .local-carousel-slider span.slider-right-arrow {
        background-size: 100%;
    }
    .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-prev {
        margin-left: -54px;
    }
    .local-carousel-wrapper .local-carousel-slider .owl-nav .owl-next {
        margin-left: -54px;
        right: 0;
    }
}

/* ***************** Main Banner Slider CSS **************** */

.postsection {
    width: 100%;
    height: auto;
    position: relative;
}

.postsection .item::before {
    content: "";
    background-image: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    z-index: 1;
}

@media (min-width: 992px) {
     .postsection .item::before {
       /* background-color: rgba(0, 0, 0, 0.3);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#80000000', GradientType=0); */
        /* IE6-9 */
		background: url(../img/gredient-img.png) no-repeat;
		width: 100%;
		height: 100%;
		background-size: cover;
    }
}

/* :root .postsection .item::before {
    background: url(../img/banner-overlay.png) left top repeat-y\0;
} */

.postsection .owl-dots {
    display: none;
}

.postsection video {
    min-width: 100%;
    min-height: 100%;
}

.postsection .owl-nav .owl-prev {
    /* position: absolute;
    top: 38%;
    transform: translateY(-38%); 
    margin-top: -14px;*/
    padding: 0px 15px;
    left: 15px;
}

.postsection .owl-nav .owl-next {
    /* position: absolute;
    top: 38%;
    transform: translateY(-38%);
    margin-top: -14px; */
    padding: 0px 15px;
    right: 15px;
}

.postsection .owl-next {
    float: right;
}

.postsection .owl-nav button.owl-prev span:after {
    width: 20px;
    content: " ";
    display: block;
    background-image: url(../img/caurosel_button_Left.svg);
    height: 30px;
    background-size: 100% 100%;
}

.postsection .owl-nav button.owl-next span:after {
    width: 20px;
    content: "";
    display: block;
    background-image: url(../img/caurosel_button_Right.svg);
    height: 30px;
    background-size: 100% 100%;
}

.postsection .owl-nav button:focus, .postsection .owl-nav button:hover, .postsection .owl-nav button:focus, .postsection .owl-nav button:focus {
    outline: none;
    opacity: 0.8;
    transition: all 0.5s ease 0s;
}

.postsection .slide-title {
    position: relative;
    top: 0;
    width: 100%;
    padding: 14px 15px 20px;
    background: #333333;
    z-index: 2;
    height: 260px;
}

@media (min-width: 300px) {
    .postsection .slide-title {
        height: 250px;
    }
}

@media (min-width: 375px) {
    .postsection .slide-title {
        height: 214px;
    }
}

@media (min-width: 480px) {
     .postsection .slide-title {
        height: 180px;
    }
}

@media (min-width: 600px) {
     .postsection .slide-title {
        height: 150px;
    }
}

@media (min-width: 768px) {
     .postsection .slide-title {
        height: 150px;
    }
}

@media (min-width: 992px) {
     .postsection .slide-title {
        height: auto;
    }
}

@media only screen and (min-width:1200px) and (max-width:1250px) {
   .postsection .slide-title {
        padding-left: 30px;
    }
}

 .postsection .slide-title h2 {
    left: 0;
    width: 100%;
    float: left;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #ffffff;
    margin: 0;
    max-height: 165px;
    overflow: hidden;
}

@media (min-width: 375px) {
     .postsection .slide-title h2 {
        max-height: 132px;
    }
}

@media (min-width: 600px) {
    .postsection .slide-title h2 {
        max-height: 100px;
    }
}

@media (min-width: 992px) {
     .postsection .slide-title h2 {
        max-height: none;
        overflow: visible;
    }
}

.postsection .slide-title .blue {
    display: block;
    color: #00b5e6;
}

 .postsection .slide-title sup {
    font-size: 58%;
    position: relative;
    top: 4px;
    line-height: 1;
}

 .postsection span.text {
    padding-left: 10px;
    padding-right: 0px;
}

 .postsection .owl-carousel a {
    clear: both;
    padding: 9px 30px;
    border: solid 1px #00b5e6;
    background-color: transparent;
    color: #fff;
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    /*text-transform: capitalize; */
    display: inline-block;
}

 .postsection .owl-carousel a:hover, .postsection .owl-carousel a:focus {
    /* color: #333333; */
     background: #00b5e6;
}

.postsection .item {
    height: auto;
    position: relative;
}

.postsection .item .item-img>img {
    height: 100%;
}

.postsection .item .item-img {
    height: 265px;
    background-position: top center;
    background-size: cover;
}

.postsection .slide-title .btn-wrapper {
    clear: both;
}

.postsection .item .item-img .jwplayer.jw-flag-aspect-mode {
    height: 100% !important;
}

.postsection .jwplayer.jw-stretch-uniform video {
    object-fit: cover;
}

.postsection .jw-icon.jw-icon-display.jw-button-color.jw-reset[aria-label=Loading] {
    display: none;
}

@media (min-width: 480px) {
    .postsection .item .item-img .jwplayer.jw-flag-aspect-mode {
        height: auto !important;
    }
    .postsection .item .item-img {
        height: 265px;
    }
    .postsection .item .item-img>img {
        height: 100%;
        width: auto;
    }
}

@media (min-width: 600px) {
    .postsection .item .item-img {
        height: 324px;
    }
}

@media (max-width: 991px) {
    .postsection .container {
        width: auto;
    }
}

@media (min-width: 992px) {
    .postsection .item .item-img {
        height: 324px;
    }
    .postsection .owl-nav button.owl-prev span:after {
        width: 38px;
        height: 62px;
    }
    .postsection .owl-nav button.owl-next span:after {
        width: 38px;
        height: 62px;
    }
}

@media (min-width: 992px) {
    .postsection .item .item-img .jwplayer.jw-flag-aspect-mode {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        text-align: center;
    }
}

.postsection .owl-nav [class*="owl-"] {
    position: absolute;
    top: 50%;
    margin-top: -128px;
	z-index:999;
}

@media (min-width: 480px) {
    .postsection .owl-nav [class*="owl-"] {
        margin-top: -122px;
    }
}

@media (min-width: 600px) {
    .postsection .owl-nav [class*="owl-"] {
        margin-top: -110px;
    }
}

@media (min-width: 768px) {
    .postsection .item .item-img {
        height: 400px;
    }
    .postsection .owl-nav [class*="owl-"] {
        top: 50%;
        margin-top: -108px;
    }
}

@media (min-width: 375px) {
        .postsection .slide-title {
            height: 224px;
        }
    }
    @media (min-width: 600px) {
        .postsection .slide-title {
            height: 190px;
        }
    }
    @media (min-width: 768px) {
        .postsection .slide-title {
            height: 156px;
        }
    }
    @media (min-width: 992px) {
        .postsection .slide-title {
            height: auto;
        }
    }

   @media (min-width: 375px) {
        .postsection .slide-title h2 {
            max-height: 132px;
        }
    }
    @media (min-width: 600px) {
        .postsection .slide-title h2 {
            max-height: 100px;
        }
    }
    @media (min-width: 992px) {
        .postsection .slide-title h2 {
            max-height: none;
            overflow: visible;
        }
    }


@media (min-width: 992px) {
    .postsection {
        float: left;
        width: 100%;
        height: auto;
    }
    .postsection .item {
        width: 100%;
        height: 282px;
    }
    .postsection .slide-title {
        top: auto;
        bottom: 64px;
        padding: 0;
        position: absolute;
        background: transparent;
        max-width: 920px;
        left: 50%;
        margin-left: -460px;
        text-align: center;
    }
    
    .postsection .slide-title h2 {
        font-size: 44px;
        font-weight: 700;
        color: #fff;
        /* width: 570px; 05162019*/
        /* width:488px; 05162019 */
        line-height: normal;
        background: transparent;
        padding-left: 0;
    }
    
    .postsection .slide-title .btn-wrapper {
        padding-left: 0;
    }
    .postsection .owl-carousel a {
        margin-top: 20px;
    }
    .postsection .item .item-img>img {
        width: 100%;
    }
    .postsection .item .item-img {
        height: 100%;
    }
     .postsection .owl-nav .owl-prev {
        top: 56%;
        transform: translateY(-56%);
        margin-top: -25px;
    }
    .postsection .owl-nav .owl-next {
        top: 56%;
        transform: translateY(-56%);
        margin-top: -25px;
    }
    .postsection .owl-nav button img {
        width: 36px;
    }
}

@media (min-width: 1200px) {
    .postsection .slide-title {
        max-width: 1110px;
        margin-left: -555px;
    }
}
@media (min-width: 1024px) {
    .postsection .item {
        height: 430px;
        overflow: hidden;
    }
}

@media (min-width: 1025px) {
    .postsection .slide-title h2 {
        padding-left: 0;
    }
    .postsection .slide-title .btn-wrapper {
        padding-left: 0;
    }
}

@media (min-width: 1280px) {
    .postsection .item {
        height: 538px;
    }
}

@media (min-width: 1920px) {
    .postsection .item {
        height: 800px;
    }
}

/* ************ Header CSS Starts ********************************** */

.fixed {
    position: fixed;
}

.header {
    box-sizing: border-box;
    /* float: left; */
}

section.header {
    z-index: 99;
    position: fixed;
}

.header .nav {
    height: 68px;
}

section.header, .header>.grid {
    padding: 0;
    /* background: url(../img/mobile-banner.jpg); */
    background-size: 100% 100%;
    background-repeat: repeat-x;
    /* border-bottom: 2px solid #00b5e6; */
    /* float: left; */
    background-position: 70px 0;
}

section.header {
    height: 68px;
    background: #ffffff;
    border: 0px !important;
}

.header>.grid {
    max-width: 100% !important;
    padding: 0px;
    background: #ffffff;
	height:auto;
}

.header .logo.desktopOnly, .header .plus-resources {
    display: none;
}

.header .nav-module {
    float: left;
    background: transparent;
    top: 0;
    max-width: 68px;
}

.header nav.nav:after {
    height: 0;
}

.header .nav-module .nav-activator.lvl-1 {
    background: #00b5e6;
    position: relative;
    padding: 26px 17px;
    height: 68px;
    width: 68px;
    box-sizing: border-box;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header .nav-module .nav-activator.lvl-1 {
        transition: none;
    }
}

.header .nav-module .nav-activator.lvl-1.active {
    background-color: #a1a2a4;
}

.home .nav-activator.lvl-1.active span {
    color: #a1a2a4;
}

.header .nav-module .nav-activator.lvl-2 {
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
}

.header .nav-module .nav-activator.lvl-2>.nav-link {
    width: calc(100% - 60px);
    text-decoration: none;
}

.header .nav-list li a {
    padding-left: 15px;
    width: 95%;
    text-transform: uppercase;
    padding-top: 17px;
    padding-bottom: 21px;
    position: relative;
    display: block;
    text-decoration: none !important;
    font-size: 13px;
}

.header .nav-list li a:hover .nav-link, .header .nav-list li a:focus .nav-link {
    color: #008cb2;
}

.header .nav-list li a span {
    /*display: table;*/
    color: #666666;
}

.header .nav-module .nav-activator.lvl-1:before {
    content: " ";
    background: transparent;
    display: block;
    width: 20px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    border: 0;
    top: 25px;
    left: 20px;
}

.header .nav-activator.lvl-2:before {
    height: 1px;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.header .nav-list.lvl-1:after {
    border: 0;
    background: transparent;
}

.header .nav-module .nav-activator.lvl-1.active:before {
    /*background: url(../img/close-white.png);*/
    background-repeat: no-repeat;
}

.header .nav-module .nav-list.lvl-1 {
    /*display: block;*/
    width: 255px;
    position: relative;
    left: -320px;
    transition: left 0.5s ease 0s;
    background: transparent;
    top: 0;
}

@media (min-width: 992px) {
    .header .nav-module .nav-list.lvl-1 {
        top: 24px;
    }
}

.header .nav-module .nav-list.lvl-1.active {
    left: 0px;
}

@media (min-width: 992px) {
    .header .nav-module .nav-list.lvl-1.active {
        left: -36px;
    }
}

.nav-list li a .nav-toggle {
    background-image: url(../img/drop-down-arrow.svg);
    background-repeat: no-repeat;
    float: right;
    background-position: center;
    position: absolute;
    top: 28px;
    right: 17px;
    height: 20px;
    width: 20px;
    transition: none;
    display: block;
    background-size: cover;
}

.nav-list li a.active .nav-toggle {
    transform: rotate(-180deg);
}

.header .header-menu:before {
    background: none;
}

.header .logo.col.col-1of4.header-divider {
    background-image: none;
    text-align: left;
    width: 110px;
    display: block;
    max-height: 68px;
}

.header .header-divider .logo {
    display: inline-block;
    padding: 18px 0 17px 20px;
}

.header .header-menu {
    float: right;
    width: auto;
    /* position: absolute; */
    right: 0;
}

.header .header-menu>.inner {
    padding: 0;
}

.header .logo img.desktopOnly {
    height: auto;
    display: block !important;
    max-width: 125px;
    margin-left: 0;
    width: 125px;
    height: 31px;
}

.nav-activator.lvl-1 {
    cursor: pointer;
    padding: 10px 35px 16px 0;
}

.nav-activator.lvl-1 span, .nav-activator.lvl-1 span:before, .nav-activator.lvl-1 span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px !important;
    width: 26px !important;
    background: white;
    position: absolute;
    display: block;
    content: '';
    color: #00bce4;
    margin-left: -13px;
    left: 50%;
}

@media (min-width: 992px) {
    .nav-activator.lvl-1 span, .nav-activator.lvl-1 span:before, .nav-activator.lvl-1 span:after {
        width: 35px !important;
        margin: 0 auto;
        left: auto;
    }
}

.nav-activator.lvl-1 span:before {
    top: 7px;
}

.nav-activator.lvl-1 span:after {
    bottom: -14px;
}

.nav-activator.lvl-1 span, .nav-activator.lvl-1 span:before, .nav-activator.lvl-1 span:after {
    transition: all 0.3s ease-in-out;
}

.nav-activator.lvl-1.active span {
    background-color: transparent;
}

.nav-activator.lvl-1.active span:before, .nav-activator.lvl-1.active span:after {
    top: 8px;
}

.nav-activator.lvl-1.active span:before {
    transform: rotate(45deg);
}

.nav-activator.lvl-1.active span:after {
    transform: rotate(-45deg);
}

.nav-activator.lvl-2.current:after, .nav-list.lvl-2.active li a.current:after {
    background-image: none;
}

.nav-list.lvl-2.active {
    display: block;
}

.nav-list.lvl-2 li a {
    padding: 30px 18px 24px;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .header .logo img.mobileOnly {
        display: none;
    }
}

@media (min-width: 600px) {
    section.header, .header>.grid {
        /* background-image: url(../img/header-bg.jpg); */
        background-position: 270px 0;
        background-repeat: no-repeat;
        background-color: #ffffff;
        background-size: 100% 100%;
    }
    .header .logo.col.col-1of4.header-divider {
        width: 180px;
    }
    .header .logo img.desktopOnly {
        max-width: 100%;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    section.header, .header>.grid {
        background-position: 270px 0;
    }
    section.header {
        height: 116px;
    }
    .header>.grid {
        padding: 24px 36px;
        float: left;
    }
    .header .nav {
        height: 68px;
    }
    .header .logo img.desktopOnly {
        max-width: 100%;
        margin-top: 0;
        width: 192px;
        height: 48px;
    }
    .header .header-divider .logo {
        padding: 9px 0 9px 38px;
    }
    .header .logo.col.col-1of4.header-divider {
        width: 230px;
        height: 68px;
    }
    .header .nav-module {
        max-width: 68px;
    }
}

/* ************ Header CSS Ends ********************************* */

/* ************** Mylan Worlwide CSS Starts ******************** */

.mylan-worldwide-btn span {
    display: none;
}

.mylan-worldwide-btn {
    padding: 25px 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    float: left;
    outline: none;
    width: auto;
    font-size: 16px;
    max-height: 60px;
    width: auto;
    transition: all 0.5s ease 0s;
    margin-right: 5px;
}

@media(min-width:992px) {
	.mylan-worldwide-btn {
		   background: #ffffff;
	}
}

.mylan-worldwide-btn .arrow_down {
    transition: all 0.5s ease 0s;
}

.mylan-worldwide-panel-open .arrow_down {
    transform: rotate(-180deg);
}

.mylan-worldwide-btn span:nth-child(2) {
    padding: 0;
}

.mylan-worldwide-panel .close {
    float: right;
    position: absolute;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
	right: 25px;
}
 

.mylan-worldwide-panel .close .close_button {
    background-image: url(../img/close-black.svg);
    height: 14px;
    width: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    top: 2px;
    position: relative;
    background-size: 100%;
}

.mylan-worldwide-panel .location-selector .europe-country li {
    width: 100%;
    float: none;
    margin-bottom: 16px;
    list-style-type: none;
}

.mylan-worldwide-panel .location-selector .europe-country .multilingual__country-name {
    font-size: 16px;
    color: #666666;
    margin-right: 10px;
}

.mylan-worldwide-panel .location-selector .europe-country .multilingual_languages a {
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    color: #333;
    text-decoration: none;
    margin: 0;
    vertical-align: middle;
    line-height: 14px;
}

.mylan-worldwide-panel .location-selector .europe-country .multilingual_languages a:hover, .mylan-worldwide-panel .location-selector .europe-country .multilingual_languages a:focus {
    color: #008cb2;
}

.mylan-worldwide-panel .location-selector .europe-country .multilingual_languages a:after {
    content: "|";
    display: inline-block;
    position: relative;
    color: #333;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px;
    margin: -1px 2px 0 6px;
}

.mylan-worldwide-panel .location-selector .europe-country .multilingual_languages a:last-child:after {
    content: "";
}

@media (min-width: 992px) {
    .mylan-worldwide-panel .close .close_button {
        top: 2px;
        height: 16px;
        width: 16px;
    }
}

.mylan-worldwide-panel .close:hover, .mylan-worldwide-panel .close:focus {
    color: #008cb2;
}

.mylan-worldwide-panel .close:hover .close_button, .mylan-worldwide-panel .close:focus .close_button {
    background-image: url(../img/close-blue.svg);
}

.mylan-worldwide-btn .worldwide {
    background-image: url(../img/globe.svg);
    height: 16px;
    width: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    top: 2px;
    margin-right: 5px;
}

@media (min-width: 992px) {
    .mylan-worldwide-btn .worldwide {
        margin-right: 0px;
    }
}

.mylan-worldwide-btn .arrow_down {
    background-image: url(../img/drop_arrow_header.svg);
    height: 16px;
    width: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    top: 3px;
}

.mylan-worldwide-panel .close img {
    height: 16px;
}

.mylan-worldwide-panel {
    background: #ffffff;
    padding: 25px;
    color: #454648;
    display: none;
    z-index: 9;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 99;
	top:0;
}

@media (max-width: 992px) {
    .mylan-worldwide-panel {
        overflow-y: auto;
        /* height: 100vh; */
    }
	
}

@media (min-width: 992px) {
    .mylan-worldwide-panel {
        padding: 22px 30px 22px;
    }
}

/* Landscape */

@media only screen and (min-width: 414px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
     .mylan-worldwide-panel {
        overflow-y: auto;
        /* height: 100vh; */
    }
	body:not(.cookieWarningActive) .mylan-worldwide-panel {
		height: 100vh;
	}
}

.mylan-worldwide-panel .location-selector h2 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: normal;
    color: #333333;
}

.mylan-worldwide-panel .location-selector ul {
    padding: 0;
    list-style: none;
}

.mylan-worldwide-panel .location-selector ul li {
    float: left;
    width: 100%;
}

.mylan-worldwide-panel .location-selector ul li .country-heading {
    font-size: 18px;
    border-bottom: 1px solid #9a9b9d;
    display: block;
    padding-bottom: 7px;
    margin-bottom: 20px;
    color: #666666;
}

.mylan-worldwide-panel .location-selector ul li .country-heading a {
    font-size: 18px;
    color: #333333;
}

.mylan-worldwide-panel .location-selector ul li .country-heading a:hover, .mylan-worldwide-panel .location-selector ul li .country-heading a:focus {
    color: #008cb2;
    cursor: pointer;
    text-decoration: none;
}

.mylan-worldwide-panel .location-selector ul li:first-child ul li a {
    font-size: 16px;
    margin-bottom: 24px;
}

.mylan-worldwide-panel .location-selector ul ul li a {
    font-size: 16px;
    color: #454648;
    text-decoration: none;
    display: inline-block;
}

.mylan-worldwide-panel .location-selector ul ul li a:hover, .mylan-worldwide-panel .location-selector ul ul li a:focus {
    color: #008cb2;
}

.mylan-worldwide-panel .location-selector ul ul li {
    width: 50%;
    float: left;
}

.mylan-worldwide-panel .location-selector .europe-country {
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mylan-worldwide-panel .location-selector .europe-country>ul {
    float: left;
    width: 50%;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .mylan-worldwide-panel .location-selector .europe-country>ul {
        width: 25%;
    }
}

.mylan-worldwide-panel .location-selector .europe-country>ul>li {
    float: none;
    width: 100%;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .mylan-worldwide-panel .location-selector .europe-country>ul>li {
        float: none;
        width: 100%;
        list-style: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.mylan-worldwide-panel .location-selector .europe-country>ul>li>ul {
    list-style: none;
    padding: 0;
    display: inline-block;
}

.mylan-worldwide-panel .location-selector .europe-country>ul>li>ul>li {
    display: inline-block;
    float: none;
    width: auto;
    padding: 0 5px;
    line-height: 1;
    position: relative;
}

.mylan-worldwide-panel .location-selector .europe-country>ul>li>ul>li:after {
    content: " | ";
    display: inline-block;
}

.mylan-worldwide-panel .location-selector .europe-country>ul>li>ul>li>a {
    margin: 0;
    text-transform: uppercase;
    font-size: 16px !important;
    color: #666;
}

.mylan-worldwide-panel .location-selector .europe-country>ul>li>ul>li>a:hover, .mylan-worldwide-panel .location-selector .europe-country>ul>li>ul>li>a:focus {
    color: #00b5e6;
}

@media (min-width: 992px) {
    .mylan-worldwide-btn span {
        display: inline-block;
        position: relative;
        padding: 0 2px;
    }
    .mylan-worldwide-btn .arrow_down {
        display: inline-block;
    }
    .mylan-worldwide-panel .location-selector ul ul li {
        width: 25%;
    }
    .mylan-worldwide-btn {
        height: 68px;
        padding: 23px 0;
        max-height: 68px;
        font-size: 14px;
        width: auto;
        margin-right: 40px;
    }
    .mylan-worldwide-panel .close, .mylan-worldwide-panel .location-selector ul li:first-child ul li a {
        font-size: 18px;
    }
    .mylan-worldwide-panel .location-selector h2 {
        font-size: 30px;
    }
    .mylan-worldwide-panel .location-selector ul li .country-heading {
        font-size: 24px;
        margin-top: 10px;
        margin-top: 0;
    }
}

@media (min-width: 1024px) {
    .mylan-worldwide-btn {
        font-size: 16px;
    }
    .mylan-worldwide-panel .close {
        position: relative;
    }
}

/* ***************** Mylan Worldwide CSS Ends *************************** */

/* ******************** Search CSS ******************** */

.ie8-ie9-only {
    display: none;
}

.edge-autoSuggestFieldFilled {
    background-color: #f2f2f2 !important;
}

.header #searchTextBox::placeholder {
    color: #333333;
    font-size: 16px;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f2f2f2 inset !important;
    box-shadow: 0 0 0 30px #f2f2f2 inset !important;
}

.header .search-open {
    padding-top: 105px;
}

.header .searchBar {
    float: right;
    height: auto;
    z-index: 9;
    margin-top: 0;
}

.header .focused-icon {
    display: none;
}

.header .src-open .focused-icon {
    display: block;
    height: 15px;
    width: 15px;
    position: relative;
}

.header .src-open .original-icon {
    display: none;
}

.header .original-icon {
    display: block;
    height: 15px;
    width: 15px;
    position: relative;
}

.header .original-icon:after {
    content: "";
    background-image: url("../img/search.svg");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.header .focused-icon:after {
    content: "";
    background-image: url("../img/search-blue.svg");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.header .searchBar form {
    width: 100%;
    position: relative;
}

.header .search.collapsed {
    overflow: visible;
    width: 0px;
}

.header .search {
    width: 100%;
    margin: 0;
    background-color: #f2f2f2;
    float: right;
    padding: 0;
    position: fixed;
    top: 68px;
    left: 0;
    right: 0;
    display: none;
    box-sizing: border-box;
}

.header .search-inner {
    display: table;
    width: 100%;
}

.header .search i {
    display: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer;
}

@media (min-width: 992px) {
    .header .search i {
        display: table-cell;
        padding: 0 0 0 15px;
    }
}

.header .searchBar .search input {
    background: none;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    outline: none;
    padding: 0 15px;
    vertical-align: bottom;
    height: 50px;
    width: calc(100% - 50px);
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .header .searchBar .search input {
        padding: 0 10px;
        width: 100%;
        -webkit-appearance: textfield;
        appearance: textfield;
        -moz-appearance: textfield;
        -ms-appearance: textfield;
    }
}

.header .search.collapsed input {
    width: 0;
    padding-left: 0;
    padding-right: 0;
}

.header .search i:before {
    content: " ";
    background-image: url(../img/close-black.svg);
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    right: 15px;
    position: absolute;
    top: 18px;
}

.mobile-visible .search .search-inner i {
    display: block;
    display: block;
    float: right;
    width: 50px;
    height: 50px;
}

.mobile-visible .search .search-inner i:before {
    content: " ";
    background-image: url(../img/close-black.svg);
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    right: 15px;
    position: absolute;
    top: 18px;
}

@media (min-width: 992px) {
    .header .search i:before {
        background-image: url(../img/search.svg);
        position: static;
    }
}

.header .visible-xs {
    display: block;
}

.header .search-btn {
    background: transparent;
    border: 0;
    margin-top: 25px;
    padding: 0px 15px;
    outline: none;
}

.header .searchBar .submit {
    display: none;
}

@media (min-width: 992px) {
    .header .searchBar {
        margin-top: 9px;
        width: 190px;
    }
    .header .search {
        width: 190px;
        position: relative;
        top: 0;
        display: block !important;
    }
    .header .visible-xs {
        display: none;
    }
}

/* ***************** Search CSS Ends ******************************************** */

/* ***************** Inner Page Navigation CSS Starts ************************** */

.main-wrap .grid .col-1of4 {
    display: none;
}

.main-wrap .grid .col-1of4 a {
    text-decoration: none;
}

.main-wrap .grid .col-1of4 .nav-activator.lvl-2.active>.nav-link, .main-wrap .grid .col-1of4 .nav-activator.lvl-2.current>.nav-link {
    color: #00b5e6;
    font-weight: bold;
    font-size: 15px;
    padding: 12px 20px;
    text-decoration: none;
}

.main-wrap .grid .col-1of4 .nav-activator.lvl-2.active>.nav-toggle, .main-wrap .grid .col-1of4 .nav-activator.lvl-2.current>.nav-toggle {
    display: none;
}

.main-wrap .grid .col-1of4 .nav-list.lvl-2>li>a>.nav-link {
    font-size: 13px;
    color: #666666;
    padding: 12px 20px;
    display: table-cell;
}

.main-wrap .grid .col-1of4 .nav-activator.lvl-2:before {
    border-top: 0;
    border-bottom: 0;
    background-color: transparent;
}

.main-wrap .grid .col-1of4 .nav-list.lvl-2 {
    display: block !important;
}

.main-wrap .grid .col-1of4 .nav-list.lvl-3>li>a>.nav-link {
    font-size: 13px;
    color: #666666;
    padding: 12px 20px 12px 45px;
}

.main-wrap .grid .col-1of4 .nav-list.lvl-2>li>a, .main-wrap .grid .col-1of4 .nav-list.lvl-3>li>a {
    background-color: transparent;
    border-bottom: 1px solid #dfe0e2;
    border-top: 0;
    padding: 0px;
}

.main-wrap .grid .col-1of4 .nav-list.lvl-2>li>a.active {
    background-color: #e7e7e7 !important;
    display: table;
}

.main-wrap .grid .col-1of4 .nav-list.lvl-2>li>a.active:after {
    content: '';
    background-image: url(../img/banner-right-gray.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: table-cell;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 13px;
    right: 15px;
}

@media (min-width: 991px) {
    .main-wrap .grid .col-1of4 {
        display: block;
		padding-top: 18px;
		padding-bottom: 18px;
		background: #fff;
    }
}

@media (min-width: 992px) {
	.main-wrap .grid .col-1of4.mln-custom-sidebar {
		min-height: 468px; 
	}
}

/* ***************** Inner Page Navigation CSS Ends *************************** */

/* ******************** Blue Boxes CSS ******************** */

section.articlesection {
    background: #f2f2f2;
    padding: 25px 0 0;
    clear: both;
}

@media (min-width: 992px) {
    section.articlesection {
        padding: 50px 0 25px;
    }
}

.blue-boxes-wrapper {
    background: #f2f2f2;
    padding: 30px 0 0;
    clear: both;
    float: left;
    width: 100%;
}

.blue-boxes-wrapper .blue-boxes-row {
    margin: auto;
    width: 100%;
    padding: 0px 15px;
}

.blue-boxes-wrapper .animatedclass {
    background: #fff;
    margin-bottom: 30px;
}

.blue-boxes-wrapper .animatedclass .img-wrapper img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.blue-boxes-wrapper .animatedclass:hover .img-wrapper img, .blue-boxes-wrapper .animatedclass:focus .img-wrapper img {
    width: 100%;
    transform: scale(1.1) rotate(0.1deg);
}

.blue-boxes-wrapper img {
    width: 100%;
    display: block;
}

.blue-boxes-wrapper .content-wrapper {
    text-align: left;
    padding: 15px 10px 25px;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.blue-boxes-wrapper .content-wrapper h3 {
    font-size: 20px;
    color: #333333;
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.4;
    font-weight: bold;
}

.blue-boxes-wrapper .content-wrapper p {
    margin: 0;
    font-size: 18px;
    color: #6b706a;
    line-height: 1.4;
    margin-bottom: 10px;
}

.blue-boxes-wrapper .content-wrapper a {
    color: #00b5e6;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    transition: none;
}

@media (min-width: 768px) {
    .blue-boxes-wrapper .content-wrapper a {
        transition: all 0.5s ease 0s;
        bottom: 14px;
        position: absolute;
        left: 20px;
    }
}

@media (min-width: 992px) {
    .blue-boxes-wrapper .content-wrapper a {
        transition: all 0.5s ease 0s;
        bottom: 14px;
        position: absolute;
        left: 20px;
    }
}

.blue-boxes-wrapper .content-wrapper a img {
    width: auto;
    display: inline-block;
    position: relative;
    top: 2px;
}

@media (min-width: 992px) {
    .blue-boxes-wrapper .content-wrapper a img {
        transition: all 0.5s ease 0s;
    }
}

.blue-boxes-wrapper .content-wrapper a.has-arrow-blue-lg:after {
    transition: all 0.5s ease 0s;
    background-image: url(../img/button_arrow_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 12px;
    width: 12px;
    background-size: 100% 100%;
}

.blue-boxes-wrapper .content-wrapper a:hover, .blue-boxes-wrapper .content-wrapper a:focus {
    color: #008cb2;
}

.blue-boxes-wrapper .content-wrapper a.has-arrow-blue-lg:hover:after, .blue-boxes-wrapper .content-wrapper a.has-arrow-blue-lg:focus:after {
    right: -10px;
    background-image: url(../img/button_arrow_dark.svg);
}

.blue-boxes-wrapper .content-wrapper a:hover img, .blue-boxes-wrapper .content-wrapper a:focus img {
    padding-left: 5px;
}

.blue-boxes-wrapper .hovereffect a:hover .img-wrapper img, .blue-boxes-wrapper .hovereffect a:focus .img-wrapper img {
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    transform: scale(1.1) rotate(0.1deg);
}

.blue-boxes-wrapper .img-wrapper {
    overflow: hidden;
}

.blue-boxes-wrapper .img-wrapper img:hover, .blue-boxes-wrapper .img-wrapper img:focus {
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    transform: scale(1.1) rotate(0.1deg);
}

@media (max-width: 767px) {
    .blue-boxes-wrapper .content-wrapper {
        height: auto !important;
        min-height: auto !important;
    }
}

@media (min-width: 768px) {
    .blue-boxes-wrapper .content-wrapper {
        padding: 10px 20px 40px 20px;
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .blue-boxes-wrapper .content-wrapper {
        padding: 10px 20px 40px 20px;
        font-size: 16px;
    }
    .blue-boxes-wrapper .content-wrapper h3 {
        font-size: 24px;
        padding-bottom: 12px;
    }
    .blue-boxes-wrapper .animatedclass {
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .blue-boxes-wrapper {
        padding: 50px 0 25px;
    }
    .blue-boxes-wrapper .feature-article-callout {
        width: 33.33333333%;
        float: left;
        padding: 0px 15px;
    }
}

@media (min-width: 768px) {
    .blue-boxes-wrapper .blue-boxes-row {
        width: 100%;
        padding: 0;
    }
}

@media (min-width: 992px) {
   .blue-boxes-wrapper  .blue-boxes-row {
        width: 970px;
    }
}

@media (min-width: 1200px) {
   .blue-boxes-wrapper .blue-boxes-row {
        width: 1170px;
    }
}

/* ******************** Link to next section CSS ******************** */

.postsection .topBack {
    position: relative;
    display: none;
}

.postsection .topBack:before, .postsection .topBack:after {
    content: " ";
    display: table;
}

.postsection .topBack:after {
    clear: both;
}

.postsection .toplink {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 77;
    left: 0;
    right: 0;
    margin-top: -40px;
    cursor: pointer;
    text-align: center;
}

.postsection .toplink a {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    display: block;
    background: url(../img/down-arrow-white.svg) center center no-repeat;
    width: 38px;
    height: 22px;
    margin: auto;
    background-size: cover;
}

.postsection .toplink a:hover, .postsection .toplink a:focus {
    transform: translate(0, 7px);
}

@media (min-width: 992px) {
    .postsection .topBack {
        display: block;
    }
}

/* video tag */

 .postsection .global-carousel .jwvideo video {
    width: 100% !important;
    height: auto !important;
}
 
:root .nav-activator.lvl-1.active {
    background: url(../img/close.svg) no-repeat center center #a1a2a4\0;
    height: 68px\0;
    width: 68px\0;
    display: block\0;
    background-size: 28px 28px\0;
}

:root .nav-activator.lvl-1.active span {
    display: none\0;
}

:root .menu-opened:before {
    z-index: 99\0;
}

/* :root .main-wrap.menu-opened {
    height: calc(100vh - 116px)\0;
} */

/* Back to top CSS Starts*/

.back-to-top {
    position: fixed;
    width: 38px;
    height: 38px;
    clear: both;
    bottom: 15px;
    right: 15px;
    z-index: 999;
}

.back-img {
   /* float: right;*/
    opacity: 0;
}

.back-img:after {
    content: "";
    background-image: url(../img/up-arrow.svg);
    width: 36px;
    height: 36px;
    background-color: rgba(102, 102, 102, 0.8);
    border-radius: 50%;
    border: 1px solid #ffffff;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: block;
}

/* Back to top CSS Ends*/
 

/* Left navigation spacing */

.header .nav-list li a {
    padding-top: 28px;
    padding-bottom: 22px;
    min-height: auto;
}

.header .nav-list li a.active {
    padding-top: 28px;
    padding-bottom: 22px;
    min-height: auto;
}

.header .nav-list li a .nav-link {
    padding-top: 0;
}

.header .nav-list li a .nav-toggle {
    top: 50%;
    margin-top: -10px;
}

/* Left navigation spacing end */
 
.search-results {
    margin-bottom: 15px;
}
 
.popup-content {
    margin-bottom: 30px;
}

/* ends here this */

.pageWrap-inner .carousel.js-carousel_main .carousel-slides li {
    margin-right: 0;
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        @media(min-width: 992px) {
            .desktop-visible {
                min-height: 50px;
            }
            .header .search {
                min-height: 50px;
                display: block !important;
            }
            .header .search-inner {
                min-height: 50px;
            }
            .header .searchBar .search input {
                -webkit-appearance: textfield;
                appearance: textfield;
                -moz-appearance: textfield;
                -ms-appearance: textfield;
            }
        }
    }
}
 
/* 04-04-2019 match interstitial popup with CISION and WEST for mobile only */
.external-interstitial.interstitial .window .caption {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
}

.external-interstitial.interstitial .window .caption {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
}

@media screen and (max-width: 680px) {
    .external-interstitial.interstitial .cancel {
        margin-left: 40px !important;
    }
    .external-interstitial.interstitial .window .caption {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.4;
        color: #666;
    }
    .external-interstitial.interstitial .window .caption div {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.4;
        color: #666;
    }
}
/* ends interstitial popup with CISION and WEST for mobile */
 
/* 06062019 */
.postsection .jw-controlbar.jw-reset {
    display: none !important;
}

.postsection .jw-display-controls.jw-reset {
    display: none !important;
}
 
/* ends progressbar CSS and controller -06062019 */

/* 10-6-2019 to display mute control on jw player for feature article page only */
@media(max-width:768px) {
    .featured-story .jw-icon-inline.jw-icon-volume {
        display: block !important;
    }
}
/* ends here this section */


/* new code for cookies warning */
.cookieWarningActive .nav-module {
	margin-top:0 !important;
}
.cookieWarningActive .cookie-warning {
	z-index:99;
}
body.cookieWarningActive {
	padding-top:242px !important;
}
@media(min-width:992px) {
		body.cookieWarningActive {
		padding-top: 182px !important;
	}
}

/* header height using cookies */

@media(min-width:992px) {
		body.cookieWarningActive .header {
		 top: 88px !important;
	}
}
/* ends here */

@media screen and (max-width: 680px) {
	.home.cookieWarningActive .nav-module {
		top: 0 !important;
	}
	.mobileState.cookieWarningActive .nav-module {
		top: 0 !important;
	}
	
}
@media screen and (max-width: 680px) {
	.cookie-warning {
		position: fixed !important; 
	}
}

/* social icon for 1400 resolution */
@media (min-width: 1024px) {
	.cookieWarningActive .socialicon-box {
		top: 74%;
	}
}

@media (min-width: 1280px) {
	.cookieWarningActive .socialicon-box {
		top: 76%;
	}
}

@media (min-width: 1366px) {
	.cookieWarningActive .socialicon-box {
		top: 72%;
	}
}

@media (min-width: 1600px) {
	.cookieWarningActive .socialicon-box {
		top: 70%;
	}
}

/* ends here cookies */

@media(max-width:992px) {
	.cookieWarningActive .header .search {
		top: 242px;
	}
}
/* for search mobile 10062019 */

/* for inner page content layout 10062019 */
@media(min-width:992px) {
	.cookieWarningActive .page-wrap-inner .main-wrap {
		margin-top: 22px !important;
	}
}
/* ends here inner page content section 10062019 */


/* css changes design for cookies 12062019 */
@media(min-width:992px) {
	.cookie-warning {
		 height: 88px;	 
	}
}

.cookie-warning .inner  {
	 padding: 30px 0 20px 20px;
}
@media(min-width:992px) {
	.cookie-warning .inner {
		padding: 0;
		margin-right:auto;
		margin-left:auto;
		margin-top: 12px;
		margin-bottom: 12px;
	}
}
 
@media(min-width:1024px) {
	.cookie-warning .inner {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.cookie-warning {
    background: #f2f2f2;
}

@media(min-width:768px) {
	.cookie-warning .scrollable {
		height: 76px;
	}
}

@media(min-width:992px) {
	.cookie-warning .scrollable {
		padding-right: 200px;
	}
	.cookie-warning .scrollable {
		height: 64px;
	}
}

@media(min-width:1024px) {
	.cookie-warning .scrollable {
		padding-right: 108px;
	}
}
 
 @media(min-width:1025px) {
	.cookie-warning .scrollable {
		padding-right: 200px;
	} 
 }
 
.cookie-warning p {
		font-size: 14px;
		color:#666666;
}
.cookie-warning a {
	font-size: 14px;
	color:#00b5e6;
}
.cookie-warning a:hover {
	color:#008cb2;
	text-decoration:none;
}
 
	
@media(min-width:992px) {
	.cookie-warning p, .cookie-warning a {
		font-size: 16px;
	}
}

.cookie-warning p span {
		font-size: 16px;
		color:#333333;
		font-weight:bold;
}
	
@media(min-width:992px) {
	.cookie-warning p span {
		font-size: 18px;
	}
}

.cookie-warning h1 {
	display:none;
}



.cookie-warning .choices .btn  a {
		border:2px solid #00b4e5;
		font-size:14px;
		text-align:center;
		width: 60px;
		padding: 3px 10px;
}	

.cookie-warning .choices .btn  a:hover {
		background: #00b4e5;
		color:#fff;
}		
.cookie-warning .choices .btn  a.continue:hover, a.continue:hover span {
		color:#fff;
}
 

@media(min-width:768px) {
	.cookie-warning .choices .btn  a {
		width:70px;
	}
}	
 
@media(min-width:992px) {
	.cookie-warning .choices .btn  a {
			width: 80px;
	}
}
		
@media(min-width:768px) {
	.cookie-warning .choices .btn  a {
		padding:3px;
		font-size:14px;
	}
}

.cookie-warning .choices .btn {
	background:none;
	box-shadow:none;
	filter:none;
	display: inline-block;
}

@media(min-width:992px) {
.cookie-warning .choices .btn {
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 22px;
	background:none;
	box-shadow:none;
	filter:none;
}
.cookie-warning .choices .btn  a:hover, a:hover span{
	text-decoration:none;
}

}

@media(min-width:1024px) {
	.cookie-warning .choices .btn { 
		right: 4px;
		top: 16px;
	}
}

@media(min-width:1025px) {
	.cookie-warning .choices .btn { 
		right: 24px;
	}
}

.cookie-warning .choices .btn > a > span:after {
	display:none;
}
/* ends here */
/* 13062019 close button */


.cookie-warning .close > span:after {
    content: url(../img/closebutton-cookies.svg);
    height: 14px;
    width: 13px;
	top: 0px;
    right: -22px;
	display:none;
}

@media(min-width:768px) {
	.cookie-warning .close > span:after {
		display:block;
	}
}

/* close button css here */
.cookie-warning .close  {
	font-weight: bold;
	color:#333333;
	text-decoration:none;
	right: 10px !important;
	font-size: 14px !important;
}
	
@media(min-width:768px) {
	.cookie-warning .close {
		font-size: 14px !important;
		right: 48px !important;
	}
}

@media(min-width:1024px) {
	.cookie-warning .close {
		right: 34px !important;
	}
}

@media(min-width:1025px) {
	.cookie-warning .close {
		right: 50px !important;
	}
}

@media(min-width:992px) {
	.cookie-warning .close {
		top:-8px;
	}
}

@media(min-width:1024px) {
	.cookie-warning .close {
		top:-16px;
	}
}

.cookie-warning .choices {
	float:right;
    margin-right: 18px;
}

@media(min-width:768px) { 
	.cookie-warning .choices {
		height:auto;
		padding:0;
		margin-top: 10px;
	}	
}

@media(min-width:992px) { 
	.cookie-warning .choices {
		margin-top: 0;
	}
}

/* inner width for cookies div 17-062019 */
@media(min-width:1025px) {
	.cookie-warning .inner {
			max-width: 1024px;
			padding: 0 0 20px 20px;
	}
}

@media(max-width: 992px) {
	.cookieWarningActive .mylan-worldwide-panel {
		overflow-y: auto;
		height: calc(100vh - 175px);
	}
}
 /* ends cookies here */
 
/* intertial continue button hover effects */ 
.interstitial .continue a.interstitial-anchor:hover, a.interstitial-anchor:hover span {
		color:#00BBE7;
}

/* popup scroll content on landscap iphone x*/ 
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
	.external-interstitial.interstitial .window {
		overflow-y: auto;
		height: 100vh;
	}
	.external-interstitial.interstitial .window .inner {
		padding: 36px 40px 70px 36px;
	}
}
/* ends here landscap scroll */

/* last updated date css */
.last-updated {
	 margin-bottom: 5px;
}
/* ends here last updated css */

/* vawdclass */ 
span.vawdclass {
	display:none;
}

/* ends here */
 
@media(max-width:736px) {
	.cookieWarningActive .lvl-1.mCustomScrollbar {
		height: calc(100vh - 246px);
	}
}

/* inner page carrer section structure */ 
 
.page-wrap-inner .main-wrap .grid .col-3of4 .Career_Hero .career_img {
          display: none;
}

@media(min-width:768px) {
.page-wrap-inner .main-wrap .grid .col-3of4 .Career_Hero .career_img {
          display: block;
}
}
/* ends here this */