/* header */
#header {
	position: relative;
	z-index: 100;
}
#header .top {
	background: #d1d2d3;
}
#header .btn-search {
	float: right;
	width: 45px;
	height: 45px;
	font-size: 0;
	line-height: 0;
	background: url(/images/default-source/shared/icons/ico-search.svg) no-repeat;
    background-size: 20px 20px;
	background-position: 50% 40%;
}
#header .btn-search:hover {
	opacity: .75;
}
#header .top ul {
	margin: 0;
	padding: 9px 15px 0 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
	float: right;
}
#header .top ul > li {
	float: left;
	padding: 0 23px 0 0;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: .2px;
}
#header .top ul > li > a {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 0 16px 29px;
}
#header .top ul > li > a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	background: #54585a;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#header .top ul > li > a:hover:after,
#header .top ul > li.open > a:after {
	height: 4px;
}
#header .top ul > li > a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}
#header .top ul > li > .marker:before {
	width: 16px;
	height: 20px;
	background: url(/images/default-source/shared/icons/ico-store-locator.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin: 0 0 0 2px;
}
#header .top ul > li > .country:before {
	width: 20px;
	height: 20px;
	background: url(/images/default-source/shared/icons/ico-country-selector.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#header .top .country-drop {
	margin: 14px 0 0 -76px;
	padding: 20px 20px 12px 44px;
	list-style: none;
	font-size: 0;
	line-height: 0;
	width: 230px;
	background: #ececec;
	border-radius: 3px;
	border: none;
	box-shadow: none;
}
#header .top .country-drop:before,
#header .top .country-drop:after {
	content: '';
	position: absolute;
}
#header .top .country-drop:before {
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 14px 14px 14px;
	border-color: transparent transparent #ececec transparent;
	margin-left: -14px;
}
#header .top .country-drop:after {
	height: 16px;
	left: 2px;
	right: 2px;
	top: 100%;
	background: url(/images/default-source/shared/img-shadow-01.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-top: -1px;
}
#header .top .country-drop li {
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 14px;
}
#header .top .country-drop li:hover {
	background: none;
}
#header .top .country-drop li a {
	display: block;
	padding: 0 0 0 32px;
	position: relative;
	color: #8f9293;
	font-size: 13px;
}
#header .top .country-drop li a:hover {
	background: none;
	color: #54585a;
}
#header .top .country-drop li a:after {display: none;}
#header .top .country-drop li a span {
	text-transform: uppercase;
	text-decoration: underline;
}
#header .top .country-drop .flag {
	position: absolute;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	top: -1px;
	left: 2px;
}
#header .holder {
	padding: 27px 0 0;
}
#header .logo {
	float: left;
	font-size: 0;
	line-height: 0;
	width: 152px;
	height: 24px;
	background: url(/images/default-source/shared/logos/logo-betadine-brown.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#header .logo a {
	display: block;
	height: 100%;
}
/* header-fixed */
#header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	transition: all .3s;
}
.scrolled #header{box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
/* end header-fixed */

#main-nav {
	float: left;
	padding: 8px 0;
}
#main-nav > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
}
#main-nav > ul > li {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px 0 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: .5px;
}
#main-nav > ul > li > a {
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #686C6e;
	padding-bottom: 23px;
}

