﻿body {
    background-color: #e7f6fa;
    color: #515151;
    font-family: 'Open Sans', sans-serif;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h3,
h4,
h5,
h6,
hr,
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;
    vertical-align: baseline;
}

html {
    -webkit-text-size-adjust: none;
    /* Prevent font scaling in landscape */
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont93e3.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont93e3.woff') format('woff'), url('../fonts/fontawesome-webfont93e3.ttf') format('truetype'), url('../fonts/fontawesome-webfont93e3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: Arial;
}

img {
    max-width: 100%;
}

ol,
ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a {
    font-family: arial;
    color: #cb1185;
}

div,
span {
    font-family: arial;
}

strong,
b {
    font-weight: bold;
}

p {
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.no-wrap {
    white-space: nowrap;
}

.no-margin {
    margin: 0px;
}

.no-margin-top {
    margin-top: 0px;
}

sub,
sup {
    font-size: 60%;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.no-padding-bottom {
    padding-bottom: 0px;
}

.no-border {
    border: none !important;
}

.black-text {
    color: #000000;
}

.white-text {
    color: #fff;
}

.orange-text {
    color: #e78520;
    margin-top: 15px;
}

.auto-adjust-img,
.auto-adjust-img>img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

h1,
h2 {
    color: #333;
    margin: 0 0;
    padding: 0 0;
}

h1 {
    font-size: 38px;
    font-family: arial;
}

h1,
h2,
h3 {
    font-weight: bold;
    padding: 15px 0px 7px 0px;
    color: #353535;
}

.bottom-space {
    padding-bottom: 60px;
}

.top-space {
    padding-top: 60px;
}

.orange {
    background: #e78520;
}

.left {
    float: left;
}

.right {
    float: right;
}

.width-fifty {
    width: 50%;
}

.inline-block {
    display: inline-block;
}

.display-none {
    display: none;
}

.text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.isMobile {
    display: none;
}

.breakline {
    margin-bottom: 15px;
}

.double-breakline {
    margin-bottom: 30px;
}

.gray-text-color {
    color: #666;
}

.important-info-text {
    font-size: 18px;
}

.span-as-a {
    color: #0bb5e5;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.image {
    margin: 0;
    padding: 0;
    height: auto;
}

.button-link {
    outline: none;
    text-decoration: none;
}

.button {
    display: inline-block;
    margin: 10px 4px;
    position: relative;
}

.button-link:hover>.button>span {
    text-decoration: underline;
}

.no-margin-top {
    margin-top: 0;
}

.sublist {
    margin-top: 15px;
}

.content .grid ul li .sublist li {
    background: none;
    list-style-type: circle;
    padding-left: 0;
}

.centered-img {
    margin: 0 auto;
}

.blue {
    color: #00bce4;
}

.blue-bg {
    background-color: #00bce4;
    padding-bottom: 5px;
}

.light-blue {
    color: #537bbd;
}

.bold-text {
    font-weight: bold
}

.light-grey-text {
    color: #a9a9a9;
}

.red {
    color: #f94876;
}

.green-txt {
    color: #498b2a;
}

.red-txt {
    color: #f1666e;
}

.title-space {
    padding: 40px 0 10px 0;
}

textarea:focus,
input:focus {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5 {
    color: #353420;
}

h6 {
    font-size: 9px;
    font-family: "Verdana", "sans-serif";
    color: #666666;
    line-height: normal;
}


/* .subHeader {	color: #00bce4;} */

.container-two-column {
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    box-sizing: border-box;
    padding-bottom: 0px;
}

.inner {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.container-two-column .inner {
    margin: auto 0px;
    width: auto;
    max-width: 100%;
}

.grid {
    display: table;
    width: 100%;
    margin-top: 0px;
}

.col {
    float: left;
}

.col-1of2 {
    width: 70%;
}

.col-num-1 {
    padding-top: 0px;
    box-sizing: border-box;
}

.container-two-column .col-num-1 {
    padding-top: 11px;
    box-sizing: border-box;
    width: 81%;
    float: right;
}

.container-two-column .col-num-2 {
    padding-left: 0px;
    padding-top: 0px;
    box-sizing: border-box;
    width: 19%;
    float: left;
}

.col-num-2 {
    padding-top: 0px;
    box-sizing: border-box;
}

.col-2of3.col-num-2 {
    padding: 0px;
    box-sizing: border-box;
}

.col-1of3.col-num-1 {
    padding: 0;
    box-sizing: border-box;
}

.col-3of3.col-num-3 {
    box-sizing: border-box;
}

.frame-1-col {
    padding: 0 50px;
}

ul.social-media {
    display: block;
    margin-top: 10px;
    padding: 0;
}

ul.social-media li {
    display: inline-block;
    background-repeat: no-repeat;
    margin: 0;
    padding-right: 5px;
}

ul.social-media li:last-child {
    padding-right: 0;
}

.social-media li a {
    background-size: 32px 32px;
    display: block;
    height: 32px;
    width: 32px;
}


/*=================================== 2 column layout ===================================*/

.wrapper.callout-size {
    margin: 50px 50px 0 50px;
}


/*=================================== HERO Images ===================================*/

.hero-1 {
    display: table;
    width: 100%;
    margin: -5px 0 30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaedf2+0,ffffff+47 */
    background: rgb(234, 237, 242);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWRmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgb(234, 237, 242) 0%, rgb(255, 255, 255) 47%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(234, 237, 242) 0%, rgb(255, 255, 255) 47%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(234, 237, 242) 0%, rgb(255, 255, 255) 47%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.hero-1 .ac-content {
    padding: 20px 0 0 40px;
    width: 40%;
    display: table-cell;
    vertical-align: top;
}

.hero-1 .subHeader {
    font-size: 32px;
    color: #64358c;
    padding-top: 14%;
}

.hero-1 .productDesc {
    font-size: 28px;
    color: #5a5a5a;
}

#main-content-wapper .hero-1 .productDesc p {
    padding-top: 10px;
    margin: 0;
    font-size: 28px;
}

.hero-1.image-center-content-above .ac-graphic {
    width: 56%;
    margin-top: -30px;
    display: table-cell;
}

.hero-1 .ac-graphic img {
    display: block;
    margin-right: 0;
    float: right;
}

.hero-1 .links a.btn {
    display: block;
    padding: 8px 0;
    color: #fff;
    font-size: 16px;
    background-color: #96c11f;
    width: 210px;
    border-radius: 10px;
    margin-top: 20px;
    text-decoration: none;
    text-align: center;
}

.hero-1 .links a:hover {
    background-color: #7bad1c;
}

.hero-1 .ac-graphic {
    position: relative;
}

.hero-1 .caption img {
    position: absolute;
    top: 140px;
    right: 75px;
    max-width: 147px;
}


/*============================== image left content right component ==============================*/

.image-left-content-right.bottle {
    display: table;
}

.image-left-content-right.bottle .ac-graphic {
    text-align: center;
    width: 137px;
    display: table-cell;
    vertical-align: top;
    padding-top: 40px;
}

.image-left-content-right.bottle .ac-graphic img {
    display: block;
    width: 320px;
}

.image-left-content-right.bottle .ac-graphic .caption {
    width: 0px;
    padding-bottom: 0px;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

.image-left-content-right.bottle .ac-content {
    width: 580px;
    display: table-cell;
    vertical-align: top;
    padding: 40px 0 40px 40px;
    color: #5e5e5e;
    position: relative
}

.image-left-content-right.bottle .ac-content .subHeader {
    position: absolute;
    top: 0px;
    left: -140px;
}

.image-left-content-right.bottle .ac-content .ctaheader {
    font-weight: bold;
    font-size: 34px;
}

.image-left-content-right.bottle .ac-content .productDesc {
    font-size: 18px;
}

.image-left-content-right.bottle {
    display: table;
}


/*=================================== image right content left component ===================================*/

.image-right-content-left {
    display: table;
    margin: 0 50px;
}

.image-right-content-left .ac-content {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding-right: 40px;
}

.image-right-content-left .ac-graphic {
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
    text-align: right;
}

.image-right-content-left.ac-graphic {
    display: table-cell;
}

.image-right-content-left .ac-graphic img {
    width: auto;
}


/*=================================== image center content above component ===================================*/

.image-center-content-above .ac-graphic {
    width: 100%;
}


/*----------------------------END ----------------------------*/


/*=================================== accordions (rules shared by all types) ===================================*/

.accordion .pane {
    display: none;
}

.accordion .pane.expanded {
    display: block;
    border: 1px solid #d5d8d5;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 4px 6px -6px black;
    -moz-box-shadow: 0 4px 6px -6px black;
    box-shadow: 0 4px 6px -6px black;
}

.accordion>.inner>ul>li {
    padding-left: 0;
}

.accordion>.inner>ul>li:before {
    display: none;
}


/*============================= Accordion type A - "color accordion" =============================*/

.accordion ul {
    list-style-type: none;
}

.accordion ul,
.accordion li {
    margin: 0;
    padding: 0;
}

.accordion.type-a .handle {
    cursor: pointer;
    background-color: #f3f3f3;
    border-radius: 5px;
    border: 1px solid #d5d8d5;
    -webkit-box-shadow: 0 4px 6px -6px black;
    -moz-box-shadow: 0 4px 6px -6px black;
    box-shadow: 0 4px 6px -6px black;
}

.accordion.type-a .handle>.inner {
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}


/*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: 6px;
}

.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: 10px;
}


/*somewhat experimental*/

.accordion.type-a .caption+div {
    /*margin-top: 30px;*/
}


/*somewhat experimental*/

.accordion.type-a .caption.empty+div {
    margin-top: 0;
}

.accordion.type-a .green .pane>.caption,
.accordion.type-a .purple .pane>.caption,
.accordion.type-a .blue .pane>.caption,
.accordion.type-a .orange .pane>.caption,
.accordion.type-a .red .pane>.caption {
    /*this is double padded now ... padding: 0 20px 20px 20px;*/
    padding: 0 0 20px 0;
}

.accordion.type-a>.inner>ul>li.green {
    border-bottom: 3px solid #C3D940/*Mylan.com uses BBD430 - should it be C3D940 like news components? Which is correct? Or should they really be unique? (That seems wrong.) */
    ;
}

.accordion.type-a>.inner>ul>li.orange {
    border-bottom: 3px solid #F8B301;
    /*F57F22 / F8B301*/
}

.accordion.type-a>.inner>ul>li.red {
    border-bottom: 3px solid #E41938;
    /*EC3358 / E41938*/
}

.accordion.type-a>.inner>ul>li.purple {
    border-bottom: 3px solid #6E57A4;
}

.accordion.type-a>.inner>ul>li.blue {
    border-bottom: 3px solid #00b5e6;
}

.accordion.type-a .handle h3 {
    font-size: 14px;
    font-weight: bold;
    color: #64358c;
    padding-right: 24px;
    margin: 0;
}

.accordion.type-a .handle .expand-collapse-icon {
    height: 20px;
    width: 34px;
    top: 14px;
    right: 0px;
    position: absolute;
    cursor: pointer;
}

.accordion.type-a .handle .expand-collapse-icon:before {
    content: "";
    padding-left: 3px;
    width: 30px;
    height: 30px;
    display: block;
}

.accordion.type-a .handle.expanded {
    background-color: #f3f3f3;
    border: 1px solid #d5d8d5;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 0px 6px -6px white;
    -moz-box-shadow: 0 0px 6px -6px white;
    box-shadow: 0 0px 6px -6px white;
}

.accordion.type-a .handle.expanded h3 {
    color: #64358c;
}

.accordion.type-a .handle.expanded .expand-collapse-icon {
    background-position: 0 32px;
}

.accordion.type-a .handle.expanded .expand-collapse-icon:before {
    content: "";
    color: #18b7eb;
    font-size: 43px;
    width: 30px;
    height: 30px;
    display: block;
    padding-left: 5px;
}

.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;
}


/*======================= Page Styles =============================*/

#main-content-wapper.inner-page {
    padding: 130px 0 0;
}


/*-----------Hepatitis----------------------*/

.col.col-1of2.col-num-2 .aboutlistitem .left {
    text-align: right;
    padding-left: 40px;
    padding-bottom: 50px;
}

.col.col-1of2.col-num-1 .aboutlistitem .left {
    text-align: right;
    padding-right: 40px;
    padding-bottom: 50px;
}


/*========================= End Page Styles ===========================*/


/* =============================================================================
HEADER STYLES
========================================================================== */


/*#header-container {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 994;
}*/

#header-container.validation {
    position: static;
}

#header-container.iOS-Keyboard-fix {
    position: absolute !important;
}

#header-content-wrapper {
    background: #fff;
    margin: 0 auto;
    width: 1170px;
    padding: 0px 15px;
}


