/* ======== 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 {
    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;
    }
}

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 0;
}

.caption ol ol li {
    padding: 10px 0 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, 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, 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: 0;
}

/*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: 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;
    }
}

.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: 0;
}

/*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 --- */

.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 --- */

/*---- 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;
    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: 999;
}

.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
}*/

.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: 0;
}

/* 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: 0;
    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: 0;
}

.language-flyout .pane {
    position: fixed;
    width: 72.5%;
    max-width: 710px;
    top: 50px;
    bottom: 20px;
    box-shadow: -2px 2px 25px rgba(0, 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: 0 20px 0 40px;
    font-size: 14px;
    color: #666666;
}

/*TODO: Child selector (>) */

.country-list li {
    border-bottom: 1px solid #ededed;
    padding: 20px 20px 0 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: 0 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 .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;
}

/* --- 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;
}*/

.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;
}

.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: 30px;
    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;
}

.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: 0 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: 0;
}

.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;
    display: none;
}

.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 0 0;
}

.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: 999;
    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: 9999;
}

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

.interstitial .window .inner {
    padding: 41px 40px 40px 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: 0 0 20px 0 !important;
}

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

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

.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;
}

/* ---- 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: 0;
    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: 0;
}

.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: 0;
}

.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, 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;
}

/* ********** 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;
    }
}

.carousel li {
    margin-right: 5px;
}

.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,
.career-links-main-wrapper .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;
}

.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);
}

.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.15);
        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 *********** */

section.careers {
    background: #111111;
}

.careers-wrapper {
    float: left;
    width: 100%;
}

.careers-wrapper .right-side {
    padding: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

.careers-wrapper .right-side img {
    width: 100%;
    display: block;
}

.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) {
    .careers-wrapper .left-side {
        padding-top: 40px;
        padding-bottom: 22px;
    }
}

.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) {
    .careers-wrapper .left-side .text-1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
}

.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) {
    .careers-wrapper .left-side .text-2 {
        font-size: 20px;
        margin-bottom: 9px;
    }
}

.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) {
    .careers-wrapper .left-side .text-3 {
        font-size: 30px;
        margin-bottom: 0;
        margin-top: 4px;
    }
}

.careers-wrapper .left-side .text-4 {
    font-size: 18px;
    color: #fff;
}

@media (min-width: 992px) {
    .careers-wrapper .left-side .text-4 {
        font-size: 20px;
    }
}

.careers-wrapper .left-side .btn-wrapper {
    width: 100%;
    float: left;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.careers-wrapper .left-side .btn-wrapper>div>img {
    width: 100%;
    display: block;
}

.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;
}

.careers-wrapper .left-side .btn-wrapper a:hover,
.careers-wrapper .left-side .btn-wrapper a:focus {
    color: #00b5e6;
}

.careers-wrapper .left-side .btn-wrapper a img {
    position: relative;
    top: 2px;
    left: 10px;
    transition: all 0.5s ease;
}

.careers-wrapper .left-side .btn-wrapper a:hover img,
.careers-wrapper .left-side .btn-wrapper a:focus img {
    left: 13px;
}

.careers-wrapper .left-side .btn-wrapper:last-child {
    padding-bottom: 0px;
}

.careers-wrapper .left-side .btn-wrapper:first-child div {
    float: none;
    display: inline-block;
}

.careers-wrapper .left-side .btn-wrapper:last-child div {
    float: none;
    display: inline-block;
}

@media (min-width: 992px) {
    .careers-wrapper .left-side .btn-wrapper {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
    }
    .careers-wrapper .left-side .btn-wrapper>div>img {
        width: auto;
    }
    .careers-wrapper .left-side .btn-wrapper a {
        margin-top: 18px;
    }
    .careers-wrapper .left-side .btn-wrapper:first-child div {
        float: right;
    }
    .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) {
    .careers-wrapper .left-side {
        padding-left: 10px;
        padding-right: 10px;
    }
    .careers-wrapper .left-side .btn-wrapper a img {
        left: -2px;
    }
    .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-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;
}

.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-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/*05152019*/
    }
    .local-carousel-wrapper .caption {
        padding: 0px 15px;
    }
    .local-carousel-wrapper .caption h3 {
        font-size: 30px;
        width: 100%;
        /*05152019*/
        margin-bottom: 20px;
        /*05152019*/
    }
    .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: -54px;
    }
    .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: 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: -10px; */
        right: 0;
        /* 05152019 */
    }
}

/* ***************** 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.0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#80000000', GradientType=0);
         IE6-9 */
		 
		 /* new css for include 
		  background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(255,255,255) 93%);
		  background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(255,255,255) 93%);
		  background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(255,255,255) 93%);
		  opacity: 0.4; */
		  
			  /*
		background: rgb(255,255,255);  
		background: -moz-linear-gradient(top,  rgb(255,255,255) 7%, rgb(0,0,0) 100%);  
		background: -webkit-linear-gradient(top,  rgb(255,255,255) 7%,rgb(0,0,0) 100%);  
		background: linear-gradient(to bottom,  rgb(255,255,255) 7%,rgb(0,0,0) 100%);  
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );  
		opacity: 0.4;*/
		
		background: url(../img/gredient-img.png) no-repeat;
		width:100%;
		height:100%;
		background-size: cover;
    }
	  
    /* 25% geadient text overly */
    .postsection .item::before {
        height: auto;
        top: 0;
        bottom: 0;
    }
}

/* :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 h2::before {
    content: " ";
    position: absolute;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    background-size: 100% 100%;
    padding: 20px;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.9;
}

@media (min-width: 992px) {
    .postsection .slide-title h2::before {
        /* background-image: url(../img/bg-desc.png); */
    }
}

.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 {
    background-color: #00b5e6;
}

.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: 34px;
        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: 1024px) {
    .postsection .item {
        height: 430px;
         overflow: hidden;
    }
    
    .postsection .slide-title h2 {
        font-size: 34px;
    }
}

@media (min-width: 1025px) {
    .postsection .slide-title h2 {
        padding-left: 0;
    }
    .postsection .slide-title .btn-wrapper {
        padding-left: 0;
    }    
    
    .postsection .slide-title h2 {
        font-size: 44px;
    }
}

@media (min-width: 1200px) {
    .postsection .slide-title {
        max-width: 1110px;
        margin-left: -555px;
    }
}

@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: 999;
    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;
}

.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: #ffffff;
    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;
}

.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;
}

@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;
    }
}

.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;
        margin-top: 18px;
    }
}

/* ***************** 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-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;
    }
    .feature-article-callout {
        width: 33.33333333%;
        float: left;
        padding: 0px 15px;
    }
}

@media (min-width: 768px) {
    .blue-boxes-row {
        width: 100%;
        padding: 0;
    }
}

@media (min-width: 992px) {
    .blue-boxes-row {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .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 */

.global-carousel .jwvideo video {
    width: 100% !important;
    height: auto !important;
}

/* GSR page top banner  */

.gsr-container-hero {
    position: relative;
    display: none;
}

@media (min-width: 600px) {
    .gsr-container-hero {
        display: none;
    }
}

.gsr-container-hero #topimage .hero-image {
    position: relative;
    max-width: 100%;
    line-height: 0;
    margin-bottom: 0px;
    padding-right: 0;
}

.gsr-container-hero #topimage .hero-image:before {
    content: "";
    background: #fff;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

.gsr-container-hero #topimage .hero-image .opt-supplemental-image {
    width: 100%;
    height: auto;
    position: relative;
    display: table;
}

.gsr-container-hero #topimage .opt-supplemental-image img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.gsr-container-hero #topimage .hero-image .top-banner-content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 88;
    text-align: center;
    margin-top: -15px;
}

.gsr-container-hero #topimage .hero-image h1 {
    line-height: normal;
    color: #333333;
    font-size: 27px;
    font-weight: 700;
}

@media (min-width: 992px) {
    .gsr-container-hero #topimage .hero-image h1 {
        font-size: 60px;
    }
}

.gsr-container-hero .aboutlistitem {
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
    display: none;
}

@media (min-width: 992px) {
    .gsr-container-hero .aboutlistitem {
        display: block;
    }
}

.gsr-container-hero .aboutlistitem .productDesc {
    margin: 0;
}

.gsr-container-hero .aboutlistitem .toplink {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 77;
    left: 0;
    right: 0;
    margin-top: -48px;
    cursor: pointer;
    text-align: center;
}

.gsr-container-hero .aboutlistitem .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/arrow-banner-content.png) center center no-repeat;
    width: 34px;
    height: 19px;
    margin: auto;
}

/* ends here GSR top banner */

/* mobile top banner section */

.ml-gsr-topbanner-mobile {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.ml-gsr-topbanner-mobile .Career_Hero {
    background: none;
    margin: 0;
}

.ml-gsr-topbanner-mobile:before {
    content: "";
    background: #fff;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.ml-gsr-topbanner-mobile .videohead {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    text-align: center;
    z-index: 123;
}

.ml-gsr-topbanner-mobile .jwplayer.jw-flag-aspect-mode {
    position: static;
}

@media (min-width: 992px) {
    .ml-gsr-topbanner-mobile .jwplayer.jw-flag-aspect-mode {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        text-align: center;
    }
}

.ml-gsr-topbanner-mobile .videohead .aboutlistitem .subHeader h2 {
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: normal;
    color: #333333;
    margin: 0 auto;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-topbanner-mobile .videohead .aboutlistitem .subHeader h2 {
        height: 100%;
        text-align: center;
        font-size: 60px;
        line-height: normal;
        color: #333333;
        margin: 0 auto;
        font-weight: 700;
        width: 640px;
    }
}

.ml-gsr-topbanner-mobile .jwplayer.jw-flag-aspect-mode {
    height: auto !important;
}

@media (min-width: 992px) {
    .ml-gsr-topbanner-mobile {
        width: 100%;
        height: 282px;
    }
}

@media (min-width: 1024px) {
    .ml-gsr-topbanner-mobile {
        height: 430px;
    }
}

@media (min-width: 1280px) {
    .ml-gsr-topbanner-mobile {
        height: 538px;
    }
}

@media (min-width: 1920px) {
    .ml-gsr-topbanner-mobile {
        height: 800px;
    }
}

.ml-gsr-topbanner-mobile .topBack {
    display: none;
}

.ml-gsr-topbanner-mobile .topBack:before,
.ml-gsr-topbanner-mobile .topBack:after {
    content: " ";
    display: table;
}

.ml-gsr-topbanner-mobile .topBack:after {
    clear: both;
}

.ml-gsr-topbanner-mobile .toplink {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 77;
    left: 0;
    right: 0;
    margin-bottom: 30px;
    cursor: pointer;
    text-align: center;
}

.ml-gsr-topbanner-mobile .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;
}

.ml-gsr-topbanner-mobile .toplink a:hover,
.ml-gsr-topbanner-mobile .toplink a:focus {
    transform: translate(0, 7px);
}

@media (min-width: 992px) {
    .ml-gsr-topbanner-mobile .topBack {
        display: block;
    }
}

.ml-gsr-topbanner-mobile .Career_Hero .bkd_img {
    display: block;
    position: relative;
    height: auto;
    padding: 0;
    margin: 0;
    background: none;
    height: 265px;
    background-position: 80%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

@media (min-width: 600px) {
    .ml-gsr-topbanner-mobile .Career_Hero .bkd_img {
        height: auto;
        background-position: center center;
    }
}

.ml-gsr-topbanner-mobile .Career_Hero .bkd_img:before {
    display: block;
    content: " ";
    width: 100%;
}

@media (min-width: 600px) {
    .ml-gsr-topbanner-mobile .Career_Hero .bkd_img:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 39.165446559297216%;
        /*Aspect ratio 1366:*535 */
    }
}

.ml-gsr-topbanner-mobile .Career_Hero>.inner {
    background: none;
    padding: 0;
    margin: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    top: 50%;
}

.ml-gsr-topbanner-mobile .Career_Hero>.inner .top-banner-content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    text-align: center;
}

.ml-gsr-topbanner-mobile .Career_Hero>.inner .top-banner-content h1 {
    height: 100%;
    text-align: center;
    font-size: 24px;
    line-height: normal;
    color: #333333;
    margin: 0 auto;
    font-weight: 700;
}

@media (min-width: 600px) {
    .ml-gsr-topbanner-mobile .Career_Hero>.inner .top-banner-content h1 {
        font-size: 32px;
    }
}

@media (min-width: 992px) {
    .ml-gsr-topbanner-mobile .Career_Hero>.inner .top-banner-content h1 {
        font-size: 60px;
    }
}

.ml-gsr-topbanner-mobile .aboutlistitem .toplink a {
    background-image: url(../img/down-arrow-black.svg);
}

/* ends here this */

/* our vision section */

#ml-vsr-section {
    text-align: center;
    margin-bottom: 34px;
    margin-top: 36px;
}

@media (min-width: 992px) {
    #ml-vsr-section {
        margin-bottom: 46px;
        margin-top: 40px;
        padding: 0px 30px;
    }
}

#ml-vsr-section .subHeader {
    font-size: 20px;
    margin: 0;
    color: #252525;
    font-weight: 700;
}

@media (min-width: 992px) {
    #ml-vsr-section .subHeader {
        font-size: 30px;
    }
}

#ml-vsr-section .productDesc {
    margin-top: 16px;
}

#ml-vsr-section .productDesc p {
    font-size: 16px;
    margin: 0;
    color: #666666;
}

@media (min-width: 992px) {
    #ml-vsr-section .productDesc p {
        font-size: 22px;
    }
}

/* our vision section ends */

/* key-summary-container-fluid section start  */

.key-summary-container-fluid {
    background: #f2f2f2;
    width: 100%;
    position: relative;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .key-summary-container-fluid {
        padding-top: 45px;
        padding-bottom: 30px;
        margin-bottom: 0;
    }
}

.key-summary-container-fluid .sub-headline h2 {
    margin: 0;
    text-align: center;
    font-size: 20px;
    color: #333333;
    margin-bottom: 15px;
}

.key-summary-container-fluid .sub-headline h2 sup {
    font-size: 55%;
    position: relative;
    top: 0px;
}

@media (min-width: 992px) {
    .key-summary-container-fluid .sub-headline h2 {
        margin-bottom: 12px;
        font-size: 30px;
    }
}

.key-summary-container-fluid:before,
.key-summary-container-fluid:after {
    content: " ";
    display: table;
}

.key-summary-container-fluid:after {
    clear: both;
}

/* .key-summary-container-fluid .key-summary-container:before,
.key-summary-container-fluid .key-summary-container:after,
.key-summary-container-fluid .key-summary-container .key-summery-row:before,
.key-summary-container-fluid .key-summary-container .key-summery-row:after {
    content: " ";
    display: table;
} */

/* .key-summary-container-fluid .key-summary-container:after,
.key-summary-container-fluid .key-summary-container .key-summery-row:after {
    clear: both;
} */

