/* Nemours.org 2020 Redesign Header and footer */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Noto+Serif:wght@700&family=Poppins:wght@300;600&display=swap');


/*--------------*/
/*fontAndColor.css*/
/*----------------*/


.globalAlertComponent{
		display:none;
}

@font-face {
	font-family: 'Tiempos';
	font-style: normal;
	font-weight: normal;
	src: local('Tangerine'), url('../../clientlib-site/resources/fonts/test-tiempos-headline-semibold.woff') format('truetype');
}

@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: normal;
	src: local('Tangerine'), url('../../clientlib-site/resources/fonts/Nunito-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'WorkSans';
	font-style: normal;
	font-weight: normal;
	src: local('Tangerine'), url('../../clientlib-site/resources/fonts/WorkSans-Regular.ttf') format('truetype');
}


html {
    font-size: 62.5% !important;
    font-family: Montserrat, sans-serif;
}

body {
	font-family: Montserrat, sans-serif;
}

/*
.showOnFocus {
  display: block;
  position: absolute;
  left: -1000em;
  width: 0;
  height: 0;
  overflow: hidden;
  color: #333;
  text-align: center;
  z-index: 10000;
}

.showOnFocus:focus {
 position: fixed;
  left: 0.5em;
  top: 0.5em;
  padding: 0.5em;
  width: 10em;
  height: auto;
  background: #e0e2e9;
    color: #0d3f6b;
    font-size: 1.6rem;
    font-weight: 600;  
    width:100%;

  height: auto;
  overflow: visible;
}
*/
.showOnFocus:focus {
    clip: unset;
    clip-path: unset;
    width: 100%;
    padding: 0.5rem;
    height: 4rem;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.showOnFocus{
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.showOnFocus {
    background: #e0e2e9;
    color: #0d3f6b;
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: underline !important;
}
.globalAlertComponent{
        display:none;
}
/* Header */

header {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1;
	background: #fff;
    font-family: Montserrat, sans-serif;
}

header ul li a {
	color: #585d67;
	text-decoration: none;
	font-weight: 500;
}



/* SP1: The following header #mainNavRow ul li rules are added
to allow a boldening hover effect on mainNavRow links without 
displacing adjacent links */

header #mainNavRow ul li a:hover,
header ul li a:focus {
	color: #007a64;
	font-weight: 600;
    text-decoration: none;
}

header #mainNavRow ul li {
	display: inline-block;
	font-size: 0;
}

header #mainNavRow ul li a {
	display: inline-block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
}

header #mainNavRow ul li a:hover {
	font-weight: 600;
}

header #mainNavRow ul li a::before {
	display: block;
	content: attr(data-title);
	font-weight: 600;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	position: relative;
}

/* End SP1 */

header div#hIn1 {
	background-color: #fff;
}

/* region selector */
#regionSelector .rsTop {
	background: #f2f5f8;
	border-bottom: 1px solid #cbcdd1;
	font-family: 'noto serif';
	font-size: 1.8rem;
	color: #0d3f6b;
}

#regionSelector .rsMain {
	font-size: 1.4rem;
	font-weight: normal;
}

#regionSelector .rsMain p {
	line-height: 1.57;
	color: #585d67;
}

#regionSelector .rsMain ul li button {
	font-size: 1.6rem;
}

#regionSelector .rsMain ul li button span.subTitle {
	font-size: 1.2rem;
	color: #585d67;
	font-weight: normal;
}

#regionSelector button#applyRegion {
	font-size: 1.8rem;
	font-weight: 600;
	color: #6660a6;
}

#regionSelector button#applyRegion:hover,
#regionSelector button#applyRegion:focus {
	background: #6660a6;
	color: #fff;
}

#regionSelector .rsMain ul li button:hover,
#regionSelector .rsMain ul li button:focus {
	background-color: #f2f5f8;

}

#regionSelector button#regionSelectorClose {
	background-color: transparent;
}

#regionSelector .rsMain ul li button.regionSelected {
	font-weight: 600;
	color: #6660a6;
}

#locationRow {
	background: #007a64;
	color: white;
	font-size: 1.3rem;
	font-weight: 600;
}

#locationRow button {
	font-weight: normal;
	text-decoration: underline;
	color: #fff;
}

#locationRow button:hover,
#locationRow button:focus {
	font-weight: 500;
	outline: 1px dotted #fff;
}

#firstNav ul li a {
	font-size: 1.4rem;
	color: #586074;
	font-weight: 100;

}

#firstNav ul li a:hover,
#firstNav ul li a:focus {
	color: #007a64;
	/*font-weight: 500;*/
    text-decoration: none;
}

.navButt {
	text-transform: uppercase;
}

#donateButt {
	background: #f4f5f7;
}

#appButt {
	background: #e0e2e9;
}

#firstNav ul li a#donateButt,
#firstNav ul li a#appButt {
	font-weight: bold;
}

#firstNav ul li a#appButt:hover,
#firstNav ul li a#appButt:focus {
	color: #007a64;
}

#searchToggle {
	color: #0d3f6b;
	font-weight: 100;
	background-color: transparent;
	font-size: 1.4rem;
	font-weight: 500;
}

#searchToggle:hover,
#searchToggle:focus {
	background-color: #f2f4f8;
}

#searchDrop input[type='search'] {
	font-size: 2.5rem;
}

#searchSubmit {
	font-size: 0;
	background-color: transparent;
}

#megaMenuModal {
	background-color: #000;
}

#menuToggle {
	color: #fff;
	font-weight: bold;
	background-color: #0d3f6b;
	font-size: 1.4rem;
}

#menuToggle:hover,
#menuToggle:focus {
	background-color: #1a5589;
}

#searchHamburgerButts button {
	text-transform: uppercase;
}

/* megaMenu */

#megaMenu {
	background: #fff;
}

#megaMenu .innerMenu #mmC1 #mmC1Box {
	background: #f2f4f8;
}

#megaMenu #mmC1 .sub1Tit {
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: normal;
	color: #585d67;
	margin-bottom: 0.5rem;
}

#megaMenu #mmC1 a {
	font-size: 1.6rem;
	text-decoration: none;
	font-weight: 600;
	color: #0d3f6b;
}



#megaMenu .mmTopTit,
#megaMenu .mmTopTit a {
	font-size: 1.6rem;
	font-weight: 600;
	color: #0d3f6b;
	/* background: url(../images/megaMenuHeadingBGLine.png) 5rem 47% repeat-x; */
	text-decoration: none;
	background: transparent;
	line-height: 1.35
}

#megaMenu .mmTopTit span {
	background: #fff;
	padding-right: 1rem;
}

#megaMenu .mmTopTit a:hover span {
	border-bottom: 2px solid;
	font-weight: bold !important;
}

#megaMenu #mmC2 ul li a,
#megaMenu #mmC3 ul li a,
#megaMenu #mmM1 ul li a,
#megaMenu #mmM2 ul li a {
	font-size: 1.6rem;
	text-decoration: none;
	color: #373a41;
	font-family: Montserrat, sans-serif;
	font-weight: normal;
}

#megaMenu #mmC1 ul li a:hover,
#megaMenu #mmC1 ul li a:focus,
#megaMenu #mmC2c1 ul li a:hover,
#megaMenu #mmC3 ul li a:hover,
#megaMenu #mmC2c1 ul li a:focus,
#megaMenu #mmC3 ul li a:focus {
	font-weight: 600;
	border-bottom: 2px solid black;
}

#megaMenu div[role='button'] {
	cursor: pointer;
}

#megaMenu ul.menuCards li a,
#megaMenu ul li ul.menuCards li a {
	color: #cbcdd1 !important;
	/* used for border color */

}

#megaMenu ul.menuCards li a:hover,
#megaMenu ul.menuCards li a:focus {
	background-color: #f3f4f8;
	border: 1px solid !important;
}