/*================================= Top Header =================================*/

#top-header {
    padding: 15px 1.5% 8px 3%;
    background: transparent;
    margin-top: 10px;
}

#top-header li {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.GenericMicrosite-logo {
    margin-top: 7px;
}

.sirdupla-logo {
    width: 28%;
}

.list-search>a {
    display: inline-block;
    padding-top: 1px;
}

.list-search img {
    left: 4px;
    position: relative;
}

.list-search {
    width: 28%;
    min-width: 30px;
    display: inline-block;
}

.header-text-hcp {
    margin-top: 10px;
    margin-left: 30px;
    float: left;
    font-size: 12px;
}

.search {
    margin-top: 0px;
    width: 100%;
}

.search.mobile,
.search.mobile .search {
    display: none;
    margin-top: 0;
}

.list-block3 {
    width: 42%;
    min-width: 30px;
    text-align: right;
}

.header-text-report {
    color: #00bce4;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 7px;
    text-align: left;
}

.flag {
    margin-top: 7px;
    margin-right: 8px;
    float: right;
}

.flag img {
    width: 15px;
}

.country {
    margin-top: 9px;
    margin-right: 20px;
    width: 20px;
    float: right;
    font-size: 12px;
    font-family: "arial";
}

.header-text-hcp a,
.country a,
.header-text-report a {
    color: #00bce4;
    font-size: 12px;
    font-family: "arial";
}

.header-mylan-logo {
    clear: both;
    width: 35%;
    height: auto;
    text-align: right;
    margin-top: 12px;
    position: absolute;
    right: 12px;
}


/*.header-mylan-logo img {
	width: 120px;
}*/

.list-item-mylan img {
    position: relative;
    left: 8px;
    top: 6px;
}

#top-header .last {
    padding-right: 0;
}

.logo_separator {
    padding: 0px 10px;
}

.logo-brand_name {
    color: #333;
    position: relative;
    top: 3px;
    font-size: 20px;
    padding-left: 15px;
}

.logo-advocate_text {
    font-size: 14px;
    color: #666;
    padding: 0 6px;
    position: relative;
    bottom: 3px;
    right: 3px;
    font-weight: normal;
}

.mobileText {
    display: none;
}

.desktopText {
    color: #333;
}

.header-text-report.mobile {
    display: none !important;
}

.red-text {
    color: #f94876;
}


/*----------------------references-------------------------------*/

#main-content-wapper .references p {
    font-size: 11px;
    line-height: 22px;
    word-wrap: break-word;
}

.references .red-text {
    color: #f94876;
}


/*-------------------arranged content--------------------*/

.arranged-content.frame-1-col {
    display: table;
}