.key-summary-container-fluid .key-summary-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .key-summary-container-fluid .key-summary-container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .key-summary-container-fluid .key-summary-container {
        width: 970px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .key-summary-container-fluid .key-summary-container {
        width: 1170px;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row {
    padding: 0px 30px;
}

@media(min-width:992px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row {
        padding: 0px 15px;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn,
.key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn1,
.key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn2,
.key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn3 {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 993px) and (max-width: 1024px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn1,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn2,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn3 {
        padding-left: 0;
        padding-right: 0;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row>.aboutlistitem {
    margin: 0;
    padding-bottom: 15px;
}

/* @media (min-width: 768px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn1,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn2,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn3 {
        float: left;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn1,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn2,
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn3 {
        width: 25%;
    }
} */

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem .right {
    max-width: 100%;
    margin: auto;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .subHeader {
    width: 100%;
    text-align: center;
    display: table;
    margin-bottom: 15px;
}

.key-summary-container-fluid .subHeader h2 {
    font-size: 36px;
    color: #00b5e6;
    margin: 0 auto;
    display: table-cell;
    vertical-align: bottom;
    height: auto;
    line-height: 1;
    font-weight: 700;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .subHeader h2 img {
    margin-left: 5px;
    display: inline-block;
    vertical-align: bottom;
    width: 60px;
    height: 60px;
    max-height: 60px;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .productDesc span.forging-actual-img img {
    width: 30%;
    margin: 0 auto;
}

@media(min-width:992px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .productDesc span.forging-actual-img img {
        width: 50%;
        margin: 0 auto;
    }
}

.key-summary-container-fluid.sv-carousel .key-summary-container .key-summery-row .keysummerycolumn2 .subHeader h2 img {
    margin-left: 5px;
    display: inline-block;
    vertical-align: bottom;
    width: 60px;
    height: 40px;
    max-height: 40px;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .goal .subHeader h2 img {
    width: 120px;
    max-height: inherit;
    height: 120px;
}

.key-summary-container-fluid .key-summary-container .sub-headline {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
}

.key-summary-container-fluid .key-summary-container h2 {
    text-align: center;
    font-size: 28px;
    color: #00b5e6;
    margin-bottom: 16px;
    height: 60px;
}

.key-summary-container-fluid .key-summary-container h2 strong {
    color: #666666;
}

@media (min-width: 992px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .subHeader h2 {
        height: 71px;
        font-size: 36px;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row .subHeader h2 span {
    color: #666666;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
    font-weight: normal;
    margin-bottom: 0;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .subHeader h2 span.globe-image {
    display: inline-block;
    padding-right: 10px;
}

@media(min-width:992px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .subHeader h2 span {
        color: #666666;
        font-size: 20px;
        display: block;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn2 {
    clear: none;
}

@media (min-width: 768px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn2 {
        clear: both;
    }
}

@media (min-width: 992px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .keysummerycolumn2 {
        clear: none;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row .productDesc p {
    margin: 0;
    font-size: 16px;
    color: #666666;
    line-height: normal;
    text-align: center;
    width: 80%;
    margin: auto;
    padding: 0px 15px;
    box-sizing: border-box;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .productDesc p br {
    display: none;
}

@media(min-width: 992px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .productDesc p br {
        display: block;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row .productDesc p img {
    width: 30px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 8px;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .productDesc p.global-list {
    text-align: left;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .productDesc p strong {
    color: #666666;
}

@media (min-width: 992px) {
    .key-summary-container-fluid .key-summary-container .key-summery-row .productDesc p {
        font-size: 20px;
        width: 100%;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row .subHeader h2 span.gobal-workforce {
    font-size: 20px;
    color: #666666;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .productDesc p span.values-color strong {
    color: #00b5e6;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .subHeader h2 span.dt-bluecontent {
    display: inline-block;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .em-gw .subHeader {
    display: block;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .em-gw h2 {
    display: table;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .em-gw h2 span.globe-image {
    display: table-cell;
    vertical-align: bottom;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .em-gw h2 span {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
}

@media(min-width: 992px) {
    .new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem {
        padding-left: 0px;
    }
}

.key-summary-container-fluid .key-summary-container .key-summery-row .subHeader .pie-chart-title {
    font-weight: bold;
    font-size: 20px;
}

.new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem img[alt=NetSales],
.new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem img[alt=product] {
    width: 75%;
    margin: auto;
}

.new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.goal .subHeader {
    display: none;
}

.new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem .goal-title {
    font-size: 36px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #85bd42;
    line-height: 1;
    margin-bottom: 5px;
}

.new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem .goal-description {
    font-size: 20px;
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem .productDesc div:nth-child(2) {
    display: table;
    margin: auto;
    padding-left: 12px;
}

.new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem .productDesc div:nth-child(2) .goal-image {
    display: table-cell;
    width: 100px;
    padding-right: 15px;
}

.new-goal-carousel.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem .productDesc div:nth-child(2) .goal-sub-description {
    display: table-cell;
    color: #85bd42;
    font-size: 24px;
    vertical-align: middle;
    padding-left: 0;
}

.key-summary-container-fluid.new-goal-carousel .key-summary-container .key-summery-row .subHeader h2 {
    height: 0;
    overflow: hidden;
}

.key-summery-row .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    margin-top: -45px;
    width: 100%;
    left: 0;
}

.key-summery-row .owl-nav span {
    display: block;
    width: 18px;
    height: 30px;
}

.key-summery-row .owl-nav .owl-next {
    float: right;
}

.key-summery-row .owl-nav button {
    outline: none;
}

.key-summery-row .owl-nav .owl-prev span:before {
    content: "";
    background-image: url(../img/caurosel_button_Left.svg);
    width: 18px;
    height: 30px;
    background-size: 100% 100%;
    position: absolute;
    left: 0px;
}

.key-summery-row .owl-nav .owl-next span:before {
    content: "";
    background-image: url(../img/caurosel_button_Right.svg);
    width: 18px;
    height: 30px;
    background-size: 100% 100%;
    position: absolute;
    right: 0px;
}

.key-summery-row .owl-dots {
    display: none;
}

.supporting-info {
    background: #f2f2f2;
    width: 100%;
    position: relative;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    display: none;
}

@media (min-width: 992px) {
    .supporting-info {
        padding-top: 45px;
        padding-bottom: 30px;
        margin-bottom: 0;
    }
}

.key-summary-container-fluid.more-four,
.key-summary-container-fluid.less-four {
    display: none;
}

.key-summary-container-fluid.more-four.autoowl {
    display: block;
}

/* key-summary-container-fluid section end  */

: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;
} */

/*  ml-gsr-videosection start */

.ml-gsr-videosection .container-two-column .grid,
.ml-gsr-videosection .container-two-column .grid .col-1of2,
.ml-gsr-videosection .container-two-column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-gsr-videosection {
    width: 100%;
    background-color: #f2f2f2;
    padding-top: 23px;
    padding-bottom: 25px;
}

@media (min-width: 992px) {
    .ml-gsr-videosection {
        padding-top: 42px;
        padding-bottom: 27px;
    }
}

.ml-gsr-videosection .container-two-column {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.ml-gsr-videosection .container-two-column:before,
.ml-gsr-videosection .container-two-column:after,
.ml-gsr-videosection .container-two-column .grid:before,
.ml-gsr-videosection .container-two-column .grid:after {
    content: " ";
    display: table;
}

.ml-gsr-videosection .container-two-column:after,
.ml-gsr-videosection .container-two-column .grid:after {
    clear: both;
}

@media (min-width: 768px) {
    .ml-gsr-videosection .container-two-column {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-videosection .container-two-column {
        width: 970px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-videosection .container-two-column {
        width: 1170px;
    }
}

.ml-gsr-videosection .container-two-column .grid {
    max-width: none !important;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.ml-gsr-videosection .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) {
    /* .ml-gsr-videosection .container-two-column .grid > .col-1of2.col-num-1,
    .ml-gsr-videosection .container-two-column .grid > .col-1of2.col-num-2 {
        float: left;
        width: 50%;
    } */
}

@media (min-width: 992px) {
    .ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1 {
        float: left;
        width: 41.66666667%;
    }
    .ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-2 {
        float: left;
        width: 58.33333333%;
    }
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-2>.jwplayer {
    margin-top: 0px;
}

@media (min-width: 992px) {
    .ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-2>.jwplayer {
        margin-top: 8px;
    }
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-2 .content-image img {
    max-width: 100%;
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .subHeader {
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    line-height: 1.3;
}

@media (min-width: 992px) {
    .ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .subHeader {
        font-size: 30px;
    }
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc p {
    font-size: 14px;
    margin-top: 7px;
    margin-bottom: 20px;
    color: #666666;
}

@media (min-width: 992px) {
    .ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc p {
        font-size: 16px;
    }
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}

@media (min-width: 992px) {
    .ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul {
        display: block;
    }
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li {
    cursor: pointer;
    margin-bottom: 20px;
    color: #666666;
    position: relative;
    padding-left: 60px;
    font-size: 18px;
    min-height: 44px;
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li a:before {
    content: '';
    background-image: url(../img/down-arrow-black.svg);
    text-align: center;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 30% 30%;
    border: 1px solid #696969;
    background-position: center;
    border-radius: 50%;
    background-repeat: no-repeat;
    transition: all 0.5s ease 0s;
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li:hover a:before,
.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li:focus a:before {
    background-image: url(../img/down-arrow-white.svg);
    border: 1px solid #008cb2;
    background-color: #008cb2;
    background-repeat: no-repeat;
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li:hover a strong,
.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li:focus a strong {
    transition: all 0.5s ease 0s;
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li:hover a,
.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li:focus a,
.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li:hover a strong,
.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li:focus a strong {
    color: #008cb2;
}

.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li a,
.ml-gsr-videosection .container-two-column .grid>.col-1of2.col-num-1>.aboutlistitem .productDesc>ul li a strong {
    text-decoration: none;
    color: #666666;
    font-size: 18px;
}

/* ml-gsr-videosection end */

/* ml-gsr-more-information-section start*/

.ml-more-fluid-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .ml-more-fluid-container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-more-fluid-container {
        width: 970px;
        padding-top: 42px;
        padding-bottom: 25px;
    }
}

@media (min-width: 1200px) {
    .ml-more-fluid-container {
        width: 1170px;
    }
}

.for-more-information .subHeader {
    font-size: 20px;
    margin: 0;
    margin-bottom: 8px;
    color: #333333;
    font-weight: bold;
}

@media (min-width: 992px) {
    .for-more-information .subHeader {
        font-size: 30px;
    }
}

.for-more-information .productDesc {
    margin: 0;
    padding: 0;
    color: #666666;
    font-size: 14px;
}

@media (min-width: 992px) {
    .for-more-information .productDesc {
        font-size: 16px;
    }
}

.ml-more-inner {
    padding: 0px;
}

@media (min-width: 992px) {
    .ml-more-inner {
        padding: 0px 15px;
    }
}

.ml-more-inner .grid {
    max-width: 100%;
}

.ml-more-inner .grid .aboutlistitem {
    margin-bottom: 15px;
    position: relative;
}

@media (min-width: 992px) {
    .ml-more-inner .grid .aboutlistitem {
        margin-bottom: 20px;
        padding-right: 70px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .ml-more-inner .grid .aboutlistitem {
        padding-right: 30px;
    }
}

.ml-more-inner .grid .col {
    width: 100%;
}

@media (min-width: 992px) {
    .ml-more-inner .grid .col {
        width: 33.33%;
    }
}

.ml-more-inner .grid .aboutlistitem .subHeader>a:first-child:before {
    right: 0px;
    position: absolute;
    top: 4px;
    bottom: 0;
    width: 20px;
    height: 20px;
    content: '';
    background-image: url(../img/button_arrow_icon.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
}

@media (min-width: 992px) {
    .ml-more-inner .grid .aboutlistitem .subHeader>a:first-child:before {
        top: 7px;
    }
}

@media (min-width: 992px) {
    .ml-more-inner .grid .aboutlistitem .subHeader a:hover:first-child:before,
    .ml-more-inner .grid .aboutlistitem .subHeader a:focus:first-child:before {
        background-image: url(../img/button_arrow_dark.svg);
        right: -5px;
    }
}

.ml-more-inner .subHeader a {
    color: #666666;
    margin: 0;
    font-size: 18px;
    margin-bottom: 0;
    display: block;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    position: relative;
}

.ml-more-inner .subHeader a:hover,
.ml-more-inner .subHeader a:focus {
    color: #008cb2;
}

@media (min-width: 992px) {
    .ml-more-inner .subHeader a {
        font-size: 20px;
        margin-bottom: 10px;
        color: #333333;
    }
}

.ml-more-inner .productDesc p {
    color: #666666;
    margin: 0;
    font-size: 16px;
    margin-bottom: 20px;
}

.ml-more-inner .inner .grid .productDesc {
    display: none;
}

@media (min-width: 992px) {
    .ml-more-inner .inner .grid .productDesc {
        display: block;
        width: 80%;
    }
}

/* ml-gsr-more-information-section end*/

/* our commmitment section */

.ml-sustainable-development .container-two-column .grid,
.ml-sustainable-development .container-two-column .grid .col-1of2,
.ml-sustainable-development .container-two-column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-sustainable-development {
    width: 100%;
    background-color: #f2f2f2;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .ml-sustainable-development {
        padding-top: 50px;
        padding-bottom: 30px;
    }
}

.ml-sustainable-development .container-two-column {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.ml-sustainable-development .container-two-column:before,
.ml-sustainable-development .container-two-column:after,
.ml-sustainable-development .container-two-column .grid:before,
.ml-sustainable-development .container-two-column .grid:after {
    content: " ";
    display: table;
}

.ml-sustainable-development .container-two-column:after,
.ml-sustainable-development .container-two-column .grid:after {
    clear: both;
}

@media (min-width: 768px) {
    .ml-sustainable-development .container-two-column {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-sustainable-development .container-two-column {
        width: 970px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .ml-sustainable-development .container-two-column {
        width: 1170px;
    }
}

.ml-sustainable-development .container-two-column .grid {
    max-width: none !important;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.ml-sustainable-development .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) {
    .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1,
    .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-2 {
        float: left;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 {
        float: left;
        width: 50%;
    }
    .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-2 {
        float: left;
        width: 50%;
    }
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-2 .content-image {
    text-align: center;
    margin-bottom: 0;
    margin-top: 27px;
}

@media (min-width: 992px) {
    .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-2 .content-image {
        margin-top: 0px;
    }
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-2 .content-image img {
    width: auto;
    max-width: 100%;
}

@media (min-width: 992px) {
    .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-2 .content-image img {
        width: auto;
        max-width: 100%;
    }
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .subHeader {
    font-size: 20px;
    color: #333333;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .subHeader {
        font-size: 30px;
        margin-top: -10px;
        margin-bottom: 10px;
    }
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc {
    padding-right: 0;
}

@media (min-width: 992px) {
    .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc {
        padding-right: 30px;
    }
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p {
    font-size: 16px;
    margin-bottom: 10px;
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a {
    font-size: 16px;
    color: #00b5e6;
    position: relative;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a:hover,
.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a:focus {
    color: #008cb2;
}

/*.ml-sustainable-development .container-two-column .grid > .col-1of2.col-num-1 .productDesc p a:before {
    position: absolute;
    top: 2px;
    content: '';
    width: 12px;
    height: 12px;
    background: url(../img/button_arrow_icon.svg) no-repeat;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease 0s;
    background-size: 100% 100%;
} */

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a.commitment-sustainable {
    padding-right: 0;
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a.commitment-sustainable:before {
    background: none;
}

:root .ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a:before {
    top: 4px\0;
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a:hover:before,
.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a:focus:before {
    right: -5px;
    background: url(../img/button_arrow_dark.svg) no-repeat;
}

.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a.commitment-sustainable:hover:before,
.ml-sustainable-development .container-two-column .grid>.col-1of2.col-num-1 .productDesc p a.commitment-sustainable:focus:before {
    background: none;
}

/* ends here commitment section */

/* tabs section GSR*/

/* our commmitment section */

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row,
.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row .tabbed-interface,
.ml-gsr-tabsection .ml-gsr-tab-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-gsr-tabsection {
    width: 100%;
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 10px;
}

@media (min-width: 992px) {
    .ml-gsr-tabsection {
        padding-top: 50px;
        padding-bottom: 20px;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.ml-gsr-tabsection .ml-gsr-tab-container:before,
.ml-gsr-tabsection .ml-gsr-tab-container:after,
.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row:before,
.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row:after {
    content: " ";
    display: table;
}

.ml-gsr-tabsection .ml-gsr-tab-container:after,
.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row:after {
    clear: both;
}

@media (min-width: 768px) {
    .ml-gsr-tabsection .ml-gsr-tab-container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container {
        width: 970px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-tabsection .ml-gsr-tab-container {
        width: 1170px;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row {
    max-width: none !important;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

@media (min-width: 768px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface {
        float: left;
        width: 100%;
        padding: 0px 15px;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs {
    list-style: none;
    font-size: 0;
    text-align: center;
    border-bottom: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 3px solid #00b5e6;
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs {
        border-bottom: 2px solid #f2f2f2;
        border-top: 0;
        position: relative;
        text-align: center;
        width: auto;
        display: block;
        margin-bottom: 30px;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs>li.tab {
    display: table-cell;
    border: none;
    background: #f2f2f2;
    margin: 0 0 -2px 0;
    border-radius: 0;
    vertical-align: middle;
    border-top: 3px solid transparent;
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs>li.tab {
        display: inline-block;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs .tab.active {
    background: #fff;
    border-top: none;
    border-bottom: 0;
    font-weight: bold;
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs .tab.active {
        border-top: 3px solid #00b5e6;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs .tab:hover,
.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs .tab:focus {
    background: #fff;
    border-top: none;
    border-bottom: 0;
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs>li.tab:hover,
.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs>li.tab:hover h3 {
    background: #fff;
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs .tab:hover,
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs .tab:focus {
        border-top: 3px solid #00b5e6;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs>.tab {
    border: none;
    margin: 0;
    border-radius: 0;
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs>.tab {
        margin: 0 -5px -2px 0;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .tabs>.tab>h3 {
    border: none;
    background: #f2f2f2;
    border-radius: 0;
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .tabs>.tab.active>h3 {
    background: #ffffff;
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface>.tabs .tab.active>h3 a {
    font-weight: bold;
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .tabs>.tab>h3>a {
    text-decoration: none;
    padding: 15px 5px;
    display: inline-block;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
}

@media (min-width: 768px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .tabs>.tab>h3>a {
        padding: 15px 50px;
    }
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .tabs>.tab>h3>a {
        padding: 15px 20px;
        font-size: 24px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .tabs>.tab>h3>a {
        padding: 15px 50px;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc {
        padding-left: 54px;
        padding-right: 0;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc ul li {
    margin-bottom: 25px;
    color: #505050;
    position: relative;
    padding-left: 71px;
    padding-top: 7px;
    box-sizing: border-box;
    display: table;
    cursor: pointer;
}

@media (min-width: 992px) {
    .ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc ul li {
        margin-bottom: 30px;
        min-height: 44px;
    }
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc ul li a:before {
    content: '';
    background-image: url(../img/down-arrow-black.svg);
    text-align: center;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 15px 15px;
    border: 1px solid #696969;
    background-position: center;
    border-radius: 50%;
    background-repeat: no-repeat;
    transition: all 0.5s ease 0s;
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc ul li:hover a:before,
.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc ul li:focus a:before {
    background-image: url(../img/down-arrow-white.svg);
    border: 1px solid #008cb2;
    background-color: #008cb2;
    background-repeat: no-repeat;
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc ul li:hover a,
.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc ul li:focus a {
    color: #008cb2;
}

.ml-gsr-tabsection .ml-gsr-tab-container .ml-gsr-tab-row>.tabbed-interface .pane .productDesc ul li a {
    text-decoration: none;
    color: #505050;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
}

/* ends here tabs section */

/* Back to top CSS Starts*/

.back-to-top {
    position: fixed;
    width: 100%;
    height: 38px;
    clear: both;
    bottom: 15px;
    right: 15px;
    z-index: 9;
}

.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*/

/*  OUR IMAPCT CSS Starts*/

.ml-ourimpact-container .ml-ourimpact-row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-ourimpact-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .ml-ourimpact-container {
        margin-bottom: 20px;
    }
}

.ml-ourimpact-container:before,
.ml-ourimpact-container:after,
.ml-ourimpact-container .ml-ourimpact-row:before,
.ml-ourimpact-container .ml-ourimpact-row:after {
    content: " ";
    display: table;
}

.ml-ourimpact-container:after,
.ml-ourimpact-container .ml-ourimpact-row:after {
    clear: both;
}

@supports (-ms-ime-align: auto) {
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-inner:nth-child(4) {
        clear: both;
    }
}

@media screen\0 {
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-inner:nth-child(4) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .ml-ourimpact-container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .ml-ourimpact-container {
        width: 970px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .ml-ourimpact-container {
        width: 1170px;
    }
}

.ml-ourimpact-container .ml-ourimpact-row {
    max-width: none !important;
    width: auto;
}

.ml-ourimpact-container .ml-ourimpact-row .sub-headline h2 {
    display: none;
}

@media (min-width: 768px) {
    .ml-ourimpact-container .ml-ourimpact-row .sub-headline h2 {
        display: block;
        font-size: 30px;
        text-align: center;
        margin-top: 5px;
        padding-bottom: 24px;
    }
}

.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .big-link-image {
    display: none;
    margin: 0px;
    padding: 0px;
}

@media (min-width: 768px) {
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .big-link-image {
        display: block;
        width: 100%;
    }
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .big-link-image a {
        display: block;
        overflow: hidden;
    }
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .big-link-image a img {
        transition: all 1s ease 0s;
    }
}

.ml-ourimpact-threecolumn {
    width: 100%;
}

.ml-ourimpact-threecolumn:before,
.ml-ourimpact-threecolumn:after {
    display: table;
    content: " ";
}

.ml-ourimpact-threecolumn:after {
    clear: both;
}

@media (min-width: 992px) {
    .ml-ourimpact-threecolumn {
        margin: auto;
    }
    .ourimpact-section {
        max-width: 920px;
    }
}

.ml-ourimpact-threecolumn .big-link-image {
    display: none;
    margin: 0px;
    padding: 0px;
}

.ml-ourimpact-threecolumn .grid {
    max-width: 100%;
}

@media (min-width: 768px) {
    .ml-ourimpact-threecolumn .big-link-image {
        display: block;
        width: 100%;
    }
}

.ml-ourimpact-threecolumn .big-link-image a {
    overflow: hidden;
    display: block;
}

.ml-ourimpact-threecolumn .big-link-image img {
    display: block;
    width: 100%;
    transition: all 1s ease;
}

.ml-ourimpact-threecolumn .ml-ourimpact-inner,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 {
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
    min-height: 70px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .ml-ourimpact-threecolumn .ml-ourimpact-inner,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 {
        margin: 0 auto 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .ml-ourimpact-threecolumn .ml-ourimpact-inner,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 {
        max-width: 920px;
    }
}

.ml-ourimpact-threecolumn .ml-ourimpact-inner:hover .btn-v2 a,
.ml-ourimpact-threecolumn .ml-ourimpact-inner:focus .btn-v2 a,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:hover .btn-v2 a,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:focus .btn-v2 a {
    color: #ffffff;
}

@media (min-width: 768px) {
    .ml-ourimpact-threecolumn .ml-ourimpact-inner:hover .btn-v2 a,
    .ml-ourimpact-threecolumn .ml-ourimpact-inner:focus .btn-v2 a,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:hover .btn-v2 a,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:focus .btn-v2 a {
        color: #008cb2;
    }
    .ml-ourimpact-threecolumn .ml-ourimpact-inner:hover .btn-v2 a:after,
    .ml-ourimpact-threecolumn .ml-ourimpact-inner:focus .btn-v2 a:after,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:hover .btn-v2 a:after,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:focus .btn-v2 a:after {
        background-image: url(../img/Arrow_Hover_Color.svg);
        background-size: 100% 100%;
        width: 9px;
        height: 13px;
    }
}

@media (min-width: 992px) {
    .ml-ourimpact-threecolumn .ml-ourimpact-inner:hover .btn-v2 a:after,
    .ml-ourimpact-threecolumn .ml-ourimpact-inner:focus .btn-v2 a:after,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:hover .btn-v2 a:after,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:focus .btn-v2 a:after {
        right: -5px;
    }
}

.ml-ourimpact-threecolumn .ml-ourimpact-inner:hover .big-link-image img,
.ml-ourimpact-threecolumn .ml-ourimpact-inner:focus .big-link-image img,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:hover .big-link-image img,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1:focus .big-link-image img {
    transform: scale(1.1) rotate(0.1deg);
}

@media (min-width: 768px) {
    .ml-ourimpact-threecolumn .ml-ourimpact-inner {
        width: 50%;
        float: left;
        padding: 0px 15px;
    }
}

@media (min-width: 992px) {
    .ml-ourimpact-threecolumn .ml-ourimpact-inner {
        width: 33.33%;
    }
}

.ml-ourimpact-threecolumn .ml-ourimpact-inner .btn-v2,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .btn-v2 {
    display: table-row;
    vertical-align: middle;
    height: 71px;
    box-shadow: none;
}

.ml-ourimpact-threecolumn .ml-ourimpact-inner .btn-v2>a>span:after,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .btn-v2>a>span:after {
    background-image: none;
    display: none;
}

.ml-ourimpact-threecolumn .ml-ourimpact-inner .btn-v2 a,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .btn-v2 a {
    height: 71px;
    display: table-cell;
    padding: 10px 45px 10px 15px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
    color: #ffffff;
    position: relative;
    font-size: 18px;
    background: #00b5e6;
}

@media (min-width: 768px) {
    .ml-ourimpact-threecolumn .ml-ourimpact-inner .btn-v2 a,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .btn-v2 a {
        padding-right: 5px;
        padding-left: 5px;
        color: #666666;
        text-align: center;
        background: #f2f2f2;
    }
}

.ml-ourimpact-threecolumn .ml-ourimpact-inner .btn-v2 a:after,
.ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .btn-v2 a:after {
    content: "";
    background-image: url(../img/Arrow_Stander_Color.svg);
    width: 30px;
    height: 30px;
    background-size: 70% 70%;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    background-color: #ffffff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.5s ease 0s;
}

@media (min-width: 768px) {
    .ml-ourimpact-threecolumn .ml-ourimpact-inner .btn-v2 a:after,
    .ml-ourimpact-container .ml-ourimpact-row .ml-ourimpact-column1 .btn-v2 a:after {
        position: relative;
        right: 0px;
        top: 0;
        background-color: transparent;
        background-size: 100% 100%;
        width: 9px;
        height: 13px;
    }
}

/*  OUR IMAPCT 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 */

/* Second Layer Banner CSS Start*/

.bannerSection-2:before {
    background: transparent;
    opacity: 1;
}

.bannerSection-2 .Career_Hero:before {
    background: transparent;
}

@media (min-width: 992px) {
    .ml-gsr-topbanner-mobile.bannerSection-2 .Career_Hero {
        height: 282px;
    }
}

@media (min-width: 1024px) {
    .ml-gsr-topbanner-mobile.bannerSection-2 .Career_Hero {
        height: 430px;
    }
}

@media (min-width: 1280px) {
    .ml-gsr-topbanner-mobile.bannerSection-2 .Career_Hero {
        height: 538px;
    }
}

@media (min-width: 1920px) {
    .ml-gsr-topbanner-mobile.bannerSection-2 .Career_Hero {
        height: auto;
    }
}

@media (min-width: 600px) {
    .ml-gsr-topbanner-mobile.bannerSection-2 .Career_Hero .bkd_img {
        height: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-topbanner-mobile.bannerSection-2 {
        margin-bottom: 50px;
    }
}

@media (min-width: 1920px) {
    .ml-gsr-topbanner-mobile.bannerSection-2 {
        height: auto;
    }
}

.bannerSection-2 .Career_Hero>.inner {
    position: relative;
    background-color: rgba(51, 51, 51, 1);
    left: auto;
    transform: none;
    color: #FFF;
    text-align: left;
    font-size: 18px;
    width: 100%;
    min-height: initial;
    min-height: auto\0;
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    right: 0;
    padding: 15px 15px;
    bottom: 0;
    top: auto;
}

@media (min-width: 992px) {
    .bannerSection-2 .Career_Hero>.inner {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
        min-width: 36%;
        padding: 26px 30px 60px;
        right: 100px;
        width: auto;
        max-width: 750px;
    }
}

@media (min-width: 1100px) {
    .bannerSection-2 .Career_Hero>.inner {
        padding-top: 40px;
    }
}

/* @media (min-width: 1367px) {
    .bannerSection-2 .Career_Hero > .inner {
        min-width: 918px;
    }
} */

.bannerSection-2 .Career_Hero .hero_title {
    color: #FFF;
    text-align: left;
    font-size: 20px;
    /* margin: 0 0 13px; */
    line-height: normal;
    width: 100%;
    padding: 0;
    display: block;
}

.bannerSection-2 .Career_Hero .hero_bottom {
    display: none;
}

@media (min-width: 992px) {
    .bannerSection-2 .Career_Hero .hero_title {
        font-size: 32px;
    }
}

.bannerSection-2 .Career_Hero .hero_caption {
    width: 100%;
    margin: 0;
    line-height: 1.4;
    padding: 0;
    font-size: 16px;
    display: block;
}

@media (min-width: 992px) {
    .bannerSection-2 .Career_Hero .hero_caption {
        font-size: 18px;
    }
}

.bannerSection-2 .Career_Hero .hero_caption .hero_bottom {
    display: none;
}

.bannerSection-2 .aboutlistitem .toplink a {
    background-image: url(../img/Arrow_Down_Color_35px.svg);
}

/* Second Layer Banner CSS End*/

/* Nav Box CSS End*/

.gs-navholder {
    margin-top: 50px;
    margin-bottom: 20px;
    display: none;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .gs-navholder {
        display: block;
        width: 970px;
        padding: 0px 15px;
    }
}

@media (min-width: 1200px) {
    .gs-navholder {
        width: 1170px;
    }
}

.gs-navholder .col {
    width: 33.33%;
    float: left;
    padding: 0px 15px;
    box-sizing: border-box;
}

.gs-navholder .gs-navbox {
    position: relative;
    overflow: hidden;
    clear: both;
}

.grid-six-column .gs-navholder .gs-navbox {
    margin-bottom: 30px;
}

@media(min-width: 992px) {
    .ml-ourimpact-inner.grid-four-column {
        padding: 0px 0px 20px;
        box-sizing: border-box;
    }
}

.ml-ourimpact-inner.grid-four-column .gs-navholder.grid-two-column {
    margin-top: 0px;
}

.ml-ourimpact-inner.grid-four-column .gs-navholder.grid-two-column.ml-ourimpact-three-new-column .gs-navbox {
    clear: none;
    float: left;
}

.gs-navholder.grid-one-column {
    padding: 0 30px;
    margin-bottom: 80px;
}

.gs-navholder.grid-one-column .gs-navbox {
    width: 33.33%;
    box-sizing: border-box;
    margin: auto;
    padding: 0 10px;
}

.gs-navholder.grid-one-column .gs-navbox .btn-v2 {
    margin: 0 10px;
}

.gs-navholder.grid-two-column {
    padding: 0 30px;
    margin-bottom: 25px;
    text-align: center;
    margin-top: 30px;
}

.gs-navholder.grid-two-column .gs-navbox {
    width: 33.33%;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 20px;
    margin: 0;
}

.gs-navholder.grid-two-column .gs-navbox .btn-v2 {
    margin-right: 20px;
}

.grid-three-new-column {
    margin-top: 50px;
    margin-bottom: 50px;
    display: none;
}

@media(min-width:992px) {
    .grid-three-new-column {
        margin-top: 50px;
        margin-bottom: 50px;
        display: block;
    }
}

.grid-three-new-column .gs-navholder.grid-two-column {
    margin-top: 0px;
    margin-bottom: 0px;
}

.grid-three-new-column .gs-navholder.grid-two-column .gs-navbox {
    clear: none;
    float: left;
}

@media(min-width: 992px) {
    .ml-ourimpact-inner.grid-five-column {
        margin-bottom: 45px;
    }
}

.gs-navholder .gs-navbox .big-link-image {
    position: relative;
    display: block;
}

.gs-navholder .gs-navbox .big-link-image a {
    position: relative;
    display: block;
    margin: 0;
    overflow: hidden;
}

.gs-navholder .gs-navbox .big-link-image a img {
    width: 100%;
    display: block;
    transition: all 0.5s ease-in;
}

.gs-navholder .gs-navbox:hover .big-link-image a img,
.gs-navholder .gs-navbox:focus .big-link-image a img {
    transform: scale(1.05);
}

.gs-navholder .gs-navbox .btn-v2 {
    transition: all 0.5s ease-in;
    position: absolute;
    display: block;
    margin: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    height: 98px;
    color: #FFF;
    font-size: 14px;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
}

@media(min-width:1024px) {
    .gs-navholder .gs-navbox .btn-v2 {
        padding: 8px;
    }
}

@media(min-width: 1200px) {
    .gs-navholder .gs-navbox .btn-v2 {
        height: 90px;
        padding: 20px;
    }
}

.gs-navholder .gs-navbox:hover .btn-v2,
.gs-navholder .gs-navbox:focus .btn-v2 {
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.gs-navholder .gs-navbox .btn-v2 a {
    font-size: 20px;
    color: #FFF;
    margin: 0;
    text-align: left;
    padding: 0;
    height: 100%;
}

.gs-navholder .gs-navbox .btn-v2 a>span {
    display: none;
}

.gs-navholder .gs-navbox:hover .btn-v2 a>span,
.gs-navholder .gs-navbox:focus .btn-v2 a>span {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    left: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.gs-navholder .gs-navbox .btn-v2 a span {
    color: #ffffff;
}

@media(min-width: 1200px) {
    .gs-navholder .gs-navbox .btn-v2 a span>span:nth-child(2) {
        display: none;
    }
}

.gs-navholder .gs-navbox:hover .btn-v2 a span.SecSecacc,
.gs-navholder .gs-navbox:focus .btn-v2 a span.SecSecacc,
.gs-navholder .gs-navbox:hover .btn-v2 a span.readLessacc,
.gs-navholder .gs-navbox:focus .btn-v2 a span.readLessacc {
    display: none;
}

.gs-navholder .gs-navbox:hover .btn-v2 a span.readMoreacc,
.gs-navholder .gs-navbox:focus .btn-v2 a span.readMoreacc,
.gs-navholder .gs-navbox:hover .btn-v2 a span.readLessacc,
.gs-navholder .gs-navbox:focus .btn-v2 a span.readLessacc {
    color: #ffffff;
}

.gs-navholder .gs-navbox:hover .btn-v2 a span.readMoreacc span,
.gs-navholder .gs-navbox:focus .btn-v2 a span.readMoreacc span,
.gs-navholder .gs-navbox:hover .btn-v2 a span.readLessacc span,
.gs-navholder .gs-navbox:focus .btn-v2 a span.readLessacc span {
    color: #ffffff;
}

.gs-navholder .gs-navbox .btn-v2 a>span:after {
    content: "";
    background: url(../img/arrow-duble-bottom.svg) center center no-repeat;
    width: 50px;
    height: 20px;
    margin: 0 auto;
    display: none;
    position: static;
    display: block;
    margin-top: 20px;
}

@media(min-width: 1200px) {
    .gs-navholder .gs-navbox .btn-v2 a>span:after {
        width: 65px;
        height: 31px;
    }
}

.gs-navholder .gs-navbox:hover .btn-v2 a span:after,
.gs-navholder .gs-navbox:focus .btn-v2 a span:after {
    display: block;
}

/* Nav Box CSS End*/

/* EHS section css */

/*  ml-gsr-videosection start */

/* gs-content-section */

.gsr2-content-section .grid .col .content-section .caption a {
    font-size: 14px;
    color: #00b5e6;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

@media (min-width: 992px) {
    .gsr2-content-section .grid .col .content-section .caption a {
        font-size: 16px;
    }
}

.gsr2-content-section .grid .col .content-section .caption a:hover {
    color: #008cb2;
}

.gsr2-ehsms-section {
    background-color: #f2f2f2;
    padding: 0;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section {
        margin-bottom: 50px;
    }
}

.gsr2-ehsms-section .inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

/* @media (min-width: 768px) {
    .gsr2-ehsms-section .inner {
        width: 750px;        
    }
} */

@media (min-width: 992px) {
    .gsr2-ehsms-section .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .gsr2-ehsms-section .inner {
        width: 1170px;
    }
}

.gsr2-ehsms-section .grid {
    max-width: 100%;
    width: auto !important;
    position: relative;
    max-width: none !important;
}

.gsr2-ehsms-section .grid:before,
.gsr2-ehsms-section .grid:after {
    content: " ";
    display: table;
}

.gsr2-ehsms-section .grid:after {
    clear: both;
}

.gsr2-ehsms-section .grid .col-num-1 {
    display: block;
    width: 100%;
    text-align: center;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .grid .col-num-1 {
        display: none;
    }
}

.gsr2-ehsms-section .grid .col-num-1 .content-image img {
    margin-bottom: 0;
    max-width: 100%;
    height: auto;
    max-width: 100% !important;
}

.gsr2-ehsms-section .grid .col-num-2,
.gsr2-ehsms-section .grid .col-num-3 {
    height: 100%;
    min-height: 1px;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .grid .col-num-2,
    .gsr2-ehsms-section .grid .col-num-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.gsr2-ehsms-section .grid .col-num-2 {
    width: 100%;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .grid .col-num-2 {
        width: 66.66666667%;
        margin-right: 33.33%;
        position: relative;
    }
}

.gsr2-ehsms-section .grid .col-num-3 {
    display: none;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .grid .col-num-3 {
        width: 33.33%;
        position: absolute;
        right: 0;
        display: block;
    }
}

.gsr2-ehsms-section .grid .col-num-2 {
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .grid .col-num-2 {
        padding-top: 47px;
        padding-bottom: 35px;
        font-size: 16px;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        min-height: 450px;
    }
}

.gsr2-ehsms-section .grid .col-num-2 h2 {
    margin: 0;
    font-size: 20px;
    color: #333;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .grid .col-num-2 h2 {
        font-size: 30px;
        margin: 0 0 5px;
    }
}

.gsr2-ehsms-section .grid .col-num-2 p {
    margin: 0 0 10px;
    color: #666666;
    font-size: 14px;
}

.gsr2-ehsms-section .grid .col-num-2 ul {
    margin-left: 0px;
}

.gsr2-ehsms-section .grid .col-num-2 .content-section .caption ul {
    margin-left: 0px;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .grid .col-num-2 p {
        font-size: 16px;
    }
}

.gsr2-ehsms-section .grid .col-num-2 p strong {
    color: #333333;
}

.gsr2-ehsms-section .grid .col-num-2 .caption {
    padding-bottom: 0;
}

.gsr2-ehsms-section .grid .col-num-2 .caption h5 {
    font-size: 18px;
    font-weight: bold;
}

.gsr2-ehsms-section .grid .col-num-2 .caption .supporting-footnote p {
    margin-bottom: 5px;
}

.gsr2-ehsms-section .grid .col-num-2 .btn-v2 {
    margin-top: 15px;
    border: none;
    box-shadow: none;
    background: none;
    padding: 0;
    filter: none;
}

.gsr2-ehsms-section .grid .col-num-2 .btn-v2 a {
    position: relative;
    font-size: 14px;
    color: #00b5e6;
    text-decoration: none;
    transition: all 0.5s ease-in;
    font-weight: normal;
    padding: 0;
    line-height: 3px;
    transition: all 0.5s ease 0s;
}

.gsr2-ehsms-section .grid .col-num-2 .btn-v2 a:hover,
.gsr2-ehsms-section .grid .col-num-2 .btn-v2 a:focus {
    color: #008cb2;
}

.gsr2-ehsms-section .grid .col-num-2 .btn-v2 a span {
    display: none;
}

.gsr2-ehsms-section .grid .col-num-2 .btn-v2 a:after {
    background: url(../img/button_arrow_icon.svg) center center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    content: " ";
    height: 10px;
    width: 10px;
    position: relative;
    transition: all 0.5s ease 0s;
    right: 0;
    background-size: 100% 100%;
}

.gsr2-ehsms-section .grid .col-num-2 .btn-v2 a:hover:after,
.gsr2-ehsms-section .grid .col-num-2 .btn-v2 a:focus:after {
    right: -5px;
    background: url(../img/button_arrow_dark.svg) center center no-repeat;
}

.gsr2-ehsms-section .grid .col-num-3 {
    box-sizing: border-box;
}

.gsr2-ehsms-section .grid .col-num-3 .module-simple-container {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50px;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    left: 15px;
    right: 15px;
}

.reduce-subhead .grid .col-num-2>.content-section .sub-headline h2 {
    display: none;
}

.reduce-subhead .grid .col-num-2>.content-section .sub-headline h5 {
    font-size: 20px;
    margin: 0 0 5px;
    color: #333;
    font-weight: 700;
}

@media(min-width:992px) {
    .reduce-subhead .grid .col-num-2>.content-section .sub-headline h5 {
        font-size: 30px;
        margin: 0 0 15px;
        color: #333;
        font-weight: 700;
    }
}

/* two column 
.gsr2-ehsms-section .grid .col-num-3 .module-simple-container:after {
    content:" ";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
*/

.gsr2-ehsms-section .gsr-ehms-bottom .content-section .content-section .gsr2-video-section {
    margin-right: auto;
    margin-left: auto;
}

.gsr2-ehsms-section .gsr-ehms-bottom:before,
.gsr2-ehsms-section .gsr-ehms-bottom:after,
.gsr2-ehsms-section .gsr-ehms-bottom:before,
.gsr2-ehsms-section .gsr-ehms-bottom:after {
    content: " ";
    display: table;
}

.gsr2-ehsms-section .gsr-ehms-bottom:after,
.gsr2-ehsms-section .gsr-ehms-bottom:after {
    clear: both;
}

.gsr2-ehsms-section .gsr-ehms-bottom {
    padding-top: 15px;
}

@media (min-width: 768px) {
    .gsr2-ehsms-section .gsr-ehms-bottom {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .gsr-ehms-bottom {
        width: 100%;
        padding-top: 25px;
    }
}

@media (min-width: 1200px) {
    .gsr2-ehsms-section .gsr-ehms-bottom {
        width: 100%;
    }
}

.gsr2-ehsms-section .gsr-ehms-bottom .caption {
    padding-right: 15px;
    position: relative;
}

.gsr2-ehsms-section .gsr-ehms-bottom>.content-section {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .gsr2-ehsms-section .gsr-ehms-bottom>.content-section {
        float: left;
        width: 50%;
        margin-bottom: 0;
    }
    .gsr2-ehsms-section .gsr-ehms-bottom>.gsr2-video-section {
        float: left;
        width: 50% !important;
    }
}

.gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul li:before {
    display: none;
}

.gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul li {
    padding-left: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 5px;
    margin-bottom: 15px;
    color: #666666;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul li {
        padding: 0 0 15px;
    }
}

.gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul li:last-child {
    border-bottom: 0;
    padding: 0 0;
    margin-bottom: 0;
}

.gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul li>h3 {
    color: #00b5e6;
    font-size: 28px;
    margin: 0 0 10px;
    line-height: 1;
    font-weight: 700;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul li>h3 {
        font-size: 35px;
    }
}

.gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul li>p {
    margin: 0 0 10px;
    line-height: 1.5;
    font-size: 16px;
}

@media (min-width: 992px) {
    .gsr2-ehsms-section .gsr-ehms-bottom>.content-section .caption ul li>p {
        font-size: 18px;
    }
}

.gsr2-ehsms-section .emp-att-img .content-image {
    width: 100%;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .emp-att-img .content-image {
        width: 100%;
    }
}

.gsr2-ehsms-section .emp-Commit-sec .content-section {
    width: 100%;
    margin-bottom: 0;
}

.gsr2-ehsms-section .emp-Commit-sec .col-1of3 {
    width: 100%;
    padding: 0;
    text-align: center;
}

.gsr2-ehsms-section .emp-Commit-sec .col-1of3 img {
    max-width: 130px;
}

@media(min-width: 600px) {
    .gsr2-ehsms-section .emp-Commit-sec .col-2of3 {
        width: 70%;
        float: left;
    }
    .gsr2-ehsms-section .emp-Commit-sec .col-1of3 {
        width: 30%;
        float: left;
    }
}

.gsr2-water-quality-section .partner-Ensure-sec .right {
    padding: 0;
}

.gsr2-water-quality-section .partner-Ensure-sec .col-1of3 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.gsr2-water-quality-section .partner-Ensure-sec .content-with-right-image .right img {
    width: 50%;
}

@media(min-width:992px) {
    .gsr2-water-quality-section .partner-Ensure-sec .content-with-right-image .right img {
        width: 30%;
    }
}

.gsr2-ehsms-section .invested-info>.gsr2-video-section {
    width: 33.33%;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .invested-info>.gsr2-video-section {
        width: 50%;
        margin-left: 0px;
    }
}

.gsr2-ehsms-section .invested-info>.gsr2-video-section .content-image img {
    width: 50%;
}

@media(min-width:768px) {
    .gsr2-ehsms-section .invested-info>.gsr2-video-section .content-image img {
        width: 20%;
        display: block;
    }
}

@media(min-width:1024px) {
    .gsr2-ehsms-section .invested-info>.gsr2-video-section .content-image img {
        width: 40%;
        display: block;
    }
}

.gsr2-ehsms-section .invested-info {
    display: block;
    width: 100%;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .invested-info {
        display: table;
        width: 100%;
    }
}

.gsr2-ehsms-section .invested-info>.content-section {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    float: none;
}

@media(min-width:768px) {
    .gsr2-ehsms-section .invested-info>.content-section {
        display: table-cell;
        width: 10%;
        vertical-align: top;
        float: none;
    }
}

@media(min-width:1024px) {
    .gsr2-ehsms-section .invested-info>.content-section {
        display: table-cell;
        width: 44%;
        vertical-align: top;
        float: none;
    }
}

@media(min-width:1200px) {
    .gsr2-ehsms-section .invested-info>.content-section {
        display: table-cell;
        width: 36%;
        vertical-align: top;
        float: none;
    }
}

.gsr2-ehsms-section.gsr2-ehsms-section .invested-info>.content-section .caption p {
    margin: 0;
    color: #666666;
    font-size: 16px;
    text-align: left;
}

@media(min-width:992px) {
    .gsr2-ehsms-section.gsr2-ehsms-section .invested-info>.content-section .caption p {
        margin: 0;
        color: #666666;
        font-size: 18px;
        text-align: left;
    }
}

.gsr2-ehsms-section.gsr2-ehsms-section .invested-info>.content-section .caption p span.serialization-info {
    color: #00b5e6;
    font-size: 28px;
    font-weight: bold;
    display: block;
}

@media(min-width:992px) {
    .gsr2-ehsms-section.gsr2-ehsms-section .invested-info>.content-section .caption p span.serialization-info {
        color: #00b5e6;
        font-size: 36px;
        font-weight: bold;
        display: block;
    }
}

/* ends here ehs section here */

/* making medicine safe section */

.gsr2-mks-section {
    background-color: #f2f2f2;
    padding: 0;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .gsr2-mks-section {
        margin-bottom: 50px;
    }
}

.gsr2-mks-section .inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .gsr2-mks-section .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .gsr2-mks-section .inner {
        width: 1170px;
    }
}

.gsr2-mks-section .grid {
    max-width: 100%;
    width: auto !important;
    position: relative;
    max-width: none !important;
}

.gsr2-mks-section .grid:before,
.gsr2-mks-section .grid:after {
    content: " ";
    display: table;
}

.gsr2-mks-section .grid:after {
    clear: both;
}

.gsr2-mks-section .grid .col-num-1 {
    display: block;
    width: 100%;
    text-align: center;
}

@media (min-width: 992px) {
    .gsr2-mks-section .grid .col-num-1 {
        display: none;
    }
}

.gsr2-mks-section .grid .col-num-1 .content-image img {
    margin-bottom: 0;
    max-width: 100%;
    height: auto;
    max-width: 100% !important;
}

.gsr2-mks-section .grid .col-num-2,
.gsr2-mks-section .grid .col-num-3 {
    height: 100%;
    min-height: 1px;
}

@media (min-width: 992px) {
    .gsr2-mks-section .grid .col-num-2,
    .gsr2-mks-section .grid .col-num-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.gsr2-mks-section .grid .col-num-2 {
    width: 100%;
}

@media (min-width: 992px) {
    .gsr2-mks-section .grid .col-num-2 {
        width: 66.66666667%;
        margin-right: 33.33%;
        position: relative;
    }
}

.gsr2-mks-section .grid .col-num-3 {
    display: none;
}

@media (min-width: 992px) {
    .gsr2-mks-section .grid .col-num-3 {
        width: 33.33%;
        position: absolute;
        right: 0;
        display: block;
    }
}

.gsr2-mks-section .grid .col-num-2 {
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .gsr2-mks-section .grid .col-num-2 {
        padding-top: 47px;
        padding-bottom: 35px;
        font-size: 16px;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.gsr2-mks-section .grid .col-num-2 h2 {
    margin: 0;
    font-size: 20px;
    color: #333;
}

@media (min-width: 992px) {
    .gsr2-mks-section .grid .col-num-2 h2 {
        font-size: 30px;
        margin: 0 0 15px;
    }
}

.gsr2-mks-section .grid .col-num-2 p {
    margin: 0 0 10px;
    color: #666666;
    font-size: 14px;
}

@media (min-width: 992px) {
    .gsr2-mks-section .grid .col-num-2 p {
        font-size: 16px;
    }
}

.gsr2-mks-section .grid .col-num-2 p strong {
    color: #333333;
}

.gsr2-mks-section .grid .col-num-2 .caption {
    padding-bottom: 0;
}

.gsr2-mks-section .grid .col-num-2 .btn-v2 {
    margin-top: 15px;
    border: none;
    box-shadow: none;
    background: none;
    padding: 0;
    filter: none;
}

.gsr2-mks-section .grid .col-num-2 .btn-v2 a {
    position: relative;
    font-size: 14px;
    color: #00b5e6;
    text-decoration: none;
    transition: all 0.5s ease-in;
    font-weight: normal;
    padding: 0;
    line-height: 3px;
    transition: all 0.5s ease 0s;
}

.gsr2-mks-section .grid .col-num-2 .btn-v2 a:hover,
.gsr2-mks-section .grid .col-num-2 .btn-v2 a:focus {
    color: #008cb2;
}

.gsr2-mks-section .grid .col-num-2 .btn-v2 a span {
    display: none;
}

.gsr2-mks-section .grid .col-num-2 .btn-v2 a:after {
    background: url(../img/button_arrow_icon.svg) center center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    content: " ";
    height: 10px;
    width: 10px;
    position: relative;
    transition: all 0.5s ease 0s;
    right: 0;
    background-size: 100% 100%;
}

.gsr2-mks-section .grid .col-num-2 .btn-v2 a:hover:after,
.gsr2-mks-section .grid .col-num-2 .btn-v2 a:focus:after {
    right: -5px;
    background: url(../img/button_arrow_dark.svg) center center no-repeat;
}

.gsr2-mks-section .grid .col-num-3 {
    box-sizing: border-box;
}

.gsr2-mks-section .grid .col-num-3 .module-simple-container {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50px;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    left: 15px;
    right: 15px;
}

.gsr2-mks-section .gsr-ehms-bottom .content-section .content-section .gsr2-video-section {
    margin-right: auto;
    margin-left: auto;
}

.gsr2-mks-section .gsr-ehms-bottom:before,
.gsr2-mks-section .gsr-ehms-bottom:after,
.gsr2-mks-sectionn .gsr-ehms-bottom:before,
.gsr2-mks-section .gsr-ehms-bottom:after {
    content: " ";
    display: table;
}

.gsr2-mks-section .gsr-ehms-bottom:after,
.gsr2-mks-section .gsr-ehms-bottom:after {
    clear: both;
}

.gsr2-mks-section .gsr-ehms-bottom {
    padding-top: 15px;
}

@media (min-width: 768px) {
    .gsr2-mks-section .gsr-ehms-bottom {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gsr2-mks-section .gsr-ehms-bottom {
        width: 100%;
        padding-top: 25px;
    }
}

@media (min-width: 1200px) {
    .gsr2-mks-section .gsr-ehms-bottom {
        width: 100%;
    }
}

.gsr2-mks-section .gsr-ehms-bottom .caption {
    padding-right: 15px;
    position: relative;
}

.gsr2-mks-section .gsr-ehms-bottom>.content-section {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .gsr2-mks-section .gsr-ehms-bottom>.content-section {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .gsr2-mks-section .gsr-ehms-bottom>.content-section {
        float: left;
        width: 100%;
    }
}

.gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul li:before {
    display: none;
}

.gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul li {
    padding-left: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 5px;
    margin-bottom: 15px;
    color: #666666;
}

@media (min-width: 992px) {
    .gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul li {
        padding: 0 0 15px;
    }
}

.gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul li:last-child {
    border-bottom: 0;
    padding: 0 0;
    margin-bottom: 0;
}

.gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul li>h3 {
    color: #00b5e6;
    font-size: 28px;
    margin: 0 0 10px;
    line-height: 1;
    font-weight: 700;
}

@media (min-width: 992px) {
    .gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul li>h3 {
        font-size: 35px;
    }
}

.gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul li>p {
    margin: 0 0 10px;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .gsr2-mks-section .gsr-ehms-bottom>.content-section .caption ul li>p {
        font-size: 18px;
    }
}

.gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-image {
    width: 100%;
}

@media (min-width: 600px) {
    .gsr2-video-section.pat-Med-sec .content-section {
        width: 50%;
        float: left;
    }
    .gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-image {
        width: 50%;
        float: left;
    }
}

.gsr2-mks-section .grid .col-num-2 .pat-Med-sec .caption ul li p {
    font-size: 16px;
}

@media(min-width:992px) {
    .gsr2-mks-section .grid .col-num-2 .pat-Med-sec .caption ul li p {
        font-size: 18px;
    }
}

.pat-Med-sec .caption h3 {
    font-size: 28px;
    color: #00b5e6;
    font-weight: bold;
}

@media(min-width:992px) {
    .pat-Med-sec .caption h3 {
        font-size: 35px;
        color: #00b5e6;
        font-weight: bold;
    }
}

.pat-Med-sec .caption ul {
    margin-left: 0px;
}

.pat-Med-sec .caption ul li:before {
    width: 0;
    position: static;
}

.pat-Med-sec .caption ul li {
    list-style-type: none;
    padding-left: 0;
}

.pat-Med-sec .caption ul li {
    padding-left: 0;
    padding: 0 0 5px;
    margin-bottom: 15px;
    color: #666666;
}

.gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-image img {
    width: 50%;
    margin: auto;
    display: block;
}

.gsr2-mks-section .gsr2-video-section .content-image {
    width: 30%;
}

.gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-section:nth-child(1) {
    border-right: 0;
    box-sizing: border-box;
}

.gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-section:nth-child(2) {
    border-right: 0px;
    box-sizing: border-box;
}

@media (min-width: 600px) {
    .gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-section:nth-child(1) {
        border-right: 1px solid #d5d5d5;
    }
    .gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-section:nth-child(2) {
        padding-left: 10%;
    }
}

/* ends here making medicine safe section */

/* gsr2-water-quality-section */

.gsr2-water-quality-section {
    background-color: #f2f2f2;
    padding: 0;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section {
        margin-bottom: 50px;
    }
}

.gsr2-water-quality-section .inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

/* @media (min-width: 768px) {
    .gsr2-water-quality-section .inner {
        width: 750px;
    }
} */

@media (min-width: 992px) {
    .gsr2-water-quality-section .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .gsr2-water-quality-section .inner {
        width: 1170px;
    }
}

.gsr2-water-quality-section .grid {
    max-width: 100%;
    width: auto !important;
    position: relative;
    max-width: none !important;
}

.gsr2-water-quality-section .grid:before,
.gsr2-water-quality-section .grid:after {
    content: " ";
    display: table;
}

.gsr2-water-quality-section .grid:after {
    clear: both;
}

.gsr2-water-quality-section .grid .col-num-2,
.gsr2-water-quality-section .grid .col-num-3 {
    height: 100%;
    min-height: 1px;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-2,
    .gsr2-water-quality-section .grid .col-num-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.gsr2-water-quality-section .grid .col-num-1 {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.gsr2-water-quality-section .grid .col-num-1 .content-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-1 {
        display: none;
    }
}

.gsr2-water-quality-section .grid .col-num-2 {
    display: none;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-2 {
        width: 33.33%;
        position: absolute;
        left: 0;
        display: block;
        box-sizing: border-box;
    }
}

.gsr2-water-quality-section .grid .col-num-2 .module-simple-container {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50px;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    left: 15px;
    right: 15px;
}

@media (min-width: 768px) {
    .gsr2-water-quality-section .grid .col-num-2 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-2 {
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }
}

.gsr2-water-quality-section .grid .col-num-3 {
    padding-top: 25px;
    padding-bottom: 30px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 {
        width: 66.66666667%;
        margin-left: 33.33%;
        position: relative;
        padding-top: 47px;
        padding-bottom: 35px;
        font-size: 16px;
        min-height: 450px;
    }
}

@media (min-width: 992px) {
    .around-the-globe-box.gsr2-water-quality-section .grid .col-num-3 {
        min-height: 265px;
    }
}

/* employee section for new class globe */

/* @media (min-width: 992px) {
    .gsr2-water-quality-section.around-the-globe-box .grid .col-num-3 {
        min-height: unset;
    }
} */

/* ends here this section */

.gsr2-water-quality-section .grid .col-num-3 .content-section h2 {
    margin: 0;
    font-size: 20px;
    color: #333;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .content-section h2 {
        font-size: 30px;
        margin: 0 0 5px;
    }
}

.gsr2-content-section .grid .col-num-3 .content-section p small {
    margin-bottom: 5px;
}

.gsr2-water-quality-section .grid .col-num-3 .content-section p {
    margin: 0 0 10px;
    color: #666666;
    font-size: 14px;
}

.gsr2-water-quality-section.env-cdp-img .grid .col-num-3 .content-section .caption ul {
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .content-section p {
        font-size: 16px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .content-section p.quotes-content {
    width: 100%;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
    font-style: italic;
    border-bottom: 3px solid #00b5e6;
    border-top: 3px solid #00b5e6;
}

@media(min-width:992px) {
    .gsr2-water-quality-section .grid .col-num-3 .content-section p.quotes-content {
        border-bottom: 3px solid #00b5e6;
        border-top: 3px solid #00b5e6;
        width: 100%;
        margin: 0 auto;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 15px;
        font-style: italic;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .content-section .caption {
    padding-bottom: 0px;
    color: #666666;
    font-size: 14px;
}

.gsr2-water-quality-section .grid .col-num-3 .content-section .caption h5 {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media(min-width:992px) {
    .gsr2-water-quality-section .grid .col-num-3 .content-section .caption h5 {
        color: #666666;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .content-section .caption {
        font-size: 16px;
        padding-bottom: 12px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .content-section .caption strong {
    margin: 0 0 10px;
    color: #333333;
    font-size: 14px;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .content-section .caption strong {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle {
        font-size: 16px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .content-section .caption ul {
    margin: 0;
    padding: 0;
}

.gsr2-water-quality-section .grid .col-num-3 .content-section .caption ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 1px;
    background: #666666;
}

.gsr2-water-quality-section .grid .col-num-3 .content-section .caption ul li {
    color: #666666;
    font-size: 14px;
}

@media(min-width:992px) {
    .gsr2-water-quality-section .grid .col-num-3 .content-section .caption ul li {
        color: #666666;
        font-size: 16px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle {
    float: left;
    width: 100%;
    border-top: 3px solid #00b5e6;
    border-bottom: 3px solid #00b5e6;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 16px;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle.env-table-content .content-section {
    width: 100%;
}

.gsr2-water-quality-section .grid .col-num-3 .env-table-content {
    width: 100%;
    border-bottom: 3px solid #00b5e6;
    padding: 0 !important;
}

.gsr2-water-quality-section .grid .col-num-3 .env-table-content .caption {
    width: 100%;
}

.gsr2-water-quality-section .grid .col-num-3 .env-table-content table {
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle.env-table-content>.content-section .caption table th,
.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom.env-table-content>.content-section .caption table th {
    border-bottom: 1px solid #9e9e9e;
    font-size: 18px;
    color: #666666;
    padding: 6px;
    font-weight: 700;
}

@media(min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle.env-table-content>.content-section .caption table th,
    .gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom.env-table-content>.content-section .caption table th {
        font-size: 22px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle.env-table-content .content-section .caption table td,
.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom.env-table-content .content-section .caption table td {
    padding: 6px;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
}

@media(min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle.env-table-content .content-section .caption table td,
    .gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom.env-table-content .content-section .caption table td {
        font-size: 16px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle:before,
.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle:after,
.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle:before,
.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle:after {
    content: " ";
    display: table;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle:after,
.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle:after {
    clear: both;
}

@media (min-width: 768px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section {
        float: left;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section {
        float: left;
        width: 50%;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .sub-headline h2 {
    color: #00b5e6;
    font-size: 24px;
    margin: 6px 0 0;
    line-height: 1.4;
    text-align: center;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .sub-headline h2 {
        font-size: 26px;
        margin: 0 0 6px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section p {
    margin: 0 0 10px;
    color: #666666;
    text-align: center;
    font-size: 16px;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption {
    padding-bottom: 8px;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 5px;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption table {
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption table th {
    border-bottom: 1px solid #9e9e9e;
    font-size: 22px;
    color: #666666;
    padding: 6px;
    font-weight: 700;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption table td {
    padding: 6px;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom {
    clear: both;
    display: table;
    padding-top: 24px;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom .sub-headline {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom .sub-headline {
        vertical-align: middle;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom .sub-headline h2 {
    color: #00b5e6;
    font-size: 28px;
    margin: 0;
}

@media (min-width: 992px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom .sub-headline h2 {
        font-size: 36px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom .caption {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    padding-bottom: 15px;
}

.gsr2-water-quality-section .grid .col-num-3 .Quality-img {
    padding-top: 0;
}

@media(min-width:992px) {
    .gsr2-water-quality-section .grid .col-num-3 .Quality-img {
        padding-top: 24px;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom .caption p {
    margin: 0;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom.Quality-img {
    width: 100%;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom.Quality-img .content-with-right-image .right {
    padding: 0;
    width: 100%;
}

.gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom.Quality-img .content-with-right-image .right img {
    max-width: 100%;
}

@media (min-width: 600px) {
    .gsr2-water-quality-section .grid .col-num-3 .gsr-waterquality-bottom.Quality-img .content-with-right-image .right {
        width: 50%;
    }
}

.gsr2-water-quality-section .grid .col-num-3 .btn-v2 {
    margin-top: 0;
    border: none;
    box-shadow: none;
    background: none;
    padding: 0;
    filter: none;
}

.gsr2-water-quality-section .grid .col-num-3 .btn-v2 a {
    position: relative;
    font-size: 14px;
    color: #00bce4;
    text-decoration: none;
    transition: all 0.5s ease-in;
    font-weight: normal;
    padding: 0;
    line-height: 3px;
    transition: all 0.5s ease 0s;
}

.gsr2-water-quality-section .grid .col-num-3 .btn-v2 a:hover,
.gsr2-water-quality-section .grid .col-num-3 .btn-v2 a:focus {
    color: #008cb2;
}

.gsr2-water-quality-section .grid .col-num-3 .btn-v2>a>span {
    display: none;
}

.gsr2-water-quality-section .grid .col-num-3 .btn-v2 a:after {
    background: url(../img/button_arrow_icon.svg) center center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    content: " ";
    height: 12px;
    width: 12px;
    background-size: 100% 100%;
    position: relative;
    transition: all 0.5s ease-in;
    right: 0;
}

.gsr2-water-quality-section .grid .col-num-3 .btn-v2 a:hover:after,
.gsr2-water-quality-section .grid .col-num-3 .btn-v2 a:focus:after {
    right: -5px;
    background: url(../img/button_arrow_dark.svg) center center no-repeat;
}

.gsr2-water-quality-section.env-cdp-img .content-with-right-image .right {
    padding: 0;
}

.gsr2-water-quality-section.env-cdp-img .content-with-right-image .left {
    padding: 0;
}

.gsr2-water-quality-section.env-cdp-img .content-with-right-image .right img {
    max-width: 100px;
    margin-bottom: 25px;
}

.gsr2-water-quality-section.env-cdp-img #Cdp-Logo {
    float: none;
    width: 100%;
}

@media(min-width:768px) {
    .gsr2-water-quality-section.env-cdp-img #Cdp-Logo {
        float: left;
        width: 50%;
    }
}

@media(min-width:992px) {
    .gsr2-water-quality-section.env-cdp-img #Cdp-Logo {
        float: left;
        width: 50%;
    }
}

.gsr2-water-quality-section.env-cdp-img #Cdp-Logo .col-1of3 {
    width: 100%;
}

.gsr2-water-quality-section.env-cdp-img #Cdp-Logo .content-with-right-image .right img {
    width: 100%;
    max-width: 100%;
}

.gsr2-water-quality-section.env-cdp-img #cdp-graph {
    float: none;
    width: 100%;
    margin-left: 0;
    text-align: center;
}

.gsr2-water-quality-section.env-cdp-img #cdp-graph .left {
    text-align: left;
}

@media(min-width:768px) {
    .gsr2-water-quality-section.env-cdp-img #cdp-graph {
        float: left;
        width: 25%;
        /* margin-left:25px; */
    }
}

@media(min-width:992px) {
    .gsr2-water-quality-section.env-cdp-img #cdp-graph {
        float: left;
        width: 25%;
        /* margin-left:25px; */
        text-align: left;
    }
}

.gsr2-water-quality-section.env-cdp-img #cdp-graph .left img {
    width: 97px;
}

.gsr2-ehsms-section .env-dispo-img>.content-image {
    width: 20%;
    float: left;
}

.gsr2-ehsms-section .env-dispo-img>.content-section {
    width: 80%;
    float: left;
    padding-left: 20px;
    box-sizing: border-box;
}

.gsr2-ehsms-section .env-dispo-img>.content-section .caption {
    font-size: 18px;
}

.gsr2-ehsms-section .env-dispo-img>.content-section .caption strong {
    color: #84bd01;
}

.gsr2-ehsms-section .env-dispo-img>div:nth-child(3) {
    clear: both;
    width: 100%;
    margin-top: 30px;
}

.gsr2-ehsms-section .env-dispo-img>div:nth-child(3) img {
    max-width: 300px;
}

.gsr2-ehsms-section .gsr-ehms-bottom.emp-per-sec .caption li {
    display: block;
}

@media(min-width:600px) {
    .gsr2-ehsms-section .gsr-ehms-bottom.emp-per-sec .caption li {
        display: table;
    }
}

.gsr2-ehsms-section .gsr-ehms-bottom.emp-per-sec .content-section .caption li {
    padding-bottom: 20px;
}

.gsr2-ehsms-section .gsr-ehms-bottom.emp-per-sec .content-section .caption li h3 {
    background: #00b5e6;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    float: left;
    padding-top: 35px;
    height: 100px;
    width: 100px;
    box-sizing: border-box;
}

@media(min-width:431px) {
    .gsr2-ehsms-section .gsr-ehms-bottom.emp-per-sec .content-section .caption li h3 {
        display: table-cell;
        background: #00b5e6;
        border-radius: 50%;
        height: 126px;
        width: 126px;
        vertical-align: middle;
        text-align: center;
        color: #ffffff;
        float: none;
        padding-top: 0;
    }
}

@media(min-width:600px) {
    .gsr2-ehsms-section .gsr-ehms-bottom.emp-per-sec .content-section .caption li h3 {
        display: table-cell;
        background: #00b5e6;
        border-radius: 50%;
        height: 126px;
        width: 126px;
        vertical-align: middle;
        text-align: center;
        color: #ffffff;
    }
}

.gsr2-ehsms-section .gsr-ehms-bottom.emp-per-sec .caption li p {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
}

.gsr2-ehsms-section .gsr-ehms-bottom.emp-per-sec .content-section {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.gsr2-ehsms-section.attitude-img .content-image {
    width: 100%;
    float: none;
}

.gsr2-ehsms-section.attitude-img .managing-global-content {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
}

@media(min-width:992px) {
    .gsr2-ehsms-section.attitude-img .content-image {
        width: 50%;
        float: left;
    }
    .gsr2-ehsms-section.attitude-img .managing-global-content {
        width: 50%;
        float: left;
        padding-left: 15px;
        margin-top: 0;
    }
}

.gsr2-ehsms-section.attitude-img .managing-global-content .subHeader {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

@media(min-width:992px) {
    .gsr2-ehsms-section.attitude-img .managing-global-content .subHeader {
        font-size: 18px;
    }
}

.gsr2-ehsms-section.attitude-img .managing-global-content ul {
    list-style: none;
}

.gsr2-ehsms-section.attitude-img .managing-global-content ul li {
    position: relative;
    padding: 5px 0 5px 40px;
    min-height: 30px;
    margin-bottom: 15px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
}

@media(min-width:992px) {
    .gsr2-ehsms-section.attitude-img .managing-global-content ul li {
        font-size: 16px;
    }
}

.gsr2-ehsms-section.attitude-img .managing-global-content ul li span {
    vertical-align: middle;
    color: #00b5e6;
    font-weight: bold;
}

.gsr2-ehsms-section.attitude-img .managing-global-content ul li:before {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    content: '';
    background: url(../img/employee3.svg) no-repeat;
}

/* ends here this section */

/* more medicine patient section */

.gsr2-moremfp-section {
    background-color: #f2f2f2;
    padding: 0;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section {
        margin-bottom: 50px;
    }
}

.gsr2-moremfp-section .inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .gsr2-moremfp-section .inner {
        width: 1170px;
    }
}

.gsr2-moremfp-section .grid {
    max-width: 100%;
    width: auto !important;
    position: relative;
    max-width: none !important;
}

.gsr2-moremfp-section .grid:before,
.gsr2-moremfp-section .grid:after {
    content: " ";
    display: table;
}

.gsr2-moremfp-section .grid:after {
    clear: both;
}

.gsr2-moremfp-section .grid .col-num-2,
.gsr2-moremfp-section .grid .col-num-3 {
    height: 100%;
    min-height: 1px;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-2,
    .gsr2-moremfp-section .grid .col-num-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.gsr2-moremfp-section .grid .col-num-1 {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.gsr2-moremfp-section .grid .col-num-1 .content-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-1 {
        display: none;
    }
}

.gsr2-moremfp-section .grid .col-num-2 {
    display: none;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-2 {
        width: 33.33%;
        position: absolute;
        left: 0;
        display: block;
        box-sizing: border-box;
    }
}

.gsr2-moremfp-section .grid .col-num-2 .module-simple-container {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 50px;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    left: 15px;
    right: 15px;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 {
        width: 66.66666667%;
        margin-left: 33.33%;
        position: relative;
    }
}

@media (min-width: 768px) {
    .gsr2-moremfp-section .grid .col-num-2 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-2 {
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }
}

.gsr2-moremfp-section .grid .col-num-3 {
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 {
        padding-top: 40px;
        padding-bottom: 35px;
        font-size: 16px;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .content-section h2 {
    margin: 0;
    font-size: 20px;
    color: #333;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .content-section h2 {
        font-size: 30px;
        margin: 0 0 5px;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .content-section p {
    margin: 0 0 10px;
    color: #666666;
    font-size: 14px;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .content-section p {
        font-size: 16px;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .content-section .caption {
    padding-bottom: 18px;
    color: #666666;
    font-size: 14px;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .content-section .caption {
        font-size: 16px;
        padding-bottom: 12px;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .content-section .caption strong {
    margin: 0 0 10px;
    color: #333333;
    font-size: 14px;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .content-section .caption strong {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle {
        font-size: 16px;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle {
    float: left;
    width: 100%;
    border-top: 3px solid #00b5e6;
    border-bottom: 3px solid #00b5e6;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 16px;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle:before,
.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle:after,
.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle:before,
.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle:after {
    content: " ";
    display: table;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle:after,
.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle:after {
    clear: both;
}

@media (min-width: 768px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section {
        float: left;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section {
        float: left;
        width: 50%;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .sub-headline h2 {
    color: #00b5e6;
    font-size: 24px;
    margin: 6px 0 0;
    line-height: 1.4;
    text-align: center;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .sub-headline h2 {
        font-size: 26px;
        margin: 0 0 6px;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section p {
    margin: 0 0 10px;
    color: #666666;
    text-align: center;
    font-size: 16px;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption {
    padding-bottom: 8px;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 5px;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption table {
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption table th {
    border-bottom: 1px solid #9e9e9e;
    font-size: 22px;
    color: #666666;
    padding: 6px;
    font-weight: 700;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr2-waterquality-middle>.content-section .caption table td {
    padding: 6px;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom {
    clear: both;
    display: table;
    padding-top: 24px;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom .sub-headline {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom .sub-headline {
        vertical-align: middle;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom .sub-headline h2 {
    color: #00b5e6;
    font-size: 28px;
    margin: 0;
}

@media (min-width: 992px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom .sub-headline h2 {
        font-size: 36px;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom .caption {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    padding-bottom: 15px;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom .caption p {
    margin: 0;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img {
    width: 100%;
    display: block;
    float: left;
    padding-top: 0;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img .right {
    text-align: center;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img .content-with-right-image .right img {
    width: 100%;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img .content-section {
    display: block;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img .content-section:nth-child(1) .content-with-right-image .left {
    padding: 0;
}

.gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img .content-section:nth-child(1) .right img {
    width: 50%;
}

@media (min-width: 600px) {
    .gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img .content-section:nth-child(1) {
        width: 30%;
        float: left;
    }
    .gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img .content-section:nth-child(1) .right img {
        width: 100%;
    }
    .gsr2-moremfp-section .grid .col-num-3 .gsr-waterquality-bottom.medicine-patient-img .content-section:nth-child(2) {
        width: 70%;
        float: left;
    }
}

.gsr2-moremfp-section .grid .col-num-3 .btn-v2 {
    margin-top: 0;
    border: none;
    box-shadow: none;
    background: none;
    padding: 0;
    filter: none;
}

.gsr2-moremfp-section .grid .col-num-3 .btn-v2 a {
    position: relative;
    font-size: 14px;
    color: #00bce4;
    text-decoration: none;
    transition: all 0.5s ease-in;
    font-weight: normal;
    padding: 0;
    line-height: 3px;
    transition: all 0.5s ease 0s;
}

.gsr2-moremfp-section .grid .col-num-3 .btn-v2 a:hover,
.gsr2-moremfp-section .grid .col-num-3 .btn-v2 a:focus {
    color: #008cb2;
}

.gsr2-moremfp-section .grid .col-num-3 .btn-v2>a>span {
    display: none;
}

.gsr2-moremfp-section .grid .col-num-3 .btn-v2 a:after {
    background: url(../img/button_arrow_icon.svg) center center no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    content: " ";
    height: 12px;
    width: 12px;
    background-size: 100% 100%;
    position: relative;
    transition: all 0.5s ease-in;
    right: 0;
}

.gsr2-moremfp-section .grid .col-num-3 .btn-v2 a:hover:after,
.gsr2-moremfp-section .grid .col-num-3 .btn-v2 a:focus:after {
    right: -5px;
    background: url(../img/button_arrow_dark.svg) center center no-repeat;
}

.gsr2-moremfp-section .gsr-waterquality-bottom .content-with-right-image .col-1of3 {
    width: 100%;
}

/* ends here this section */

/* sticky menu gsr */

/* sticky GSR navigation */

.sticky-gsr-holder .fullnavbar {
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.sticky-gsr-holder .fullnavbar.holder-stick {
    transition: all 0.5s ease-in;
    height: auto;
    visibility: visible;
    display: none;
}

@media (min-width: 992px) {
    .sticky-gsr-holder .fullnavbar.holder-stick {
        display: block;
    }
}

.sticky-gsr-holder .navarea {
    width: 100%;
    z-index: 9;
}

.sticky-gsr-holder .navarea.stick {
    position: fixed;
    top: 116px;
    z-index: 999;
    left: 0;
    padding-top: 0px;
    right: 0;
    background-color: #ffffff;
}

.sticky-gsr-holder .navarea.stick.mylan-worldwide-panel-open {
    z-index: 99;
}

.sticky-gsr-holder .navarea nav {
    margin: 0 auto;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.sticky-gsr-holder .navarea ul {
    padding: 0;
    margin: 0 auto;
    max-width: 1110px;
    list-style: none;
    text-align: center;
    display: table;
}

.sticky-gsr-holder .navarea ul li {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    max-width: 218px;
    padding: 16px 10px;
}

.sticky-gsr-holder .navarea ul li a {
    font-weight: 700;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    position: relative;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: table-row;
    vertical-align: bottom;
    height: 100%;
}

.sticky-gsr-holder .navarea ul li a:hover {
    color: #008cb2;
}

.sticky-gsr-holder .navarea ul li:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: transparent;
}

.sticky-gsr-holder .navarea ul li.active:after {
    background-color: #00b5e6;
}

/* ends here this section */

/* Map CSS*/

/* Map Scroll Content*/

.scrolladd {
    background: #f2f2f2;
}

.scrolladd .row {
    overflow: visible;
}

.scrolladd .container {
    box-sizing: border-box;
}

.map-content h2 {
    font-size: 18px;
    color: #666666;
    border-bottom: 1px solid #00b5e6;
    padding-bottom: 3px;
    margin-bottom: 20px;
    margin-top: 10px;
}

@media (min-width: 992px) {
    .map-content h2 {
        margin-top: -6px;
        font-size: 24px;
    }
}

.map-content-section-wapper {
    height: 430px;
}

.map-content .map-content-section {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 18px;
    margin-right: 35px;
}

.map-content .map-content-section h3 {
    margin-top: 0px;
    color: #333333;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .map-content .map-content-section h3 {
        font-size: 18px;
    }
}

.map-content .map-content-section p {
    color: #666666;
    margin-top: 10px;
    font-size: 14px;
}

@media (min-width: 992px) {
    .map-content .map-content-section p {
        font-size: 16px;
    }
}

.map {
    position: relative;
    padding: 25px 0px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .map {
        padding: 40px 30px 50px;
    }
}

.map .col-md-12>#container,
.map .col-md-12>#container2,
.map .col-md-6>#container2 {
    clear: both;
}

.maptitle {
    text-align: left;
    width: 100%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .maptitle {
        text-align: center;
    }
}

.maptitle h3 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin: 0;
}

@media (min-width: 992px) {
    .maptitle h3 {
        font-size: 30px;
        width: 50%;
        margin: auto;
    }
}

.maptitle p {
    color: #666666;
    font-size: 16px;
    padding: 10px 0px;
    margin: 0;
}

@media (min-width: 992px) {
    .maptitle p {
        max-width: 70%;
        margin: auto;
        padding-bottom: 45px;
        font-size: 20px;
    }
}

.maptitle .filter {
    position: relative;
    right: 15px;
    z-index: 88;
    top: 0;
    float: left;
    padding: 0px 15px;
}

@media (min-width: 992px) {
    .maptitle .filter {
        position: absolute;
        float: right;
        padding: 0px;
        right: 0;
        width: 14%;
    }
}

.maptitle .filter .select-btn {
    background: transparent;
    border: 0;
    font-size: 16px;
    color: #00b5e6;
    position: relative;
    outline: none;
    float: left;
    cursor: pointer;
    margin-bottom: 8px;
    padding: 0;
}

@media (min-width: 992px) {
    .maptitle .filter .select-btn {
        float: right;
        font-size: 18px;
    }
}

.maptitle .filter .select-btn:after {
    content: "";
    background: url(../img/filter_drop.svg);
    display: inline-block;
    width: 14px;
    height: 9px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}

.maptitle .filter .select-btn.select-open:after {
    transform: rotate(-180deg);
}

.maptitle .filter .dropdown-menu {
    display: none;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    margin: 0;
    padding: 20px;
    clear: both;
    text-align: left;
    position: absolute;
    width: 224px;
    top: 25px;
    left: 15px;
    box-sizing: border-box;
}

.maptitle .filter .dropdown-menu li {
    list-style-type: none;
    padding-bottom: 20px;
}

.maptitle .filter .dropdown-menu li:last-child {
    padding-bottom: 0px;
}

.maptitle .filter .dropdown-menu li a {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

.maptitle .filter .dropdown-menu li a:hover,
.maptitle .filter .dropdown-menu li a:focus,
.maptitle .filter .dropdown-menu li a.active {
    color: #008cb2;
}

.maptitle .breadcrumb {
    position: absolute;
    left: 0;
    top: 4px;
    display: none;
}

.map-data {
    box-sizing: border-box;
}

.map-data>.col-md-6 {
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .maptitle .breadcrumb {
        display: block;
        width: 40%;
        text-align: left;
    }
}

.maptitle .breadcrumb ul {
    margin: 0;
    padding: 0;
}

.maptitle .breadcrumb ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 14px;
}

.maptitle .breadcrumb ul li a {
    color: #666666;
    cursor: pointer;
    text-decoration: none;
}

.maptitle .breadcrumb ul li:last-child::after {
    background-image: none;
}

.maptitle .breadcrumb ul li a.active {
    color: #00b5e6;
    text-decoration: none;
    display: block;
    transition: all 0.5s ease 0s;
}

.maptitle .breadcrumb ul li a.active:hover,
.maptitle .breadcrumb ul li a.active:focus {
    color: #008cb2;
}

.maptitle .breadcrumb ul li a.active::after {
    content: "";
    background-image: url(../img/button_arrow.svg);
    height: 12px;
    width: 7px;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
}

.maptitle .breadcrumb ul li:last-child a.active::after {
    background-image: none;
}

/*Back To global CSS*/

.back-to-global {
    background: #d1ecf1;
    padding: 25px 30px;
    margin-top: 15px;
}

.map-content .map-content-section .back-to-global p {
    color: #0c5460;
}

.back-to-global button {
    background: #00b5e6;
    color: #ffffff;
    font-size: 16px;
    border: 0;
    padding: 11px 44px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: all 0.5s ease 0s;
}

.back-to-global button:hover,
.back-to-global button:focus {
    background: #008cb2;
}

/* Map Scroll Content*/

.map-content h2 {
    font-size: 18px;
    color: #666666;
    border-bottom: 1px solid #00b5e6;
    padding-bottom: 3px;
    margin-bottom: 20px;
    margin-top: 10px;
}

@media (min-width: 992px) {
    .map-content h2 {
        margin-top: -6px;
        font-size: 24px;
    }
}

.map-content-section-wapper {
    height: 430px;
}

.location-modal .col-sm-12 {
    box-sizing: border-box;
    padding: 0px 20px;
}

.location-modal .close {
    position: relative;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    padding-right: 26px;
    background: transparent;
    border: 0;
    float: right;
    outline: none;
}

.location-modal .close:hover {
    color: #00b5e6;
}

.location-modal .close:after {
    background-image: url(../img/close-black.svg);
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    top: 50%;
    margin-top: -8px;
    background-size: 16px 16px;
}

.location-modal .close:hover:after {
    background-image: url(../img/close-blue.svg);
}

@media (min-width: 992px) {
    .location-modal .close {
        font-size: 18px;
    }
}

.location-modal #slider1 {
    margin-bottom: 30px;
}

.location-modal #slider1 .flex-direction-nav {
    display: none;
}

.location-modal #carousel1 {
    margin-left: 40px;
    margin-right: 40px;
}

.flexslider#carousel {
    margin-top: 20px;
}

.location-modal .flexslider#carousel1 .flex-direction-nav a:before {
    background: url(../img/popup-arrow-left.svg) 7px center no-repeat;
}

.location-modal .flexslider#carousel1 .flex-direction-nav a.flex-next:before {
    background-image: url(../img/popup-arrow-right.svg);
}

.location-modal .flexslider#carousel1 .flex-direction-nav .flex-prev {
    left: -50px;
}

.location-modal .flexslider#carousel1 .flex-direction-nav .flex-next {
    right: -50px;
}

.location-modal .flexslider#carousel1 .slides>li.flex-active-slide {
    border: solid 2px #00b5e6;
}

/* third layer layout css include here */

/* third layer banner section*/

.ml-gsr-third-top-banner,
.ml-gsr-third-top-banner .container-two-column,
.ml-gsr-third-top-banner .container-two-column .inner,
.ml-gsr-third-top-banner .container-two-column .inner .grid,
.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1,
.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 {
    box-sizing: border-box;
}

.ml-gsr-third-top-banner {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .ml-gsr-third-top-banner {
        margin-bottom: 45px;
    }
}

.ml-gsr-third-top-banner .container-two-column .inner .grid {
    max-width: 100%;
    display: table;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 {
    background: #f2f2f2;
    padding: 0;
    vertical-align: top;
    float: none;
    width: 240px;
    position: relative;
    z-index: 9;
    display: none;
}

@media(min-width: 992px) {
    .ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 {
        display: table-cell;
    }
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li a {
    text-decoration: none;
    color: #333333;
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #dfe0e2;
    font-size: 13px;
    transition: all 0.5s ease 0s;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li a:hover {
    color: #008cb2;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li.arrowback a {
    color: #00bbe4;
    position: relative;
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.5s ease 0s;
    font-size: 14px;
    font-weight: bold;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li.arrowback a:before {
    content: "\02039";
    /* background-image: url(../img/Left_Arrow_Stander_Standerd.svg); */
    width: 12px;
    height: 16px;
    background-size: contain;
    position: absolute;
    left: 15px;
    background-repeat: no-repeat;
    background-position: center;
    /* transition: all 0.5s ease 0s; */
    top: 6px;
    font-size: 30px;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li.arrowback a:hover {
    color: #008cb2;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li.arrowback a:hover:before {
    /* background-image: url(../img/Left_Arrow_Stander_Hover.svg); */
}

.mobile-top-left-navigation {
    display: block;
    position: relative;
    clear: both;
}

@media(min-width: 992px) {
    .mobile-top-left-navigation {
        display: none;
    }
}

.mobile-top-left-navigation .mobile-left-single-link {
    background: #f2f2f2;
    padding: 0;
    vertical-align: top;
}

.mobile-top-left-navigation .mobile-left-single-link .fullnavbar {
    margin: 0;
    position: relative;
}

.mobile-top-left-navigation .mobile-left-single-link .fullnavbar a.open {
    background-color: #f1efec;
    color: transparent;
}

.mobile-top-left-navigation .mobile-left-single-link .fullnavbar a.open {
    background-color: #f1efec;
    color: transparent;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li.arrowback a {
    color: #00b5e6;
    position: relative;
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.5s ease 0s;
    font-size: 14px;
    font-weight: bold;
}

.mobile-top-left-navigation .mobile-left-single-link .fullnavbar a {
    display: block;
    padding-left: 15px;
    font-size: 14px;
    text-decoration: none;
    line-height: 50px;
    color: #333333;
    background-color: #e7e7e7;
}

.mobile-top-left-navigation .mobile-left-single-link .fullnavbar a:after {
    background: url(../img/drop_arrow_header.svg) no-repeat;
    height: 50px;
    width: 40px;
    background-position: center center;
    background-size: 16px 16px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
}

.mobile-top-left-navigation .mobile-left-single-link .fullnavbar a.open:after {
    background: none;
    content: 'Close';
    color: #333;
    right: 35px;
    font-size: 14px;
}

.mobile-top-left-navigation .mobile-left-single-link .fullnavbar a.open:before {
    background: url(../img/close-black.svg) no-repeat;
    height: 50px;
    width: 40px;
    background-position: center center;
    background-size: 16px 16px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
}

.mobile-top-left-navigation .mobile-left-all-link {
    overflow: hidden;
    background-color: #f1efec;
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50px;
}

.mobile-top-left-navigation .mobile-left-all-link .fullnavbar .navarea nav ul li.arrowback a {
    color: #00bbe4;
    position: relative;
    padding-left: 35px;
    padding-bottom: 17px;
    transition: all 0.5s ease 0s;
    font-size: 15px;
    font-weight: bold;
}

.mobile-top-left-navigation .mobile-left-all-link .fullnavbar .navarea nav ul li.arrowback a:before {
    content: "";
    background-image: url(../img/button_arrow_icon.svg);
    width: 12px;
    height: 16px;
    background-size: contain;
    position: absolute;
    left: 15px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotateY(180deg);
    transition: all 0.5s ease 0s;
    top: 13px;
}

.mobile-top-left-navigation .mobile-left-all-link .fullnavbar .navarea nav ul li a {
    text-decoration: none;
    color: #333333;
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #dfe0e2;
    font-size: 13px;
    transition: all 0.5s ease 0s;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li.active a {
    position: relative;
    background: #e7e7e7;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-1 .fullnavbar .navarea nav ul li.active a:after {
    content: "";
    background-image: url(../img/right-arrow.svg);
    width: 12px;
    height: 20px;
    background-size: contain;
    position: absolute;
    right: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 {
    display: block;
    padding: 0;
    float: none;
    width: 100%;
    position: relative;
}

@media(min-width:992px) {
    .ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 {
        display: table-cell;
        padding: 0;
        vertical-align: top;
        float: none;
        width: calc(100% - 240px);
        position: relative;
    }
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .Career_Hero {
    margin: 0;
    box-sizing: border-box;
    height: 100%;
    position: static;
    background: none;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .Career_Hero .inner {
    background: none;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .Career_Hero .career_img {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    margin: 0;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col .Career_Hero .inner {
    width: 100%;
    min-height: 330px;
}

@media(min-width:992px) {
    .ml-gsr-third-top-banner .container-two-column .inner .grid .col .Career_Hero .inner {
        width: auto;
        min-height: 400px;
    }
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col .Career_Hero .inner .hero_title {
    display: none;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col .Career_Hero .inner .hero_bottom {
    display: none;
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .bkd_img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    right: 0;
    left: 0;
    padding-right: 0;
    display: block;
}

@media(min-width: 992px) {
    .ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .bkd_img {
        background-position: center center;
    }
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .bkd_img:before {
    content: " ";
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
    .ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .bkd_img:before {
        padding-top: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .inner .hero_caption {
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

@media(min-width:992px) {
    .ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .inner .hero_caption {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 39%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
}

.ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .inner .hero_caption h1 {
    font-size: 24px;
    margin: 0;
    color: #ffffff;
    font-weight: bold;
}

@media(min-width:992px) {
    .ml-gsr-third-top-banner .container-two-column .inner .grid .col-num-2 .inner .hero_caption h1 {
        font-size: 34px;
    }
}

/* about section */

.third-level-top-content .productDesc:before,
.third-level-top-content .productDesc:after,
.third-level-top-content .productDesc:before,
.third-level-top-content .productDesc:after {
    content: " ";
    display: table;
}

.third-level-top-content .productDesc:after,
.third-level-top-content .productDesc:after {
    clear: both;
}

.third-level-top-content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 35px;
}

@media (min-width: 768px) {
    .third-level-top-content {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .third-level-top-content {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 45px;
    }
}

@media (min-width: 1200px) {
    .third-level-top-content {
        width: 1170px;
    }
}

.third-level-top-content .productDesc {
    position: relative;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .third-level-top-content .productDesc {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.third-level-top-content .productDesc p {
    color: #666666;
    font-size: 16px;
}

@media (min-width: 992px) {
    .third-level-top-content .productDesc p {
        font-size: 20px;
    }
}

.third-level-top-content .subHeader h2 {
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px;
}

@media (min-width: 992px) {
    .third-level-top-content .subHeader h2 {
        font-size: 30px;
    }
}

/* about section */

.disaster-head-2,
.heading-title-2:before,
.disaster-head-2,
.heading-title-2:after,
.disaster-head-2,
.heading-title-2:before,
.disaster-head-2,
.heading-title-2:after {
    content: " ";
    display: table;
}

.disaster-head-2,
.heading-title-2:after,
.disaster-head-2,
.heading-title-2:after {
    clear: both;
    box-sizing: border-box;
}

.disaster-head-2 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .disaster-head-2 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .disaster-head-2 {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 50px;
    }
}

@media (min-width: 1200px) {
    .disaster-head-2 {
        width: 1170px;
    }
}

.disaster-head-2 .heading-title-2 {
    padding-left: 15px;
    padding-right: 15px;
}

.disaster-head-2 .subHeader h2 {
    font-size: 20px;
    color: #00b5e6;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

@media (min-width: 992px) {
    .disaster-head-2 .subHeader h2 {
        font-size: 30px;
    }
}

.disaster-head-2 .content-image {
    text-align: center;
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
}

@media(min-width:992px) {
    .disaster-head-2 .content-image {
        text-align: center;
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.content-image img {
    max-width: none;
    width: 100%;
    margin: 0;
    border: 0;
}

/* about section ends here */

/* gsr thirdlayer column-wrapper */

.gs-thirdlayer-column-wrapper .container-two-column:before,
.gs-thirdlayer-column-wrapper .container-two-column:after {
    content: " ";
    display: table;
}

.gs-thirdlayer-column-wrapper .container-two-column:after,
.gs-thirdlayer-column-wrapper .container-two-column:after {
    clear: both;
}

.gs-thirdlayer-column-wrapper .container-two-column,
.gs-thirdlayer-column-wrapper .container-two-column .grid,
.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1,
.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gs-thirdlayer-column-wrapper {
    background: #f2f2f2;
    margin-bottom: 40px;
    padding-top: 35px;
    padding-bottom: 35px;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper {
        padding-top: 40px;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .gs-thirdlayer-column-wrapper .container-two-column {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .gs-thirdlayer-column-wrapper .container-two-column {
        width: 1170px;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid {
    width: 100%;
    max-width: 100%;
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 {
    position: relative;
    float: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 {
    float: none;
    width: 100%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

@media (min-width: 768px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 {
        float: left;
        width: 100%;
    }
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 {
        float: left;
        width: 50%;
    }
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 {
        float: left;
        width: 50%;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 {
    border-bottom: 1px solid #999999;
    text-align: center;
    border-right: none;
    padding-bottom: 18px;
    margin-bottom: 12px;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 {
        border-right: 1px solid #999999;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 .gsr-iso-leftdata h3 {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.4;
    color: #00b5e6;
    margin-bottom: 6px;
    font-weight: 700;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 .gsr-iso-leftdata h3 {
        font-size: 35px;
        margin-bottom: 10px;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 .gsr-iso-leftdata p {
    width: 100%;
    margin: auto;
    font-size: 16px;
    color: #666666;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 .gsr-iso-leftdata p {
        width: 80%;
        font-size: 20px;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 .gsr-iso-leftdata p span {
    color: #00b5e6;
    font-weight: bold;
    display: block;
    font-size: 20px;
    margin-top: 12px;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-1 .gsr-iso-leftdata p span {
        font-size: 20px;
        margin-top: 0;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 .gsr-iso-rightdata {
    text-align: center;
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 .gsr-iso-rightdata h3 {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.4;
    color: #00b5e6;
    margin-bottom: 6px;
    font-weight: 700;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 .gsr-iso-rightdata h3 {
        font-size: 35px;
        margin-bottom: 10px;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 .gsr-iso-rightdata p {
    width: 100%;
    margin: auto;
    font-size: 16px;
    color: #666666;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 .gsr-iso-rightdata p {
        width: 80%;
        font-size: 20px;
    }
}

.gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 .gsr-iso-rightdata p span {
    color: #00b5e6;
    font-weight: bold;
    display: block;
    font-size: 20px;
    margin-top: 12px;
}

@media (min-width: 992px) {
    .gs-thirdlayer-column-wrapper .container-two-column .grid .col-num-2 .gsr-iso-rightdata p span {
        font-size: 20px;
        margin-top: 0;
    }
}

/* ends here gsr thirdlayer column */

/* building healthy safe workplace section */

.building-healthy-safe-workplace .inner:before,
.building-healthy-safe-workplace .inner:after {
    content: " ";
    display: table;
}

.building-healthy-safe-workplace .inner:after,
.building-healthy-safe-workplace .inner:after {
    clear: both;
}

.building-healthy-safe-workplace .inner,
.building-healthy-safe-workplace .inner .grid,
.building-healthy-safe-workplace .inner .grid .col-num-1,
.building-healthy-safe-workplace .inner .grid .col-num-2,
.building-healthy-safe-workplace .inner .grid .col-num-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.building-healthy-safe-workplace {
    margin-bottom: 13px;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace {
        margin-bottom: 50px;
    }
}

.building-healthy-safe-workplace .col-num-1 {
    display: block;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .col-num-1 {
        display: none;
    }
}

.building-healthy-safe-workplace .col-num-1 .content-image img {
    width: 100%;
    max-width: 100%;
}

.building-healthy-safe-workplace .inner {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .building-healthy-safe-workplace .inner {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .building-healthy-safe-workplace .inner {
        width: 1170px;
    }
}

.building-healthy-safe-workplace .grid {
    width: 100%;
    max-width: 100%;
}

.building-healthy-safe-workplace .col-num-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    float: none;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

.building-healthy-safe-workplace .inner .col-num-3 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    float: none;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-3 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

@media (min-width: 768px) {
    .building-healthy-safe-workplace .inner .col-num-1 {
        float: left;
        width: 100%;
    }
    .building-healthy-safe-workplace .inner .col-num-2 {
        float: left;
        width: 100%;
    }
    .building-healthy-safe-workplace .inner .col-num-3 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 {
        float: left;
        width: 66.66666667%;
    }
    .building-healthy-safe-workplace .inner .col-num-3 {
        float: left;
        width: 33.33333333%;
    }
}

.building-healthy-safe-workplace .inner .col-num-3 .module-simple-container {
    height: 262px;
    background-size: cover;
    display: none;
}

@supports (-ms-ime-align:auto) {
    .building-healthy-safe-workplace.gsr-pmc-third .inner .col-num-3 .module-simple-container {
        background-size: 100% 99%;
    }
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-3 .module-simple-container {
        height: 262px;
        background-size: cover;
        display: block;
    }
}

.building-healthy-safe-workplace.gsr-pmc-third .inner .col-num-3 .module-simple-container {
    background-size: 100% 99%;
}

.building-healthy-safe-workplace .inner .col-num-2 .aboutlistitem.building-workplace .subHeader h2 {
    margin: 20px 0 6px;
    font-size: 20px;
    color: #333333;
    font-weight: 700;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .aboutlistitem.building-workplace .subHeader h2 {
        margin: 5px 0 15px;
        font-size: 30px;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .building-workplace .productDesc p {
    margin: 0 0 10px;
    color: #666666;
    font-size: 14px;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .building-workplace .productDesc p {
        font-size: 16px;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .middle-content {
    margin-top: 24px;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .middle-content {
        float: left;
        width: 100%;
        margin-top: 12px;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .middle-content .productDesc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.building-healthy-safe-workplace .inner .col-num-2 .middle-content ul li:nth-child(1) {
    border-bottom: 1px solid #dedede;
    padding-right: 0;
    border-right: none;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .middle-content ul li:nth-child(1) {
        border-right: 1px solid #dedede;
        padding-right: 15px;
        border-bottom: 0;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .middle-content li {
    width: 100%;
    float: none;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    color: #666666;
    font-size: 18px;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .middle-content li {
        width: 50%;
        float: left;
        font-size: 18px;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .middle-content li>h3 {
    color: #00b5e6;
    font-size: 28px;
    margin: 0 0 10px;
    line-height: 1;
    font-weight: 700;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .middle-content li>h3 {
        font-size: 35px;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .middle-content li>p {
    font-size: 16px;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .middle-content li>p {
        font-size: 20px;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .middle-content p {
    margin: 0 0 20px;
    color: #666666;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .middle-content p {
        margin: 0 0 10px;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .middle-content ul li:nth-child(2) {
    padding-left: 0;
    padding-top: 20px;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .middle-content ul li:nth-child(2) {
        padding-left: 15px;
        padding-top: 0;
    }
}

.building-healthy-safe-workplace .inner .col-num-2 .building-workplace ul {
    list-style: square;
    margin-left: 15px;
}

.building-healthy-safe-workplace .inner .col-num-2 .building-workplace ul li {
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .building-healthy-safe-workplace .inner .col-num-2 .building-workplace ul li {
        font-size: 16px;
    }
}

/* ends building healthy safe workplace*/

/* Identifying Risks Before section */

.ml-gsr-identifying-risks .inner:before,
.ml-gsr-identifying-risks .inner:after {
    content: " ";
    display: table;
}

.ml-gsr-identifying-risks .inner:after,
.ml-gsr-identifying-risks .inner:after {
    clear: both;
}

.ml-gsr-identifying-risks .inner,
.ml-gsr-identifying-risks .inner .grid,
.ml-gsr-identifying-risks .inner .grid .col-num-1,
.ml-gsr-identifying-risks .inner .grid .col-num-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-gsr-identifying-risks {
    margin-bottom: 25px;
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks {
        margin-bottom: 45px;
    }
}

.ml-gsr-identifying-risks .inner {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .ml-gsr-identifying-risks .inner {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-identifying-risks .inner {
        width: 1170px;
    }
}

.ml-gsr-identifying-risks .grid {
    width: 100%;
    max-width: 100%;
}

.ml-gsr-identifying-risks .col-num-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

.ml-gsr-identifying-risks .inner .col-num-2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

.ml-gsr-identifying-risks .inner .col-num-2 .productDesc p a {
    font-size: 14px;
    color: #00b5e6;
    text-decoration: none;
    transition: all .5s ease 0s;
}

.ml-gsr-identifying-risks .inner .col-num-2 .productDesc p a:hover {
    color: #008cb2;
}

@media(min-width:992px) {
    .ml-gsr-identifying-risks .inner .col-num-2 .productDesc p a {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

@media (min-width: 768px) {
    .ml-gsr-identifying-risks .inner .col-num-1 {
        float: left;
        width: 100%;
    }
    .ml-gsr-identifying-risks .inner .col-num-2 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks .inner .col-num-1 {
        float: left;
        width: 33.33333333%;
    }
    .ml-gsr-identifying-risks .inner .col-num-2 {
        float: left;
        width: 66.66666667%;
    }
}

.ml-gsr-identifying-risks .inner .col-num-1 .content-image img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .productDesc ul li {
    padding-bottom: 4px;
    padding-left: 10px;
    position: relative;
}

.ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .productDesc ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 1px;
    background: #00b5e6;
}

.ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .productDesc ul li a {
    font-size: 14px;
}

@media(min-width:992px) {
    .ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .productDesc ul li a {
        font-size: 16px;
    }
}

.ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .subHeader h2 {
    margin: 20px 0 6px;
    font-size: 20px;
    color: #333333;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .subHeader h2 {
        font-size: 30px;
        margin: -7px 0 15px;
    }
}

.ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem p {
    margin: 0 0 10px;
    color: #333333;
    font-size: 14px;
}

.ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .productDesc p {
    color: #666666;
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem p {
        font-size: 16px;
    }
}

.ml-gsr-identifying-risks .inner .col-num-2 .module-simple-container {
    margin-top: 20px;
}

.ml-gsr-identifying-risks .inner .col-num-2 .module-simple-container .aboutlistitem .subHeader h3 {
    color: #00b5e6;
    font-size: 28px;
    margin: 0 0 10px;
    line-height: 1;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks .inner .col-num-2 .module-simple-container .aboutlistitem .subHeader h3 {
        font-size: 35px;
    }
}

.ml-gsr-identifying-risks .inner .col-num-2 .module-simple-container .aboutlistitem p {
    color: #666666;
    margin-top: 10px;
    font-size: 16px;
}

@media (min-width: 992px) {
    .ml-gsr-identifying-risks .inner .col-num-2 .module-simple-container .aboutlistitem p {
        font-size: 20px;
        margin-top: 15px;
    }
}

.ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .productDesc ul li a {
    text-decoration: none;
}

.ml-gsr-identifying-risks .inner .col-num-2 .aboutlistitem .productDesc ul li a:hover {
    color: #008cb2;
}

/* ends Identifying Risks Before */

/* full width section */

.full-gsr-section-page .inner:before,
.full-gsr-section-page .inner:after {
    content: " ";
    display: table;
}

.full-gsr-section-page .inner:after,
.full-gsr-section-page .inner:after {
    clear: both;
}

.full-gsr-section-page .inner,
.full-gsr-section-page .inner .grid,
.full-gsr-section-page .inner .grid .col-num-1,
.full-gsr-section-page .inner .grid .col-num-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.full-gsr-section-page {
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .full-gsr-section-page {
        margin-bottom: 35px;
    }
}

#engagement-section {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .full-gsr-section-page {
        margin-bottom: 35px;
    }
}

.full-gsr-section-page .inner {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .full-gsr-section-page .inner {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .full-gsr-section-page .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .full-gsr-section-page .inner {
        width: 1170px;
    }
}

.full-gsr-section-page .grid {
    width: 100%;
    max-width: 100%;
}

.full-gsr-section-page .col-num-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
    display: none;
}

@media (min-width: 992px) {
    .full-gsr-section-page .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        display: none;
    }
}

.full-gsr-section-page .inner .col-num-2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .full-gsr-section-page .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

@media (min-width: 768px) {
    .full-gsr-section-page .inner .col-num-1 {
        float: left;
        width: 100%;
    }
    .full-gsr-section-page .inner .col-num-2 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .full-gsr-section-page .inner .col-num-1 {
        float: left;
        width: 33.33333333%;
        display: none;
    }
    .full-gsr-section-page .inner .col-num-2 {
        float: left;
        width: 100%;
    }
}

.full-gsr-section-page .inner .col-num-1 .content-image img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.full-gsr-section-page .inner .col-num-2 .aboutlistitem .productDesc ul li {
    padding-bottom: 4px;
    padding-left: 10px;
    position: relative;
}

.full-gsr-section-page .inner .col-num-2 .aboutlistitem .productDesc ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 1px;
    background: #00b5e6;
}

.full-gsr-section-page .inner .col-num-2 .aboutlistitem .productDesc ul li a {
    font-size: 14px;
}

@media(min-width:992px) {
    .full-gsr-section-page .inner .col-num-2 .aboutlistitem .productDesc ul li a {
        font-size: 16px;
    }
}

.full-gsr-section-page .inner .col-num-2 .aboutlistitem .subHeader h2 {
    margin: 10px 0 6px;
    font-size: 20px;
    color: #333333;
    font-weight: 700;
}

@media (min-width: 992px) {
    .full-gsr-section-page .inner .col-num-2 .aboutlistitem .subHeader h2 {
        font-size: 30px;
        margin: -7px 0 15px;
    }
}

.full-gsr-section-page .inner .col-num-2 .aboutlistitem p {
    margin: 0 0 10px;
    color: #333333;
    font-size: 14px;
}

.full-gsr-section-page .inner .col-num-2 .aboutlistitem .productDesc p {
    color: #666666;
}

@media (min-width: 992px) {
    .full-gsr-section-page .inner .col-num-2 .aboutlistitem p {
        font-size: 16px;
    }
}

.full-gsr-section-page .inner .col-num-2 .module-simple-container {
    margin-top: 20px;
}

.full-gsr-section-page .inner .col-num-2 .module-simple-container .aboutlistitem .subHeader h3 {
    color: #00b5e6;
    font-size: 28px;
    margin: 0 0 10px;
    line-height: 1;
    font-weight: 700;
}

@media (min-width: 992px) {
    .full-gsr-section-page .inner .col-num-2 .module-simple-container .aboutlistitem .subHeader h3 {
        font-size: 35px;
    }
}

.full-gsr-section-page .inner .col-num-2 .module-simple-container .aboutlistitem p {
    color: #666666;
    margin-top: 10px;
    font-size: 16px;
}

@media (min-width: 992px) {
    .full-gsr-section-page .inner .col-num-2 .module-simple-container .aboutlistitem p {
        font-size: 20px;
        margin-top: 15px;
    }
}

/* ends here full section css here */

/* zld third layer section */

.ml-gsr-zld-tech .inner:before,
.ml-gsr-zld-tech .inner:after {
    content: " ";
    display: table;
}

.ml-gsr-zld-tech .inner:after,
.ml-gsr-zld-tech .inner:after {
    clear: both;
}

.ml-gsr-zld-tech .inner,
.ml-gsr-zld-tech .inner .grid,
.ml-gsr-zld-tech .inner .grid .col-num-1,
.ml-gsr-zld-tech .inner .grid .col-num-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-gsr-zld-tech {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech {
        margin-bottom: 35px;
    }
}

.ml-gsr-zld-tech .inner {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .ml-gsr-zld-tech .inner {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-zld-tech .inner {
        width: 1170px;
    }
}

.ml-gsr-zld-tech .grid {
    width: 100%;
    max-width: 100%;
}

.ml-gsr-zld-tech .col-num-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

.ml-gsr-zld-tech .inner .col-num-2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

@media (min-width: 768px) {
    .ml-gsr-zld-tech .inner .col-num-1 {
        float: left;
        width: 100%;
    }
    .ml-gsr-zld-tech .inner .col-num-2 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech .inner .col-num-1 {
        float: left;
        width: 50%;
    }
    .ml-gsr-zld-tech .inner .col-num-2 {
        float: left;
        width: 50%;
    }
}

.ml-gsr-zld-tech .inner .col-num-1 .content-image img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem .productDesc ul li {
    padding-bottom: 4px;
    padding-left: 10px;
    position: relative;
}

.ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem .productDesc ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 1px;
    background: #00b5e6;
}

.ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem .productDesc ul li a {
    font-size: 14px;
}

@media(min-width:992px) {
    .ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem .productDesc ul li a {
        font-size: 16px;
    }
}

.ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem .subHeader h2 {
    margin: 20px 0 6px;
    font-size: 20px;
    color: #333333;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem .subHeader h2 {
        font-size: 30px;
        margin: -7px 0 15px;
    }
}

.ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem p {
    margin: 0 0 10px;
    color: #333333;
    font-size: 14px;
}

.ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem .productDesc p {
    color: #666666;
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech .inner .col-num-2 .aboutlistitem p {
        font-size: 16px;
    }
}

.ml-gsr-zld-tech .inner .col-num-2 .module-simple-container {
    margin-top: 20px;
}

.ml-gsr-zld-tech .inner .col-num-2 .module-simple-container .aboutlistitem .subHeader h3 {
    color: #00b5e6;
    font-size: 28px;
    margin: 0 0 10px;
    line-height: 1;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech .inner .col-num-2 .module-simple-container .aboutlistitem .subHeader h3 {
        font-size: 35px;
    }
}

.ml-gsr-zld-tech .inner .col-num-2 .module-simple-container .aboutlistitem p {
    color: #666666;
    margin-top: 10px;
    font-size: 16px;
}

@media (min-width: 992px) {
    .ml-gsr-zld-tech .inner .col-num-2 .module-simple-container .aboutlistitem p {
        font-size: 20px;
        margin-top: 15px;
    }
}

/* ends here this third layer section */

/* Better Than Industry Average section */

.ml-gsr-bi-section .ml-gsr-bi-three-section:before,
.ml-gsr-bi-section .ml-gsr-bi-three-section:after {
    content: " ";
    display: table;
}

.ml-gsr-bi-section .ml-gsr-bi-three-section:after,
.ml-gsr-bi-section .ml-gsr-bi-three-section:after {
    clear: both;
}

.ml-gsr-bi-section .ml-gsr-bi-three-section,
.ml-gsr-bi-section .ml-gsr-bi-three-section .grid,
.ml-gsr-bi-section .ml-gsr-bi-three-section .grid .col-num-1,
.ml-gsr-bi-section .ml-gsr-bi-three-section .grid .col-num-2,
.ml-gsr-bi-section .ml-gsr-bi-three-section .grid .col-num-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-gsr-bi-section {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section {
        margin-bottom: 50px;
    }
}

.ml-gsr-bi-section .ml-gsr-bi-three-section {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.ml-gsr-bi-section .ml-gsr-bi-three-section .inner {
    background-color: #00b5e6;
    padding-top: 24px;
    padding-bottom: 27px;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .ml-gsr-bi-three-section .inner {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .ml-gsr-bi-section .ml-gsr-bi-three-section {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .ml-gsr-bi-three-section {
        width: 970px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-bi-section .ml-gsr-bi-three-section {
        width: 1170px;
    }
}

.ml-gsr-bi-section .grid {
    width: 100%;
    max-width: 100%;
}

.ml-gsr-bi-section .col-num-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

.ml-gsr-bi-section .inner .col-num-2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-2 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

.ml-gsr-bi-section .inner .col-num-3 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    margin-top: 30px;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-3 {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .ml-gsr-bi-section .inner .col-num-1 {
        float: left;
        width: 100%;
    }
    .ml-gsr-bi-section .inner .col-num-2 {
        float: left;
        width: 100%;
    }
    .ml-gsr-bi-section .inner .col-num-3 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-1 {
        display: table-cell;
        vertical-align: middle;
        width: 33.33%;
        padding: 40px 30px;
        width: 33.33333333%;
        float: none;
    }
    .ml-gsr-bi-section .inner .col-num-2 {
        display: table-cell;
        vertical-align: middle;
        width: 33.33%;
        padding: 40px 30px;
        width: 33.33333333%;
        float: none;
    }
    .ml-gsr-bi-section .inner .col-num-3 {
        display: table-cell;
        vertical-align: middle;
        width: 33.33%;
        padding: 40px 30px;
        width: 33.33333333%;
        float: none;
    }
}

@media (min-width: 1024px) {
    .ml-gsr-bi-section .inner .col-num-2 {
        padding: 40px 15px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-bi-section .inner .col-num-2 {
        padding: 40px 15px;
    }
}

@media (min-width: 1024px) {
    .ml-gsr-bi-section .inner .col-num-3 {
        padding: 40px 15px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-bi-section .inner .col-num-3 {
        padding: 40px 15px;
    }
}

.ml-gsr-bi-section .inner .col-num-1 h3 {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    padding: 0;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-1 h3 {
        font-size: 30px;
        padding: 0px 32px;
    }
}

.ml-gsr-bi-section .inner .col-num-2 .ml-gsr-bi-leftbox {
    background: #ddf9ff;
    width: 100%;
    margin: 15px 0;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-2 .ml-gsr-bi-leftbox {
        margin: 10px 0;
    }
}

.ml-gsr-bi-section .inner .col-num-2 .ml-gsr-bi-leftbox .aboutlistitem .productDesc p {
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
    width: 19%;
    font-size: 16px;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-2 .ml-gsr-bi-leftbox .aboutlistitem .productDesc p {
        width: 28%;
    }
}

.ml-gsr-bi-section .inner .col-num-2 .ml-gsr-bi-leftbox .aboutlistitem .productDesc h2:nth-child(1) {
    text-align: right;
}

.ml-gsr-bi-section .inner .col-num-2 .ml-gsr-bi-leftbox .aboutlistitem .productDesc {
    margin: 0;
}

.ml-gsr-bi-section .inner .col-num-2 .ml-gsr-bi-leftbox .aboutlistitem .productDesc h2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    margin: 0;
    color: #000000;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-2 .ml-gsr-bi-leftbox .aboutlistitem .productDesc h2 {
        font-size: 40px;
    }
}

.ml-gsr-bi-section .inner .col-num-2 .aboutlistitem .productDesc p {
    margin: 0;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
}

.ml-gsr-bi-section .inner .col-num-2>.aboutlistitem .productDesc {
    height: 44px;
    position: relative;
}

.ml-gsr-bi-section .inner .col-num-2>.aboutlistitem .productDesc p {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 16px;
}

.ml-gsr-bi-section .inner .col-num-2>.case-bottom-content .productDesc p {
    position: static;
    font-size: 16px;
}

.ml-gsr-bi-section .inner .col-num-3 .ml-gsr-bi-right-box {
    background: #ddf9ff;
    width: 100%;
    margin: 15px 0;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-3 .ml-gsr-bi-right-box {
        margin: 10px 0;
    }
}

.ml-gsr-bi-section .inner .col-num-3 .ml-gsr-bi-right-box .aboutlistitem .productDesc p {
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
    width: 19%;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-3 .ml-gsr-bi-right-box .aboutlistitem .productDesc p {
        width: 28%;
    }
}

.ml-gsr-bi-section .inner .col-num-3 .ml-gsr-bi-right-box .aboutlistitem .productDesc h2:nth-child(1) {
    text-align: right;
}

.ml-gsr-bi-section .inner .col-num-3 .ml-gsr-bi-right-box .aboutlistitem .productDesc h2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    margin: 0;
    color: #000000;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-bi-section .inner .col-num-3 .ml-gsr-bi-right-box .aboutlistitem .productDesc h2 {
        font-size: 40px;
    }
}

.ml-gsr-bi-section .inner .col-num-3 .aboutlistitem .productDesc p {
    margin: 0;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}

/* ends here this */

/* Enhancing Safety section */

.ml-gsr-enhancing-safety .inner:before,
.ml-gsr-enhancing-safety .inner:after {
    content: " ";
    display: table;
}

.ml-gsr-enhancing-safety .inner:after,
.ml-gsr-enhancing-safety .inner:after {
    clear: both;
}

.ml-gsr-enhancing-safety .inner,
.ml-gsr-enhancing-safety .inner .grid,
.ml-gsr-enhancing-safety .inner .grid .col-num-1,
.ml-gsr-enhancing-safety .inner .grid .col-num-2,
.ml-gsr-enhancing-safety .inner .grid .col-num-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-gsr-enhancing-safety {
    margin-bottom: 28px;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety {
        margin-bottom: 40px;
    }
}

.ml-gsr-enhancing-safety .inner {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .ml-gsr-enhancing-safety .inner {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-enhancing-safety .inner {
        width: 1170px;
    }
}

.ml-gsr-enhancing-safety .grid {
    width: 100%;
    max-width: 100%;
}

.ml-gsr-enhancing-safety .col-num-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .col-num-1 {
        display: none;
    }
}

.ml-gsr-enhancing-safety .col-num-1 .content-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 0;
}

.ml-gsr-enhancing-safety .inner .col-num-2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-2 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

.ml-gsr-enhancing-safety .inner .col-num-2 .heading-title-2 .subHeader h2 {
    color: #00b5e6;
    margin: 0px 0 15px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-2 .heading-title-2 .subHeader h2 {
        font-size: 30px;
    }
}

.ml-gsr-enhancing-safety .inner .col-num-3 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    display: none;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-3 {
        display: block;
    }
}

@media (min-width: 768px) {
    .ml-gsr-enhancing-safety .inner .col-num-1 {
        float: left;
        width: 100%;
    }
    .ml-gsr-enhancing-safety .inner .col-num-2 {
        float: left;
        width: 100%;
    }
    .ml-gsr-enhancing-safety .inner .col-num-3 {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-1 {
        float: left;
        width: 33.33333333%;
    }
    .ml-gsr-enhancing-safety .inner .col-num-2 {
        float: left;
        width: 66.66666667%;
    }
    .ml-gsr-enhancing-safety .inner .col-num-3 {
        float: left;
        width: 33.33333333%;
    }
}

.ml-gsr-enhancing-safety .inner .col-num-2 .enhancing-safety .subHeader h2 {
    margin: 0px 0 15px;
    font-size: 20px;
    color: #333333;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-2 .enhancing-safety .subHeader h2 {
        margin: -7px 0 15px;
        font-size: 30px;
    }
}

.ml-gsr-enhancing-safety .inner .col-num-2 .enhancing-safety .productDesc p {
    margin: 0 0 10px;
    color: #666666;
    font-size: 14px;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-2 .enhancing-safety .productDesc p {
        font-size: 16px;
    }
}

.ml-gsr-enhancing-safety .inner .col-num-2 .enhancing-safety .productDesc strong {
    color: #333333;
    font-size: 14px;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-2 .enhancing-safety .productDesc strong {
        font-size: 16px;
    }
}

.ml-gsr-enhancing-safety .inner .col-num-2 .ml-gsr-suppliers .aboutlistitem .subHeader p {
    font-size: 16px;
    color: #666666;
    line-height: 1.4;
    margin: 0;
    margin-top: 24px;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-2 .ml-gsr-suppliers .aboutlistitem .subHeader p {
        font-size: 20px;
        margin-bottom: 18px;
    }
}

.ml-gsr-enhancing-safety .inner .col-num-2 .ml-gsr-suppliers .aboutlistitem .subHeader h3 {
    font-size: 28px;
    color: #00b5e6;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-enhancing-safety .inner .col-num-2 .ml-gsr-suppliers .aboutlistitem .subHeader h3 {
        font-size: 32px;
    }
}

.ml-gsr-enhancing-safety .inner .col-num-3 .module-simple-container {
    height: 271px;
    background-size: cover;
    width: 100%;
}

/* ends here Enhancing Safety */

/* ml-gsr-strong-environmental-principles */

.ml-gsr-strong-environmental-principles .inner:before,
.ml-gsr-strong-environmental-principles .inner:after {
    content: " ";
    display: table;
}

.ml-gsr-strong-environmental-principles .inner:after,
.ml-gsr-strong-environmental-principles .inner:after {
    clear: both;
}

.ml-gsr-strong-environmental-principles .inner,
.ml-gsr-strong-environmental-principles .inner .grid,
.ml-gsr-strong-environmental-principles .inner .grid .col-num-1,
.ml-gsr-strong-environmental-principles .inner .grid .col-num-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ml-gsr-strong-environmental-principles {
    margin-bottom: 25px;
}

@media (min-width: 992px) {
    .ml-gsr-strong-environmental-principles {
        margin-bottom: 35px;
    }
}

@media (min-width: 992px) {
    .ml-gsr-strong-environmental-principles#safe-section {
        margin-bottom: 45px;
    }
}

.ml-gsr-strong-environmental-principles .inner {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .ml-gsr-strong-environmental-principles .inner {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .ml-gsr-strong-environmental-principles .inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-strong-environmental-principles .inner {
        width: 1170px;
    }
}

@media (min-width: 768px) {
    .ml-gsr-strong-environmental-principles .inner .col-num-1 {
        float: left;
        width: 100%;
    }
    .ml-gsr-strong-environmental-principles .inner .col-num-2 {
        float: left;
        width: 100%;
    }
}

.ml-gsr-strong-environmental-principles .grid {
    width: 100%;
    max-width: 100%;
}

.ml-gsr-strong-environmental-principles .inner .col-num-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
    margin-bottom: 25px;
}

@media (min-width: 992px) {
    .ml-gsr-strong-environmental-principles .inner .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
        position: relative;
        float: left;
        width: 33.33333333%;
    }
}

.ml-gsr-strong-environmental-principles .inner .col-num-2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-strong-environmental-principles .inner .col-num-2 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        float: left;
        width: 66.66666667%;
    }
}

.ml-gsr-strong-environmental-principles .inner .col-num-1 .content-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 0;
}

.ml-gsr-strong-environmental-principles .inner .col-num-2 .aboutlistitem .subHeader h2 {
    margin: -7px 0 7px;
    font-size: 20px;
    color: #333333;
    font-weight: 700;
}

@media (min-width: 992px) {
    .ml-gsr-strong-environmental-principles .inner .col-num-2 .aboutlistitem .subHeader h2 {
        font-size: 30px;
        margin: -7px 0 15px;
    }
}

.ml-gsr-strong-environmental-principles .inner .col-num-2 .aboutlistitem .productDesc p {
    font-size: 14px;
    color: #666666;
    margin: 0 0 10px;
}

@media (min-width: 992px) {
    .ml-gsr-strong-environmental-principles .inner .col-num-2 .aboutlistitem .productDesc p {
        font-size: 16px;
    }
}

/* ends here ml-gsr-strong-environmental-principles */

/* mylan-ehs-management section */

.mylan-ehs-management {
    margin: 0;
}

.mylan-ehs-management .ehs-management-content .container-two-column:before,
.mylan-ehs-management .ehs-management-content .container-two-column:after {
    content: " ";
    display: table;
}

.mylan-ehs-management .ehs-management-content .container-two-column:after,
.mylan-ehs-management .ehs-management-content .container-two-column:after {
    clear: both;
}

.mylan-ehs-management .ehs-management-content .container-two-column,
.mylan-ehs-management .ehs-management-content .container-two-column .grid,
.mylan-ehs-management .ehs-management-content .container-two-column .grid .col-num-1,
.mylan-ehs-management .ehs-management-content .container-two-column .grid .col-num-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mylan-ehs-management {
    margin-bottom: 33px;
}

@media (min-width: 992px) {
    .mylan-ehs-management {
        margin-bottom: 50px;
    }
}

.mylan-ehs-management .ehs-management-content .container-two-column {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .mylan-ehs-management .ehs-management-content .container-two-column {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .container-two-column {
        width: 970px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .mylan-ehs-management .ehs-management-content .container-two-column {
        width: 1170px;
    }
}

@media (min-width: 768px) {
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 {
        float: left;
        width: 100%;
    }
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-2 {
        float: left;
        width: 100%;
    }
}

.mylan-ehs-management .ehs-management-content .container-two-column .grid {
    width: 100%;
    max-width: 100%;
}

.mylan-ehs-management .ehs-management-content .container-two-column .inner {
    background: #f2f2f2;
    margin-top: -30px;
    padding-bottom: 22px;
}

.mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
        position: relative;
        float: left;
        width: 50%;
    }
}

.mylan-ehs-management .ehs-management-content .subHeader {
    padding: 0 15px;
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .subHeader {
        text-align: center;
    }
}

.mylan-ehs-management .ehs-management-content .subHeader h2 {
    font-size: 18px;
    color: #fff;
    background: #00b5e6;
    padding: 15px 15px;
    font-weight: bold;
    text-align: center;
    position: relative;
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .subHeader h2 {
        padding: 15px 80px;
        display: inline-block;
        font-size: 22px;
    }
}

.mylan-ehs-management .ehs-management-content .container-two-column .col-num-2 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: none;
    width: 100%;
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-2 {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        float: left;
        width: 50%;
    }
}

.mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc {
    margin-top: 48px;
    padding-left: 0;
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc {
        margin-top: 58px;
        padding-left: 10px;
    }
}

.mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul {
    margin: 0;
    padding: 0;
}

.mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul li {
    list-style-type: none;
    margin-bottom: 10px;
    display: table;
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul li {
        margin-bottom: 18px;
    }
}

.mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul li i {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    display: table-cell;
    color: #333333;
    text-align: left;
    min-width: 20px;
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul li i {
        font-size: 40px;
        border-bottom: 2px solid #666666;
        min-width: 40px;
        display: inline-block;
        text-align: center;
        color: #666666;
    }
}

.mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul li i:after {
    display: inline-block;
    vertical-align: bottom;
    content: ".";
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul li i:after {
        content: "";
    }
}

.mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul li span {
    font-size: 16px;
    color: #666666;
    display: table-cell;
    padding-left: 3px;
}

@media (min-width: 992px) {
    .mylan-ehs-management .ehs-management-content .container-two-column .col-num-1 .aboutlistitem .productDesc ul li span {
        font-size: 20px;
        padding-left: 30px;
    }
}

@media (min-width: 992px) {
    .ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc {
        margin-top: 58px;
        padding-left: 10px;
    }
}

.ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul {
    margin: 0;
    padding: 0;
}

.ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul li {
    list-style-type: none;
    margin-bottom: 10px;
    display: table;
}

@media (min-width: 992px) {
    .ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul li {
        margin-bottom: 18px;
        display: table;
    }
}

.ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul li i {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    text-align: left;
    min-width: 20px;
}

@media (min-width: 992px) {
    .ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul li i {
        font-size: 40px;
        border-bottom: 2px solid #666666;
        min-width: 40px;
        text-align: center;
        color: #666666;
        display: table-cell;
    }
}

.ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul li i:after {
    display: inline-block;
    vertical-align: bottom;
    content: ".";
}

@media (min-width: 992px) {
    .ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul li i:after {
        content: "";
    }
}

.ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul li span {
    font-size: 16px;
    color: #666666;
    display: table-cell;
    padding-left: 3px;
}

@media (min-width: 992px) {
    .ehs-management-content .container-two-column .col-num-2 .aboutlistitem .productDesc ul li span {
        font-size: 20px;
        padding-left: 30px;
    }
}

/* ends here this section mylan-ehs-management */

/* ml-gsr-focusing-waste-reduction section start*/

.ml-gsr-focusing-waste-reduction {
    width: 100%;
    padding: 0 15px;
    margin: auto;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .ml-gsr-focusing-waste-reduction {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .ml-gsr-focusing-waste-reduction {
        width: 1170px;
    }
}

.ml-gsr-focusing-waste-reduction .grid {
    max-width: 100%;
    box-sizing: border-box;
}

.ml-gsr-focusing-waste-reduction .col-2of3 {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .ml-gsr-focusing-waste-reduction .col-2of3 {
        width: 66.66666667%;
        padding: 0 15px;
    }
}

.ml-gsr-focusing-waste-reduction .col-3of3 {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .ml-gsr-focusing-waste-reduction .col-3of3 {
        width: 33.33333333%;
        padding: 0 15px;
    }
}

.ml-gsr-focusing-waste-reduction .gsr-focusing h2 {
    font-size: 20px;
    line-height: 1.4;
    color: #333333;
    font-weight: bold;
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    .ml-gsr-focusing-waste-reduction .gsr-focusing h2 {
        font-size: 30px;
    }
}

.ml-gsr-focusing-waste-reduction .gsr-focusing .productDesc p {
    font-size: 14px;
    line-height: 1.4;
    color: #666666;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .ml-gsr-focusing-waste-reduction .gsr-focusing .productDesc p {
        font-size: 16px;
    }
}

.ml-gsr-focusing-waste-reduction .gsr-focusing .productDesc p strong {
    color: #666666;
}

.ml-gsr-focusing-waste-reduction .gsr-installation {
    float: left;
    padding: 16px 6px;
    border-top: 3px solid #00b5e6;
    border-bottom: 3px solid #00b5e6;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 28px;
    width: 100%;
}

@media (min-width: 992px) {
    .ml-gsr-focusing-waste-reduction .gsr-installation {
        padding: 30px;
        margin-top: 8px;
    }
}

.ml-gsr-focusing-waste-reduction .gsr-installation p {
    font-size: 20px;
    color: #333333;
    line-height: 1.4;
}

@media (min-width: 992px) {
    .ml-gsr-focusing-waste-reduction .gsr-installation p {
        font-size: 24px;
    }
}

.ml-gsr-focusing-waste-reduction .gsr-installation span {
    display: block;
    color: #00b5e6;
    font-weight: bold;
    font-size: 22px;
}

@media (min-width: 992px) {
    .ml-gsr-focusing-waste-reduction .gsr-installation span {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .gs-highlight-content {
        margin-bottom: 45px;
    }
}

.gs-highlight-content .productDesc h3 {
    font-size: 28px;
    color: #00b5e6;
    font-weight: bold;
}

@media (min-width: 992px) {
    .gs-highlight-content .productDesc h3 {
        font-size: 34px;
    }
}

.gs-highlight-content .productDesc p {
    font-size: 16px;
    color: #666666;
    margin-top: 6px;
}

@media (min-width: 992px) {
    .gs-highlight-content .productDesc p {
        font-size: 20px;
    }
}

/* ml-gsr-focusing-waste-reduction section end*/

/* ends here third layout css here */

/* other css */

/* ends here other css */

/* grs second layer tabs section */

/* tabs section GSR*/

/* our commmitment section */

.gsr2_tab_section .tabbed-interface {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gsr2_tab_section .tabbed-interface:before,
.ml-gsr-tabsection .tabbed-interface:after {
    content: " ";
    display: table;
}

.ml-gsr-tabsection:after,
.ml-gsr-tabsection:after {
    clear: both;
}

.gsr2_tab_section {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    .gsr2_tab_section {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gsr2_tab_section {
        width: 970px;
        /* padding-left: 60px;
        padding-right: 60px; */
        box-sizing: border-box;
    }
}

@media (min-width: 1200px) {
    .gsr2_tab_section {
        width: 1170px;
    }
}

@media (min-width: 768px) {
    .gsr2_tab_section .tabbed-interface {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .gsr2_tab_section .tabbed-interface {
        float: left;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.gsr2_tab_section .tabbed-interface .tabs {
    list-style: none;
    font-size: 0;
    text-align: center;
    border-bottom: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 3px solid #00b5e6;
}

@media (min-width: 992px) {
    .gsr2_tab_section .tabbed-interface .tabs {
        border-bottom: 2px solid #f2f2f2;
        border-top: 0;
        position: relative;
        text-align: center;
        width: auto;
        display: block;
        margin-bottom: 30px;
    }
}

.gsr2_tab_section .tabbed-interface .tabs li.tab {
    display: table-cell;
    border: none;
    background: #f2f2f2;
    margin: 0 0 -2px 0;
    border-radius: 0;
    border-top: none;
}

@media (min-width: 768px) {
    .gsr2_tab_section .tabbed-interface .tabs li.tab {
        display: inline-block;
        border-top: 3px solid transparent;
    }
}

@media (min-width: 992px) {
    .gsr2_tab_section .tabbed-interface .tabs li.tab {
        display: inline-block;
        border-top: 3px solid transparent;
    }
}

.gsr2_tab_section .tabbed-interface .tabs .tab.active {
    background: #fff;
    border-top: none;
    border-bottom: 0;
    font-weight: bold;
}

@media (min-width: 992px) {
    .gsr2_tab_section .tabbed-interface .tabs .tab.active {
        border-top: 3px solid #00b5e6;
    }
}

.gsr2_tab_section .tabbed-interface .tabs .tab:hover,
.gsr2_tab_section .tabbed-interface .tabs .tab:focus {
    background: #fff;
    border-top: none;
    border-bottom: 0;
}

@media (min-width: 992px) {
    .gsr2_tab_section .tabbed-interface .tabs .tab:hover,
    .gsr2_tab_section .tabbed-interface .tabs .tab:focus {
        border-top: 3px solid #00b5e6;
    }
}

.gsr2_tab_section .tabbed-interface .tabs .tab {
    border: none;
    background: #f2f2f2;
    margin: 0;
    border-radius: 0;
}

@media (min-width: 992px) {
    .gsr2_tab_section .tabbed-interface .tabs .tab {
        margin: 0 -5px -2px 0;
    }
}

.gsr2_tab_section .tabbed-interface .tabs .tab h3 {
    border: none;
    background: none;
    border-radius: 0;
    filter: none;
}

.gsr2_tab_section .tabbed-interface .tabs .tab.active h3 a {
    font-weight: bold;
}

.gsr2_tab_section .tabbed-interface .tabs .tab h3 a {
    text-decoration: none;
    padding: 15px 5px;
    display: inline-block;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    vertical-align: middle;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .gsr2_tab_section .tabbed-interface .tabs .tab h3 a {
        padding: 15px 20px;
        line-height: 1.4;
    }
}

@media (min-width: 1024px) {
    .gsr2_tab_section .tabbed-interface .tabs .tab>h3>a {
        padding: 15px 20px;
    }
    .gsr2_tab_section .tabbed-interface {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .gsr2_tab_section .tabbed-interface .tabs .tab>h3>a {
        padding: 15px 50px;
        font-size: 24px;
    }
}

.gsr2_tab_section>.tabbed-interface .pane .productDesc {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .gsr2_tab_section>.tabbed-interface .pane .productDesc {
        padding-left: 54px;
        padding-right: 0;
    }
}

.gsr2_tab_section>.tabbed-interface .pane .productDesc ul li {
    margin-bottom: 25px;
    color: #505050;
    position: relative;
    padding-left: 71px;
    padding-top: 7px;
    box-sizing: border-box;
    display: table;
    cursor: pointer;
}

@media (min-width: 992px) {
    .gsr2_tab_section>.tabbed-interface .pane .productDesc ul li {
        margin-bottom: 30px;
        min-height: 44px;
    }
}

.gsr2_tab_section>.tabbed-interface .pane .productDesc ul li a:before {
    content: '';
    background-image: url(../img/down-arrow-black.svg);
    text-align: center;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 15px 15px;
    border: 1px solid #696969;
    background-position: center;
    border-radius: 50%;
    background-repeat: no-repeat;
    transition: all 0.5s ease 0s;
}

.gsr2_tab_section>.tabbed-interface .pane .productDesc ul li:hover a:before,
.gsr2_tab_section>.tabbed-interface .pane .productDesc ul li:focus a:before {
    background-image: url(../img/down-arrow-white.svg);
    border: 1px solid #008cb2;
    background-color: #008cb2;
    background-repeat: no-repeat;
}

.gsr2_tab_section>.tabbed-interface .pane .productDesc ul li:hover a,
.gsr2_tab_section>.tabbed-interface .pane .productDesc ul li:focus a {
    color: #008cb2;
}

.gsr2_tab_section>.tabbed-interface .pane .productDesc ul li a {
    text-decoration: none;
    color: #505050;
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
}

.ml-ourimpact-threecolumn #Air_emmision {
    display: none;
}

#Air_emmision_large {
    display: none;
}

/* #Innovative-access-large {
    display: none;
} */

/* #Innovative-access-box {
    display: none;
} */

#Community_infographic_hidden {
    display: none;
}

.env-table-content {
    display: none;
}

#Cdp-Logo {
    display: none;
}

#formore-info {
    display: none;
}

.env-table-content table,
.gsr2-water-quality-section .grid .col-num-3 .env-table-content {
    display: none;
}

.gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-section:nth-child(1),
.gsr2-mks-section .gsr2-video-section.pat-Med-sec .content-section:nth-child(2) {
    display: none;
}

.hide_fighting,
#Innovative-access-box,
.wastewater-hide {
    display: none !important;
}

/* ends here for tabs section */

/* faq section for gsr landing page */

#faq-section-landing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 25px;
    margin-bottom: 15px;
}

@media(min-width:992px) {
    #faq-section-landing {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 45px;
        margin-bottom: 35px;
    }
}

#faq-section-landing .container-row:before,
#faq-section-landing .container-row:after {
    content: " ";
    display: table;
}

#faq-section-landing:after,
#faq-section-landing:after {
    clear: both;
}

#faq-section-landing {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    #gsr2_tab_section {
        width: 100%;
    }
}

@media (min-width: 992px) {
    #faq-section-landing {
        width: 970px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    #faq-section-landing {
        width: 1170px;
    }
}

#faq-section-landing .container-row .aboutlistitem {
    margin-bottom: 15px;
}

#faq-section-landing .container-row .accordion.type-a .opt-image {
    margin-bottom: 10px;
}

#faq-section-landing .container-row .aboutlistitem .subHeader {
    font-size: 20px;
    margin: 0;
    color: #333333;
    font-weight: bold;
}

@media (min-width: 992px) {
    #faq-section-landing .container-row .aboutlistitem .subHeader {
        font-size: 30px;
    }
}

#faq-section-landing .container-row .accordion.type-a {
    margin-bottom: 15px;
}

#faq-section-landing .container-row .accordion.type-a .handle>.inner {
    padding: 14px 14px;
    position: relative;
}

#faq-section-landing .container-row .accordion.type-a .handle {
    background: #f2f2f2;
    border-top: 3px solid #f2f2f2;
    background-image: none;
}

#faq-section-landing .container-row .accordion.type-a .handle.expanded {
    color: #333333;
    border-top: 3px solid #00b5e6;
    background-color: #fff;
}

#faq-section-landing .container-row .accordion.type-a .handle.expanded h3 {
    color: #333333;
}

#faq-section-landing .container-row .accordion.type-a .handle h3 {
    font-size: 14px;
}

@media (min-width: 992px) {
    #faq-section-landing .container-row .accordion.type-a .handle h3 {
        font-size: 16px;
    }
}

#faq-section-landing .container-row .accordion.type-a .pane .caption,
.accordion.type-a .pane .caption p {
    font-size: 14px;
    color: #666666;
    margin: 0;
}

.accordion.type-a .pane .caption p {
    margin-bottom: 10px;
}

#faq-section-landing .container-row .accordion.type-a .pane .caption {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    #faq-section-landing .container-row .accordion.type-a .pane .caption,
    .accordion.type-a .pane .caption p {
        font-size: 16px;
        clear: both;
    }
}

#faq-section-landing .container-row .accordion.type-a .pane .caption,
.accordion.type-a .pane .caption p a {
    font-size: 14px;
}

@media(min-width:992px) {
    #faq-section-landing .container-row .accordion.type-a .pane .caption,
    .accordion.type-a .pane .caption p a {
        font-size: 16px;
    }
}

#faq-section-landing .container-row .accordion.type-a .handle h3 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-right: 30px;
}

@media (min-width: 992px) {
    #faq-section-landing .container-row .accordion.type-a .handle h3 {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        padding-right: 24px;
    }
}

#faq-section-landing .container-row .accordion.type-a .pane {
    padding: 14px 14px 0 14px;
}

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

#faq-section-landing .container-row .accordion.type-a .caption ul {
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
    color: #666666;
    padding-left: 15px;
}

#faq-section-landing .container-row .accordion.type-a .caption ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 1px;
    background: #00b5e6;
}

#faq-section-landing .container-row .accordion.type-a .caption ul li {
    color: #666666;
    font-size: 14px;
}

@media (min-width: 992px) {
    #faq-section-landing .container-row .accordion.type-a .caption ul li {
        color: #666666;
        font-size: 16px;
    }
}

#faq-section-landing .container-row .accordion.type-a .caption ul li a {
    color: #00b5e6;
    font-size: 14px;
    padding-left: 0;
}

@media (min-width: 992px) {
    #faq-section-landing .container-row .accordion.type-a .caption ul li a {
        color: #00b5e6;
        font-size: 16px;
    }
}

#faq-section-landing .container-row .accordion.type-a .caption ul li a:hover {
    color: #008cb2;
}

#faq-section-landing .container-row .accordion.type-a .caption ol {
    margin-top: 0;
}

#faq-section-landing .container-row .accordion.type-a .caption ol li {
    margin-left: 15px;
    color: #666666;
    font-size: 14px;
    padding: 5px 0;
}

#faq-section-landing .container-row .accordion.type-a .caption ol li sub {
    font-size: 10px;
}

@media(min-width:992px) {
    #faq-section-landing .container-row .accordion.type-a .caption ol li {
        margin-left: 15px;
        color: #666666;
        font-size: 16px;
        padding: 5px 0;
    }
}

#faq-section-landing .container-row .accordion.type-a .expand-one {
    float: none;
    width: 100%;
    padding-right: 0;
}

@media (min-width: 992px) {
    #faq-section-landing .container-row .accordion.type-a .expand-one {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding-right: 15px;
    }
}

#faq-section-landing .container-row .accordion.type-a .expand-two {
    float: none;
    width: 100%;
    border: 1px solid #666666;
    padding: 8px 8px 0 8px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    #faq-section-landing .container-row .accordion.type-a .expand-two {
        float: left;
        width: 50%;
        border: 1px solid #666666;
        padding: 8px 8px 0 8px;
        margin-bottom: 0;
    }
}

#faq-section-landing .container-row .accordion.type-a .manage-exp {
    border: 1px solid #666666;
    padding: 8px 8px 0 8px;
    margin-bottom: 10px;
}

#faq-section-landing .container-row .accordion.type-a .doinghelp-exp {
    border: 1px solid #666666;
    padding: 8px 8px 0 8px;
    margin-bottom: 10px;
}

#faq-section-landing .container-row .accordion.type-a .doinghelp-exp img {
    width: 200px;
    height: auto;
}

#faq-section-landing .accordion ul li a {
    transition: all 0.5s ease 0s;
    text-decoration: none;
    color: #00b5e6;
    font-size: 14px;
}

@media(min-width:992px) {
    #faq-section-landing .accordion ul li a {
        font-size: 16px;
    }
}

#faq-section-landing .accordion ul li a:hover {
    color: #008cb2;
}

.container-full .content-image img {
    max-width: none;
    margin-bottom: 15px;
}

/* content img about us page */

.caption img {
    max-width: 100%;
}

/* ends here content image */

#ceo-blog img {
    max-width: 100%;
}

.text-blue {
    color: #00b5e6;
}

a.text-blue {
    color: #00b5e6;
}

a.text-blue:hover,
a.text-blue:focus {
    color: #008cb2;
}

.search-results {
    margin-bottom: 15px;
}

.branded-generics .subHeader {
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
}

.disaster-head-2.managing-infograph .content-image {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:768px) {
    .disaster-head-2.managing-infograph .content-image {
        width: 50%;
    }
}

.ml-gsr-identifying-risks .col-2of3 .building-workplace+.content-image img {
    max-width: 100%;
    width: auto;
}

#disas-section .col-3of3 .module-simple-container {
    background-size: contain;
}

.gsr-waterquality-bottom.medicine-patient-img .content-section:nth-child(2) .content-with-right-image .col-2of3.left {
    float: none;
    padding-right: 0;
    width: 100%;
}

.gsr-waterquality-bottom.medicine-patient-img .content-section:nth-child(2) .content-with-right-image .col-2of3.left .caption {
    display: block;
    text-align: center;
    padding-right: 0;
}

.gsr-waterquality-bottom.medicine-patient-img .content-section:nth-child(2) .content-with-right-image .col-2of3.left .caption p {
    text-transform: uppercase;
}

/* footnote section for social responsibility */

.social-responsibility-footnote .productDesc .caption {
    padding-bottom: 15px;
    margin-top: 0;
}

/* ends here this section */

.full-gsr-section-page .inner .col-num-2 .aboutlistitem.building-workplace .subHeader h2 {
    margin: 0px 0 6px;
}

@media(min-width:992px) {
    .full-gsr-section-page .inner .col-num-2 .aboutlistitem.building-workplace .subHeader h2 {
        margin: 0px 0 15px;
    }
}

#succ-section {
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    #succ-section {
        margin-bottom: 35px;
    }
}

.customers-we-serve-image .grid .col-num-3 .gsr-waterquality-bottom {
    display: block;
    padding: 0;
}

.gsr2-ehsms-section .grid .col-num-2 .global-infograph {
    width: 66.666%;
    margin-top: 15px;
    float: left;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 22px;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .global-infograph {
        width: 33%;
        float: left;
        position: relative;
        margin-bottom: 0;
    }
}

.gsr2-ehsms-section .grid .col-num-2 .global-infograph .left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    content: '';
}

.gsr2-ehsms-section .grid .col-num-2 .global-infograph .right {
    padding-left: 56px;
    padding-top: 20px;
    display: inline-block;
    min-height: 30px;
    text-align: left;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .global-infograph .right {
        padding-top: 15px;
    }
}

.gsr2-ehsms-section .grid .col-num-2 .global-infograph .right .productDesc p {
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .global-infograph .right .productDesc p {
        font-size: 20px;
    }
}

.gsr2-ehsms-section .grid .col-num-2 .global-infograph .right .productDesc p span {
    color: #00b5e6;
}

.infograph-7 {
    display: inline-block;
    border-top: 2px solid #00b5e6;
    border-bottom: 2px solid #00b5e6;
    padding: 7px 5px;
    margin-top: 15px;
}

.infograph-7 .info-top {
    display: table;
    border-bottom: 1px solid #00b5e6;
}

.infograph-7 .count {
    display: table-cell;
    color: #00b5e6;
    font-size: 48px;
    font-weight: bold;
    vertical-align: middle;
    padding-right: 8px;
    line-height: 1;
}

.infograph-7 .safe-info-content {
    display: table-cell;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    padding-bottom: 2px;
}

.infograph-7 .info-bottom {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 5px;
    text-align: center;
}

/* oversight page infographics section */

.gsr2-ehsms-section .grid .col-num-2 .oversight-goals {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 {
        float: left;
        width: 33.3333%;
        margin-bottom: 0;
    }
}

.gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc span.goal-title {
    font-size: 24px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #85bd42;
    line-height: 1;
    margin-bottom: 5px;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc span.goal-title {
        text-align: left;
        font-size: 28px;
    }
}

.gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc span.goal-description {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-bottom: 15px;
    color: #666666;
    min-height: none;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc span.goal-description {
        text-align: left;
        min-height: 110px;
        font-size: 16px;
    }
}

@media(min-width:1200px) {
    .gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc span.goal-description {
        min-height: 90px;
    }
}

.gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc .goal-bottom-section {
    display: block;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc .goal-bottom-section {
        display: table;
    }
}

.gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc .goal-image {
    display: block;
    text-align: center;
    padding-right: 0;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc .goal-image {
        display: table-cell;
    }
}

.gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc .goal-image img {
    width: 100px;
    height: 100px;
}

.gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc .goal-sub-description {
    display: block;
    color: #85bd42;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

@media(min-width:992px) {
    .gsr2-ehsms-section .grid .col-num-2 .oversight-goals .aboutlistitem.goal1 .productDesc .goal-sub-description {
        display: table-cell;
        color: #85bd42;
        font-size: 20px;
        vertical-align: middle;
        padding-left: 0;
    }
}

/* ends here oversight page infographics section */

.gsr2-water-quality-section .grid .col-num-3 .keeping-people-info {
    margin-bottom: 10px;
}

@media(min-width:992px) {
    .gsr2-water-quality-section .grid .col-num-3 .keeping-people-info {
        margin-bottom: 15px;
    }
}

/* engaging employee page image section */

.gsr2-water-quality-section.ohas-sites .grid .col-num-3 .content-image {
    max-width: 140px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:992px) {
    .gsr2-water-quality-section.ohas-sites .grid .col-num-3 .content-image {
        max-width: 160px;
        margin: 0;
    }
}

/* ends here this */

/* social responsibilty new icon css */

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-pending .left {
    min-height: 71px;
    width: 60px;
    margin: 0 auto;
    position: relative;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-pending .left img {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-pending .right .productDesc>p {
    margin-bottom: 10px;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-pending .right .productDesc div p {
    margin-bottom: 5px;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-in-development .left {
    min-height: 71px;
    width: 60px;
    margin: 0 auto;
    position: relative;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-in-development .left img {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-in-development .right .productDesc>p {
    margin-bottom: 10px;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-in-development .right .productDesc div p {
    margin-bottom: 5px;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-in-development .right .productDesc .globe-content {
    max-width: 175px;
    margin: auto;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-pending .right .productDesc .globe-content {
    max-width: 202px;
    margin: auto;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem .right .productDesc .globe-content p {
    text-align: right;
    padding: 0;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-in-development .right .productDesc div p {
    margin-bottom: 5px;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-in-development .right .productDesc p span {
    color: #00b5e6;
    font-weight: bold;
}

.key-summary-container-fluid .key-summary-container .key-summery-row .aboutlistitem.products-pending .right .productDesc p span {
    color: #00b5e6;
    font-weight: bold;
    min-width: 50px;
    display: inline-block;
    text-align: left;
}

.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 */

.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;
    }
}

/* 06062019 */
.postsection .jw-controlbar.jw-reset {
    display: none !important;
}

.postsection .jw-display-controls.jw-reset {
    display: none !important;
}

.ml-gsr-topbanner-mobile .jw-controlbar.jw-reset {
    display: none !important;
}

.ml-gsr-topbanner-mobile .jw-display-controls.jw-reset {
    display: none !important;
}


/* 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 */