#megaMenu ul.menuCards li a:hover .mcLink,
#megaMenu ul.menuCards li a:focus .mcLink {
	text-decoration: underline;
}


#megaMenu .menuCards .mcHead {
	font-size: 1.6rem;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	color: #3c3c3c;
}

#megaMenu .menuCards .mcDesc {
	font-size: 1.2rem;
	color: #585d67;
	font-weight: normal;
	line-height: 1.5;
}

#megaMenu .menuCards .mcLink {
	color: #6660a6;
	font-weight: 600;
	font-size: 1.6rem;
}

/* Main */


/* Footer */

footer {
	background-color: #0d3f6b !important;
	border-top: 1px solid #e0e2e9 !important;
}

footer h2 {
	color: #eee;
	text-transform: uppercase;
	font-weight: 600;
	font-family: montserrat, sans-serif;
	font-size: 1.2rem;
}

footer a {
	color: #eee;
	text-decoration: none;
	font-size: 1.4rem;
}

footer a:hover,
footer a:focus {
    color: #eee;
	text-decoration: underline;
}

footer #fC1 ul li a,
footer #fC2 ul li a,
footer #fC3 ul li a {
	/*font-family: 'work sans', sans-serif;*/
}

footer #fC4 ul li a {
	font-weight: 600;
	font-size: 1.4rem;
}

footer #fC4 ul li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #eee;
}

footer #copyright {
	font-size: 1.2rem !important;
	color: #eee !important;
    text-align: left !important;
    margin: auto !important;
}

footer #copyright span {}

/* social */

#social ul li a {
	background-color: transparent;
}

#social ul li a:hover,
#social ul li a:focus {
	background-color: rgba(249, 249, 249, .3);
}

/* a11y */

#skipNav a {
	background: #e0e2e9;
	color: #0d3f6b;
	font-size: 1.6rem;
	font-weight: 600;
	text-decoration: underline !important;
}


.overflowHidden {
    overflow: hidden !important;
}
/* couple of colors change at snaps */

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

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

	#menuToggle,
	#searchToggle {
		background-color: #fff;
		font-size: 0;
	}

	#menuToggle:hover,
	#menuToggle:focus {
		background-color: rgba(13, 63, 107, 0.18);
	}

	#megaMenu .innerMenu #mmC1 #mmC1Box {
		background: #fff;
	}

	#megaMenu #mmC1 ul li a:hover,
	#megaMenu #mmC1 ul li a:focus,
	#megaMenu #mmC2c1 ul li a:hover,
	#megaMenu #mmC3 ul li a:hover,
	#megaMenu #mmC2c1 ul li a:focus,
	#megaMenu #mmC3 ul li a:focus,
	#megaMenu ul#mmM1Links li a:hover,
	#megaMenu ul#mmM2Links li a:hover,
	#megaMenu ul#mmM1Links li a:focus,
	#megaMenu ul#mmM2Links li a:focus {
		background-color: #f3f4f8;
		font-weight: 600;
		border-bottom: 0 none;
	}

	#mobMenuCloseRow {
		background-color: #fff;
	}

	#mobMenuClose {
		background-color: transparent;
	}

	#mobMenuClose:hover,
	#mobMenuClose:focus {
		background-color: rgba(13, 63, 107, 0.18);
	}

	#megaMenu .mmTopTit,
	#megaMenu .mmTopTit span {
		background: transparent;
		font-weight: 600;
		font-size: 1.6rem;
	}

	#megaMenu .mmTopTit:hover,
	#megaMenu .mmTopTit span:hover {
		background-color: #f2f4f8;
	}

	#megaMenu #mmC1 .sub1Tit {
		font-weight: 600;
		font-size: 1.4rem;
		margin-bottom: 0;
		color: #0d3f6b;
	}

	.mmSubSlidH {
		font-size: 1.8rem;
		font-weight: 600;
	}

	#megaMenu #mmC1 ul li a {
		font-weight: normal;
		color: #373a41;
		font-size: 1.6rem;
	}

	#megaMenu button.mmBack {
		background-color: transparent;
		font-size: 1.4rem;
		color: #0d3f6b;
	}

	#megaMenu ul li.subSlideHead,
	#megaMenu ul li.subSlideHeadLink a {
		color: #0d3f6b !important;
		font-weight: 600 !important;
		font-size: 1.8rem !important;
	}

	#megaMenu li.subSlideHeadLink a:hover {
		color: #0d3f6b !important;
		font-weight: 600 !important
	}

	#mmC2columns,
	#mmC3Links,
	#mmM1Links,
	#mmM2Links {
		background-color: #fff;
	}

	#megaMenu .menuCards .mcHead {
		font-size: 1.6rem;
	}

	#megaMenu .menuCards .mcDesc {
		font-size: 1.4rem;
		line-height: 1.43;
	}

	#mobAppLink {
		background-color: #f4f5f7;
	}

	#mobAppLink .mATit {
		font-size: 1.6rem;
		font-weight: 600;
		color: #0d3f6b;
	}

	#mobAppLink .mADesc {
		font-size: 1.4rem;
		line-height: 1.43;
		color: #373a41;
	}

	#mobAppLink .mALink {
		background-color: #007a64;
		color: #fff;
		font-size: 1.8rem;
		font-weight: bold;
		text-decoration: none;
	}
}

@media screen and (max-width: 768px) {
	footer #fR1 h2[role='button'] {
		font-size: 1.4rem;
	}

	footer #fC4 ul li a {
		font-size: 1.6rem !important;
	}
}

@media screen and (-ms-high-contrast: none) and (max-width: 991px),
screen and (-ms-high-contrast: active) and (max-width: 991px) {

	#miniModal.fuIEIn,
	#miniModal.fuIEOut {
		background-color: #000;
	}
}

/*--------------*/
/*mainStyle.css*/
/*----------------*/

/* #nemoursContainer {
	min-width: 30.5rem !important;
} */


.innerWidth {
	width: 126rem; /* width of content - changes */
	margin: 0 auto;
	position: relative;
}

.innerWidth {
	width: 117rem
}

/* a11y */

.srText, #skipNav a {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}

#skipNav a:focus {
	clip: unset;
	clip-path: unset;
	width: 100%;
	padding: 1rem;
	height: 4rem;	
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.keyboardUser input:focus, .keyboardUser * a:focus, .keyboardUser button:focus, .keyboardUser div[role='button']:focus, .keyboardUser h2[role='button']:focus {
	outline: 2px dotted #077e68;
}

.mouseUser input:focus {
	outline: none
}

* button:focus {
	padding: initial;
}

/* Sticky footer */

/* #nemoursContainer {
	display: flex;
	flex-direction: column;
	min-height: 100%; /* backup for browsers that don't support vh 
	min-height: 100vh;
	height: 100%;
	height: 100vh;
} */

main {
	flex: 1;
}

/* Header */

#headerContainer {
	width: 100%;
}

header {
	width: 100%;
	position: relative;
	z-index: 300;
}

.innerHead {
	padding: .5rem 00;
}

header .innerHead ul li {
	display: inline;
}

header {
	z-index: 300;
	padding-bottom: 0;
}

header div#hIn2 {
	z-index: 100;
	position: relative;
}

header div#hIn1 {
	z-index: 200;
	position: relative;
	height: 17rem;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.18);
	padding-bottom: 1.4rem;
	border-bottom: 1px solid #e0e2e9;
}

/* Location Row */

#locationRow {
	padding-top: 0.2rem;
	height: 3rem;
}

#locationRow .innerWidth {
    background: url(../image/iconMapPinWhite.svg) no-repeat 0px 2px;
    background-size: 2rem;
}

#locationRow .location {
	display: inline-block;
	border-top: px solid;
	box-sizing: unset !important
}

#locationRow .innerWidth {
	padding-left: 2.6rem;
}

#locationRow button {
	margin-left: 1rem;
	background: transparent;
}


/* Header Nav */
#logoRow {
	padding-bottom: 1.4rem;
}