.arranged-content.frame-1-col .ac-content {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.arranged-content.frame-1-col .ac-graphic {
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
}


/* Breast cancer learning*/

.block1 .ac-content,
.block2 .ac-content,
.block3 .ac-content,
.block4 .ac-content {
    height: 110px;
    padding-right: 20px;
}

.block1,
.block3 {
    margin-left: 40px;
}


/*================================= SEARCH =================================*/

.container-1 {
    width: 300px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.container-1 .inner {
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.search-module .search {
    width: auto;
}

.search .placeholder-text,
.search .placeholder-text2 {
    width: 173px;
    height: 40px;
    background: #eae7e3;
    font-size: 10pt;
    float: left;
    padding-left: 10px;
    border: 1px solid #eae7e3;
    color: #515151;
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 35px;
}

.search .placeholder-text2 {
    width: 188px;
}


/*.search-module .submit {
	cursor: pointer;
	height: 15px;
	position: absolute;
	top: 10px;
	width: 17px;
	/*margin-right: 102px;  ie9 issues
	left: 195px;
}*/

.search-module .submit input {
    width: 40px;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 0px;
    right: 7px;
    padding: 0;
    min-height: 36px;
    z-index: 1;
}

.search-module .ie8-ie9-only {
    display: none;
}

.container-1 .icon {
    position: absolute;
    top: 10%;
    margin-left: -24px;
    margin-top: 3px;
    z-index: 1;
    color: #4f5b66;
}


/*================================= end search =================================*/


/*================================= Footer =================================*/

.fullfooter {
    font-family: 'Open Sans', sans-serif;
    background-color: #eae7e3;
    position: relative;
    padding: 20px 0px 0px 0px;
    display: table;
    width: 100%;
    margin-top: 0 !important;
}

.fullfooter:before {
    content: "";
    border-bottom: 2px solid #8c7f77;
    height: 2px;
    position: absolute;
    top: 20px;
    width: 100%;
}

.fullfooter .footer-left {
    width: 76%;
    padding-top: 30px;
    float: left;
}

.fullfooter .footer-right {
    float: right;
    width: 24%;
    vertical-align: top;
    padding-top: 20px;
    text-align: right;
}

.fullfooter .footer-left .footerbar {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

.fullfooter .footer-left .footerbar li {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 0 16px;
}

.footerbar li:first-child {
    background: none;
    padding-left: 0px !important;
}

.footerbar li a {
    color: #8c7f77;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-weight: normal;
    white-space: nowrap;
}

.footerbar li a:hover {
    text-decoration: underline
}

.fullfooter .footer-left p {
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    color: #8c7f77;
}

.fullfooter .footer-left a {
    color: inherit;
}

.fullfooter .inner.container {
    display: flex;
    align-items: flex-end;
}

.footer-right>img {
    float: right;
    position: relative;
    width: 202px;
}

.footer-left img {
    width: 200px;
}


/*================================= End Footer =================================*/


/*================================= HCP Cookie Notice =================================*/

.hcp-cookie-warning {
    position: fixed;
    top: 208px;
    height: 60px;
    width: 63%;
    z-index: 10;
    /* left: 50%; */
    /* margin-left: -480px; */
    max-width: 960px;
    color: #fff;
    background-color: #800080;
    margin-left: 40px;
}

.hcp-cookie-warning .inner {
    padding: 10px 30px 10px 30px;
}

.hcp-cookie-warning h1 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.hcp-cookie-warning a {
    color: #fff;
}

.hcp-cookie-warning p {
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
}

.hcp-cookie-warning .btn.no-icon {
    border-radius: 5px;
    background: #fff;
    padding: 5px 15px;
    float: right;
    margin-top: -10px;
}

.hcp-cookie-warning .btn.no-icon a {
    color: #00b4e5;
    text-decoration: none;
}

.hcp-cookie-exit-icon {
    float: right;
    margin-top: -9px;
    margin-right: -24px;
    cursor: pointer;
    color: #00b4e5;
    border-radius: 30px;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 9px 3px;
}

.hcp-cookie-exit-icon:before {
    content: "×";
}


/*================================= Cookie Notice =================================*/

.cookie-warning {
    position: fixed;
    top: 0;
    height: 105px;
    width: 100%;
    z-index: 10;
    left: 50%;
    margin-left: -480px;
    max-width: 960px;
    color: #fff;
    background-color: #00b4e5;
}

.cookie-warning .inner {
    box-sizing: border-box;
    padding: 10px 30px 10px 25px;
}

.cookie-warning h1 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.cookie-warning a {
    color: #fff;
}

.cookie-warning p {
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
}

.cookie-warning .btn.no-icon {
    border-radius: 5px;
    background: #fff;
    padding: 5px 15px;
    float: right;
    margin-top: -10px;
}

.cookie-warning .btn.no-icon a {
    color: #00b4e5;
    text-decoration: none;
}

.cookie-exit-icon {
    float: right;
    margin-top: -23px;
    margin-right: -17px;
    cursor: pointer;
    color: #00b4e5;
    border-radius: 30px;
    background: #fff;
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
    line-height: 3px;
    padding: 9px 3px;
}

.cookie-exit-icon:before {
    content: "×";
}


/*---------------------------------End Cookie Notice------------------------------------------*/


/*================================= 404 error page =================================*/

.error-404-headline {
    background: #fff;
    height: 50px;
    padding: 20px 50px 0 50px;
}

.error-404-headline {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.error-404-desc {
    background: #fff;
    padding: 50px;
}

.error-404-desc p:nth-child(2) {
    padding: 20px 0
}

.error-404-desc p:nth-child(3) {
    padding-top: 20px;
}

.error-404-desc,
.error-404-desc p,
.error-404-desc ul {
    font-size: 15px;
}

.error-404-desc ul {
    margin: 0;
    padding-bottom: 20px;
    list-style: none;
}

.error-404-desc ul li {
    padding-bottom: 4px;
    padding-left: 10px;
    position: relative;
}

.error-404-desc ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 6px;
    left: 1px;
    background: #00bbe7;
}


/* =============================================================================
MAIN CONTENT STYLES
========================================================================== */

.carousel-img {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

#site-wapper {
    /* background-color: #fff;  */
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    width: 960px;
    margin-top: 10px;
    clear: both;
}

#site-wapper .validation {
    margin-top: 100px;
}

.hero-image img {
    display: block;
    max-width: 1600px;
    margin: 0 auto;
}

.content-full-width {
    margin: 50px;
    font-size: 14px;
    line-height: 20px;
}

.subHeader p {
    font-size: 18px;
}

a.btn {
    display: block;
    padding: 8px 0;
    text-align: left;
    color: #fff;
    background-color: #64358c;
    width: 210px;
    border-radius: 10px;
    margin-top: 20px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

a.btn:hover {
    background-color: transparent;
}


/*================================= VALIDATION =================================*/

.validation_background {
    /*background-image: url("/-/media/AdekplusCoUK/Images/validation.png");
	background-repeat: no-repeat;*/
    width: 100%;
    height: 510px;
    position: relative;
}

.verify1 {
    font-size: 14px;
}

.verify2 {
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.validation_wrapper {
    overflow: hidden;
    margin: 0 140px;
}

.validation_wrapper div {
    min-height: 200px;
    text-align: center;
    font-family: Arial;
    color: #fff;
}

.validation_left {
    float: left;
    width: 50%;
}

.validation_right {
    overflow: hidden;
}

.agree_btn {
    background-color: #f7f7f7;
    color: #333;
    font-family: 'arial';
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    border: none;
    width: 90px;
    height: 40px;
}

.agree_btn:hover {
    background: #e7e7e7;
}

.validation_hcp {
    position: absolute;
    margin-left: 30%;
    width: 100px;
    background: #A84244;
}

.validation_message {
    max-width: 700px;
    padding-top: 77px;
    margin-right: auto;
    margin-left: auto;
    font-size: 36px;
    text-align: center;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    padding-bottom: 50px;
}

.validation_text2 {
    font-size: 24px;
    font-weight: normal;
}


/*TOM*/

div#headerContainerID {
    position: fixed;
    height: 190px;
    width: 100%;
    left: 50%;
    margin-left: -480px;
    max-width: 960px;
    background: #fff;
}


/*================================= End validation =================================*/


/*================================= SEARCH results =================================*/


/*page + product search results*/

.search-results {
    margin: 50px;
    font-size: 15px;
    min-height: 483px;
}

.search-results p:nth-child(1) {
    padding-bottom: 20px;
}

.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: normal;
    font-size: 25px;
    color: #00b4e5;
    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;
}


/* ---- 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;
    margin-top: 20px;
}

.search-result-item .snippet {
    padding-bottom: 0px;
}

.search-result-item b {
    font-weight: bolder;
}

.search-result-item .title {
    font-weight: bold;
    color: #8c7f77;
    text-decoration: underline;
    font-size: 15px;
}

.search-result-item .url {
    padding-bottom: 0px;
    font-size: 15px;
    text-decoration: underline;
}

.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: 20px 0px;
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
}

.search-result-item a {}


/*--------------------------------- END SEARCH -------------------------------------*/


/*================================= 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/AdekplusCoUK/Images/paginationsprite.png');*/
}

.pagination .prev.disabled {
    /*background-image: url('/-/media/AdekplusCoUK/Images/paginationsprite.png');
	background-position: 0 -53px;*/
    cursor: auto;
}

.pagination .next {
    margin-left: 15px;
    /*background-image: url('/-/media/AdekplusCoUK/Images/paginationsprite.png');
	background-position: 0 -106px;*/
}

.pagination .next.disabled {
    /*background-image: url('/-/media/AdekplusCoUK/Images/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: #8c7f77;
}


/*---------------------------------END PAGINATION --------------------------------*/


/*================================= Callout with left image =================================*/

.wrapper {
    overflow: hidden;
}

.callout-left {
    float: left;
    width: 48%;
    margin-right: 20px;
}

.callout-block {
    min-height: 240px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
}

.callout-top-space {
    margin-top: 20px;
}

.callout-text1 {
    padding-left: 15px;
    font-size: 16px;
    overflow: hidden;
    width: 60%;
}

.callout-vertical {
    min-height: 580px;
}

.callout-vertical {
    min-height: 580px;
}

.gray {
    background-color: #f7f7f7;
}

.callout-right {
    overflow: hidden;
    margin-bottom: 20px;
}

.callout-title {
    padding-left: 50px;
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 24px;
}

.callout-img {
    float: left;
    width: 144px;
    height: 164px;
    margin-left: 50px;
    vertical-align: top;
    margin-bottom: 30px;
}

.callout-text {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    overflow: hidden;
}

.callout-line {
    height: 2px;
    background-color: #00b4e5;
    margin: 0 50px 15px 0;
}

.callout-full-width .callout-link {
    margin-top: 20px;
    text-align: right;
}

.callout-full-width {
    margin-top: 20px;
}

.callout-block .callout-link {
    margin-top: 20px;
}

.callout-full-width .callout-text {
    padding-right: 50px;
}

.callout-pdf-notitle.callout-full-width {
    margin-top: 0;
    margin-bottom: 30px;
}


/* ELENA May8*/

.callout-pdf-notitle .row {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}


/*------------------------- End Callout with left image -----------------------*/


/*================================= How to use =================================*/

.aboutheader {
    margin: 30px 50px 25px;
    color: #00b4e5;
    font-size: 25px;
}


/*================================= 3 column callouts =================================*/

.three-blocks {
    margin-right: 30px;
    margin-left: 50px;
    margin-bottom: 30px;
}

.three-blocks-left {
    float: left;
    max-width: 30%;
    margin-right: 30px;
}

.three-blocks-callout {
    /*margin-top:20px;*/
    min-height: 180px;
    background-color: #f7f7f7;
}

.three-blocks-right {
    overflow: hidden;
    max-width: 30%;
}

.three-blocks-title {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
}

.three-blocks-callout-text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    overflow: hidden;
}

.three-blocks_callout-line {
    height: 2px;
    background-color: #00b4e5;
    margin: 0 70px 15px -15px;
}

.three-blocks-callout .callout-link {
    margin-top: 20px;
}

.callout-full-width .callout-text {
    padding-right: 50px;
    margin-top: 30px;
}

.three-blocks-callout-img {
    float: left;
    width: 0;
    display: none;
}


/*================================= alternated images =================================*/

.row {
    line-height: 18pt;
    font-size: 16px;
    padding: 30px 50px;
    color: #333;
}

.row:nth-of-type(odd) {
    background: #f7f7f7;
}

.row:nth-of-type(even) {
    background: #fff;
}

.alternated_text h3 {
    margin: 0 50px;
    padding: 20px 0px;
    line-height: 36pt;
    color: #00b4e5;
    font-size: 24px;
    font-family: arial;
    font-weight: 100;
}

.number1 {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 8px;
    background: #00b4e5;
    color: #fff;
    text-align: center;
    font: 16px Arial;
    font-weight: bold;
}

.text-subtitle {
    margin-top: 20px;
}

.empty-subtitle {
    margin-bottom: 50px;
}

.multiColumn {
    /*padding-top: 20px;*/
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    /*line-height:20pt;*/
}

.multiColumn.twoColumn ul {
    height: 210px;
}

.multiColumn li {
    padding-left: 20px;
}

.multiColumn-bullets li {
    padding: 0px 0px 20px 50px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
    font-size: 18px;
}

div .multiColumn.twoColumn {
    height: 90px;
}

.number-wrapper {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}

#number-bullet {
    float: left;
    width: 30px;
    min-height: 50px;
    margin-right: 20px;
}

#number-text {
    overflow: hidden;
    font-size: 14px;
    padding-top: 5px;
}


/*----------------------------- end alternated images -------------------------*/

.spacing {
    padding-top: 20px;
}

ul.bullet {
    margin-left: 30px;
    margin-bottom: 10px;
}

.bullet li {
    list-style: disc;
}

.callout-pdf-notitle.callout-block.callout-full-width .callout-text {
    font-size: 14px;
}


/*================================= ROTATOR =================================*/

li.rotator-tab,
.rotator-hd {
    max-width: 960px;
    display: inline-block;
    min-height: 275px !important;
}

.rotator-bar {
    margin-left: 0px;
    position: relative;
}

ol.rotator-tabs,
.rotator-bar {
    max-height: 321px;
}

.navBtn {
    display: inline-block;
    width: 29px;
    height: 32px;
    border: none;
    cursor: pointer;
}

.navBtn_next {
    /*background: url('/-/media/SirduplaCoUk/Images/how_to_use/slider-arrow-right') no-repeat;*/
}

.navBtn_prev {
    /*background: url('/-/media/AdekplusCoUK/Images/how_to_use/slider-arrow-left') no-repeat;*/
}

.rotator-control {
    position: absolute;
    z-index: 3;
}

.rotator-control {
    top: 44%;
}

.ir {
    overflow: hidden;
    background-color: transparent;
    color: rgba(255, 255, 255, 0);
    vertical-align: bottom;
    text-indent: -9999px;
}

.rotator-prev {
    left: 10px;
}

.rotator-next {
    right: 1%;
}

.rotator-prev.disabled,
.rotator-next.disabled {
    opacity: 0.2;
}

.prevBtncover {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 20;
    top: 41%;
    left: 5px;
}

.nextBtncover {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 20;
    top: 41%;
    right: 5px;
}

.rotator-items {
    padding: 20px 0;
    margin-left: auto;
    margin-right: auto;
    /* max-width: 960px; */
    background: #fff;
    margin-bottom: 20px;
    border-bottom: 2px solid #8c7f77;
}

.whiteLine {
    display: inline-block;
    position: relative;
    top: 33px;
    left: 100px;
    z-index: 1;
    height: 3px;
    width: 80%;
    margin: 0 auto;
    background: #fff;
}

ol.rotator-items li {
    z-index: 2;
    position: relative;
    width: auto;
    max-width: 1170px;
    margin: 0 auto !important;
    display: block !important;
}

.rotator-bd {
    /*vertical-align: middle;
	display: inline-block;
	-moz-top: 15px;
	position: relative;*/
}

ol.rotator-items {
    list-style-type: none;
    text-align: left;
    min-height: 204px !important;
}

ol.rotator-items li {
    display: inline-block;
}

ol.rotator-items li {
    margin-right: 3.5%;
    overflow: hidden;
}

.rotator-bd img {
    display: none;
}

ol.rotator-items li:last-child {
    margin-right: 0;
}

.hdg {
    font: 26px Arial;
    font-weight: bold;
    color: #fff;
    padding: 9px 8px 7px 8px;
}

ol.rotator-items li a {
    text-decoration: none;
}

.order-number {
    margin-right: 3.5%
}

