/*!* DM Team - Stickynav Component v2.2 */
/*
    v2.2 Implemented horizontal navigation functionality
    v2.1 Stickynav visual updates for mobile breakpoint
    v2.0 Stickynav visual updates
    v1.29 Style changes to support Async JS changes
    v1.28 Rolling back Sticky masthead updates
    v1.27 Bug fixes for the issue caused by typography update
    v1.26 Made stickynav compatible with the sticky masthead
    v1.25 Fixed the nav item alignment issue in IE
    v1.24 Fixed the new grids issue for LUH margin
    v1.23 Preserved the 1440px width for old grids
    v1.22 Bug fixes for new grids
    v1.21 Added overrides for new grids
    v1.20 Fixed the new grid 1600 page bed width issue
    v1.19 Fixed the width issue on becoming sticky
    v1.18 Fixed the RTL issue with the lis
    v1.17 Fixed the issue z-index wrt LUH and anchor info
    v1.16 Fixed the underline issue for the anchor
    v1.15 Fixed the padding issue
    v1.14 Updated with 'dmr' typography
    v1.13 Fixed the left padding issue in mobile breakpoint
    v1.12 Fixed the margin issue with the typography update
    v1.11 Fixed the z-index issue
    v1.10 Fixed the alignment issue for the partner LUH in edit mode
    v1.9 Updated the styles for partner LUH
    v1.8 Increased the specificity for animation class
    v1.7 Added the fadeIn animation code
    v1.6 RTL Bug fixes
    v1.5 Updated with RTL code
    v1.4 Bug fixes and Enhancements
    v1.3 Bug fixes and Enhancements
    v1.2 Extended the bottom border to blowout and fixed the ContactUs alignmnet issue
    v1.1 Updated the ContactUs title color
    v1.0 Initial check-in
*/

/* X-SMALL = 480px */
@media only screen and (min-width: 30em) {}

/* SMALL = 600px */
@media only screen and (min-width: 37.5em) {}

/* MEDIUM = 768px */
@media only screen and (min-width: 48em) {}

/* LARGE = 960px */
@media only screen and (min-width: 60em) {}

/* X-LARGE = 1024px + */
@media only screen and (min-width: 64em) {}

/* BASE */
.container.grid .row.blowout.stickynav-ab {
    border-bottom: 1px solid #CCC;
    margin: auto;
    max-width: 1600px;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}