#headerLogo {
	margin-top: 1.4rem
}

#headerLogo img {
	width: 20rem;
}

#firstNav {
    position: absolute;
    right: 0;
    top: 1rem;
}

#firstNav ul li {
	margin-right: 2.2rem;
}

#firstNav ul li.navButt {
	margin-right: 0;
	margin-left: -0.3rem;
}

#donateButt, #appButt {
	padding: .9rem 1.6rem 1.2rem 1.6rem;
	text-transform: uppercase;
}

#donateButt {
    border-radius: 0 0 0 4px;
    margin-right: 0;
}

#appButt {
    border-radius: 0 0 4px 0;
    margin-left: -0.2rem;
}
/* Main Nav Row */

#mainNavRow {
	margin-top: 0.1rem;
	margin-bottom: .6rem;
}

#mainNavRow ul li {
	margin-right: 2.6rem;
}

#searchHamburgerButts {
	position: absolute;
	right: 0;
	top: -0.45rem;
}

button#searchToggle {
	width: 11rem;
	height: 3.4rem;
	border-radius: 20px;
	padding-left: 2.25rem;
	margin-right: 1rem;
	background-image: url(../image/iconSearch.svg);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	background-size: 3rem;
}

button#menuToggle {
	width: 10.5rem;
	height: 3.4rem;
	border-radius: 20px;	
	padding-top: .1rem;	
	background-repeat: no-repeat;
	background-position: 1rem .2rem;
	background-size: 3rem;
}

button#menuToggle.mtClosed {
	padding-left: 2.9rem;
	background-image: url(../image/iconMenu.svg);
}

button#menuToggle.mtOpen {
	padding-left: 2rem;
    background-image: url(../image/iconCloseWhite.svg);
    background-size: 2rem;
    background-position: 1.5rem .75rem
}

button#menuToggle.mtClosed #mtC, button#menuToggle.mtOpen #mtM {
	display: none;
}

button#menuToggle.mtClosed #mtM, button#menuToggle.mtOpen #mtC {
	display: block;
}

/* Search */

#searchDrop.preClick {
	display: none;
}

#searchDrop {
	background: #fff;
	height: 9.6rem;
	padding: 2.4rem 0 4rem 0;
	position: absolute;
	top: 16.4rem;
	width: 100%;
	text-align: center;
	z-index: 100;
}

#searchDrop.sdClosed {
	-webkit-animation-name: scrollUpS1;
	-webkit-animation-duration: 2s;
	animation-name: scrollUpS1;
	animation-duration: 2s;
	top: -50rem;
}

#searchDrop.sdOpen {
	-webkit-animation-name: scrollDownS1;
	-webkit-animation-duration: 2s;
	animation-name: scrollDownS1;
	animation-duration: 2s;
	top: 16.4rem;
}

#searchDrop form {
	display: flex;
	height: 5rem
}

#searchDrop input[type='search'] {
	flex: 1;
	margin-right: 1rem;
	padding: 1rem;
	-webkit-appearance: textfield; /* overrides issue with Safari and search input */
}

#searchSubmit {
    width: 5rem;
    background-image: url(../image/iconSearch.svg);
	background-repeat: no-repeat;
	background-position: -6px -11px;
	background-size: 7rem;
}



/* Mega Menu */
.fixBG, .fixBGDesk {
	/*position: fixed;*/
}

        /*
.fixBG #nemoursContainer {
	/* prevent background scrolling behind menu - in addition to other methods */
	/*position: fixed;
	overflow-y: hidden;
	width: 100%
}*/

.fixBG #document{
        position: fixed;
	overflow-y: hidden;
}

.fixBGDesk #nemoursContainer {
	/*overflow-y: hidden;
	position: fixed;*/
	width: 100%;
}

#megaMenuModal.preClick {
	display: none;
}

#megaMenuModal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	display: block;
}

#megaMenuModal.modalIn {
	-webkit-animation-name: opacityTo60;
	-webkit-animation-duration: 2s;
	animation-name: opacityTo60;
	animation-duration: 2s;
	opacity: 0.6;
	-moz-opacity: 0.6;
}

#megaMenuModal.regionModalIn {
	-webkit-animation-name: opacityTo60;
	-webkit-animation-duration: 2s;
	animation-name: opacityTo60;
	animation-duration: 2s;
	opacity: 0.6;
	-moz-opacity: 0.6;
	z-index: 300;
}

#megaMenuModal.regionModalOut {
	-webkit-animation-name: opacityTo0;
	-webkit-animation-duration: 2s;
	animation-name: opacityTo0;
	animation-duration: 2s;
	opacity: 0;
	-moz-opacity: 0;
	z-index: 300;
}

#megaMenuModal.modalOut {
	-webkit-animation-name: opacityTo0;
	-webkit-animation-duration: 2s;
	animation-name: opacityTo0;
	animation-duration: 2s;
	opacity: 0;
	-moz-opacity: 0;
}

#megaMenu {
	padding: 3rem 0 1.6rem 0;
	position: absolute;
	z-index: 200;
	top: 17rem;
	width: 100%;
}

#megaMenu.preClick {
	display: none;
}

#megaMenu.mMClosed {
	-webkit-animation-name: scrollUpD1;
	-webkit-animation-duration: 2s;
	animation-name: scrollUpD1;
	animation-duration: 2s;
	top: -50rem;
}

#megaMenu.mMOpen {
	-webkit-animation-name: scrollDownD1;
	-webkit-animation-duration: 2s;
	animation-name: scrollDownD1;
	animation-duration: 2s;
	top: 0rem;
}

#megaMenu .innerMenu {
	display: flex;
}

#mmC1Box {
	/*width: 25.6rem;*/
	width: 100%;
	border-radius: 10px;
	padding: 2rem 2rem 0rem 2rem;
}

#mmC1Box ul li span.sub1Tit {
    padding-bottom: 1rem !important;
    display: block;
}

#mmC1Box ul {
	padding-bottom: 0.15rem;
}

#mmC1Box ul li:first-child ul  {
	margin-bottom: 3rem !important;
	padding-bottom: 0rem;
}

#mmC1Box ul:first-child {
	padding-bottom: 0rem !important;
}

#megaMenu .innerMenu ul li  {
	margin: 0 auto 1.8rem auto;
}

#mmC1, #mmC3 {
	width: 25%;
}

#mmC2Header {
	width: 50%;
}

#mmC2Header.mmTopTit {
	padding-right: 0.7rem;
}

#mmC2 {
	width: 50%;
	margin: 0 4.5rem;
	padding-top: 1.8rem;
	position: relative;
}

#mmC2, #mmC3 {
	border-top: 1px solid #cbcdd1;
}

#megaMenu .innerMenu div.mmTopTit {
	margin-bottom: 2rem;
}

#mmC2c1 {
	width: 50%;
}

#mmC2c2 {
	top: 1.9rem;
	position: absolute;
	right: 0;
	width: 23.7rem;
}

#mmC2columns {
	display: flex;
}

#megaMenu ul.menuCards li {
	margin-bottom: 1.6rem;
}

#megaMenu ul.menuCards li a {
	display: block;
	border: 1px solid;
	padding: 1.6rem 1.8rem 0.6rem 1.8rem !important;
	border-radius: 10px;
	max-width: 25.6rem;
}

#megaMenu ul.menuCards li a * {
	display: block;
}

#megaMenu .menuCards .mcHead {
    padding: 0 0 1rem 0 !important;
}

#megaMenu .menuCards .mcDesc {
    padding: 0 0 1rem 0 !important;
}

#megaMenu .menuCards .mcLink {
	position: relative;
}

#megaMenu .menuCards .mcLink:after {
    background: url(../image/iconArrowRightPurple.svg) no-repeat;
    width: 2rem;
    height: 2rem;
    content: '';
    position: absolute;
    margin-left: .8rem;
    top: -.25rem;
}