li.active a .hdg,
li:hover a .hdg {
    background: #00b4e5;
}

.rotator-wrapper_interior {
    overflow: hidden;
}

.js-rotator>.rotator-hdg {}


/*------------------------------ END ROTATOR --------------------------------*/


/*================================= Site map =================================*/

.sitemap-page {
    margin: 50px;
}

.sitemap-page>a {
    padding-bottom: 8px;
    display: block;
}

.sitemap-frame {
    padding-top: 12px;
}

.sitemap-page {
    margin: 0 50px 20px;
}

.sitemap-page>a {
    padding-bottom: 8px;
    display: block;
}

.sitemap-page a,
.sitemap-page li {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
}

.sitemap-page ul>li>a,
.sitemap-page ul>li>a:visited {
    color: #00b4e5;
    text-decoration: none;
}

.sitemap-page ul>li>ul>li>a span,
.sitemap-page ul>li>ul>li>a:visited span,
.sitemap-page ul>li>ul>li>a:hover {
    color: #808084;
    text-decoration: none;
    font-size: 13px;
}

.sitemap-page a:hover {
    text-decoration: underline;
}

.sitemap-page ul>li {
    padding: 10px 0;
}

.sitemap-page ul>li>ul>li {
    color: #00b4e5;
    list-style: inside;
    list-style-type: disc;
    padding: 5px 0 0;
    text-indent: 15px;
}

.reportEffects a,
.reportEffects a:visited {
    font-size: 18px;
}

.testimonial-mobile {
    display: none;
}

.social-network {
    margin-top: 10px;
}


/*------------------------- SITEMAP -------------------------------*/


/* --------- main menu css -------- */


/* Navigation */

#mobile-menu-wrapper {
    display: none;
    position: relative;
}

.hamburger {
    display: none;
    cursor: pointer;
    position: absolute;
    padding: 15px;
    top: 0;
    right: 0;
    z-index: 15;
}

.hamburger .line {
    width: 33px;
    height: 8px;
    background: #e5007b;
    margin: 3px 0;
}

.hamburger .line:first-of-type {
    margin-top: 0;
}

.hamburger .line:last-of-type {
    margin-bottom: 0;
}

#nav-menu a.current {
    background: #00577f;
}

#nav-menu a:link,
#nav-menu a:visited,
#nav-menu a:hover,
#nav-menu a:focus,
#nav-menu a:active {
    color: #8c7f77;
    text-decoration: none;
    font-size: 18px;
    padding: 0px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

#nav-menu a:hover,
#nav-menu .active a,
#mobile-menu-box ul>li.active>a {
    color: #594F48;
}

#nav-menu li>ul.subnav-hover>li a:link,
#nav-menu li>ul.subnav-hover>li a:visited,
#nav-menu li>ul.subnav-hover>li a:hover,
#nav-menu li>ul.subnav-hover>li a:focus,
#nav-menu li>ul.subnav-hover>li a:active {
    text-decoration: none;
}

#nav-menu li>ul.subnav-hover>li a.current:link,
#nav-menu li>ul.subnav-hover>li a.current:visited,
#nav-menu li>ul.subnav-hover>li a.current:hover,
#nav-menu li>ul.subnav-hover>li a.current:focus,
#nav-menu li>ul.subnav-hover>li a.current:active {
    color: #d5007f;
    background: #00577e;
    text-decoration: none;
    height: 40px;
}

#nav-menu {
    position: relative;
    padding: 0;
    font-size: 112.66667%;
}

#nav-menu.expanded-nav {
    height: 88px;
}

#nav-menu ul {
    box-shadow: none !important;
}

#nav-menu>ul>li {
    color: #000;
    /*display: inline-block;
    height: 40px;
    background: #fff;
    text-align: center;
    border-right: 0px;*/
    box-sizing: border-box;
    padding-top: 5px;
    /* border-bottom: 2px solid #fff !important;
    border-top: 0px solid #c6c6c6 !important;
    border-left: 0px solid #dcdcdc !important;
	border-right:1px solid #fff!important;*/
}

#nav-menu>ul li {
    /*width: 170px;*/
}

.productDesc>h3 {
    font-size: 133.33333%;
    font-weight: 700;
}

#nav-menu ul>li>ul {
    text-align: left;
}

#nav-menu ul>li:first-of-type {
    width: auto;
    border-left: 0px !important;
}

#nav-menu #nav>li:first-child {
    padding-left: 3px;
}

#nav-menu ul.subnav-hover hide>li:first-of-type {
    padding-left: 0px;
}

#nav-menu ul>li>a {
    padding: 3% 14%;
}

#nav-menu ul>li:first-of-type>a>span {
    display: none;
}

#nav-menu ul>li>ul li {
    background: #ffffff;
    border-top: 0px;
}

#nav-menu ul>li.selected,
#nav-menu ul>li>ul li.selected {
    background: #00577e;
    color: #ffffff;
}

#nav-menu>#nav>li.active {
    text-decoration: none !Important;
    color: #000;
}

#nav-menu ul.subnav-hover {
    width: auto;
    left: auto;
}

#nav-menu ul.subnav-hover li {
    background: #bab3aa;
    box-shadow: none;
}

#nav-menu ul.subnav-hover li:hover {
    background: #a39a93;
    box-shadow: none;
}

#nav-menu li>ul.subnav-hover {
    display: none;
    position: absolute;
    top: 41px;
    z-index: 9999;
    left: auto;
    min-width: 200px;
    width: auto;
    margin-left: -1px;
}

#nav-menu li:hover>ul.subnav-hover,
#nav-menu li.selected>ul.subnav-hover {
    display: block !important;
}

#nav-menu li:hover ul.subnav-hover {
    display: block;
}

#nav-menu li:first-of-type:hover+li.selected>ul.subnav-hover,
#nav-menu li:first-of-type:hover+li+li.selected>ul.subnav-hover,
#nav-menu li:first-of-type:hover+li+li+li.selected>ul.subnav-hover {
    display: block;
}

#nav-menu li>ul.subnav-hover {
    padding: 0;
}

#nav-menu li>ul.subnav-hover>li {
    display: block;
    /*text-align: center;*/
}

#nav-menu li>ul.subnav-hover>li:first-of-type {
    margin-left: 0px;
    margin-top: -4px;
}

#nav-menu li>ul.subnav-hover>li>a {
    padding: 10px 20px !important;
    background: #eae7e3;
    width: auto;
    display: block;
    font-weight: 400;
    line-height: 1.42857143;
    font-size: 14px !important;
    cursor: pointer;
    color: #333;
}

#nav-menu li>ul.subnav-hover>li:hover>a {
    text-decoration: none;
    background: #bab3aa !important;
    color: #333 !important;
}

#nav-menu li>ul.subnav-hover>li:hover a:link,
#nav-menu li>ul.subnav-hover>li:hover a:visited,
#nav-menu li>ul.subnav-hover>li:hover a:hover,
#nav-menu li>ul.subnav-hover>li:hover a:focus,
#nav-menu li>ul.subnav-hover>li:hover a:active {
    color: #ffffff;
}

#nav-menu {
    height: 44px;
}

.homepage>#nav-menu {
    border-bottom: 0px;
    height: 37px;
}

.Hvad #nav-menu {
    border-bottom: 0px;
}

.Mad #nav-menu {
    border-bottom: 0px;
}

.Arsager #nav-menu {
    border-bottom: 0px;
}

#nav-menu .menu-depth-2>li {
    display: inline-block;
    margin-top: 13px;
}

#nav-menu .menu-depth-2 {
    margin-top: -10px;
    border-top: 4px solid #00577E;
}

#nav-menu .menu-depth-3>li {
    display: inline-block;
    margin-top: 13px;
}

#nav-menu .menu-depth-3 {
    margin-top: -10px;
    border-top: 4px solid #00577E;
}

#nav-menu .menu-depth-4>li {
    display: inline-block;
}

#nav-menu .menu-depth-4 {
    margin-top: -10px;
    border-top: 4px solid #00577E;
}

#nav-menu #nav li .subnav-hover li {
    position: relative;
}

#nav-menu #nav li .subnav-hover .sub-menu-item-has-children:after {
    content: "\f105";
    font-family: "FontAwesome";
    right: 0px;
    top: 0;
    position: absolute;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    color: #8c7f77;
    z-index: 99999;
}

#nav-menu li>ul.subnav-hover>li>ul.secondlevel-hover li:hover {
    background-color: #a39a93;
}

#nav-menu li>ul.subnav-hover>li>ul.secondlevel-hover li a,
#nav-menu #nav li .subnav-hover .sub-menu-item-has-children.active:after {
    color: #fff !important;
}


/* #nav-menu li>ul.subnav-hover>li>ul.secondlevel-hover li:hover a,#nav-menu li>ul.subnav-hover>li>ul.secondlevel-hover li.active a,.subnav-hover.hide li.active a,.subnav-hover.hide>li:hover>a {
    color: #333!important;
} */

#nav-menu #nav li .subnav-hover>li:hover>a,
#nav-menu #nav li .subnav-hover>li.active>a,
#nav-menu li>ul.subnav-hover>li>ul.secondlevel-hover li:hover,
#nav-menu li>ul.subnav-hover>li>ul.secondlevel-hover li.active {
    background-color: #a39a93;
}

#nav-menu #nav li .subnav-hover>li:hover>a,
#nav-menu #nav li .subnav-hover>li.active>a {
    background: #bab3aa;
}

#nav-menu #nav li .subnav-hover .sub-menu-item-has-children:hover:after {
    color: #fff;
}


/* Mobile Navigation */


/* --------- main menu css closed -------- */

.sub-headline h2 {
    font-size: 12px;
    color: #353420;
    text-align: center;
    padding: 15px 0px;
    font-weight: 400;
}


/* body{background: url(../images/bg.png); } */

.footer_inner {
    padding: 11px 10px 12px 10px !important;
}

.footer_inner .left_side_footer {
    width: 50%;
}

.footer_inner .left_side_footer .copyright {
    border: 1px solid #fff;
    padding: 10px;
    font-size: 15px;
}

.footer_inner .right_side_footer {
    width: 50%;
    text-align: right;
    color: #ece6d0;
    font-size: 13px;
}

.footer_inner .right_side_footer a {
    color: #b3267f;
}