.container.grid .row.blowout.stickynav-ab.sticky {
    background-color: #fff;
    border: none;
    box-shadow: 0 3px 2px -3px #999999;
    left: 50%;
    max-width: 1600px;
    position: fixed;
    top: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 3;
}
.container.grid .row.stickynav-ab .col {
    margin: 0;
    width: 100%;
}
.container.grid .stickynav-ab + .stickynav-spacer {
    height: 55px;
    display: none;
}
.container.grid .stickynav-ab.sticky + .stickynav-spacer {
    display: block;
}
.dmh-inpage-nav,
.dmh-inpage-nav * {
    box-sizing: border-box;
}
.dmh-inpage-nav {
    height: 54px;
    opacity: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
.dmh-inpage-nav .nav-container {
    border-right: 1px solid #CCC;
    height: 54px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
.dmh-inpage-nav .nav-container ul {
    background-color: #fff;
    height: 74px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    position: relative;
    width: 100%;
}
.dmh-inpage-nav .nav-container ul li {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 30px;
}
.dmh-inpage-nav .nav-container ul li:last-child {
    padding: 0 30px;
}
.dmh-inpage-nav .nav-container ul li a {
    cursor: pointer;
    display: inline-block;
    font-weight: 100;
    margin: 0;
    padding: 17px 0;
    text-decoration: none;
}
.dmh-inpage-nav .nav-container ul li a,
.dmh-inpage-nav .nav-container ul li a:hover {
    color: #4d4c4c;
}
.dmh-inpage-nav:not(.dmr) .nav-container ul li a {
    line-height: 1.25em;
}
.dmh-inpage-nav .nav-container ul li.active a {
    border-bottom: 5px solid #005073;
    font-weight: 400;
    padding: 17px 0 12px;
}
.dmh-inpage-nav .nav-container .nav-arrows {
    display: none;
}
.dmh-inpage-nav .nav-container.show-arrows .nav-arrows {
    display: block;
}
.dmh-inpage-nav .nav-container .nav-arrows a {
    height: 54px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 1;
}
.dmh-inpage-nav .nav-container .nav-arrows a.hide {
    display: none;
}
.dmh-inpage-nav .nav-container .nav-arrows a.prev {
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.75) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.75) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.75) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    left: 0;
}
.dmh-inpage-nav .nav-container .nav-arrows a.next {
    background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.75) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.75) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.75) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    right: 0;
}
.dmh-inpage-nav .nav-container .nav-arrows a::after {
    background: url(/etc/designs/cdc/dmr/icons/stickynav-icons.svg) no-repeat;
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    top: 20px;
    width: 16px;
}
.dmh-inpage-nav .nav-container .nav-arrows a.prev::after {
    left: 2px;
    transform: rotateZ(-90deg);
}
.dmh-inpage-nav .nav-container .nav-arrows a.next::after {
    right: 2px;
    transform: rotateZ(90deg);
}
.dmh-inpage-nav .dmc-letushelp-eot,
.dmh-inpage-nav .dmc-letushelp-eot-partner {
    background: none;
    height: 54px;
    margin: 0;
    min-width: 81px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.container.grid .stickynav-ab .dmh-inpage-nav .dmc-letushelp-eot.base-blowout,
.container.grid .stickynav-ab .dmh-inpage-nav .dmc-letushelp-eot-partner.base-blowout {
    margin: 0;
}
.dmh-inpage-nav .dmc-letushelp-eot h3,
.dmh-inpage-nav .dmc-letushelp-eot-partner h3 {
    cursor: pointer;
    margin: 0;
}
.dmh-inpage-nav .dmc-letushelp-eot.open h3,
.dmh-inpage-nav .dmc-letushelp-eot-partner.open h3 {
    line-height: 1.8em;
    padding: 0;
    text-indent: -9999px;
}
.dmh-inpage-nav .dmc-letushelp-eot h3 a,
.dmh-inpage-nav .dmc-letushelp-eot-partner h3 a {
    width: 80px;
    position: relative;
    color: #4d4c4c;
    font-size: 0;
    line-height: 0;
    height: 54px;
}
.dmh-inpage-nav .dmc-letushelp-eot span.icon,
.dmh-inpage-nav .dmc-letushelp-eot span.arrow,
.dmh-inpage-nav .dmc-letushelp-eot-partner span.icon,
.dmh-inpage-nav .dmc-letushelp-eot-partner span.arrow {
    background: url("/etc/designs/cdc/dmr/icons/stickynav-icons.svg") no-repeat;
    display: inline-block;
}
.dmh-inpage-nav .dmc-letushelp-eot span.arrow,
.dmh-inpage-nav .dmc-letushelp-eot-partner span.arrow {
    background-position: 0 -10px;
    height: 12px;
    position: absolute;
    right: 13px;
    top: 20px;
    width: 16px;
}
.dmh-inpage-nav .dmc-letushelp-eot.open span.arrow,
.dmh-inpage-nav .dmc-letushelp-eot-partner.open span.arrow {
    background-position: 0 0;
}
.dmh-inpage-nav .dmc-letushelp-eot span.arrow,
.dmh-inpage-nav .dmc-letushelp-eot-partner span.arrow {
    display: block;
}
.dmh-inpage-nav .dmc-letushelp-eot span.icon,
.dmh-inpage-nav .dmc-letushelp-eot-partner span.icon {
    background-position: 0 -23px;
    height: 20px;
    left: 23px;
    position: absolute;
    top: 17px;
    width: 22px;
}
.dmh-inpage-nav .dmc-letushelp-eot ul,
.dmh-inpage-nav .dmc-letushelp-eot-partner ul {
    background-color: #fff;
    box-shadow: 0 3px 2px -1px #999;
    display: none;
    padding: 23px 16px 0;
    position: absolute;
    right: 0;
    top: 55px;
}
.dmh-inpage-nav .dmc-letushelp-eot ul li,
.dmh-inpage-nav .dmc-letushelp-eot-partner ul li {
    display: block;
    font-weight: 100;
    margin-bottom: 16px;
    white-space: nowrap;
}
.dmh-inpage-nav .dmc-letushelp-eot ul li a,
.dmh-inpage-nav .dmc-letushelp-eot-partner ul li a {
    display: inline;
    font-weight: 100;
}

/* Code for fadeIn animation */
@-webkit-keyframes stickynav-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes stickynav-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes stickynav-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes stickynav-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.stickynav-ab .dmh-inpage-nav.stickynav-fadeIn {
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: stickynav-fadeIn;
    -moz-animation-name: stickynav-fadeIn;
    -o-animation-name: stickynav-fadeIn;
    animation-name: stickynav-fadeIn;
    -webkit-animation-delay: 400ms;
    -moz-animation-delay: 400ms;
    -o-animation-delay: 400ms;
    animation-delay: 400ms;
}

/* Code for RTL */
html[dir='rtl'] .dmh-inpage-nav .nav-container {
    border: none;
    border-left: 1px solid #CCC;
}
html[dir='rtl'] .dmh-inpage-nav .nav-container ul li {
    margin: 0;
    padding: 0 30px 0 0;
}
html[dir='rtl'] .dmh-inpage-nav .nav-container ul li:last-child {
    padding: 0 30px;
}
html[dir='rtl'] .dmh-inpage-nav .nav-container span.arrow {
    float: left;
}
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot,
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner {
    left: 0;
    right: auto;
}
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot ul,
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner ul {
    left: 0;
    right: auto;
}
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot span.icon,
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner span.icon,
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot.open span.icon,
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner.open span.icon {
    left: auto;
    right: 23px;
}
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot span.arrow,
html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner span.arrow {
    left: 13px;
    right: auto;
}

/* SMALL = 600px */
@media only screen and (min-width: 37.5em) {
    .dmh-inpage-nav .nav-container {
        border: none;
    }
    .dmh-inpage-nav .nav-container.show-arrows {
        border-right: 1px solid #CCC;
    }
    .dmh-inpage-nav .dmc-letushelp-eot,
    .dmh-inpage-nav .dmc-letushelp-eot-partner,
    .dmh-inpage-nav .dmc-letushelp-eot.open,
    .dmh-inpage-nav .dmc-letushelp-eot-partner.open {
        padding: 0;
    }
    .dmh-inpage-nav .dmc-letushelp-eot h3,
    .dmh-inpage-nav .dmc-letushelp-eot-partner h3,
    .dmh-inpage-nav .dmc-letushelp-eot.open h3,
    .dmh-inpage-nav .dmc-letushelp-eot-partner.open h3 {
        font-size: 16px;
        line-height: 1.25em;
        padding: 15px 18px 15px 25px;
        text-align: left;
    }
    .dmh-inpage-nav .dmc-letushelp-eot.open h3,
    .dmh-inpage-nav .dmc-letushelp-eot-partner.open h3 {
        text-indent: 0;
    }
    .dmh-inpage-nav .dmc-letushelp-eot h3 a,
    .dmh-inpage-nav .dmc-letushelp-eot-partner h3 a {
        width: auto;
        padding: 0;
        font-size: 16px;
        line-height: 1.5em;
        height:auto;
    }
    .dmh-inpage-nav .dmc-letushelp-eot h3,
    .dmh-inpage-nav .dmc-letushelp-eot-partner h3,
    .dmh-inpage-nav .dmc-letushelp-eot.open h3,
    .dmh-inpage-nav .dmc-letushelp-eot-partner.open h3,
    .dmh-inpage-nav .dmc-letushelp-eot span.icon,
    .dmh-inpage-nav .dmc-letushelp-eot-partner span.icon {
        display: inline-block;
    }
    .dmh-inpage-nav .dmc-letushelp-eot span.icon,
    .dmh-inpage-nav .dmc-letushelp-eot-partner span.icon,
    .dmh-inpage-nav .dmc-letushelp-eot.open span.icon,
    .dmh-inpage-nav .dmc-letushelp-eot-partner.open span.icon {
        background-position: 0 -23px;
        margin: 0 10px -5px 0;
        position: relative;
        top:auto;
        left: auto;
        width: 22px;
        height: 20px;
    }
    .dmh-inpage-nav .dmc-letushelp-eot span.arrow,
    .dmh-inpage-nav .dmc-letushelp-eot-partner span.arrow {
        display: inline-block;
        margin: 0 0 0 10px;
        background-color: transparent;
        position: relative;
        top: 1px;
        right: auto;
    }
	.dmh-inpage-nav .dmc-letushelp-eot ul,
	.dmh-inpage-nav .dmc-letushelp-eot-partner ul {
		padding: 23px 18px 0;
	}

    /* Code for RTL */
    html[dir='rtl'] .dmh-inpage-nav .nav-container {
        border: none;
    }
    html[dir='rtl'] .dmh-inpage-nav .nav-container.show-arrows {
        border: none;
        border-left: 1px solid #CCC;
    }
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot h3,
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner h3,
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot.open h3,
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner.open h3 {
        text-align: right;
        padding: 15px 25px 15px 18px
    }
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot span.icon,
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner span.icon,
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot.open span.icon,
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner.open span.icon {
        margin: 0 0 -5px 10px;
        right: auto;
    }
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot span.arrow,
    html[dir='rtl'] .dmh-inpage-nav .dmc-letushelp-eot-partner span.arrow {
        display: inline-block;
        margin: 0 10px 0 0;
        right: auto;
        left: auto;
    }
}

/* MEDIUM = 768px */
@media only screen and (min-width: 48em) {
    .dmh-inpage-nav .nav-container ul li a {
        padding: 14px 0;
    }
    .dmh-inpage-nav .nav-container ul li.active a {
        padding: 14px 0 9px;
    }
    .dmh-inpage-nav .dmc-letushelp-eot h3 a,
    .dmh-inpage-nav .dmc-letushelp-eot-partner h3 a {
        font-size: 18px;
        line-height: 1.44em;
    }
}

/* X-LARGE = 1024px + */
@media only screen and (min-width: 64em) {
    .dmh-inpage-nav .dmc-letushelp-eot h3,
    .dmh-inpage-nav .dmc-letushelp-eot-partner h3,
    .dmh-inpage-nav .dmc-letushelp-eot.open h3,
    .dmh-inpage-nav .dmc-letushelp-eot-partner.open h3 {
        padding: 15px 20px 15px 25px
    }
	.dmh-inpage-nav .dmc-letushelp-eot ul,
	.dmh-inpage-nav .dmc-letushelp-eot-partner ul {
		padding: 23px 20px 0;
	}
}

/* transform: VENTI, width: 1280px + */
@media only screen and (min-width: 80em) {
    .dmh-inpage-nav .nav-container ul li:first-child {
        padding: 0;
    }
    /* RTL Styles */
    html[dir='rtl'] .dmh-inpage-nav .nav-container ul li:first-child {
        padding: 0;
    }
}