#megaMenu .menuCards li a:hover .mcArrow::after {
    margin-left: 1.8rem;
}

#megaMenu .menuCards .mcLink.mcNewWindow:after {
    background: url("../image/iconNewWindowIris.svg") no-repeat;
}

#megaMenu .menuCards:hover .mcLink.mcNewWindow:after {
	margin-left: .8rem;
}

#megaMenu .innerMenu #mmC3 {
	padding-top: 1.8rem;
}

/* menu controls visible only on mobile */

.mmBack, .mmSubSlidH, #mobMenuCloseRow, .mmMobOnly, #mobMenuCloseRow a {
	display: none;
}

/* region selector */

#regionSelector.regionHid {
	display: none;
}

#regionSelector {
	position: fixed;
	width: 470px;
	left: 50%;
	margin-left: -235px;
	top: 13rem;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 6px 14px -8px rgba(6, 30, 52, 0.3);
	z-index: 400;
	overflow-y: auto;
	z-index: 500;
}

#regionSelector button#regionSelectorClose {
	width: 2.5rem;
	height: 2.5rem;
	background-image: url(../image/iconClose.svg);
	position: absolute;
	right: 2rem;
	top: 1.875rem;
	background-size: 2.6rem;
}

#regionSelector .rsTop {
	padding: 2rem;
}

#regionSelector .rsMain {
	padding: 2rem;
}

#regionSelector .rsMain ul {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#regionSelector .rsMain ul li button {
	width: 100%;
	display: block;
	text-align: left;
	padding: 1.5rem 2.4rem;
	border-radius: 4px;
	margin-bottom: 1rem;
	background: #fff;
	border: 1px solid #cbcdd1;
}

#regionSelector .rsMain ul li button span.subTitle {
	display: block;
	margin-top: 0.4rem;
}

#regionSelector .rsMain ul li button.regionSelected {
	background-image: url(../image/iconCheckIndigo.svg);
	background-repeat: no-repeat;
	background-position: 95%;
}

#regionSelector button#applyRegion {
	background: #fff;
	border: 2px solid;
	border-radius: 10px;
	margin: 0 auto;
	width: 17.3rem;
	padding: 1.3rem 0rem;
	position: relative;
	left: 50%;
	margin-left: -8.75rem;
	bottom: 2rem;
}



/* Content */

main {
	padding: 2rem 0 0rem 0;
}

/* Footer */

footer {
	padding-top: 8rem !important; 
	padding-bottom: 8rem !important; 
	background-image: url(../image/combinedShape.svg) !important;
	background-position: left bottom !important;
	background-size: 44rem !important;
}


footer .innerWidth {
	padding-right: 8.7rem !important;
}

#fR1 .innerFoot {
	display: flex;
	justify-content: space-between;
	padding-bottom: 4rem;
}

#fR1 .innerFoot div {
	flex-basis: 21.4rem;
}

#fR1 .innerFoot div h2 {
    margin-bottom: 2.4rem;
}

#fR1 .innerFoot div ul li {
	margin-bottom: 1.6rem;
    line-height: normal !important;

}

#fC4 ul li {
	padding-bottom: 0.4rem;
    line-height: 10px !important;
}

#footerLogo img {
	width: 11rem !important;
}

#fR2 .innerFoot {
	position: relative;
}

#fR2 .innerFoot div#social {
	position: absolute;
    top: 2em;
    right: 0;
    z-index: 10;
   
}

/* Social */

#social ul li {
	display: inline;
	margin-right: 1.125rem;
}

#social ul li a {
	width: 3.8rem;
	height: 3.8rem;
	display: inline-block;
	border-radius: 100%;
	background-size: 2.4rem;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#instaLink {
	background: url(../image/iconInstagramWhite.svg);
}

#twitLink {
	background: url(../image/iconTwitterWhite.svg);
}

#faceLink {
	background: url(../image/iconFacebookWhite.svg);
}

#pinLink {
	background: url(../image/iconPinterestWhite.svg);
}

#linkedInLink {
	background: url(../image/iconLinkedinWhite.svg);
}

#tubeLink {
	background: url(../image/iconYoutubeWhite.svg);
}

/* copyright */

#copyright {
   padding: 3rem 0 0 0 !important;
   line-height: 1.63 !important;
}

/* Media Queries */

@media screen and (max-width: 1260px) {
	.innerWidth {
		width: auto;
		margin-left: 3.2rem;
		margin-right: 3.2rem;
	}

	#fR2 .innerFoot div#social {

	}
}

@media screen and (max-width: 1260px) {
	#searchHamburgerButts {
		top: 2.2rem;
	}
	.innerWidth {

	}

	header {
		padding-bottom: 0.5rem;
	}

	#logoRow {
		padding-bottom: 0.75rem;
	}

	#logoRow img {
		width: 16.5rem;
		margin-top: -0.1rem;
	}

	#headerLogo {
		margin-top: 1rem;
	}
    
	header #mainNavRow {
		margin-bottom: .5rem;
	}

	header #mainNavRow ul {
		margin-top: 0.8rem;
		padding-bottom: 0;
	}

    #mainNavRow div ul {
    	width: 100%;
    	margin-right: 20rem;
    }
    
    #mainNavRow div ul li a span {
    	display: block
    }

	#mainNavRow div ul li  {
		display: inline-block;
		line-height: 1.4;
		margin-right: 4.9rem;
	}

	header #mainNavRow ul li a {
		text-align: left;
	}
	
	/* mainNavRow adjustment in conjuction with 
	SP1 in fontsAndColors.css */

	header #mainNavRow ul {
		max-width: 71.6rem;
		display: flex;
	}

	/* End SP1 association */

	/* Search */
	#searchDrop {
		top: 19.6rem;
	}

	#searchDrop.sdClosed {
		-webkit-animation-name: scrollUpS2;
		-webkit-animation-duration: 2s;
		animation-name: scrollUpS2;
		animation-duration: 2s;
		top: 0rem;
	}

	#searchDrop.sdOpen {
		-webkit-animation-name: scrollDownS2;
		-webkit-animation-duration: 2s;
		animation-name: scrollDownS2;
		animation-duration: 2s;
		top: 17rem;
	}
    
    /* menu */
	#megaMenu.mMOpen {
		padding: 3rem 0 1.6rem 0;
		position: absolute;
		z-index: 200;
		-webkit-animation-name: scrollDownD1;
		-webkit-animation-duration: 2s;
		animation-name: scrollDownD1;
		animation-duration: 2s;
		top: 0rem;
		width: 100%;
		}   

	#mmC2 {
		width: 50%;
		margin: 0 5rem;
		padding-top: 1.8rem
	}

	/* footer */
	footer {
		
	}
}

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

@media screen and (max-width: 1100px) {
	#megaMenu ul.menuCards li a {
		padding: 1.4rem;
	}

	#mmC1Box {
		width: 22.2rem;
		border-radius: 6px;
		padding: 2rem 2rem 0 2rem;
	}

	#mmC2 {
		margin: 0 3rem 0 3rem;
	}

	footer {
		padding-bottom: 4rem !important;
		padding-top: 8rem !important;
	}

	footer .innerWidth {
		margin-left: 2rem !important;
		margin-right: 2rem !important;
	}

	#fC1, #fC2, #fC3, #fC4 {
		max-width: 21rem !important;
		margin-right: 2rem;
	}

	#fR1 .innerFoot {
		padding: 0;
	}

	#fR2 .innerFoot div#social {
		position: relative;
		margin-top: 4rem;
	}
}



@media screen and (max-width: 1024px) {
	header .innerWidth {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}

	#megaMenu .innerWidth {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
}