.footer {
    background-color: #000;
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.footer-inner-blk {
    background: #282619;
    padding: 15px 0 20px 15px;
    margin-bottom: 7px;
}

.footer-inner-blk .col-1of5 {
    margin-left: 20px;
}

.blocktitle {
    color: #b5a45f;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    text-decoration: none;
}

.footer-inner-blk .col-1of5 .footerblock ul li {
    margin-bottom: 3px;
}

.footer-inner-blk .col-1of5 .footerblock ul li a {
    color: #eeebd8;
    font-size: 12px;
    text-decoration: none;
}

.footer-inner-blk .col-1of5 .footerblock span.footmenutitle {
    color: #b5a45f;
    font-size: 16px;
    display: block;
}

.footer-inner-blk .col-1of5 .footerblock span ul {
    margin-top: 10px;
}

.footer-inner-blk .col-1of5:nth-child(3) a {
    color: #b5a45f;
    font-size: 16px;
    text-decoration: none;
}

.footerblock a {
    color: #b5a45f;
    font-size: 16px;
    text-decoration: none;
}

.footer-inner-blk .col-1of5:nth-child(2) ul {
    margin-top: 5px;
}

.footer-inner-blk .col-1of5:nth-child(5) ul {
    margin-top: 5px;
}

.footerblock ul {
    margin-top: 10px;
}

.pageWrap-inner {
    border-bottom: 4px solid #282619
}

.news-summary-list {
    background-color: #fff;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 20px;
}

.news-summary-list .pressrelease .date-pressrelease {
    text-align: right;
    float: right;
    padding-left: 20px;
    border-left: 1px solid #ccc;
    margin-bottom: 0px !important;
    font-size: 12px !important;
}

.news-summary-list .pressrelease li h2 {
    font-size: 26px;
    color: #b5a45c;
    font-weight: 400;
}

.news-summary-list .pressrelease li h2 a {
    text-decoration: none;
    color: #b5a45c;
}

.news-summary-list .pressrelease li p {
    line-height: 1.6em !important;
    margin: 10px 0 !important;
    text-align: justify !important;
    color: #323323 !important;
    font-size: 14px !important;
}

.news-summary-list .pressrelease li {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 4px;
    margin-bottom: 25px;
    padding-right: 10px;
}

.news-summary-list .pressrelease li .more_link {
    margin: 0px !important;
    padding: 0px !important;
    text-align: right !important;
}

#pharmacies {
    background-color: #fff;
}

#pharmacies .sub-headline h2 {
    margin: 0px 0px 20px 0px;
    color: #b5a45f;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-size: 30px;
}

#pharmacies .productDesc {
    padding: 0px 20px 0px 20px;
    border-bottom: 4px solid #282619;
}

#pharmacies .caption {
    line-height: 20px;
    color: #323323;
    font-size: 14px;
}

#pharmacies .caption h2 {
    color: #b5a45f !important;
    font-size: 30px !important;
    line-height: 1.2em;
}

#references ol {
    margin: 0px;
    padding: 0px;
    color: #353420;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 20px;
}

#references strong {
    color: #323323;
    font-size: 14px;
}

.carousal-right h2 {
    font-size: 24px;
    width: 250px;
    font-weight: inherit;
    color: #fff;
    padding-left: 20px;
}

.carousal-right p {
    font-size: 14px;
    color: #ffffff;
    line-height: 1.2em !important;
    padding-left: 20px;
    text-align: left;
    margin: 10px 40px 10px 0px !important;
}

.carousal-right img {
    margin-right: -35px;
    width: 52.5%;
    /* position: relative; */
    position: absolute;
    margin-left: -10px;
    top: 8px;
}

.press-release .page-headline h2 {
    color: #b5a45f;
    font-size: 30px;
    font-weight: 400;
}

.press-release .date-pressrelease {
    font-size: 14px;
    color: #353420;
}

.press-release .article-body .caption {
    line-height: 1.6em;
    margin: 10px 0;
    text-align: justify;
    color: #323323;
    font-size: 14px;
}

#button .caption {
    background: #a50158;
    color: #ffffff;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin-top: 10px;
}

#captiontitle {
    margin-top: 20px;
    margin-left: 4px;
}

.content-section #reference {
    margin-top: 30px;
}

.sub-headline #reference ol {
    list-style: decimal;
    margin-left: 20px;
}

.faqitem {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding: 0px 10px 10px 10px;
    margin-top: 0px;
}

.faqitem ul li .inner h3 {
    font-weight: normal;
    font-size: 26px;
    color: #b5a45c;
}

.faqitem ul li .caption {
    line-height: 1.6em;
    margin: 10px 0;
    text-align: justify;
    color: #323323;
    font-size: 14px;
}

#footerlogo .content-with-right-image .col-1of3 {
    text-align: right;
    float: right;
    margin-top: -9%
}

#footerlogo .content-with-right-image .col-1of3 img {
    margin-right: 25px;
    width: 170px;
}

#footerlogo .content-with-right-image .grid {
    margin-top: 0px;
}

#pdf {
    text-align: right;
    margin-right: 76px;
    margin-bottom: -35px;
}

.leaders-list {
    margin-top: 10px;
    margin-bottom: 10px;
}

.leaders-list .inner {
    width: 100%;
    display: table;
}

.leaders-list .inner ul li.cf .left {
    width: 150px;
    float: left;
}

.leaders-list .inner ul li.cf .right {
    width: 71%;
    width: calc(100% - 175px);
    float: left;
    margin-left: 10px;
}

.leaders-list .inner ul li.cf .right .link {
    font-size: 14px;
    font-weight: bold;
    color: #323323;
    margin: 10px 0px;
    padding: 0px;
}

.leaders-list .inner ul li.cf .right .quote {
    line-height: 1.6em;
    margin: 10px 0;
    text-align: justify;
    color: #323323;
    font-size: 14px;
}

.article-body .caption p a {
    font-weight: bold;
}

.btn-v2 {
    cursor: pointer;
    display: inline-block;
    padding-right: 4px;
    color: #666;
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%);
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
}

.content-with-floated-image .caption ul li {
    /* background-image: url(../images/talas.png)!important;  background-repeat: no-repeat;  background-position: left top; */
    list-style-type: disc !important;
    margin-left: 15px !important;
    font-size: 105%;
}

#contactform {
    width: 50%;
}

#contactform div h2 {
    margin: 1px 0 15px 0px;
    font-weight: normal;
    line-height: 1.4em;
    color: #b5a45f;
    font-size: 30px;
}

#contactform .editor-label {
    line-height: 1.6em;
    text-align: justify;
    color: #323323;
    font-size: 14px
}

#contactform .editor-field input[type='text'] {
    padding: 2px 4px;
    box-shadow: none;
    width: 100%;
    height: 30px;
    margin-top: 0px;
    margin-bottom: 8px;
    border: 1px solid #a9a9a9;
}

#contactform .editor-field #Message {
    padding: 2px 4px;
    box-shadow: none;
    width: 100%;
    margin-top: 0px;
    font-weight: 600;
    margin-bottom: 8px;
    border: 1px solid #a9a9a9;
}

.field-validation-error,
#form-note {
    color: #ff0000;
}

#form-success {
    color: #3c763d;
    background-color: #dff0d8;
    padding: 15px;
    border-color: #d6e9c6;
}

#pharmacies h5 {
    font-size: 10px;
}

.window .cancel p {
    text-align: center;
}


/* sup{font-size: 90%; margin-top: -13px; display: inline-block;} */

.csLogo {
    width: 130px;
}

.news-summary-list .pressrelease li p.title {
    display: none;
}

.pressrelease a {
    text-decoration: none;
}


/*****For cross browser issues ***************/

*+html #header-content-wrapper {
    margin: 0;
}

*+html UL#nav>LI {
    float: left;
}

*+html .maincarousel {
    /*margin-top:187px;*/
}

*+html #nav-menu a {
    padding: 3px 11px 12px 12px !important;
}

*+html #nav-menu .active a,
*+html #nav-menu LI:hover A {
    padding: 3px 11px 12px 12px !important;
}

*+html #nav-menu LI>UL.subnav-hover {
    top: 38px;
}

*+html #nav-menu UL.subnav-hover LI {
    background: #16110c;
}

*+html #main-content-wapper {
    margin-top: 127px;
}

*+html .footer {
    padding: 0;
}

*+html .footer_inner .right_side_footer,
*+html .footer_inner .left_side_footer {
    width: 50%;
    float: left;
}

*+html #top-header {
    height: 110px !important;
}

*+html #nav-menu LI>UL.subnav-hover>LI>A {
    text-align: left !important;
}

*+html .carousel-indicators {
    left: 23%;
}

*+html .carousel-indicators li {
    float: left;
    background-color: #857b73;
}

*+html .news-summary-list .pressrelease LI H2 {
    text-decoration: none;
}

*+html .self-cert-interstitial.interstitial .right .continue {
    float: left;
}

*+html .self-cert-interstitial.interstitial .cancel A {
    margin-top: 0;
}

*+html .self-cert-interstitial.interstitial .window {
    border: 2px solid #000;
}


/******************* ie6 ************************/

* html #header-content-wrapper {
    margin: 0 auto;
}


/*new style*/

#ThreeColumnContainer {
    width: 100%;
    float: right;
    position: relative;
}

#ThreeColumnContainer>.inner>.grid>.col-1of3.col-num-1 {
    float: left;
    width: 31%;
    margin-right: 27px;
    padding: 0;
    margin-top: 20px;
}

#ThreeColumnContainer>.inner>.grid>.col-2of3.col-num-2 {
    float: left;
    width: 31%;
    margin-right: 27px;
    padding: 0;
    margin-top: 20px;
}

#ThreeColumnContainer>.inner>.grid>.col-3of3.col-num-3 {
    float: left;
    width: 31%;
    margin-right: 0px;
    padding: 0;
    margin-top: 20px;
}

#ThreeColumnContainer>.inner>.grid>.col-1of3.col-num-1>.fat-callout {
    width: 100%;
}

#ThreeColumnContainer>.inner>.grid>.col-2of3.col-num-2>.fat-callout {
    width: 100%;
}

#ThreeColumnContainer>.inner>.grid>.col-3of3.col-num-3>.fat-callout {
    width: 100%;
}

.fat-callout h3 a {
    font-size: 12px !Important;
    color: #006600 !Important;
    font-weight: bold !Important;
    text-decoration: none;
}

.fat-callout p {
    font-size: 12px !important;
    text-align: justify;
    color: #515151;
    margin: 10px 0px !Important;
    font-family: Verdana, Geneva, sans-serif;
}

.fat-callout.logo {
    width: 240px;
    height: 187px;
}

.padded-content>.fact-sheet {
    border: medium none;
    float: left;
    width: 23%;
    height: 285px;
    padding: 0 1%;
    display: none;
}

.link a {
    color: #006600 !Important;
    font-size: 12px;
    float: right !Important;
}

.fact-sheet {
    height: 277px;
}

#mobilefooterright {
    display: none;
}

.secondlevel-hover {
    position: absolute;
    top: 0px;
    right: -170px;
    /* width:170px; */
    width: auto;
    min-width: 170px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 999;
}

.secondlevel-hover>li {
    height: 40px;
    padding: 0px 10px;
    color: #333;
}