/*Non-Product Category menu items*/
#main-nav > ul > li:hover > a,
#main-nav > ul > li.active > a {
	color: #686C6E;
}
#main-nav > ul li > a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	background: #686C6E;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#main-nav > ul > li:hover > a:after {
	height: 6px;
}
#main-nav > ul > li.cold-and-flu:hover > a,
#main-nav > ul > li.cold-and-flu.active > a {
	color: #00abe5;
}
#main-nav > ul li.cold-and-flu > a:after {
	background: #00abe5;
}
#main-nav > ul > li.wound-care:hover > a,
#main-nav > ul > li.wound-care.active > a {
	color: #faa61a;
}
#main-nav > ul li.wound-care > a:after {
	background: #faa61a;
}
#main-nav > ul > li.feminine-care:hover > a,
#main-nav > ul > li.feminine-care.active > a {
	color: #a25eb5;
}
#main-nav > ul li.feminine-care > a:after {
	background: #a25eb5;
}
#main-nav > ul > li.protective-care:hover > a,
#main-nav > ul > li.protective-care.active > a {
	color: #cc4040;
}
#main-nav > ul li.protective-care > a:after {
	background: #cc4040;
}
#main-nav > ul > li:hover .mega-dropdown {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}
.mega-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	padding: 38px 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-top: 8px;
	opacity: 0;
	visibility: hidden;
}
.mega-dropdown .wrap {
	max-width: 850px;
    min-height: 140px;
	padding-left: 20px;
	margin: 0 auto;
}
.mega-dropdown .wrap:after {
	content: '';
	display: block;
	clear: both;
}
.mega-dropdown .wrap .column {
	float: left;
	width: 50%;
	padding: 0 25px;
	position: relative;
}
.mega-dropdown .wrap .column.prod {
	padding-left: 120px;
}
.mega-dropdown.feminine-care .wrap .column.prod {
    padding-left: 20px;
}
.mega-dropdown h3 {
	font-weight: 600;
	font-size: 21px;
	line-height: 25px;
	text-transform: none;
	letter-spacing: 0;
	color: #00abe5;
	margin: 0 0 25px;
	padding-bottom: 8px;
	border-bottom: 4px dotted #abdbf0;
}
.mega-dropdown.cold-and-flu h3 
{
    color: #00abe5;
    border-color: #00abe5;
}
.mega-dropdown.wound-care h3 {
	color: #faa61a;
	border-color: #faa61a;
}
.mega-dropdown.feminine-care h3 {
	color: #a25eb5;
	border-color: #a25eb5;
}
.mega-dropdown.protective-care h3 {
	color: #cc4040;
	border-color: #cc4040;
}

.mega-dropdown.protective-care h3.daily-hygiene-products {
    color: #73bd44;
    border-color: #73bd44;
}

.mega-dropdown h3:nth-child(n+1) {
    padding-top: 10px;
}

.mega-dropdown .column ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 0;
}
.mega-dropdown .column ul li {
	display: block;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	text-transform: none;
	padding: 0 0 8px;
}
.mega-dropdown .column ul a {
	display: block;
}
.mega-dropdown .column ul a:hover,
.mega-dropdown .column ul li.active a {
	text-decoration: underline;
}
.mega-dropdown .column ul .img {
	position: absolute;
	top: 2px;
	left: 3px;
	width: 100px;
	height: 160px;
	-webkit-transition: all .1s;
	transition: all .1s;
	opacity: 0;
	visibility: hidden;
}
.mega-dropdown.feminine-care .column ul .img {
    left: -86px;
}
.mega-dropdown .column ul li:hover .img,
.mega-dropdown .column ul li.active .img {
	opacity: 1;
	visibility: visible;
}
.mega-dropdown .column ul .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/*If left column longer, use column.prod, otherwise use column.sympt*/
/*
.mega-dropdown .wrap .column.prod:after {
	content: '';
	position: absolute;
	top: 4px;
	bottom: 10px;
	right: 0;
	width: 2px;
	background: #686C6e;
}
.mega-dropdown .wrap .column.sympt:before {
	content: '';
	position: absolute;
	top: 4px;
	bottom: 10px;
	left: 0;
	width: 2px;
	background: #686C6e;
}
*/
.mega-dropdown.cold-and-flu .wrap .column.sympt:before {
    content: '';
	position: absolute;
	top: 4px;
	bottom: 10px;
	left: 0;
	width: 2px;
	background: #00abe5;
}
.mega-dropdown.wound-care .wrap .column.sympt:before {
    content: '';
	position: absolute;
	top: 4px;
	bottom: 10px;
	left: 0;
	width: 2px;
	background: #faa61a;
}
.mega-dropdown.feminine-care .wrap .column.prod:after {
    content: '';
	position: absolute;
	top: 4px;
	bottom: 10px;
	right: 0;
	width: 2px;
	background: #a25eb5;
}
.mega-dropdown.protective-care .wrap .column.sympt:before {
    content: '';
	position: absolute;
	top: 4px;
	bottom: 10px;
	left: 0;
	width: 2px;
	background: #cc4040;
}