/* First Tablet */

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

	/* header @991 */

	header {
		z-index: unset !important;
	}


    header, header div#hIn1 {
    	height: 10rem;
    }

    header div#hIn1 {
    	z-index: 300 !important;
    	position: relative;
    }


    header div#hIn2 {
    	z-index: 400 !important;
    	position: relative;
    }

    header #mainNavRow {
   		margin-top: 0;
   	}

	header .innerWidth {
	    margin-left: 3.2rem;
	    margin-right: 0rem;
	}

	.innerSearch.innerWidth {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		padding-left: 1.3rem;
		padding-right: 1.3rem;
	}
	
	
	#headerLogo img {
		width: 16rem;
	}

	#firstNav, header #mainNavRow ul{
		display: none
	}

	#mainNavRow .innerWidth {
		position: initial;
		position: unset;
	}
	
	#searchHamburgerButts {
		top: 3rem;
		position: absolute;
	}

	button#searchToggle {
		width: 7.7rem;
		height: 6.9rem;
		border-radius: 0px;
		margin-right: 0rem;
		background-position: center;
		background-size: 4rem;
		border-left: 1px solid #e0e2e9;
		position: absolute;
		top: 0;
		right: 6.8rem;
	}

	button#menuToggle {
		width: 6.9rem;
		height: 6.9rem;
		border-radius: 0px;
		background-position: center;
		background-size: 4rem;
		border-left: 1px solid #e0e2e9;
		margin-left: -0.5rem;
		position: absolute;
		top: 0;
		right: 0;
	}

	button#menuToggle.mtClosed {
		padding-left: 2.9rem;
		background-image: url(../image/iconMenuL.svg);
	}

	button#menuToggle.mtOpen {
		padding-left: 2rem;
		background-image: url(../image/iconClose.svg);
		background-size: 2.6rem;
		background-position: center;
	}
	
	
	/* search @991 includes alt modal treatment vs megaMenu and desktop search */

	#searchDrop {
		background: #fff;
		height: 9.6rem;
		padding: 2.4rem 0 4rem 0;
		position: absolute;
		top: 10rem;
		width: 100%;
		text-align: center;
		z-index: 100;
	}

	#searchDrop.sdClosed {
		-webkit-animation-name: scrollUpS3;
		-webkit-animation-duration: 2s;
		animation-name: scrollUpS3;
		animation-duration: 2s;
		top: -10rem;
	}

	#searchDrop.sdOpen {
		-webkit-animation-name: scrollDownS3;
		-webkit-animation-duration: 2s;
		animation-name: scrollDownS3;
		animation-duration: 2s;
		top: 9.6rem;
	}
	

	/* megaMenu @991 */

	#megaMenuModal.mobModalIn {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		display: block;
	}

	#megaMenuModal.mobModalIn {
		-webkit-animation-name: opacityTo60;
		-webkit-animation-duration: 2s;
		animation-name: opacityTo60;
		animation-duration: 2s;
		opacity: 0.6;
		-moz-opacity: 0.6;
		display: none
	}

	#megaMenuModal.mobModalOut {
		-webkit-animation-name: opacityTo0;
		-webkit-animation-duration: 2s;
		animation-name: opacityTo0;
		animation-duration: 2s;
		opacity: 0;
		-moz-opacity: 0;
		z-index: 10
	}

	#miniModal.preClick, #miniModal.fuIEIn, #miniModal.fuIEOut { /* IE styles declared later but need to be hidden for real browsers */
		display: none;
	}

	#miniModal {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		display: block;background: #000;
	}

	#miniModal.modalIn {
		-webkit-animation-name: opacityTo60;
		-webkit-animation-duration: 2s;
		animation-name: opacityTo60;
		animation-duration: 2s;
		opacity: 0.6;
		-moz-opacity: 0.6;
	}

	#miniModal.modalOut {
		-webkit-animation-name: opacityTo0;
		-webkit-animation-duration: 2s;
		animation-name: opacityTo0;
		animation-duration: 2s;
		opacity: 0;
		-moz-opacity: 0;
		z-index: 10
	}

    #megaMenuModal {
    	z-index: 300 !important;
    }
    
    #megaMenu, #megaMenu *, .innerMenu, #mmC1Box, #mmC2, #mmC2Header, #megaMenu .innerMenu div.mmTopTit, #megaMenu .innerMenu #mmC3 {
    	padding: 0;
    	margin: 0;
    	width: 100%;
    }

    #megaMenu {
    	padding-top: 0rem !important;
    }

	#megaMenu .innerWidth {
		margin-left: 0rem;
		margin-right: 0rem;
	}
    
    #megaMenu .innerMenu ul li  {
		margin: 0;
	}

    #megaMenu.mMOpen, #megaMenu.mMClosed {
    	padding-top: 0rem;
    }

    #mmC1Box {
    	padding-top: 0.2rem;
    }

    #mmC1Box ul {
    	padding-bottom: 1.4rem;
    }

	#mmC1Box ul li ul {
	}

	#mmC1Box ul li ul li {
		margin-bottom: 0.8rem !important;
	}

	#mmC1Box ul li:first-child ul  {
		margin-bottom: 1.3rem !important;
		padding-bottom: 0rem;
	}

	#mmC1Box ul li:nth-child(2) ul {
		margin-bottom: 1rem;
		padding-bottom: 0;
	}

	#mmC1Box ul li:nth-child(3) ul {
		padding-bottom: 0;
		margin-bottom: 0rem
	}

    #mmC2, #mmC3 {
		border-top: 0px none;
	}
	
	#mmC2c1 {
		margin-bottom: -1rem;	
	}

	#mmC2c2 {
		position: relative;
		top: .75rem;
	}

    #megaMenu.mMOpen, #megaMenu.mMClosed{
    	position: fixed;
    	top: 0;
    	width: 35.4rem;
    	z-index: 400; /* the tippy top */
    	min-height: 100%;
    	height: 100%;
    	overflow-y: auto;
    	overflow-x: hidden;
    }

	#megaMenu.mMOpen {
		-webkit-animation-name: animateInRight;
		-webkit-animation-duration: 1.4s;
		animation-name: animateInRight;
		animation-duration: 1.4s;
		right: 0;
	}

	#megaMenu.mMClosed {
		-webkit-animation-name: animateOutRight;
		-webkit-animation-duration: 1.4s;
		animation-name: animateOutRight;
		animation-duration: 1.4s;
		right: -36rem;
	}

	#megaMenu .innerMenu {
		display: block;
	}

	#megaMenu #mobMenuCloseRow {
        height: 7.6rem;
        padding: 2.4rem;
       	position: -moz-sticky;
        position: -webkit-sticky;
        position: sticky;
        top: 0rem;
        z-index: 300;
        width: 35rem;
    }

	#mobMenuCloseRow a {
		width: 14.5rem;
	}

	button#mobMenuClose {
        position: absolute;
		z-index: 410;
		top: 2.4rem;
		right: 1.4rem;
		background-size: 3rem;
		width: 4rem;
		height: 4rem;
		border-radius: 100%;
		border: 0 none;
		background-image: url(../image/iconClose.svg);
		background-size: 3rem;
		background-position: center;
		background-repeat: no-repeat;
	}

	#megaMenu button.mmBack {
		background-image: url(../image/iconChevronLeftBlue.svg);
		background-size: 3rem;
		background-position: 0;
		text-align: left;
		padding-left: 3rem;
		position: absolute;
		top: 1.8rem;
		left: 1.4rem;
	}

	#megaMenu ul li.subSlideHead {
		padding: 0rem 2.4rem 1rem 2.4rem;
	}

    #mmC2c1 ul li, #mmC3 ul li, #mmM1 ul li {
    	padding-bottom: 0.75rem;
    }

    #mmC2 ul {
    	margin-bottom: 2rem;
    }

	#mmC2columns, #mmC3Links, #mmM1Links, #mmM2Links {
		position: fixed;
		top: 7rem;
		right: 0rem;
		width: 35.4rem;
		z-index: 400; 
		min-height: 100%;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 6rem 0 6rem 0;
		display: block;
	}

	#mmM1Links .menuCards {
		margin-top: 1.8rem;
	}

	#mmM2Links li  {
		margin-top: 1rem !important;
	}

	#megaMenu #mmC1 ul li a, #megaMenu #mmC2c1 ul li a, #megaMenu #mmC3 ul li a, #megaMenu .sub1Tit, #megaMenu #mmM1 ul li a, #megaMenu #mmM2 ul li a {
		width: 100%;
		display: inline-block;
		padding: 0.9rem 2.4rem;
	}

	.slideIn {
		display: block;
		-webkit-animation-name: animateInRight;
		-webkit-animation-duration: 1.4s;
		animation-name: animateInRight;
		animation-duration: 1.4s;
		right: 0;

	}

	.hideOut {
		display: none !important;
	}

	#megaMenu .slideOut {
		display: block;
		-webkit-animation-name: animateOutRight;
		-webkit-animation-duration: 1.4s;
		animation-name: animateOutRight;
		animation-duration: 1.4s;
		right: -36rem;
	}

	#megaMenu .mmSubSlidH {
		margin-bottom: 1.6rem !important;
		padding-left: 2.4rem;
	}
    
    #mmC2:before {
    	content: '';
    	display: block;
    	position: relative;
    	width: 30rem;
    	border-top: 1px solid #cbcdd1;
    	left: 2.4rem;
    	margin-bottom: 2.4rem;
    }

	#mmC2 {
		padding-top: 1.4rem;
	}

	#megaMenu .mmTopTit {
		background-image: url(../image/iconChevronRight.svg) !important;
		background-position: 30.5rem 0.9rem;
		background-repeat: no-repeat;
		padding: 1.3rem 2.4rem 1.2rem 2.4rem !important;
	}
    
    #megaMenu ul.menuCards li {
		padding: 0 2.4rem 2rem 2.4rem;
	}
    
	#megaMenu ul.menuCards li a {
		min-width: 100% !important;
	}

    #mobAppLink {
    	padding: 2.4rem;
    	margin-top:  2.4rem;
    }

	#mobAppLink span {
		display: block;
	}

	#mobAppLink span.mADesc {
		padding: 1rem 0 0rem 0;
	}

	#mobAppLink .mALink {
		width: 100%;
		display: block;
		text-align: center;
		border-radius: 10px;
		padding: 1.4rem;
		margin-top: 2rem;
		height: 5rem;
	}

	/* menu controls hidden on desktop */

	.mmBack, .mmSubSlidH, #mobMenuCloseRow, .mmMobOnly, #mobMenuCloseRow a  {
		display: block;
	}	

	/* footer @991 */
    footer {
    	padding-left: 3.2rem !important;
    	padding-right: 3.1rem !important;
    }

    /* footer @ 1100 */
	footer .innerWidth {
    	margin: 0rem !important;
    }
	footer {
		padding: 5rem 4rem 2rem 4rem !important;
		background-size: 47rem !important;
	}

	footer .innerWidth {
		padding-right: 0 !important;
	}

	#fR1 .innerFoot  {
		display: grid;
		gap: 3rem;
		grid-template-columns: repeat(2,2fr);
	}

	#fR1 .innerFoot div {
	    
	}

	#fR1 .innerFoot div:first-child {
		grid-column: 1/2;
		grid-row: 1/2;
	}

	#fR1 .innerFoot div:nth-child(2) {
		grid-column: 1/2;
		grid-row: 2/2;
	}

    #fR1 .innerFoot div:nth-child(3) {
    	grid-column: 2/2;
		grid-row: 1/2;
    }
    #fR1 .innerFoot div:last-child {
    	grid-column: 2/2;
		grid-row: 2/2;
    }

    #footerLogo {
    	margin-top: 4rem;
    }

    #footerLogo img {
    	width: 10rem;
    }

    #fR2 .innerFoot div#social {
    	position: initial;
    	margin-top: 2rem;
    	margin-left: -1rem;
    }

    #fC1, #fC2, #fC3, #fC4 {
		max-width: 28rem !important;
		margin-right: 0rem;
	}

    #copyright {
    	padding: 2rem 0 !important;
    }
    
}