.secondlevel-hover>li a {
    color: #333;
}

.subnav-hover li:hover>ul.secondlevel-hover {
    display: block !important;
}

ul.breadcrumbs {
    position: relative;
    top: 10px;
    font-size: 12px;
    font-weight: bold !Important;
    clear: both;
    color: #515151;
    font-family: 'Arial';
}

.searchBar.search-module {
    position: absolute;
    right: 15px;
    top: 20%;
}

#searchForm .submit {
    float: right;
    width: 37px;
    cursor: pointer;
    position: absolute;
    padding: 7px 1px;
    right: 6px;
}

#searchForm .submit:after {
    content: "";
    font-family: 'FontAwesome';
    position: absolute;
    left: 8px;
    /* top: 11px; */
    color: #000;
    font-size: 16px;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 26px;
}

.foot-left {
    clear: both;
    border: 1px solid #7f7f7f;
    padding: 5px 5px;
    width: 149px;
    margin-bottom: 20px;
}

.foot-left p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px !Important;
}

.foot-left p a {
    color: #646464 !Important;
    text-decoration: none;
}

.footerFrame-last {
    clear: both;
}

.footerFrame-last {
    background: #cccccc;
    border: 1px solid #cfcecf;
    /*width:757px;*/
    width: 78%;
    border-top: none;
    padding: 15px 9px 10px 10px;
    overflow: hidden;
    font-size: 90%;
    /* text-align: right !important; */
    position: absolute;
    right: 0px;
    bottom: 0px;
}

a.internal-link {
    color: #646464;
    text-decoration: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.footerFrame-last p {
    margin: 20px 0 0 0;
}

.aboutlistitem {
    clear: both;
}

.aboutlistitem {
    position: relative;
}

.bottomleft h4 {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 15px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.bottomleft h5,
.bottomleft h5 a {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.bottomleft p {
    font-family: Arial, sans-serif !important;
    font-size: 12px !Important;
    font-weight: normal;
    line-height: 12px;
    margin: 0;
    padding: 0;
    margin-top: 51px !important;
    clear: both;
    color: #fff;
}

.bottomleft h5 a {
    font-weight: 700;
    text-decoration: none;
}

.content-with-floated-image.cf {
    clear: both;
}

.breadcrumbs li {
    float: left;
    padding-bottom: 10px;
    color: #515151;
    font-size: 90%;
}

.breadcrumbs li a {
    color: #5d5d5d;
    text-decoration: none;
    font-size: 90%;
}

.breadcrumbs li span {
    font-size: 90%;
    padding-left: 7px;
    padding-right: 7px;
}

#header-container {
    width: 100%;
    position: fixed;
    z-index: 99;
    background: #fff;
    top: 0;
    border-bottom: 4px solid #c7c0b8;
    min-height: 150px;
}

#header-content-wrapper .blue_bckg,
#header-content-wrapper .gray_bckg {
    display: none;
}

#header-content-wrapper .image,
#header-content-wrapper .mob-logo {
    display: none;
}

#site-wapper {
    width: 100%;
    /* border-top: 4px solid #c7c0b8; */
    top: 140px;
    position: relative;
}

#Carousel {
    width: 100%;
}

#Carousel .inner .grid .col-num-1,
#Carousel .inner .grid .col-num-1 .container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

#aboutsection {
    margin-top: 20px;
    margin-bottom: 50px;
}

#aboutsection .inner .grid .col {
    min-height: 315px;
    position: relative;
}

#aboutsection .inner .grid .col .fat-callout {
    width: 90%;
    margin: 0 auto;
    min-height: 360px;
}

#aboutsection .inner .grid .col .fat-callout .inner {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

#aboutsection .inner .grid .col .fat-callout .inner h3 {
    text-align: center;
    margin-top: 0px;
    padding: 0px;
}

#aboutsection .inner .grid .col .fat-callout .inner h3 a span {
    color: #8c7f77;
    font-weight: normal;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

#aboutsection .inner .grid .col .fat-callout .inner .copy .caption {
    font-size: 15.5px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 20px;
    color: #8c7f77;
    line-height: 1.4;
}

#main-content-wapper h2.text-center {
    margin-top: 25px;
}

#aboutsection .inner .grid .col .fat-callout .inner .btn-wrapper {
    text-align: center;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

#aboutsection .inner .grid .col .fat-callout .inner .btn-wrapper a,
#aboutsection .inner .grid .col .fat-callout .inner .btn-wrapper a:hover,
#aboutsection .inner .grid .col .fat-callout .inner .btn-wrapper a:active,
#aboutsection .inner .grid .col .fat-callout .inner .btn-wrapper a:focus,
#aboutsection .inner .grid .col .fat-callout .inner .btn-wrapper a:visited {
    margin: 10px auto;
    padding: 5px 0px;
    background: transparent;
    outline: none;
    font-weight: normal;
}

#rotater_container {
    background-color: #c7c0b8;
}

.carousel-inner .item p {
    position: absolute;
    bottom: 35%;
    z-index: 99;
    left: 6%;
    font-size: 65px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    text-shadow: 5px 5px 30px #5a5a5a;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
    color: #fff;
}


/* common css */

#innerpage {
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    margin-top: 30px;
}

#innerpage .subHeader {
    width: 80%;
    margin: 0 auto;
}

#innerpage .subHeader h2 {
    color: #4e4e4e;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0px;
    padding: 0px;
}

#innerpage .subHeader h5 {
    color: #4e4e4e;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0px;
    padding: 0px 0px 0px 0px;
}

#innerpage .productDesc {
    font-size: 16px;
    width: 100%;
    line-height: 1.4;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #8c7f77;
}

.blue_color {
    color: #0066ad !important;
}

#image_box {
    font-family: 'Open Sans', sans-serif;
}

#image_box .subHeader h2 {
    text-align: center;
    font-size: 30px;
}

#image_box .productDesc {
    text-align: center;
}

#image_box .productDesc img {
    width: 90%;
}

#product_box {
    padding-top: 20px;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 30px;
}

#product_box .img-column {
    width: 25%;
    float: left;
}

#product_box .img-column img {
    max-width: 235px;
    float: none;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    max-height: 375px;
}

#product_box .caption {
    width: 75%;
    float: right;
    text-align: left;
}

#product_box .caption h1,
.absorbents_text .subHeader {
    margin-top: 0px;
    text-transform: uppercase;
    /*color: #008566;*/
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
    padding-top: 0px;
}

#product_box .caption h4,
#product_box .caption h3,
.absorbents_text .productDesc p strong {
    /*color: #008566;*/
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
}

#product_box .caption h5 {
    color: #8c7f77;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.1;
}

#product_box .caption p,
.absorbents_text .productDesc p {
    color: #8c7f77;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}

.green_color {
    color: #008566;
}

#product_box .caption ul {
    margin-bottom: 10px;
}

#product_box .caption ul li {
    position: relative;
    color: #8c7f77;
    /* background-image: url(../images/circle_green.png); */
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 0% 6px;
    list-style-type: none !important;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
    margin-left: 15px;
    padding-left: 20px;
}

#product_box .caption .green_ul li {
    position: relative;
    color: #8c7f77;
    /* background-image: url(../images/circle_green.png); */
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 0% 6px;
    list-style-type: none !important;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
    margin-left: 15px;
    padding-left: 20px;
}


/* #product_box .caption ul li:before{content: "○";  color: #008566;  position: absolute;   left: -20px;   font-family: initial;    top: 1px;} */

#fullbox_left {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
}

#fullbox_left .subHeader h2,
.basics_heading {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 9px;
    padding: 0px;
    font-weight: 400;
}

#fullbox_left .productDesc p,
#fullbox_left .productDesc {
    font-family: 'Open Sans', sans-serif;
    color: #8c7f77;
    font-size: 16px;
    line-height: 1.4;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

#fullbox_left .productDesc ul {
    margin: 0px 0px 20px 50px;
    padding: 0px;
    list-style: disc;
}

#fullbox_left .productDesc ul li {
    font-family: 'Open Sans', sans-serif;
    color: #8c7f77;
    font-size: 16px;
    margin-bottom: 20px;
}

#fullbox_left .productDesc .note_line {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #8c7f77;
}

#fullbox_left .productDesc a {
    color: #0072bc;
}

#glossary_text {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
    margin-bottom: 20px;
}

#glossory_text .subHeader h2 {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    margin: 30px 0px 20px 0px;
    padding: 0px;
}

#glossary_text .subHeader h1.block-title {
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    margin: 30px 0px 20px 0px;
    padding: 0px;
}

#glossary_text .subHeader .sort_block {
    font-family: 'Open Sans', sans-serif;
}

#glossary_text .subHeader .sort_block a {
    font-family: 'Open Sans', sans-serif;
    width: 25px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    background-color: #eae7e3;
    color: #333;
    text-decoration: none;
    padding: 4px 5px;
    margin: 0px 5px 10px 0px;
}

#glossary_text .subHeader .sort_block p {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-size: 14px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    padding: 4px 5px;
    margin: 0px 5px 0px 0px;
}

#glossary_text .sort_desc h2.glossary-letter {
    margin-top: 0px !important;
    border-bottom: 1px solid;
    border-color: rgba(43, 43, 43, 0.5);
    padding: 7px 0px;
    line-height: 30px;
}

#glossary_text .subHeader .sort_block a:hover {
    background-color: #bab3aa;
}

#glossary_text .subHeader .block-txt {
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    font-size: 16px;
    color: #8c7f77;
}

#contact_fullbox {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
    min-height: 665px;
    ;
}

#contact_fullbox .subHeader h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
}

#contact_fullbox .productDesc {
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
}

#contact_fullbox .productDesc p {
    font-size: 16px;
    color: #8c7f77;
    margin: 0px 0px 10px 0px;
    line-height: 1.4;
    padding: 0px;
}

#contact_fullbox .productDesc h4 {
    margin: 30px 0px 10px 0px;
    padding: 0px;
    color: #8c7f77;
}

.litable {
    font-family: 'Open Sans', sans-serif;
}

.litable .liheading {
    margin: 0px auto 0px;
}

.litable .licell {
    width: 48%;
    margin-right: 2%;
    background-color: #f4f6f7;
    min-height: 250px;
    border-radius: 4px;
    border: 1px solid #e2e1e1;
    padding: 20px;
    float: left;
    margin-bottom: 40px;
}

.litable .licell:last-child {
    margin-left: 2%;
    margin-right: 0px;
}

.litable .licell .li_rightbox p {
    font-size: 14px !important;
    margin-bottom: 20px;
    text-align: left;
    margin: 0 auto 15px !important;
    width: 99%;
}