@media screen and (max-width: 383px){
    .mm-menu {width: 100%;}
}

@media screen and (max-width: 767px),
screen and (orientation: landscape) and (max-width: 767px),
screen and (orientation: portrait ) and (max-width: 767px){
}

@media screen and (max-width: 991px){
    #header .holder {
		padding: 19px 40px 20px;
		border-bottom: 1px solid #f0f0f0;
	}
	#header .logo {
		width: 102px;
		height: 16px;
	}
	#header #main-nav,
	#header .top {display: none;}
	#header .btn-search {
		position: absolute;
		width: 30px;
		height: 30px;
		right: 12px;
		top: 50%;
		margin-top: -15px;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
		background-position: 50% 50%;
	}
	#header .open-menu {
		display: block;
		font-size: 0;
		line-height: 0;
		width: 20px;
		padding: 0;
		position: absolute;
		z-index: 50;
		top: 50%;
		left: 20px;
		outline: none;
		margin-top: -9px;
	}
	#header .open-menu span{
		display: block;
		height: 2px;
		border-radius: 2px;
		background: #3b3f42;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	#header .open-menu span+span{margin-top: 5px;}
    /* header-fixed */
    .scrolled #header{box-shadow: none;}
	.home-slideshow .items-slider{
		position: fixed;
		z-index: 95;
		top: 56px;
		bottom: auto;
		left: 0;
		right: 0;
		background: #fff;
		transition: all .3s;
		opacity: 1 !important;
	}
	.scrolled .home-slideshow .items-slider{box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
	.fixed-section{
		position: fixed;
		z-index: 95;
		top: 56px;
		bottom: auto;
		left: 0;
		right: 0;
		background: #fff;
		transition: all .3s;
	}
	.scrolled .fixed-section{box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
	/* end header-fixed */

    /*Otherwise hero banner will be on top of menu*/
    .mm-menu.mm-front {
        z-index: 999;
    }
	.mm-opened #header .open-menu span:nth-child(1){
		-webkit-transform: rotate(45deg) translate(2px,-1px);
		-ms-transform: rotate(45deg) translate(2px,-1px);
		-o-transform: rotate(45deg) translate(2px,-1px);
		transform: rotate(45deg) translate(2px,-1px);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	.mm-opened #header .open-menu span:nth-child(2){opacity: 0;}
	.mm-opened #header .open-menu span:nth-child(3){
		-webkit-transform: rotate(-45deg) translate(1px,2px);
		-ms-transform: rotate(-45deg) translate(1px,2px);
		-o-transform: rotate(-45deg) translate(1px,2px);
		transform: rotate(-45deg) translate(1px,2px);
		-webkit-transform-origin: 0 100%;
		-moz-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		-o-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
	.mm-menu {
		width: 334px;
		top: 56px;
		background: #fff;
		border: none;
	}
    /*mm-1 will make cold and flu previous button to disappear*/
	#mm-0.mm-panel {padding-top: 0;}
	/*#mm-1.mm-panel {padding-top: 0;}*/
	#mm-0.mm-panel .mm-navbar {display: none;}
	/*#mm-1.mm-panel .mm-navbar {display: none;}*/
	.mm-listview {
		font-weight: 700;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: .5px;
	}
	.mm-listview > li {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.mm-listview > li:hover {background: #d1d2d3;}
	.mm-listview > li:not(.mm-divider):after {
		left: 0;
		border-color: #d1d2d3;
	}
	.mm-listview > li > a,
	.mm-listview > li > span {padding: 17px 10px 20px 20px;}
	.mm-listview .mm-next + a,
	.mm-listview .mm-next + span {
		margin: 0;
		padding-right: 60px;
	}
	.mm-listview .mm-next:before {display: none;}
	.mm-navbar .mm-btn.mm-prev {
		height: 55px;
		width: auto;
		right: 0;
	}
    /*
    .mm-menu .mm-navbar .mm-title{
           color: rgba(0, 0, 0, 0.7) !important;
           background: #d1d2d3;
           position: relative;
           z-index: 999;
    }
    */
	.mm-prev:before,
	.mm-next:after,
	.mm-arrow:after {
		width: 12px;
		height: 12px;
		border-color: #54585a;
	}
	.mm-next:after {
		right: 18px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.mm-navbar {
		height: 55px;
		border-bottom: 1px solid #f0f0f0;
	}
	.mm-menu .mm-navbar > *,
	.mm-menu .mm-navbar a {
		font-weight: 700;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		padding: 17px 0 17px 10px;
		color: #00abe5;
		text-align: left;
	}
	.mm-menu .cold-and-flu .mm-navbar a {color: #00abe5;}
	.mm-menu .wound-care .mm-navbar a {color: #faa61a;}
	.mm-menu .feminine-care .mm-navbar a {color: #a25eb5;}
	.mm-menu .protective-care .mm-navbar a {color: #cc4040;}
	.mm-panels > .mm-panel.mm-hasnavbar {padding-top: 55px;}
	.mm-prev:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 21px;
		margin-top: 20px;
	}
	.mm-listview .mm-next {width: 100%;}
	.mega-dropdown {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	.mm-panels > .mm-panel.mega-dropdown:before,
	.mm-panels > .mm-panel.mega-dropdown:after {height: auto;}
	.mega-dropdown .wrap .column {
		float: none;
		width: auto;
		padding: 0;
	}
    .mega-dropdown .wrap .column.prod, 
    .mega-dropdown.cold-and-flu .wrap .column.prod,
    .mega-dropdown.wound-care .wrap .column.prod,
    .mega-dropdown.feminine-care .wrap .column.prod,
    .mega-dropdown.protective-care .wrap .column.prod 
    {
        padding: 12px 0 17px;
    }
	.mega-dropdown h3 {
		font-size: 15px;
		line-height: 20px;
		border: none;
		padding: 0;
		margin: 0 0 16px;
	}
	.mega-dropdown .column .mm-listview > li > a,
	.mega-dropdown .column .mm-listview > li > span,
	.mm-listview.country-drop > li > a,
	.mm-listview.country-drop > li > span {
		padding: 0;
	}
	.mega-dropdown .column .mm-listview > li:not(.mm-divider):after,
	.mm-listview.country-drop > li:not(.mm-divider):after {display: none;}
	.mega-dropdown .column .mm-listview > li:hover,
	.mm-listview.country-drop > li:hover {background: none;}
	.mega-dropdown .column ul li {padding: 0 0 12px;}
	.mega-dropdown .wrap .column.prod:after, .mega-dropdown .wrap .column.sympt:before {display: none;}
	.mm-listview.country-drop {
		padding: 12px 20px;
		font-size: 15px;
		line-height: 20px;
		text-transform: none;
		letter-spacing: 0;
	}
	.mm-listview.country-drop > li {padding: 0 0 10px;}
	.mm-listview.country-drop > li:first-child {padding: 0 0 14px;}
	.mm-listview.country-drop > li > a {
		display: block;
		position: relative;
		padding-left: 30px;
		font-size: 12px;
	}
	.mm-listview.country-drop > li > a .flag {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media only screen and (min-width: 992px) {
    /* header-fixed */
    .home-slideshow .container-fluid{padding-left: 30px;}
	.items-slider li p{
		padding-bottom: 2px;
		max-height: 36px;
	}
	.home-slideshow .items-slider li{padding-right: 60px;}
    /* end header-fixed */
    .mm-menu,
	#mm-blocker{display: none !important;}
	html.mm-blocking,
	html.mm-blocking body{overflow: visible !important;}
}

@media screen and (max-width: 1199px){
}

@media screen and (min-width: 1200px) { 
    #main-nav {
	    float: left;
	    padding: 8px 0 0 49px;
    }
}

@media screen and (min-width: 1400px) {
}

.sfPageEditor #header {
	position: relative;
}