@media screen and (max-width: 767px) {
	#fR1 .innerFoot {
		display: block;
	}

	footer {
		padding: 1.8rem 2.1rem 0.4rem 2.1rem !important;
	}
    
    #fR1 .innerFoot div h2 {
    	background-repeat: no-repeat;
    	background-position: right center;
    	cursor: pointer;
    	margin-bottom: 0;
    	margin-top: 0;
    	padding-top: 1.8rem;
    	padding-bottom: 1.8rem;
    }

    #fR1 .innerFoot #fC3 {
    	margin-bottom: 1.4rem;
    }

    #fR1 #fC1, #fR1 #fC2, #fR1 #fC3 {
    	border-bottom: 1px solid rgba(238, 238, 238, 0.6);
    }

    #fC1, #fC2, #fC3, #fC4 {
		max-width: 100% !important;
		margin-right: 0rem;
	}

	#fC1U, #fC2U, #fC3U {
		margin-top: 1rem;
		padding-bottom: 1rem
	}

	#fC1U li, #fC2U li, #fC3U li {
		margin-bottom: 2.4rem !important
	}

	#fC4 ul {
		margin-top: 3rem !important;
	}

    #fR1 h2.footAccCL {
    	background-image: url(../image/iconPlusWhite.svg);	
    }

    #fR1 h2.footAccOP {
    	background-image: url(../image/iconMinusWhite.svg);
    }	

    #copyright {
    	padding: 2.8rem 0 !important;
    }
}

@media screen and (max-width: 600px) {
	
    header .innerWidth {
    	margin-left: 1.5rem;
    }

    footer {
    	background-size: 80% !important;
    }
}

@media screen and (max-width: 560px), (max-height: 750px) {
	#regionSelector {
		position: absolute;
		width: 100%;
		left: 0;
		margin-left: 0;
		top: 0;
		background: #fff;
		border-radius: 0px;
		height: 100%;
		padding-bottom: 6rem !important;
		overflow-y: scroll;
	}
}

@media screen and (max-width: 396px) {
	.innerSearch.innerWidth {
		
	}

	#searchDrop input[type='search'] {
		max-width: 84%;
	}

	#searchSubmit {
		position: absolute;
		right: 0;
		top: 0.5rem;
		right: 1rem;
		background-size: 5rem;
		display: block;
		z-index: 3000;
		height: 4.75rem;
		background-position: -2px -5px;
	}
	#social ul li {
		margin-right: 1rem;
	}
}

@media screen and (max-width: 374px) {
	div#locationRow div.innerWidth {
		height: 2rem;
	}
	div#locationRow div.location {
		max-width: 50%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: absolute;
		top: 50%;
		height: 1.4rem;
		margin-top: -0.35rem;
		margin-right: 1rem !important;
	}
	div#locationRow button {
		position: absolute;
		right: 2rem;
		top: 50%;
		margin-top: -0.5rem;
		height: 1.4rem;
	}
}

@media screen and (max-width: 360px) {
	header, header div#hIn1 {
		height: 9.35rem;
	}
	#headerLogo img {
		width: 14rem
	}

	#searchHamburgerButts {
		margin-top: 0rem;
	}
    
	button#searchToggle {
		width: 5.9rem;
		height: 6.2rem;
		background-size: 3rem;
		right: 5.9rem;
	}

	button#menuToggle {
		width: 5.9rem;
		height: 6.2rem;
		background-size: 3rem;
	}

    /* megaMenu @360 */

    #mmC2columns, #mmC3Links, #mmM1Links, #mmM2Links, #megaMenu.mMOpen, #megaMenu.mMClosed, #mobMenuCloseRow {
		width: 32rem;
	}

    #megaMenu .mmTopTit {
        background-position: 27rem 1rem;
    }

	/* search */
	#searchDrop input[type='search'] {
		max-width: 82%;
	}

	#searchDrop.sdClosed {
		-webkit-animation-name: scrollUpS4;
		-webkit-animation-duration: 2s;
		animation-name: scrollUpS4;
		animation-duration: 2s;
		top: -8.6rem;
	}

	#searchDrop.sdOpen {
		-webkit-animation-name: scrollDownS4;
		-webkit-animation-duration: 2s;
		animation-name: scrollDownS4;
		animation-duration: 2s;
		top: 8.6rem;
	}
	#social ul li {
		margin-right: .5rem;
	}
}