.litable .licell .li_rightbox p a.amazon {
    display: inline-block;
    position: relative;
    padding: 0px;
    max-width: 100px;
}

.litable .licell .li_rightbox p a.netmeds {
    display: inline-block;
    position: relative;
    max-width: 100px;
}

.litable .licell h2.product_title {
    font-size: 23px;
    text-align: left;
    color: #323232;
    margin: 0px 0px 25px 0px;
    padding: 0px;
}

.litable .licell h2.product_title a {
    color: #323232;
}

.litable .licell h2.product_title a:hover {
    font-weight: normal;
}

.litable .licell .li_leftbox {
    float: left;
    width: 30%;
}

.litable .licell .li_leftbox img {
    width: 48% !important;
    max-width: 158px;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

.litable .licell .li_rightbox {
    float: right;
    width: 70%;
    text-align: left;
}

.social_list {
    position: fixed;
    right: 0;
    top: 41%;
    z-index: 20;
}

.social_list li {
    list-style-type: none;
    display: block;
    margin-bottom: 1px;
}

.social_list li a {
    height: 50px;
    width: 50px;
    display: block;
}

.liheading,
.lirowalternate {
    display: table;
}

#header-content-wrapper {
    display: block;
    min-height: 130px;
}

.carousel-inner>.item>a.sliderimagelink {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 30px;
}


/* common css closed */

.right_bk {
    position: relative;
    z-index: 9;
}

.white_space {
    position: absolute;
    background-color: #fff;
    width: 15%;
    height: 100%;
    max-height: 110px;
    right: 0;
    bottom: 0;
    margin-top: 20px;
    z-index: 10;
    display: none;
}

.external-interstitial .window .inner .left img {
    max-width: 227px;
}

.GenericMicrosite-logo a img {
    width: 100%;
}

.evidence-section {
    background-color: #c7c0b8;
    padding-top: 20px;
    padding-bottom: 20px;
}


/*****************css for typo3 template edited on 30.11.2017*********************/

.about .subHeader {
    color: #8c7f77;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    padding: 40px 0;
    text-transform: uppercase;
}

.evheading .subHeader {
    color: #646464;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    padding: 40px 0;
    text-transform: uppercase;
}

#evidence .fat-callout {
    background: #fff;
    margin-bottom: 30px;
    min-height: 550px;
    position: relative;
    margin: 0px;
}

#evidence .fat-callout:first-child,
#evidence .fat-callout:last-child {
    margin-left: 0;
}

#evidence .fat-callout .text-center img {
    width: 100%;
    max-width: 365px;
    max-height: 365px;
    margin: 0 auto;
    height: auto;
}

#evidence .fat-callout .text-center {
    position: relative;
}

#evidence .fat-callout .text-center a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
    content: " ";
    display: block;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #d8d8d8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #d8d8d8 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0%, rgba(76, 76, 76, .5) 100%);
}

.team-section .right {
    float: left;
    width: 100%;
    background: #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.team-section .right .subHeader {
    color: #646464;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
}

.team-section .right .subHeader h4 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
    color: #646464;
    padding: 10px 0px;
}

.team-section .right .productDesc p {
    font-size: 12px;
    line-height: 17px !important;
    font-weight: 400;
    margin: 0;
    color: #646464;
}

.team-section .right .productDesc a {
    color: #0072bc;
}

.team-section .right .productDesc a:hover,
.team-section .right .productDesc a:active,
.team-section .right .productDesc a:visited {
    color: #005389;
}

.secondlevel-hover li:hover>ul.thirdlevel-hover {
    display: block !important;
}

.thirdlevel-hover li {
    height: 40px;
    padding: 0px 10px;
}

ul.thirdlevel-hover {
    position: absolute;
    top: 0px;
    right: -170px;
    width: 170px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 999;
}

#evidence .fat-callout h3 {
    margin: 0 !important
}

#evidence .fat-callout h3 a span {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    padding: 0px 15px;
    width: 100%;
}

#evidence .fat-callout .copy strong {
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    padding: 0px 15px;
    width: 100%;
    display: block;
}

#evidence .fat-callout .copy p {
    font-size: 12px;
    line-height: 17px !important;
    font-weight: 400;
    margin: 0;
    color: #646464;
    padding: 0px 15px;
}

#evidence .fat-callout .btn-wrapper .btn.btn-default {
    border: none;
    margin-top: 0;
    margin-bottom: 10px;
    background: none !important;
    height: auto;
    padding: 0 15px;
    text-align: left;
    display: inline-block;
    font-size: 12px;
    line-height: 17px !important;
    color: #0072bc !important;
    font-weight: 400;
}

#evidence .fat-callout .btn-wrapper .btn.btn-default:hover {
    border: none;
    height: auto;
    padding-top: 0;
    color: #005389 !important;
    text-decoration: underline;
}

#evidence .col {
    float: left;
    padding: 0px 15px !important;
    margin-bottom: 30px;
}

#evidence .col:first-child {
    padding-left: 0px !important;
}

#evidence .col:last-child {
    padding-right: 0px !important;
}

#evidence .col:nth-child(2) {
    padding: 0 !important;
}

.rotator-hdg {
    padding: 0px 0px 0px;
    font-size: 36px;
    color: #fff;
    max-width: 1170px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.rotator-hdg-sub {
    font-size: 26px;
    color: #8c7f77;
    font-family: 'Open Sans', sans-serif;
    margin: 5px 0px 40px 0px;
    text-align: center;
}

#nav-icon {
    width: 22px;
    height: 30px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #777;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 8px;
    background: #777 !important
}

#nav-icon.open span:nth-child(3) {
    width: 0;
    opacity: 0
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
    left: 8px;
    transition-duration: .2s, .2s;
    transition-property: bottom, transform;
    background: #777 !important
}

#innerpage p,
#innerpage .productDesc p {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}

.innerpage h2,
.innerpage p,
.innerpage h1,
.innerpage span,
.innerpage div {
    text-align: left !important;
}

.hero-image p {
    position: absolute;
    bottom: 20%;
    z-index: 1;
    left: 6%;
    max-width: 70%;
    font-size: 100px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    text-shadow: 5px 5px 30px #000;
    color: #fff;
    line-height: 100px;
}

.aboutlistitem.discover-products {
    position: relative;
    background-color: #de4b9c;
    opacity: 0.7;
}

.aboutlistitem.discover-products:hover {
    opacity: 1
}

.panel_heading {
    padding: 20px 0px;
    max-width: 1170px;
    margin: 0 auto;
    display: block;
    position: relative;
    max-height: 130px;
}

.panel_heading h3 {
    padding: 0;
    margin: 0px 0px 30px 0px;
    color: #fff;
    font-size: 38px;
    width: 85%;
    text-align: left;
}

.panel_body h3 {
    padding: 20px 0px;
    margin: 0;
    color: #fff;
    font-size: 38px;
}

.panel {
    max-width: 1170px;
    margin-bottom: 0px !important;
    background-color: transparent !important;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none !important;
    display: block;
    margin: 0 auto;
    padding: 0 15px
}

.panel.image {
    display: block;
    margin: 0 auto;
    line-height: 1.42857;
    width: auto;
    float: left;
    height: 100px;
    overflow-y: hidden;
}

.panel_body {
    display: none;
    width: 100%;
    float: none;
    text-align: center;
}

.panel_body {
    padding: 50px 0px;
}

.panel_body .panel.collapse-area a {
    width: 9%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.panel_heading h3:after,
.image .arrow {
    content: ' ';
    background-image: url(../images/arrow.png);
    display: block;
    position: absolute;
    width: 50px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 50px;
    right: 30px;
    top: 45px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.aboutlistitem.discover-products:hover {
    cursor: pointer;
}

.aboutlistitem.discover-products:hover>.panel_heading h3:after,
.aboutlistitem.discover-products:hover>.image .arrow {
    transform: rotate(90deg);
    cursor: pointer;
}

.three_column_center {
    padding-top: 20px;
    padding-bottom: 90px;
}

.three_column_center .col {
    text-align: center;
    padding: 0px 15px;
}

.three_column_center .col .left {
    float: none;
}

.three_column_center .col img {
    max-height: 150px;
    min-height: 150px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.three_column_center .col .right .subHeader {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #8c7f77;
    padding-top: 20px;
    padding-bottom: 10px;
}

.three_column_center .col .right .productDesc {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #646464;
}

.infograph-section,
.prevention-section {
    padding: 40px 15px;
    background-color: #c7c0b8;
}

.infograph-section .heading .subHeader {
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    color: #646464;
    padding: 10px 0px 30px 0px;
}

.infographics-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 380px;
    color: #fff !important;
    text-align: center;
    background: rgba(0, 0, 0, 0.15);
    left: 0;
    right: 0;
    margin: auto;
}


/* .Infographics.infographicscontent:hover .infographics-content  */

.infographics-content:hover {
    background: rgba(0, 0, 0, 0.55);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.infographics-content:hover h3 {
    position: absolute;
    top: 70px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

#product-mid-section .productDesc {
    display: flex;
    align-items: baseline;
    justify-content: center;
    max-width: 50%;
    margin: 0 auto;
}

#product-mid-section.two_product .productDesc {
    max-width: 30%;
}

#product-mid-section .productDesc a:active {
    font-weight: 400;
}

.infographics-content:hover p {
    display: block;
    top: 10em;
}

.Infographics.infographicscontent {
    position: relative;
}

.infographics-content p {
    display: none
}

.infographics-content h3,
.infographics-content p {
    color: #fff;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 25px;
    width: 100%;
}

#imglightbox.interstitial {
    position: absolute;
    top: 2%;
    right: 0;
    left: 0;
    z-index: 1004;
}

.infographics-content:hover:after {
    content: '\f002';
    font-family: 'fontawesome';
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 36px;
}

.infograph-section .left,
.infograph-section .right {
    width: 100%;
}

.aboutlistitem.container.text-center {
    padding: 50px 15px 0px 15px;
    text-align: center;
}

.aboutlistitem.container.text-center .subHeader {
    font-size: 36px;
    line-height: 40px;
    color: #646464;
    padding-bottom: 10px;
}

.aboutlistitem.container.text-center .productDesc p {
    font-size: 16px !important;
    line-height: 22px;
    color: #646464;
    max-width: 940px;
    margin: 0 auto !important;
}

.infograph-section .heading .productDesc {
    padding-bottom: 30px;
}

.infograph-section .heading .productDesc,
.infograph-section .heading .productDesc p {
    font-size: 16px !important;
    line-height: 22px;
    color: #8c7f77;
    text-align: center;
}

.aboutlistitem.container.text-center .productDesc strong {
    font-size: 16px !important;
    line-height: 22px;
    color: #8c7f77;
    font-weight: bold;
}

.aboutlistitem.container.text-left {
    padding: 15px 15px;
}