@media screen and (max-width: 340px) {
	#locationRow .innerWidth {
		background: transparent;
		background-size: 1.5rem;
		padding-left: 0rem;
		background-position: 0 .5rem;
	}

	div#locationRow div.innerWidth div.location {
		max-width: 55%;
	}
}

@media screen and (max-width: 330px) {
    #mmC2columns, #mmC3Links, #mmM1Links, #mmM2Links, #megaMenu.mMOpen, #megaMenu.mMClosed, #mobMenuCloseRow {
		width: 31rem;
	}
}

/* animations */

@keyframes animateInRight {
	from { right:-36rem; }
	to { right:0; }
}

@keyframes animateInRightM {
	from { right:-36rem; }
	to { right:0; }
}

@keyframes animateOutRight {
	from { right:0; }
	to { right:-36rem; }
}

@keyframes animateOutRightM {
	from { right:0; }
	to { right:-36rem; }
}

@keyframes scrollDownD1 {
	from { top:-36rem; }
	to { top:0rem; }
}

@keyframes scrollDownD2 {
	from { top:-36rem; }
	to { top:17rem; }
}

@keyframes scrollDownS1 {
	from { top: 7rem}
	to {top: 16.4rem}
}

@keyframes scrollDownS2 {
	from { top: 7rem}
	to {top: 17rem}
}

@keyframes scrollDownS3 {
	from { top: 0rem}
	to {top: 9.6rem}
}

@keyframes scrollDownS4 {
	from { top: 0rem}
	to {top: 8.6rem}
}

@keyframes scrollUpD1 {
	from { top:0rem; }
	to { top:-36rem; }
}

@keyframes scrollUpD2 {
	from { top:17rem; }
	to { top:-36rem; }
}

@keyframes scrollUpS1 {
	from {top:16.4rem}
	to {top:0}
}

@keyframes scrollUpS2 {
	from {top:17rem}
	to {top:0}
}

@keyframes scrollUpS3 {
	from {top:9.6rem}
	to {top:0}
}

@keyframes scrollUpS4 {
	from {top:8.6rem}
	to {top:-2rem}
}

@keyframes opacityTo60 {
	from { opacity: 0; -moz-opacity: 0; }
	to {opacity: 0.6; -moz-opacity: 0.6; }
}

@keyframes opacityTo0 {
	from { opacity: 0.6; -moz-opacity: 0.6; }
	to {opacity: 0; -moz-opacity: 0; }
}


	/* IE10-11 Compatibility below */



	@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		/* sticky footer flexbox solution doesn't work in IE10/11 so will need 
		padding/negative-margin overrides once height of footer can be determined */

		body {
			display: flex !important;
			height: 100%;
			flex-direction: column;
		}

		#nemoursContainer {
			display: block;
		}
	}

	/* IE-10/11 @ <=1100px */

	@media screen and (max-width: 1100px) and (min-width: 769px) and (-ms-high-contrast: none), screen and (max-width: 1100px) and (min-width: 769px) and (-ms-high-contrast: active) {
	/* Grid overrides for IE11 */

	#fR1 .innerFoot  {
		display: -ms-grid;
		display: grid;
		grid-gap: 10px;
		-ms-grid-rows: 25rem 3rem 25rem;
		-ms-grid-columns: 1fr 2rem 1fr;
		grid-template:
		   "a   b" 25rem
		   "c   d" 25rem /
		   1fr  1fr;
	}

	#fR1 .innerFoot div {

	}

	#fR1 .innerFoot div:first-child {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: a;
	}

	#fR1 .innerFoot div:nth-child(2) {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
		grid-area: b;
	}

	#fR1 .innerFoot div:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		grid-area: c;
	}
	#fR1 .innerFoot div:last-child {
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		grid-area: d;
	}

	#fR2 .innerFoot div#social {
		top: 0rem;
	}

}

/* IE10-11 overrides @ <=991px */

	@media screen and (-ms-high-contrast: none) and (max-width: 991px), screen and (-ms-high-contrast: active) and (max-width: 991px) {


		header {
			z-index: initial;
		}

		#mobMenuCloseRow {
	        position: relative;
	    }

		#searchHamburgerButts {
			top: -6.8rem;
			position: absolute;

		}

		body header div#hIn1 {
	        z-index: inherit;
	        position: relative;
	    }

	    body header div#hIn2 {
	        z-index: 400;
	        top: 0rem;
	        right: 0;
	    }

	   	#miniModal.fuIEIn {
	   		display: block;
	   		width: 100%;
	   		height: 101%;
	   		position: absolute;
	   		top: 0;
	   		left: 0;
	   		-webkit-animation-name: opacityTo60;
			-webkit-animation-duration: 2s;
			animation-name: opacityTo60;
			animation-duration: 2s;
			opacity: 0.6;
			-moz-opacity: 0.6;
	   	}

	   	#miniModal.fuIEOut {
	   		display: block;
	   		width: 100%;
	   		height: 101%;
	   		position: absolute;
	   		top: 0;
	   		left: 0;
	   		-webkit-animation-name: opacityTo0;
			-webkit-animation-duration: 2s;
			animation-name: opacityTo0;
			animation-duration: 2s;
			opacity: 0;
			-moz-opacity: 0;
	   	}

	    body #megaMenuModal {
	        z-index: 200 !important;
	    }
	}

/* IE10-11 @ <= 360px */

@media screen and (-ms-high-contrast: none) and (max-width: 360px), screen and (-ms-high-contrast: active) and (max-width: 360px) {
	/* sticky footer flexbox solution doesn't work in IE10/11 so will need 
	padding/negative-margin overrides once height of footer can be determined */

	#nemaoursContainer {
		display: block;
	}

	#searchHamburgerButts {
		top: -6.275rem;
		position: absolute;
	}

}


/*content Style Css */
/*                                                                                                
hr {
	border: 3px solid #0d3f6b;
	width: 9.6rem;
    margin: 6.4rem auto;
}*/
hr.midBlock{
	border: 3px solid #0d3f6b;
	width: 9.6rem;
    margin: 6.4rem auto;
}

/*--------------*/
/*Rest Style Css */
/*----------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	-ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	min-width: 30.4rem; /* slightly smaller than iphone SE, smallest supported, (allowance for scrollbar) */
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

.container table {
   font-family: Montserrat, sans-serif;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

* {
	box-sizing: border-box;
	background-repeat: no-repeat;
}

a, button {
	cursor: pointer;
}

/* End Reset */

html { /* prevent shift when scrollbar comes and goes 
	margin-right: calc(-1 * (100vw - 100%));*/
	overflow-y: scroll;
}

/*-----------------*/
/*shrunkenHead.css*/
/*----------------*/

body.mouseUser header.shrunkenHead #locationRow,
body.mouseUser header.shrunkenHead #firstNav, body.mouseUser header.shrunkenHeaded #locationRow,
body.mouseUser header.shrunkenHeaded #firstNav {
    display: none;
}

body.mouseUser header.shrunkenHead, body.mouseUser header.shrunkenHeaded {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 18%);
    border-bottom: 1px solid #e0e2e9;
    height: 7.6rem;
}

body.mouseUser header.shrunkenHead #hIn1, body.mouseUser header.shrunkenHeaded #hIn1 {
    height: 7.6rem;
}

body.mouseUser header.shrunkenHead #headerLogo img, body.mouseUser header.shrunkenHeaded #headerLogo img {
    width: 16.5rem;
    position: absolute;
    top: 1.6rem
}

body.mouseUser header.shrunkenHead #searchHamburgerButts, body.mouseUser header.shrunkenHeaded #searchHamburgerButts {
    top: -1.8rem;
}

body.mouseUser header.shrunkenHead #searchHamburgerButts #menuToggle, body.mouseUser header.shrunkenHeaded #searchHamburgerButts #menuToggle {
    padding-top: 0;
}

body.mouseUser header.shrunkenHead button#searchToggle, body.mouseUser header.shrunkenHeaded button#searchToggle {
    font-size: 0;
    width: 3rem;
    margin-top: -1rem !important;
    position: relative;
    top: -0.4rem;
    padding-right: 1.5rem;
    right: -0.2rem;
}

body.mouseUser header.shrunkenHead #mainNavRow ul, body.mouseUser header.shrunkenHeaded #mainNavRow ul {
    position: absolute;
    top: -1rem;
    left: 20rem;
}

body.mouseUser header.shrunkenHead #mainNavRow ul li a, body.mouseUser header.shrunkenHeaded #mainNavRow ul li a {
    font-size: 1.4rem;
}

/* mega menu adjustments */

body.mouseUser header.shrunkenHead #megaMenu.mMClosed, body.mouseUser header.shrunkenHeaded #megaMenu.mMClosed {
    -webkit-animation-name: scrollUpShrunk1;
    -webkit-animation-duration: 2s;
    animation-name: scrollUpShrunk1;
    animation-duration: 2s;
    top: -36rem;
}

body.mouseUser header.shrunkenHead #megaMenu.mMOpen, body.mouseUser header.shrunkenHeaded #megaMenu.mMOpen {
    -webkit-animation-name: scrollDownShrunk1;
    -webkit-animation-duration: 2s;
    animation-name: scrollDownShrunk1;
    animation-duration: 2s;
    top: 0rem;
}

@keyframes scrollUpShrunk1 {
    from { top:0rem; }
    to { top:-36rem; }
}

@keyframes scrollDownShrunk1 {
    from { top:-36rem; }
    to { top:0rem; }
}


/* underlying page padding adjustments due to shift of position: fixed */
body.mouseUser.shrunkenBody main, body.mouseUser.shrunkenBodied main {
    padding-top: 16.9rem;
}

@media screen and (max-width: 1260px) {
    body.mouseUser header.shrunkenHead #mainNavRow ul, body.mouseUser header.shrunkenHeaded #mainNavRow ul {
        top: -1.675rem;
        width: 54rem;
    }

    body.mouseUser header.shrunkenHead #mainNavRow ul li, body.mouseUser header.shrunkenHeaded #mainNavRow ul li {
        margin-right: 2.8rem;
    }

    body.mouseUser header.shrunkenHead #searchHamburgerButts, body.mouseUser header.shrunkenHeaded #searchHamburgerButts {
        top: -0.75rem;
    }
}

@media screen and (max-width: 991px) {
    body.mouseUser.shrunkenBody main, body.mouseUser.shrunkenBodied main {
        padding-top: 10rem;
    }

    body.mouseUser header.shrunkenHead, body.mouseUser header.shrunkenHeaded {
        position: fixed;
        top: 0;
        width: 100%;
        box-shadow: 0 3px 12px 0 rgb(0 0 0 / 18%);
        border-bottom: 1px solid #e0e2e9;
        height: 7.1rem;
        z-index: 300;
    }

    body.mouseUser header.shrunkenHeaded div#hIn1 {
        z-index: 100;
        position: relative;
    }

    body.mouseUser header.shrunkenHeaded div#hIn2 {
        z-index: 400;
        position: absolute;
        height: 100vh;
        top: 0rem;
        right: 0;
    }

    body.shrunkenBodied #megaMenuModal {
        z-index: 300 !important;
    }

    body.mouseUser header.shrunkenHead #hIn1, body.mouseUser header.shrunkenHeaded #hIn1 {
        height: 7rem;
    }

    body.mouseUser header.shrunkenHead #headerLogo img, body.mouseUser header.shrunkenHeaded #headerLogo img {
        width: 16rem;
    }

    body.mouseUser header.shrunkenHead #searchHamburgerButts, body.mouseUser header.shrunkenHeaded #searchHamburgerButts {
        top: 0rem;
    }

    body.mouseUser header.shrunkenHead #searchHamburgerButts #menuToggle, body.mouseUser header.shrunkenHeaded #searchHamburgerButts #menuToggle {
        padding-top: 0;
    }

    body.mouseUser header.shrunkenHead button#searchToggle, body.mouseUser header.shrunkenHeaded button#searchToggle {
        font-size: 0;
        width: 7.7rem;
        margin-top: 0.4rem !important;
        position: relative;
        right: 6.8rem;
    }

    body.mouseUser header.shrunkenHead #megaMenu.mMClosed, body.mouseUser header.shrunkenHeaded #megaMenu.mMClosed {
        -webkit-animation-name: animateOutRight;
        -webkit-animation-duration: 2s;
        animation-name: animateOutRight;
        animation-duration: 2s;
        top: 0rem;
    }

    body.mouseUser header.shrunkenHead #megaMenu.mMOpen, body.mouseUser header.shrunkenHeaded #megaMenu.mMOpen {
        -webkit-animation-name: animateInRight;
        -webkit-animation-duration: 2s;
        animation-name: animateInRight;
        animation-duration: 2s;
        top: 0rem;
    }

    
}

    /* IE10-11 */

    @media screen and (-ms-high-contrast: none) and (max-width: 991px), screen and (-ms-high-contrast: active) and (max-width: 991px) {
        /* sticky footer flexbox solution doesn't work in IE10/11 so will need 
        padding/negative-margin overrides once height of footer can be determined */

        header {
        
        }
        body.mouseUser header.shrunkenHead #searchHamburgerButts, body.mouseUser header.shrunkenHeaded #searchHamburgerButts {
            top: -2.75rem;
            position: absolute;
        }
        main {
            
        }
        footer {
            
        }
    }

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

    body.mouseUser.shrunkenBody main, body.mouseUser.shrunkenBodied main {
        padding-top: 9.2rem;
    }

    body.mouseUser header.shrunkenHead, body.mouseUser header.shrunkenHeaded {
        height: 6.3rem;
    }

    body.mouseUser header.shrunkenHead #hIn1, body.mouseUser header.shrunkenHeaded #hIn1 {
        height: 6.3rem;
    }

    body.mouseUser header.shrunkenHead #headerLogo img, body.mouseUser header.shrunkenHeaded #headerLogo img {
        width: 14rem;
        top: 1.4rem;
    }

    body.mouseUser header.shrunkenHead #searchHamburgerButts, body.mouseUser header.shrunkenHeaded #searchHamburgerButts {
        right: 0.1rem
    }

    body.mouseUser header.shrunkenHead #searchHamburgerButts #menuToggle, body.mouseUser header.shrunkenHeaded #searchHamburgerButts #menuToggle {
        padding-top: 0;
        width: 5.8rem;
    }

    body.mouseUser header.shrunkenHead button#searchToggle, body.mouseUser header.shrunkenHeaded button#searchToggle {
        font-size: 0;
        width: 5.8rem;
        margin-top: 0.4rem !important;
        position: relative;
        right: 5.9rem;
    }
}

    /* IE10-11 */

    @media screen and (-ms-high-contrast: none) and (max-width: 360px), screen and (-ms-high-contrast: active) and (max-width: 360px) {
        /* sticky footer flexbox solution doesn't work in IE10/11 so will need 
        padding/negative-margin overrides once height of footer can be determined */

        body.mouseUser header.shrunkenHead #searchHamburgerButts, body.mouseUser header.shrunkenHeaded #searchHamburgerButts {
            top: -2.75rem;
            position: absolute;
        }
    }
    
  img[src*="/icons/make-an-appointment.png"] {
    display: none;
    }