.aboutlistitem.container.text-left p {
    font-size: 18px !important;
    line-height: 24px;
    color: #8c7f77;
    text-align: left;
}

.aboutlistitem.container.text-left ul {
    padding-left: 20px;
}

.aboutlistitem.container.text-left ul li {
    list-style-type: disc;
}

#discover-links a p {
    outline: none;
}

#discover-links .productDesc ul li,
#discover-links a,
#discover-links a:active,
#discover-links a:focus,
#discover-links a:hover {
    display: inline-block;
    width: 13.9%;
    float: none;
    position: relative;
    outline: none;
    color: #8c7f77;
}


/* #discover-links a,#discover-links a:active, #discover-links a:focus, #discover-links a:hover {
    display: block;
    clear: both;
    width: 100%;
    height: 100%;
    float: none;
    text-align: center;
    min-height: 120px;
    position: relative;
    bottom: 0;
    font-size: 18px;
	color: #8c7f77;
	text-decoration: none;
	outline: none;
	font-weight: normal;
} */

#discover-links {
    padding-bottom: 30px;
}

#discover-links img {
    clear: both;
    width: auto;
    max-width: 60px;
    height: auto;
    margin: 0 auto;
    float: none;
    display: block;
    max-height: 67px;
}

#prevention3 .productDesc img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    float: none;
}

#discover-links,
#discover-links .subHeader,
#discover-links .productDesc {
    text-align: center;
}

#prevention3 {
    text-align: center;
}

#prevention3 .causehead.large-font {
    font-size: 24px;
    line-height: 26px;
    color: #646464;
    padding: 10px;
    font-weight: bold;
}

#prevention3 .productDesc>p:first-child {
    font-size: 16px;
    line-height: 22px;
    color: #646464;
    max-width: 750px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}

#prevention3 .productDesc a,
.text-center .productDesc p a {
    padding: 10px;
    width: 100%;
    max-width: 190px;
    border: 2px solid #8c7f77;
    color: #8c7f77;
    margin: 20px auto !important;
    margin-bottom: 40px !important;
    display: block;
    border-radius: 50px;
    text-decoration: none;
    outline: none;
    font-weight: normal;
}

#prevention3 .productDesc a:hover {
    border: 3px solid #8c7f77;
}

#product-bottom-section .subHeader {
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    padding: 25px 15px;
    color: #8c7f77;
}

#product-bottom-section .productDesc {
    display: block;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

#product-bottom-section .productDesc a {
    display: block;
    width: 100%;
    max-width: 250px;
    float: left;
    margin: 15px;
    max-height: 335px;
    min-height: 330px;
    position: relative;
    background: #f2f0ee;
}

#product-bottom-section .productDesc a:hover p {
    text-decoration: underline;
}

#product-bottom-section .productDesc a:active p {
    font-weight: 700;
}

#product-bottom-section .productDesc a img {
    width: auto !important;
    height: auto !important;
    max-width: 245px;
    max-height: 255px;
    display: block;
    position: absolute;
    top: -70px;
    left: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}

#product-bottom-section .productDesc a p {
    display: block;
    position: absolute;
    text-align: center;
    padding: 20px 15px;
    bottom: 0;
    background: #dfd9d3;
    width: 100%;
    color: #594f48;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 0px;
    outline: none;
}

#product-mid-section {
    width: 100%;
    background: #c7c0b8;
    padding: 25px;
}

#product-mid-section .productDesc a {
    display: flex;
    width: 100%;
    cursor: default;
    text-decoration: none;
    outline: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#product-mid-section .productDesc a p {
    font-size: 18px !important;
    line-height: 20px;
    color: #646464;
    text-decoration: none;
    padding: 20px;
    word-break: break-word;
    width: 100%;
}

.ProductNavigation {
    display: block;
    width: 100%;
    background: #c7c0b8;
    padding: 25px;
    max-width: 1170px;
    position: relative;
    margin: 0 auto;
    min-height: 320px;
}

.navigation-content {
    max-width: 60%;
    margin: 0 auto;
    display: block;
    padding: 0px 15px;
    max-height: 300px
}

.navigation-content a,
.navigation-content>img {
    display: inline-block;
    width: 13% !important;
    max-width: 150px;
    height: auto !important;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.navigation-content>img {
    max-width: 100px !important;
}

.navigation-content a img {
    width: auto !important;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: -120px;
    max-height: 170px;
}

.ProductNavigation .next {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    background-image: url(../images/arrow_next.png);
    background-size: 90px;
    background-repeat: no-repeat;
}

.ProductNavigation .previous {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    background-image: url(../images/arrow_next.png);
    background-size: 90px;
    background-repeat: no-repeat;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.pn-section {
    background: #c7c0b8;
}

.ProductNavigation .disable {
    opacity: 0.1;
}

.ProductNavigation .active {
    opacity: 1;
}

.Infographics.infographicscontent img {
    transition: all .5s;
    -webkit-transition: all .5s;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #d8d8d8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #d8d8d8 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .9) 0%, rgba(216, 216, 216, .9) 100%);
    max-width: 380px;
    max-height: 380px;
    min-height: 380px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.absorbents_text {
    padding-top: 30px;
}

.absorbents_text+#product_box .img-column {
    width: 35%;
}

.absorbents_text+#product_box .img-column img {
    max-width: 100%;
}

.absorbents_text+#product_box .caption {
    width: 65%;
}

.navigation-content img {
    max-width: 100px !important;
    display: inline-block;
    margin-left: 40px;
    width: 15% !important;
}

.ProductNavigation.absortbents .navigation-content a {
    width: 17% !important;
    max-width: 220px !important;
}

.ProductNavigation.absortbents .navigation-content a img {
    max-width: 165px !important;
    margin-left: 0px;
    top: -40px;
    width: 100% !important;
}

.ProductNavigation.absortbents .navigation-content img {
    max-width: 250px !important;
    width: 23% !important;
    top: 55px;
    margin-left: 100px;
}

.ProductNavigation.absortbents .navigation-content {
    max-width: 100%;
}

.ProductNavigation.intimacy .navigation-content a {
    width: 17% !important;
    max-width: 220px !important;
}

.ProductNavigation.intimacy .navigation-content a img {
    max-width: 165px !important;
    margin-left: 0px;
    top: -40px;
    width: 100% !important;
}

.ProductNavigation.intimacy .navigation-content img {
    max-width: 250px !important;
    width: 23% !important;
    top: 55px;
    margin-left: 100px;
}

.ProductNavigation.intimacy .navigation-content {
    max-width: 100%;
    min-height: 400px;
}

.hero-image .slogn_box,
.hero-image p {
    position: absolute;
    bottom: 20%;
    /* z-index: 999999; */
    left: 9%;
    text-shadow: 5px 5px 30px #000;
    font-size: 60px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #fff;
}

ul.sub-3menu {
    padding-left: 20px;
}

.sub-2menu li.menu-item-has-children {
    position: relative;
}

.sub-2menu>li.menu-item-has-children:after {
    content: "\f067";
    font-family: "FontAwesome";
    right: 0px;
    top: 0;
    position: absolute;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    color: #8c7f77;
    z-index: 99999;
}

.sub-2menu .menu-item-has-children .sub-3menu {
    display: none;
}

.menu-item-has-children .active>.sub-3menu {
    display: block;
    -webkit-transition: width 2s;
    /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

.sub-2menu>li.menu-item-has-children.active:after {
    content: "\f068";
}

#pagenotfound {
    min-height: 650px;
}

.thirdlevel-hover li {
    background: #000;
}

.secondlevel-hover>li:hover {
    background: #a39a93
}

.aboutlistitem.container.text-center.minor-space {
    padding: 0;
    margin: 0 auto;
}

.absorbents_text .productDesc h4 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    text-transform: uppercase;
}

.green-text .caption h1,
.green-text .caption h4,
.absorbents_text.green-text .subHeader,
.absorbents_text.green-text .productDesc h4 {
    color: #008566;
}

.green-text .caption ul li,
.green-text .caption ul li,
.absorbents_text.green-text ul li,
.absorbents_text.green-text .productDesc ul li {
    background-image: url(../images/circle_green.png);
}

.polygon_light_pink .caption ul li {
    background-image: url(../images/circle_light_pink.png);
}

.polygon_light_pink .caption h1,
.polygon_light_pink .caption h4 {
    color: #E8797F;
}

.dark_blue .caption h1,
.dark_blue .caption h4 {
    color: #192D4F;
}

.dark_blue .caption ul li,
.dark_blue .caption ul li {
    background-image: url(../images/circle_green.png);
}

.dark_pink .caption h1,
.dark_pink .caption h4,
.absorbents_text.dark_pink .subHeader,
.absorbents_text.dark_pink .productDesc h4 {
    color: #E52F65;
}

.dark_pink .caption ul li {
    background-image: url(../images/circle_dark_pink.png);
}

.acid_green .caption h1,
.acid_green .caption h4 {
    color: #578D28;
}

.acid_green .caption ul li {
    background-image: url(../images/circle_acid_green.png);
}

.derm_light_blue .caption h1,
.derm_light_blue .caption h4 {
    color: #0067AE;
}

.derm_light_blue .caption ul li {
    background-image: url(../images/circle_dark_blue.png);
}

.dark_blue .caption ul li {
    background-image: url(../images/circle_dark_blue.png);
}

#infographicslist {
    margin: 15px auto;
}

.Infographics.infographicscontent.text-left .infographics-content {
    text-align: left !important;
}

.threeimages#product-bottom-section .productDesc {
    display: block;
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
}

.Infographics.infographicscontent.text-left .infographics-content:hover h3 {
    top: 10px;
}

.Infographics.infographicscontent.text-left .infographics-content h3,
.Infographics.infographicscontent.text-left .infographics-content p {
    text-align: left !important;
}

.text-left .infographics-content h3 {
    text-align: left !important
}

.text-left .subHeader h2 {
    font-size: 22px;
    line-height: 34px;
    color: #8c7f77;
    margin: 0px;
    padding: 0px;
}

.text-center .subHeader h1 {
    font-size: 30px;
    line-height: 36px;
    color: #8c7f77;
    margin: 0px;
    padding: 0px;
    text-align: center;
    padding-bottom: 15px;
}

.text-left .subHeader h1 {
    font-size: 30px;
    line-height: 36px;
    color: #8c7f77;
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
}

.text-left .productDesc ol {
    padding-left: 20px;
    padding-top: 30px;
}

.text-left .productDesc ol li {
    list-style-type: decimal;
    color: #0072bc;
}

.carousel-inner>.item>a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 30px;
}

.carousel-inner .item a:active,
.carousel-inner .item a:focus,
.carousel-inner .item a:hover {
    text-decoration: none;
    font-weight: 600;
}