@charset "utf-8";
/* CSS Document */

body
{
    font-family: var(--base-font-family);
    font-size: var(--base-paragraph-size);
    color: var(--text-color);
    counter-reset: page;
}
header {
    background-color: #fff;
    width: 100%;
    padding: 1rem;
    border-bottom: #ccc 0.5px solid;
}
header .row {
    max-width: 98rem;
}
main {
    display: inherit;
}
h1 {
    font-family: var(--base-header-font-family); /* Mobile size. Desktop set in media query */
    font-size: var(--h1-mobile-font-size); /* Mobile size. Desktop set in media query */
    font-weight: var(--h1-mobile-font-weight); /* Mobile size. Desktop set in media query */
    line-height: var(--h1-mobile-line-height); /* Mobile size. Desktop set in media query */
}
h2 {
    font-family: var(--base-header-font-family); 
    font-size: var(--h2-mobile-font-size); /* Mobile size. Desktop set in media query */
    font-weight: var(--h2-mobile-font-weight); /* Mobile size. Desktop set in media query */
    line-height: var(--h2-mobile-line-height); /* Mobile size. Desktop set in media query */
}
h3 {
    font-family: var(--base-header-font-family); 
    font-size: var(--h3-mobile-font-size); /* Mobile size. Desktop set in media query */
    font-weight: var(--h3-mobile-font-weight);
    line-height: var(--h3-mobile-line-height); /* Mobile size. Desktop set in media query */
}
h4 {
    font-family: var(--base-header-font-family); 
    font-size: var(--h4-mobile-font-size); /* Mobile size. Desktop set in media query */
    font-weight: var(--h4-mobile-font-weight);
    line-height: var(--h4-mobile-line-height); /* Mobile size. Desktop set in media query */
}
p  {
    font-family: var(--base-font-family);
    font-size: var(--base-paragraph-size);
    font-weight: var(--base-font-weight);
    line-height: var(--base-paragraph-line-height);
    color: var(--text-color);
}
.previewModeLcat {
    margin-bottom: 2rem;
}
.autoModal {
    top:10rem !important;
}
.ed,.flu {display: none; color: #595959;}
/*.lu {display: none;}*/
.loading-page-status {
    width: 100%;
    height: 100%;
}
.hero-section3 .row {
    min-width: 100%;
}
.pdf-print-container .linkList1 {
    display: flex;
    align-items: baseline;
}
#pdf-download::before {
    content: ' \f019';
    font-size: 1rem;
    font-weight: 400;
    font-family: "Font Awesome 6 Pro";
    color: var(--text-color);
    padding-left: 0.5rem;
    padding-right: 0.2rem;
}
#archives-footer-link {
    display: none;
}
.headerStick {
    background-color: #fff;
    width: 100%;
    z-index: 12;
    top: 0;
    position: fixed;
    padding: .5rem;
    height: 5rem;
 
}
.prm-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerStick .prm-header-wrapper a img {
    width: 10rem;
    transition: all 0.3s ease;
}
.prm-header-wrapper a img {
    width: 15rem;
    transition: all 0.3s ease;
}
.prm-header-wrapper div {
    padding-right: 1rem;
}
.close-search {
    display: flex;
    justify-content: flex-end;
    padding-right: 10rem;
    position: relative;
    z-index: 13;
}
.resultSetBg {
    background: #fff;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .75;
    z-index: 12;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.search-bar {
    display: flex;
    padding: 1rem;
    width: 55%;
}
.krsc {
    font-weight: bold;
    margin-top: 2rem;
}
.pagination {
    display: flex;
    margin-top: 3rem;
    margin-bottom: 5rem;
}
.pagination.active {
    text-decoration: underline;
    font-weight: bold;
}
a h2, a h3 {
    color: var(--primary-color);
}
.result-item {
    padding: .5rem;
}
.result-item:hover {
    background: #3a60ff0a;
    padding: .5rem;
}
.sf {
    flex-grow:1;
}
.sb {
    background: var(--primary-color);
    padding: 1rem;
    color: #fff;
}
.sb-mobile {
    color:var(--primary-color);
    padding-bottom: .5rem;
}
.sbkrp {
    background: var(--primary-color);
    padding: .5rem;
    color: #fff;
    margin-left: 4rem;
    border-radius: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: bold; 
}
.k-search-bar {
    padding: unset;
}
.ksf {
    margin: unset;
    border-radius: 0;
}
.ksf:focus { 
    border: var(--primary-color) 1px solid;
}
.esk {
    color:red;
}
.cks {
    padding: 1rem 1rem 0 1rem;
    color:#595959;
}
.search-result-container {
    width: 100%;
    height: auto;
}
.resultContainer {
    margin-top: 4rem;
}
.logo-link-container {
    display: flex;
    align-items: baseline;
    color:#003140;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.08px;
    flex-grow: 1;
}
.logo {
    /*border-right: solid 1px #000;*/
    margin-right: 0.5rem;
    flex-grow: .2;
}
.manual-menu, .state-menu {
    text-decoration: none;
}
.manual-menu::after {
    content: ' \f107';
    font-weight: 400;
    font-family: "font awesome 6 pro";
}
.manual-menu-list, .states-menu-list {
    top: 1rem;
    z-index: 15;
    padding: 1rem;
    display: none;
    overflow: scroll;
    background: #fff;
    max-height: 21rem;
    position: absolute;
    text-align: left;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.1);
}
#Advantage-Network-Fee-Schedules {
    display: none;
}
.menuHeading, .selectManual:nth-child(5n) {
    border-bottom: 1px solid #595959;
    padding-bottom: 0.5rem;
}
.selectManual a, .selectState a {
    text-decoration: none;
    font-size: var(--base-paragraph-size);
}
.selectState {
    text-align: left;
}
.selectManual, .selectState, .manuals-mobile, .prevManual {
    padding-top: 0.2rem;
    padding-left: 1rem;
    padding-bottom: 0.2rem;
}
.close-search, .resultSetBg, .resultSet, .model {
    display: none;
}
.resultSet {
    left: 0;
    right: 0;
    z-index: 14;
    top: 6.3rem;
    width: 100%;
    margin: 0 auto;
    display: none;
    background: #fafafa;
    justify-content: center;
    align-items: center;
    position: absolute;
/*    webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 37%);*/
}
.highlight {
    font-weight: bold;
}
.paragraphFootnoteContainer {
    margin: unset;
    color:#595959;
}
.headingTitle {
    padding-top: 3.5rem;
    display: flex;
    align-items: center;
}
.headingTitle i {
    font-size: 1.5em;
    margin-right: 1rem;
}
.top-bar {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 2.6rem 0 2rem 0;
    flex-wrap: wrap;
}
 .tocContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #595959;
}
.tocContent:last-child, .recent_viewed.tocContent {
    border-bottom: none;
}
.recent_viewed {
    background: #F4F4F4;
    padding-left: 0; 
    padding-right: 0;
    padding-bottom: 2rem;
}
.rlc:nth-child(odd) a {
    padding-left:6.5rem;
}
.rlc:nth-child(even) a {
     padding-left: 1.2rem;
}
.recent_view_heading {
    background: #F4F4F4;
    /*border-top: 1px solid #ccc;*/
    padding-top: 1.5rem;
}
.disabledLink {
    pointer-events: none;
}
.tooltip {
    background-color: #FFC107;
    color: #003046;
    font-weight: bold;
    padding: .3rem;
    padding-left: .4rem;
    padding-right: .4rem;
}
/*.tooltip.left:before {
    border-color: transparent transparent transparent #FFC107;
    left: 90%;
}*/
.tooltip  {
    background-color: #0D8B1C ;
}
.tooltip-new {
    background-color: #31CC75 !important;
    color:#002E46;
    border-radius: 16px;
    padding-top: 0;
    padding-bottom: 0;
}
.tooltip-update {
    background-color: #FFC709 !important;
    color:#0D2335;
    border-radius: 16px;
    padding-top: 0;
    padding-bottom: 0;
}
.tooltip-deprecated {
    background-color: #DC1613 !important;
    color:#fff;
    border-radius: 16px;
    padding-top: 0;
    padding-bottom: 0;
}
.tooltip-deprecated.left:before  {
/*    border-color: transparent transparent transparent #DC1613 !important;
    left: 100%;*/
    display: none;
}
.tooltip-new.left:before {
/*    border-color: transparent transparent transparent #31CC75 !important;
    left: 90%; */ 
    display: none;
}
.tooltip-update.left:before {
/*    border-color: transparent transparent transparent #FFC709 !important;
    left: 90%;  */
    display: none;
}
.has-tip {
    cursor: default;
    border-bottom: none;
}
.circle-red { 
    width: 1rem;
    height: 1rem;
    background: #DC1613;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius:100%;
    margin: 0.4rem;
}
.circle-yellow {
    width: 1rem;
    height: 1rem;
    background: #FFC709;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius:100%;
    margin: 0.4rem;
}
.circle-green {
    width: 1rem;
    height: 1rem;
    background: #31CC75;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius:100%;
    margin: 0.4rem;
}
.circle-transparent {
    width: 1rem;
    height: 1rem;
    background: transparent;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius:100%;
    margin: 0.4rem;
}
.circle-red:before {
    content: "D";
    font-size: 0.7rem;
    margin: 0.21rem;
    color: #fff;
}
.circle-green:before {
    content: "N";
    font-size: 0.7rem;
    margin: 0.21rem;
    color: #002E46;
}
.circle-yellow:before {
    content: "U";
    font-size: 0.7rem;
    margin: 0.21rem;
    color: #0D2335;
}
.circle-transparent:before {
    content: " ";
    font-size: 0.7rem;
    margin: 0.21rem;
}
 .tocContent > div {
    display: flex;
    justify-content: flex-start;
    flex: 1 0 50%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
.tocContent > div > a {
    text-decoration: none;
}
.mainDisplay {
    width: 100%;
}
.product-index-table thead th {
    border:0;
    text-align: center;
}
/* pdf print */
.printImgCon {
    display: none;
}
.vbox-inline {
    padding: 2rem;
}
.printable-manuals {
    margin-top: 1rem;
}
.printable-manuals a {
    text-decoration: none;
    line-height: 2.5rem;
}
.fa-search {
    font-size: 1.6rem;
    border: 1px solid #3A60FF;
    width: 8rem;
    border-radius: 8rem;
    height: 3rem;
    padding-top: 1rem;
}
.fa-search:before {
    content: "\f002";
    color: #3A60FF;
    font-size: 20;
    margin-left: 1.25rem;
}
.fa-search:after {
    content: "Search";
    color: #3A60FF;
    font-size: var(--base-paragraph-size);
    font-weight: var(--base-link-font-bold);
    margin-left: 0.5rem;
    vertical-align: top;
    font-family: var(--base-font-family);
}
.fa-caret-down {
    font-size: 1.2rem; 
}
.lens-accordion-title .fa-caret-down {
    margin-right: .5rem;
}
.fa-times {
    font-size: 3rem;
}
.accordion ul {
    margin-left: 0;
    border: 1px solid #f6f6f6;
}
.product-index-accordion ul {
    border: 1px solid #f6f6f6 !important;
}
.accordion-item {
    list-style-type: none;

}
.sub-accordions-title {
    color:#000 !important;
    font-size: 16px !important;
    padding-left: 1.3rem !important;
    font-weight: bold !important;
}
.single-vision-tbl,.multifocal-table {display: none;}
.single-vision-tbl th, .fl-multifocal-table th {
    background: #595959 !important;
    border:#595959 1px solid !important ;
}
.is-active>.sub-accordions-title:before {
    content: '\f106' !important;
}
..main-accordion-item.is-active , .main-accordion-item.is-activ > .accordion-content {
    display: unset;
}
.sub-accordions-title:before {
    content: '\f107' !important;
}
.accordion, .accordion-content,:last-child>.accordion-content:last-child  {
    background: #fff;
    border: none;
}
.tt, .trow {
    background: #e6e6e6 !important;
}
.is-active > .sub-accordions-title, .is-active > .sub-accordions-title {
    font-weight: bold;
}
.accordion-title {
    text-decoration: none;
    border:none;
    font-size:  16px;
    font-weight: bold !important;
    color:var(--link-color);
}
.main-accordion-item {
    list-style-type: none; 
}
.accordion-content {
    padding: unset;
}
.lens-main-accordion {
    margin-left: unset;
/*    border: 1px solid #f6f6f6;*/
}
:last-child:not(.is-active)>.bl-accordion-title {
    border:unset;
}
.accordion-content a {
    color:var(--link-color);
    padding-left: 3rem;
    font-size:  14px;
    font-weight: normal;
    text-decoration: none;
    line-height: 22.4px;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
.itemCon {
    padding-left: .5rem;
}
.accordion-title::before, .bl-accordion-title::before {
    content: "\f107";
    font-size: 1rem;
    font-weight: bold;
    font-family: "Font Awesome 6 Pro";
}
.is-active>.accordion-title::before {
    content: "\f106" !important;
}
/*.accordion-item, .accordion-title {
    text-decoration: none;
    background-color: var(--light-background);
}*/
.main-accordion-item, .featured-frames-accordion-item, .generic-main-accordion-item, .arCoating-accordion-title,
.lab-services-photochromic-accordion, .arCoating-accordion-title:hover {
    text-decoration: none;
    background-color: var(--light-background);
    margin-bottom: 1rem;
}
.photochromic-plastic-container {
    display: flex;
}
/*a.accordion-title:hover, a.accordion-title:focus, .accordion-item.is-active, .accordion-item.is-active:hover {
    background-color: var(--secondary-color);
}*/
.tocHover {
    padding: 0.6rem;
    text-decoration: underline !important;
    font-weight: bold !important;
    color: #241ED6 !important;
}
.print-date-container {
    display: flex;
    margin-bottom: 1rem;
    background: unset;
}
.date {
    flex-grow:1;
    font-size: 0.75rem;
    color:#595959;
    line-height: 15px;
    letter-spacing: 0.86px;
    font-weight: 500;
}
.date .pn {
    display: none;
}
.print a {
    text-decoration: none;
    font-weight: 500;
    margin-right: 0.9375rem;
}
.marker {
    display: none;
}
:marker.marker {
    display: none;
}
.callOutNoteBorder {
    border: #3A60FF solid 1px !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-left: #3A60FF solid 1rem !important;
}
.importantCallOutNote, .importantCallOutNote:last-child{
    background: transparent;
    border: 1px solid #AD5F00;
    border-left: #AD5F00 solid 1rem !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.importantCallOutNote .paragraphCopy, .importantCallOutNote i {
    /*color:#fff;*/
}
.section-margin {
    margin-bottom: unset;
}
p {
    margin-bottom: 1rem;
}
.paragraphCopy, li, .paragraphCopy div p, .paragraphCopy p {
    vertical-align: top;
    font-family: var(--base-font-family);
    font-size: var(--base-paragraph-size);
    font-weight: var(--base-font-weight);
    color: var(--text-color);
}
.paragraphCopy div p, .blockGridHeader .paragraphCopy p {
    margin-bottom: unset;
}
.paragraphCopy div {
    color:#fff;
    display: flex;
    font-weight: bold;
    border-radius: .5rem;
    padding: 1rem !important;
    background: #003046 !important;
    border: none !important;
    align-items: center;
    margin-top:0.5rem;
    margin-bottom: 0.5rem;
}
.paragraphCopy div::before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f071';
    font-weight: 900;
    margin-right: 1rem;
    font-size: 1.8rem;
}
.print-container {
    margin-top: 5rem;
}
.break {
    margin-bottom: 5rem;
}
.tocHeadPrint {
    text-transform: uppercase;
}
.tocHeadPrint h1, .tocChapter h2 {
    font-weight: bold;
    flex-grow: 2;
}
.printItemsCount {
    flex-grow: 1;
    text-align: right;
    font-weight: bold;
  
}
.tocChapter {
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.tocPages {
    margin-left: 1rem;
    display: flex;
}
.printLinksTitle {
    flex-grow: 2;
}
.tocPages a {
    text-decoration: none;
}
.nonVariantPrint h2 {
    font-weight: bold;
}
.state-print {
    text-transform: capitalize;
}
.page-foot-note-print {
    color: #000;
    font-size: small;
}
.mutlifocal-table, .fl-multifocal-table, .print-mutlifocal-table {
    margin-top: 4rem;
    margin-bottom: 3rem;
}
.genericTble {
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.genericTble thead,.genericTble tbody {
    border: none;
}
.gal {
    padding-left: 1rem;
}
.base-codefls, .base-codess, .sv-base-codess,
.base-code-trifocal {
    font-weight: bold;
}
.base-codess:after,.sv-base-codess:after, .base-codefls:after,
.base-code-trifocal:after {
    content: '*';
}
.thghead th {
    text-align: right;
}
.thg th {
    background: #ccc !important;
    color:#000;
}
.expand-collaspe {
    display: flex;
    justify-content: end;
    margin-bottom: 1rem;
}
.lsi, .qtbv, .lcd, .lcdwv {
    display: flex;
    justify-content: space-between; 
    padding: 20px; 
    box-sizing: border-box; 
}
.lab-column-one, .lab-column-two {
    flex: 1; 
    margin: 0 10px; 
}
.lcatContent, .lcatContentMultifocal,
.flcontent, .flcatContentMultifocal, 
.print-lcatContentMultifocal, .print-lcatContent  {
    border:unset;
}
.lcatContent tr ,.lcontent tr:nth-child(even), .single-vision-tbl tbody tr:nth-child(even),.lcatContentMultifocal tr,.lcatContentMultifocal tr:nth-child(even), 
.flcontent tr:nth-child(even), .flcontent tr , .flcontent tr:nth-child(even),
.flcatContentMultifocal tr ,.flcatContentMultifocal tr,.flcatContentMultifocal tr:nth-child(even) {
/*    border-bottom: 1px solid #ccc;*/
    background-color: #fff;
}
.lcontent tr:nth-child(even), .single-vision-tbl tbody tr:nth-child(even), .lcatContentMultifocal tr:nth-child(even) {
     background-color: #F6F6F6 !important; 
}
/* this fix resolve font awesome fa code conflict within td */ 
.lcatContent .FA-code:before, .lcatContentMultifocal .FA-code:before, 
.flcontent .FA-code:before, .flcatContentMultifocal .FA-code:before {
    content: '';
}
.disabled {
    color:#a6a6a6;
}
.disabled:hover {
    cursor:pointer;
}
/* Generic section */ 
.lensItems, .lensItemsSvSp, .lensItemBfAs, 
.lensItemBfSp, .lensItemTfAp, .lensItemTfSp,
.lensItemSvDAs, .lensItemBfDAs {
    margin-bottom: 3rem;
}
table tbody .trow, .lcatContent tbody .trow, .lcatContentMultifocal tbody .trow,
.single-vision-tbl tbody .trow:nth-child(even) {
    border-bottom: 0;
}
table tbody td, table thead th, table tr th {
    /*border-right: 1px solid #f6f6f6;*/
    font-size: 14px;
    font-family: var(--base-font-family);
    vertical-align: top;
}
table {
    width: 100%;
    border-radius: none;
    border-collapse: collapse;
    overflow: hidden;
    margin-bottom: unset;
    border: 0;
}
table thead th {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;

}
table tr th p {
    background: #595959 !important;
    color: #ffffff !important;
    padding-bottom: 0;
    margin-bottom: 0;
}
table tbody td p {
    padding-bottom: 0;
    margin-bottom: 0;  
}
table thead th, table tfoot th {
    padding-left: 0.5rem;
}
table tbody tr:nth-child(even) {
    background-color: #f6f6f6;
}
table thead, table tbody, table tfoot {
/*   border: #58595B 1px solid;*/
   background: unset;
}
table tfoot {
    border-radius: 0;
}
table tr th {
    text-align: left;
    background: #595959 !important;
}
.totals {
    background: #d6d6d6;
    color: #0b2335;
    background-color: #d6d6d6 !important;
}
.totals p {
    font-weight: bold;
}
.cmTable {
    margin-bottom: 1rem;
}
.cmTable tbody tr:nth-child(even){
    background: #fff;
}
.lcatContent tr {
    background: #e6e6e6 !important;
}
.progressive #featuredSingleVisionTable,
.near-variable-focus #featuredSingleVisionTable,
.double #featuredSingleVisionTable,
.bifocal #featuredSingleVisionTable,
.trifocal #featuredSingleVisionTable{
    display: none;
}
.progressive #featuredMultifocalTable,
.near-variable-focus #featuredMultifocalTable,
.double #featuredMultifocalTable,
.bifocal #featuredMultifocalTable,
.trifocal #featuredMultifocalTable {
    margin-top: 1rem;
}

.mlft-tbl, .sv-tbl {display: inline-table;}
.single-vision #featuredMultifocalTable {
    display: none;
}
/*** template css for sidebar layouts ***/
.row,
section.pageBodyRow
{
    max-width: var(--row-class-width);
    padding: 0;
}

section.pageBodyRow
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    float: none;
    clear: both;
    margin: unset;
}
.paragraphCopy ul {
    margin-left: 2rem;
}
.paragraphCopy a {
    color:var(--link-color);
    text-decoration: none;
 }
 .callOutNoteBorder .paragraphBlock .iconImage.icon-scale-1p5 i,
.importantCallOutNote .paragraphBlock .iconImage.icon-scale-1p5 i {
    margin-top: 0.4rem;
 }
 .fa-info-circle:before {
    color: #3A60FF;
    font-size: 1.5rem;
}
 .fa-exclamation-triangle:before  {
    color: #AD5F00;
    font-size: 1.5rem;
 }
 .fad.fa-edit:before, .fad.fa-edit:after {
    color: #3A60FF;
    font-size: 1.5rem;
 }
.fad.fa-exclamation-triangle:after {
    opacity: unset;
}
.paragraphBlock.leftAlignment {
    align-items: start;
}
/*** sizing various component widths ***/
.hero-section2,
.jump-links
{
  margin-left: auto;
  margin-right: auto;
  max-width: var(--row-class-width);
}
.framesandCoatingContainer {
    display: flex;
    padding-left: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
    border-bottom: 1px #ccc solid;
}
.framesandCoatingContainer:last-child {
    display: flex;
    padding-left: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
    border-bottom: 0;
}
.frames-coatings {
    font-size: 15px;
    line-height: 2.8;
    font-weight: 450;
}
.frames-list-two div:first-child{
    display: none;
}
#Lab-Choice-Anti-Reflective-Coatings {
    position: relative;
    padding-left: 2rem;
    color: var(--link-color);
}
#Lab-Choice-Anti-Reflective-Coatings::before {
    content:'\f04b';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    font-weight: bold;
    left: 45px;
    font-size: .7rem;
    top: 81.5%;
}
#Lab-Choice-Anti-Reflective-Coatings.is-active::before {
    content:'\f2ec';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 47px;
    top: 21.5%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.frames-coating-container {
    margin-right: 5rem;
}
.accordion-content .framesandCoatingContainer {
    justify-content: unset;
    padding-left: 3rem;
}
.states-menu-list, .manual-menu-list {
    padding-right: 1rem !important;
}
.menuHeading {
    font-weight: bold;
}
/*** sidebar css for tablet and mobile ***/
section.pageBodyRow section.mainDisplay,
section.pageBodyRow aside.mainSidebar
{
    padding-right: 0;
    padding-left: 0;
}

section.pageBodyRow aside.mainSidebar
{
    display: flex;
    flex-direction: column;
    border-right: #ccc solid 0.5px;
    max-width: 37%;
    background: #F6F6F6;
    margin-bottom:unset;
}

section.pageBodyRow aside.mainSidebar > div,
section.pageBodyRow aside.mainSidebar > section,
section.pageBodyRow aside.mainSidebar > section .paragraphBlock,
section.pageBodyRow aside.mainSidebar > div .paragraphBlock,
section.pageBodyRow aside.mainSidebar > div .manual-list,
section.pageBodyRow aside.mainSidebar > section .category-links-block,
section.pageBodyRow aside.mainSidebar > div .category-links-block,
section.pageBodyRow aside.mainSidebar > section.pinnedlist .container
{
    padding-left: 0;
    padding-right: 0;
}

section:first-child {
  padding-top: unset;
}
/*** header css ***/
.hero-container p {
    color: var(--text-color); 
    font-size: var(--h1-p-font-size);
}

/*** text link CSS ***/
a,
a.standardLink
{
    color: var(--link-color);
    text-decoration: none;
}
a:hover,
a.standardLink:hover
{
    color: var(--section-link-default-hover);
    text-decoration: var(--link-text-decoration);
}

a:visited,
a.standardLink:visited
{
    /*color: var(--section-link-default-visited);*/
    text-decoration: var(--link-text-decoration);
}

a:focus,
a.standardLink:focus
{
    color: var(--link-hover-color);
    text-decoration: var(--link-text-decoration);
}

a:active,
a.standardLink:active
{
    color: var(--link-hover-color);
    text-decoration: var(--link-text-decoration);
}



/*** css on components with backgrounds ***/
.section-color-dark {
    background-color: var(--dark-background);
}

.section-color-dark h1,
.section-color-dark h2,
.section-color-dark h3,
.section-color-dark h4,
.section-color-dark p
{
    color: var(--inverse-text-color);
}

.section-color-light {
  background-color: var(--light-background);
}

.section-color-light,
.section-color-light h1,
.section-color-light h2,
.section-color-light h3,
.section-color-light h4,
.section-color-light p
{
    color: var(--text-color);
}

/*** spread css ***/
.spread .container,
.spread .container div.spreadCol,
.spread.container,
.spread.container div.spreadCol
{
    padding: 0;
}

.spread .container .spreadCol1,
.spread .container.stack-spread .spreadCol1,
.spread .container.small-col-reverse .spreadCol2,
.spread .container.stack-spread.small-col-reverse .spreadCol2
{
  margin-bottom: 0;
}

.section-color-light .spread .container div .image,
.section-color-light .spread.container div .image,
.spread .container.section-color-light div .image,
.spread .container.section-color-light div .image,
.spread.container.section-color-light div .image,
.spread.section-color-light .container div .image
{
    padding: 0;
}

.section-color-light h2 {
    color: var(--text-color);
}
/*** quicklinks css */
.quickLinks
{
    padding: 0;
    background-color: #0B2335;
}

.quickLinks .row { justify-content: flex-start; }

.quickLinks a {
    padding: 1.4375rem 1.375rem;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    font-family: var(--base-font-family);
    color: #fff;
    text-decoration: none;
}

.quickLinks a:visited
{
    color: #fff;
    text-decoration: none;
}

.quickLinks a:hover,
.quickLinks a.selected
{
    background-color: #fff;
    color: #003046;
    padding: 1.4375rem 1.375rem;
    text-decoration: none;
    opacity: 1;
}

.linkNest,
.linkNest:focus {
    background-color: #003046;
    border:none;
    color:#fff;
    font-weight: bold;
    box-shadow: none;
    margin: 0.4rem 0 !important;
}

.mobileQuickLinksDYN {
/*    background: #003046;
    float: none !important;*/
    display: none;
}

.menu-icon
{
    display: flex;
    align-items: flex-start;
    width: 35px;
    height: 16px;
    align-self: flex-start;
    margin-top: 0.2rem;
}
.twoCols {
    padding-top: 2rem;
}
.twoCols h2{
    font-size: 1.5rem;
    color: #00222C;
}
.twoCols a {
    text-decoration: none;
    font-weight: 500;
    line-height: 3rem !important;
}
.paragraphBlock.twoCols {
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
}
.archive-header h1 {
    color: #00222C;
    font-size: 36px;
    line-height: 44px;
    margin-top: 3rem;
}
/* footer */
.footer-container img {
    max-width: 80%;
}
footer.flex-footer
{
    float: left;
}

footer a.standardLink,
footer a.standardLink:hover,
footer a.standardLink:focus,
footer a,
footer a:hover,
footer a:focus,
footer.section-color-background2 a,
footer.section-color-background2 a:hover,
footer.section-color-background2 a:focus
{
    text-decoration: none;
    font-family: var(--base-font-family);
    font-size: 1rem;
    letter-spacing: 0.12px;
    line-height: 32px;
}

footer.section-color-background2 a.standardLink:visited,
footer.section-color-background2 a:visited
{
    color: var(--inverse-text-color);
}

footer .row
{
    /*max-width: 84rem;*/
}

.flex-footer .footerLegal {
    font-size: var(--footer-font-size);
    color: var(--inverse-text-color);
}

.flex-footer-column .linkColumn.horizontalLinkList a {
    margin-right: 0;
    padding: 0 1rem 0 1rem;
    color: var(--inverse-text-color);
    font-size: var(--footer-font-size);
}

.flex-footer-column .linkColumn.verticalLinkList {
    text-align: center;
}

.flex-footer .flex-footer-column .image {
  text-align: center;
}

.flex-footer-column .linkColumn.horizontalLinkList {
  justify-content: center;
  flex-wrap: wrap;
}

.flex-footer-column .linkColumn.alignListLeft {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.flex-footer-column .linkColumn.alignListRight {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.flex-footer-column .linkColumn.alignListCenter {
  justify-content: center;
  flex-wrap: wrap;
}

.flex-footer-column .linkColumn.alignListLeft a:first-child {
  padding-left: 0;
}

.flex-footer-column .linkColumn.alignListRight a:last-child {
  padding-right: 0;
}

.flex-footer-column .fa-facebook-f,
.flex-footer-column .fa-facebook-square,
.flex-footer-column .fa-linkedin,
.flex-footer-column .fa-twitter-square,
.flex-footer-column .fa-instagram,
.flex-footer-column .fa-pinterest-square,
.flex-footer-column .fa-youtube {
    font-size: 1.8rem;
}

.section-color-background2 label
{
    color: var(--inverse-text-color);
    font-weight: bold;
}

.flex-footer-column .form-element-container
{
    padding-left: 0;
    padding-right: 0;
}
.flex-footer-column .submit-button
{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 0;
}

.flex-footer-column .submit-button input
{
    margin-bottom: 0;
    margin-top: 1rem;
}

.flex-footer-column .list-title
{
    margin-bottom: 0.4rem;
    font-weight: bold;
    text-transform: uppercase;
}

/* buttons */
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--base-font-family);
    font-weight: var(--base-link-font-bold);
    font-size: 1rem;
    letter-spacing: .0075rem;
    text-align: center;
    padding: 0.3rem 1.5rem;
    border-radius: 24px;
    height: 3rem;
    width: auto;
    min-width: 3rem;
    text-decoration: none;
    cursor: pointer;
}

.button.primary
{
    background-color: var(--primary-color);
    color: #FFF;
    margin: unset;
}
.button.clear, .button.clear:hover, .button.clear:focus {
    border: 1px solid #595959;
    color: #595959;
    background: #fff !important;
}
.button.hollow
{
    color: var(--primary-color);
    border: 1px solid var(--inverse-text-color);
}
.button.tertiary, .button.tertiary:focus, .button.tertiary:hover  {
    background-color: #241ED6;
    color: #fff;
}
.filterMenu a.button.primary
{
    height: auto;
    line-height: 1.0;
}

input[type="submit"],
#bsubmit
{
    background-color: var(--primary-color);
    color: #FFF;
}

.button.primary:focus,
.button.primary:hover,
#bsubmit:focus,
#bsubmit:hover
{
    background-color: var(--section-color-bkgd4);
    color: #FFF;
    text-decoration: underline;
    border: 1px solid var(--section-color-bkgd4);
}

.button.hollow:focus,
.button.hollow:hover
{
    background-color: var(--section-color-bkgd3);
    color: var(--section-color-bkgd4);
    text-decoration: underline;
    border: 1px solid var(--section-color-bkgd3);
}

.button.secondary,
.secondary button
{
    color: var(--primary-color);
    background-color: transparent;
    border: 1px solid var(--primary-color);
}

.button.secondary:focus,
.button.secondary:hover,
.secondary button:hover,
.secondary button:focus {
    background-color: var(--section-color-bkgd4);
    color: var(--inverse-text-color);
    text-decoration: underline;
    border: 1px solid transparent;
}

.hero-section3 .button.hollow,
.hero-section-text-mobile .button.hollow
{
    background-color: var(--primary-color);
    color: #FFF;
    border: 1px solid var(--primary-color);
}
.button:disabled
{
    opacity: 0.6;
    cursor: none;
}
.para-section:last-child .twoCols {
    border-bottom: none;
}
.page-header-print {
    margin-bottom: 1rem;
}
.manual-section-heading-print {
    display: flex;
}

.manual-section-heading-print h1 {
    letter-spacing: unset;
}
.manual-section-heading-print h2 {
    font-weight: bold;
}
.page-body-print {
    margin-bottom: 1rem;
}
.content-wrapper {
    margin-bottom: 2.5rem;
}
/* Lens Enhancement Table */
table.lensEnhancementDescTable {
  border-radius: 0;
}
.cotitle2 {
    padding-left: 0;
}
.cotitle1 {
    padding-right: 0.5rem;
    text-align: right;
}
.firstCell {
    position: absolute;
}
table.lensEnhancementDescTable tbody tr:nth-child(even) {
    background-color: unset;
}
table.lensEnhancementDescTable thead th {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
table.lensEnhancementDescTable tbody td {
/*    width: 100%;  */
}
.circularShapeScroll {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    border: 1px solid #595959;
    background: #fff;
}
a.standardLink.pageAnchor.vbox-item::before, .print::before {
/*  content: "\f02f";*/
    content: "\f2f1";
    font-size: 1rem;
    font-weight: 400;
    font-family: "Font Awesome 6 Pro";
    margin-right: 0.2rem;
    text-decoration: none !important;
    color: var(--text-color);
}

/* Time Out Modal */
.timeOut,.muleOut {
    width: 35rem;
    height: 15rem;
    margin: 5rem auto;
    padding: 1rem;
    background: #fff;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 20;
} 
 .muleOutBG {
    position: absolute;
    width: 100%;
    height: 100%;  
    background: #727272;
    z-index: 5;
    display: none;
 } 
.slc {
    display: flex;
    justify-content:flex-end;
} 
/* Product Index */
/* Alphabetical Bar */ 
.alphabeticalContainer {
  display: grid;
  grid-template-columns: repeat(26, 1fr);
  padding-bottom: .5rem;
  border-bottom: 1px #ccc solid;
  padding: 0 1rem 0 2rem;

} 
.alphaItem {
    color: var(--link-color); 
    cursor: pointer;
    font-weight: 650;
    padding:.5rem 0 .5rem 0rem;
}
.frames {
    display: flex;         
    flex-wrap: wrap;        
}
.columnOne, .columnTwo {
    width: 50%;           
    display: flex;
    flex-direction: column;   
}
.lensSelect {padding-left: 1.6rem;}
.alpaLetters {padding-bottom: .5rem}
.alpaLetters, .lensSelect {font-weight: bold;}
.framesItemsSubContainer {
  flex: 1;
  flex-basis: 50%;
  padding: 0 2rem 0 2rem;
  margin-top: .5rem;
}
.framesItemsSubContainer a {
   font-weight: bold; 
}
.framesItems {
    padding: 2rem 1rem 0 2rem;
}
.lens-accordion-title {
    font-size: 1.2rem;
}
.bl-accordion-title {
    font-size: 1.2rem;
    font-weight:bold !important;
}
.sub-accordions-title {
    border-top: 1px solid var(--link-color);
    background: #fff;

}
:last-child:not(.is-active)>.sub-accordions-title {
    border-bottom: 1px solid var(--link-color); 
    border-radius: unset;  
}
.accordion-item:first-child>:first-child {
    border-radius: unset;
}
/* lbs */
.labService {
    padding-left: 1.8rem;
}
.api {
    display: none;
}
.krsc.placeholder {
  color: #999; 
}
input::placeholder, 
.pagination .disabled  {
  color:#595959;
}
.pagination .disabled {
  font-weight: bold;
}
.pagination a {
    color: var(--link-color);
    font-weight: bold;
}
.active {
    text-decoration: underline;
    color: #595959 !important;
}
#ksq {
    height: 3rem;
}
/***** MEDIA QUIRIES START HERE ******/

/*--- SMALL only --------------------------------------------- */
@media screen and (max-width: 39.9375em) {
 h3 {
        font-family: var(--base-header-font-family); 
        font-size: 22px;
        font-weight: 400;
    }
  .k-search-bar {
    width: 100%;
  }
  .sbkrp {
    margin-left:1rem;
  }
  .logOutDesktop {
    display: none;
 }
  .backgroundImage + .paragraphBlock.textOverlay
  {
      position: absolute;
      width: unset;
  }

  .spread.militaryLRspread .backgroundImage + .paragraphBlock.textOverlay
  {
      left: 55px;
      right: 0;
      margin: auto;
      top: 46px;
      font-weight: 400;
  }

  .imageBlock .thumbnail.intrinsic
  {
      width: auto;
      margin: unset;
      height: auto;
  }

  .mainSidebar .linkContainer a
  {
      text-align: left;
  }
  .flex-footer-column .site-tagline
  {
      text-align: center;
  }

  .presentation-slider {
    max-width: 100% !important;
  }
  .tocContent {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }
  .tocContent > div {
    flex: 0 0 100%;
    flex-basis: unset !important;
  }
     .rlc:nth-child(odd) a {
        padding-left: 1.5rem;
     }
     .rlc:nth-child(even) a {
        padding-left: 1.5rem;
     }
     .tocContent {
        flex-direction: column;
     }
     .mobile-menu {
        display: block;
     }

     .search, .manuals-mobile,.prevManual, .states-mobile, .mnl-cls, 
     .state-drop-down, .manual-drop-down  {
        display: none;
        background: var(--secondary-color);
     }
     .mble-mnl-opn {
        display: block;
     }
    .prm-header-wrapper div {
        padding-right: unset;
    }
    .mobile-menu-container {
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
        width: 100%;
        padding: 1rem;
        position: absolute;
        z-index: 15;
        background: #fff;
    }
    .mobile-menu-container .close-search {
        padding-right: unset;
    }
    .mobile-top-bar {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #595959;
    }
    .mobile-logo a img, .logo-link-container a img {
        width:10rem;
    }
    .menu-set {
        display: flex;
        flex-direction: column;
        background: var(--secondary-color);
    }
    .menu-set a {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .mble-src-trigger, .mble-mnl-trigger, .manuals-mobile, .mble-st-trigger {
        border-bottom: 1px solid #595959;
    }
    #Lab-Choice-Anti-Reflective-Coatings {
        padding-left: 1rem;
    }
    #Lab-Choice-Anti-Reflective-Coatings.is-active::before {
        left: 14px;
        top: 22%;
    }
    #Lab-Choice-Anti-Reflective-Coatings::before {
        left: 10px;
        top:86.5%
    }
    .framesandCoatingContainer  {
        display: block;
        padding-left: unset;
     }
     .frames-coating-container, .frames-list-two,
     .accordion-content .framesandCoatingContainer  {
        padding-left: 1rem;
     }
 .paragraphBlock.twoCols .twoCols a {
        text-align: left;
     }
 .twoCols {
        padding-top: 1rem;
    }
    .flex-footer-column .linkColumn.alignListCenter {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 2rem;
    }
    .importantCallOutNote, .importantCallOutNote:last-child, .callOutNoteBorder, .callOutNoteBorder:last-child {
        width: 92% !important;
    }
}

/*--- MEDIUM and UP only ------------------------------- */
@media screen and (min-width: 40em) {

  /*** footer css ***/
  .flex-footer-column .linkColumn.verticalLinkList {
      text-align: left;
  }

  .flex-footer .flex-footer-column .image {
    text-align: left;
  }

  /*** template css for sidebar layouts ***/
  section.pageBodyRow section.mainDisplay
  {
      padding-right: var(--double-gutter-padding);
      padding-left: 0;
  }
  section.article-component
  {
      padding-top: 0;
  }
    .rlc:nth-child(odd) a, .rlc p {
        padding-left:6.5rem;
    }
    .rlc:nth-child(even) a {
         padding-left: 1.2rem;
    }
     .mobile-menu {
        display: none;
     }
    .mobile-menu-container {
        display:none;
     }


}

/*--- MEDIUM only ------------------------- */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
      .logOutDesktop {
        display: block;
     }
    .menu-icon
    {
        display: flex;
        align-items: flex-start;
        width: 20px;
        height: 16px;
        align-self: flex-start;
        margin-top: 0.2rem;
    }
    .timeOut {
        width: 26rem;
    }

    /*** LR spread ***/
    .spread .container div.paragraphBlock
    {
        padding-left: var(--single-gutter-padding);
        padding-right: var(--single-gutter-padding);
    }
    /*** careers slider css ***/
    .careers-slider .presentation-slider .paragraphBlock h2
    {
        font-size: 1.5rem;
    }

    /*** hero buttons ***/
    .hero-section3 .button.hollow
    {
        background-color: var(--primary-color);
        color: #FFF;
        border: 1px solid var(--primary-color);
    }
    #Lab-Choice-Anti-Reflective-Coatings {
        padding-left: 1rem;
    }
    #Lab-Choice-Anti-Reflective-Coatings.is-active::before {
        left: 10px;
        top:15% !important;
    }
    #Lab-Choice-Anti-Reflective-Coatings::before {
        left: 10px;
        top: 81% !important;
    }
    .framesandCoatingContainer  {
        display: block;
        padding-left: unset;
     }
     .frames-coating-container, .frames-list-two,
     .accordion-content .framesandCoatingContainer  {
        padding-left: 1rem;
     }
    .linkList1 {
        margin-left: 2rem;
        margin-right: 2rem;
        width: 100%;
    }
     h1 {
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
        font-weight: var(--h1-font-weight);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
    }
    h2 {
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height);
        font-weight: var(--h2-font-weight);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
    }
    h3 {
        font-size: var(--h3-font-size);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
        line-height: var(--h3-line-height);
        text-transform: var(--cap);
    }
    h4 {
        font-size: var(--h4-font-size);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
        line-height: var(--h4-line-height);
        font-weight: var(--h4-font-weight);
    }
    .hero-section-text h1, .hero-section-text h4, .hero-container p {
        color: var(--secondary-color);
    }
    .prm-header-wrapper div {
        padding-right: 0.1rem;
        font-size: 0.8rem;
    }
    .prm-header-wrapper a img {
        width: 8rem;
        transition: all 0.3s ease;
    }
}
/*--- SMALL and MEDIUM only ----------------------------------- */
@media screen and (max-width: 63.9375em)
{
    /* this is needed to hide EPN since template wasn't built to handle this */
    div#offCanvasLeft > .mobile-nav-logo, .mobileCls, .mobileNavControl  {
        display: none;
    }

    .quickLinks
    {
        display: none;
    }

    .topNavContainer.navbar-fixed .headerRow,
    .topNavContainer.navWithSearch .headerRow {
        padding-bottom: 0;
    }

    /* mobile nav css ***/
    header .topNavContainer
    {
        display: block;
    }

    .menu-icon::after {

        background: #000;
        box-shadow: 0 7px 0 #000, 0 14px 0 #000;
        height: 3px;

    }

    .navLinkContainer .navLogoContainer-mobile {
        display: inline-block;
        text-align: left;
        /* flex-grow: 1; */
    }

    .navLinkContainer .navLogoContainer-mobile img
    {
      width: 30%;
    }

    .top-bar .dropdown.menu a,
    .top-bar .dropdown.menu a:active,
    .top-bar .dropdown.menu a:hover
    {
      color: var(--primary-color);
      border-bottom: none;
      text-align: left;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      padding-left: 0.4rem;
    }

    .top-bar .dropdown.menu a.mmLink
    {
      color: var(--primary-color);
      border-bottom: none;
      text-align: left;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
      padding-left: 0;
      font-weight: 400;
      text-transform: unset;
    }

    .top-bar .dropdown.menu li:not(.mmLink):not(.mmHeader)
    {
      border-bottom: 2px solid #c5c5c5;
      text-align: left;
      width: 100%;
      padding: 0.4rem 0;
    }

    .navLinkContainer a.dropdown::before
    {
      content: "";
      width: 0;
      margin: 0;
    }

    .navLinkContainer a[data-toggle]::after
    {
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f107";
      float: right;
    }

    .navLinkContainer a[data-toggle].hover::after
    {
      content: "\f106";
    }

    .hamburger-close::after {
      font-family: "Font Awesome 6 Pro";
      content: "\f067";
      background: unset;
      box-shadow: unset;
      transform: rotate(45deg);
      color: #0069b5;
    }

    .hamburger-close.menu-icon:hover::after, .hamburger-close.menu-icon::after {
      background: unset;
      box-shadow: unset;
    }

    /*** sidebar css for tablet and mobile ***/
    section.pageBodyRow
    {
        flex-direction: column;
    }

    section.pageBodyRow section.mainDisplay
    {
        padding-right: 0;
        padding-left: 0.9375rem;
    }

    section.pageBodyRow aside.mainSidebar
    {
        padding-left: var(--single-gutter-padding);
        padding-right: var(--single-gutter-padding);
    }

    /*** button css ***/
    .button {
        min-width: 12rem;
    }
    .logo {
        border: none;
    }
    .mobileTocMenuContainer {
        display: block;
        margin-top:1rem;
    }
    .mobileTocMenu {
        text-decoration: none;
    }
    section.pageBodyRow aside.mainSidebar {
        max-width: unset;
        display: none;
     }
    .frames-coatings {
        flex-basis: unset;
    }
    .importantCallOutNote, .importantCallOutNote:last-child, .callOutNoteBorder {
        width: 96%;
        margin: 0 auto;
    }
    .date {
        flex-grow:1;
        font-size: 0.75rem;
        color: var(--section-color-bkgd2);
        line-height: 15px;
        letter-spacing: 0.86px;
        text-transform: uppercase;
        font-weight: 500;
    }
    .states-mobile {
        height: 27rem;
        overflow: hidden;
        overflow-y: auto;
    }

}


/*--- Large and up ------------------------- */
@media screen and (min-width: 64em) {

    /*** special padding rules on desktop ***/

    main.specialGutterPadding section .headerBlock .paragraphBlock.column,
    main.specialGutterPadding div .headerBlock .paragraphBlock.column
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
        justify-content: unset;
    }

    main.specialGutterPadding aside.mainSidebar .headerBlock .paragraphBlock.column
    {
        padding-left: 0;
        padding-right: 0;
    }

    main.specialGutterPadding section.column-flex-container .row > .container
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
    }

    main.specialGutterPadding section.blockGrid3 .columnContainer
    {
        padding-left: calc((var(--double-gutter-padding)*2) - var(--single-gutter-padding));
        padding-right: calc((var(--double-gutter-padding)*2) - var(--single-gutter-padding));
    }

    main.specialGutterPadding section .featuredNewsComponent
    {
        padding: calc(var(--double-gutter-padding) + var(--single-gutter-padding)) calc((var(--double-gutter-padding)*2) - var(--single-gutter-padding)) var(--double-gutter-padding) calc((var(--double-gutter-padding)*2) - var(--single-gutter-padding));
    }

    /*** sidebar rules for special padding ***/
    main.specialGutterPadding .spread .container.column
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
        justify-content: unset;
    }

    main.specialGutterPadding .column-flex-container .videoContainer,
    main.specialGutterPadding .column-flex-container .image
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
    }

    main.specialGutterPadding .mainDisplay .videoContainer,
    main.specialGutterPadding .mainDisplay .image,
    main.specialGutterPadding .videoComponent .videoContainer,
    main.specialGutterPadding .imageComponent .image
    {
        padding-left: calc(var(--double-gutter-padding)*2);
        padding-right: calc(var(--double-gutter-padding)*2);
    }

    /*** END added MRH ***/

    section .columnBlockContainer .headerBlock .paragraphBlock
    {
        padding-left: 0;
        padding-right: 0;
    }

    section .columnBlockContainer .image
    {
        margin-bottom: 0.8rem;
    }
    /*** header css ***/
    .dropdown.menu {
      width: 100%;
      justify-content: space-evenly;
      align-items: center;
    }

    .top-bar {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      padding: 2.6rem 0 2rem 0;
      flex-wrap: wrap;
    }

    .top-bar .dropdown.menu a.mmLink:hover
    {
      text-decoration: underline;
    }

    header .menu.expanded li.navLogoContainer
    {
      flex: 0 0 310px;
      padding-left: var(--double-gutter-padding);
    }

    header .navLinkContainer .navLogoContainer a:hover,
    header .navLinkContainer .navLogoContainer a:active,
    header .navLinkContainer a:hover,
    header .navLinkContainer a:active
    {
      text-decoration: none;
      border: none;
      padding: 0;
      border-bottom: none;
    }

    #megamenu .top-bar .dropdown-pane {
      display: flex;
    }


    header #mega-menu li.mm-careers #mm-careers
    {
      left: -166px !important;
    }

    .mobileQuickLinksDYN
    {
      display: none;
    }


    /*** fixed header css ***/
    .navbar-fixed .top-bar
    {
        padding: 0.6rem 0 0.6rem 0;
    }

    header .topNavContainer.navbar-fixed .headerRow
    {
      padding: 0;
      margin: 0 auto;
    }

    header .navbar-fixed .menu.expanded li.navLogoContainer
    {
      flex: 0 0 160px;
    }

    header .navbar-fixed .dropdown.menu a,
    header .navbar-fixed .menu.expanded li a.dropdown
    {
      font-size: 0.85rem;
    }

    .menu-icon
    {
      width: 20px;
    }

    .sidebarFormat .thumbnailImageContainer
    {
      flex-grow: 1;
      margin-right: unset;
      text-align: left;
    }
    .thumbnailImageContainer {
      flex-grow: unset;
    }

    .dropdown.menu > li.opens-right > .is-dropdown-submenu, .dropdown.menu > li.opens-left > .is-dropdown-submenu, .dropdown.menu > li.opens-inner > .is-dropdown-submenu {
      width: 150%;
    }
    .mobileTocMenuContainer {
        display: none;
    }
    section.pageBodyRow aside.mainSidebar {
        margin-right: 2rem;
    }
    .hero-section-text h1 {
        color: var(--secondary-color);
        font-weight: var(--h1-font-weight);
        font-size: var(--h1-font-size);
        font-family: var(--base-header-font-family);
    }
    .hero-section-text h4 {
        color: var(--secondary-color);
        font-weight: var(--h4-font-weight);
    }
    .hero-container p {
        color: var(--secondary-color);
    }
    .date {
        flex-grow:1;
        font-size: 0.75rem;
        color:#595959;
        line-height: 15px;
        letter-spacing: 0.86px;
        text-transform: uppercase;
        font-weight: 500;
        margin-left: 0.95rem;
    }
}

/* Large only */
@media screen and (min-width: 1367px) { 
    .hero-section3 .hero-section-text {
        margin-left: 7.4rem;
    }
    
    h1 {
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
        font-weight: var(--h1-font-weight);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
    }
    h2 {
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height);
        font-weight: var(--h2-font-weight);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
    }
    h3 {
        font-size: var(--h3-font-size);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
        line-height: var(--h3-line-height);
        text-transform: var(--cap);
    }
    h4 {
        font-size: var(--h4-font-size);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
        line-height: var(--h4-line-height);
        font-weight: var(--h4-font-weight);
    }
    .hero-section-text h1, .hero-section-text h4, .hero-container p {
        color: var(--secondary-color);
    }
    .callOutNoteBorder {
        border: #3A60FF solid 1px !important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-left: #3A60FF solid 1rem !important;
        width: 97%;
        margin: 0 auto;
    }
    .importantCallOutNote, .importantCallOutNote:last-child {
        background: transparent;
        border: 1px solid #AD5F00;
        border-left: #AD5F00 solid 1rem !important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        width: 97%;
        margin: 0 auto;
    }
    .linkContainer a.standardLink.pageAnchor.vbox-item {
        display: flex;
        justify-content: flex-end;
    }
}


/********************** iPad 9.7" (768x1024) *************************/
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .prm-header-wrapper div {
        padding-right: 1rem;
    }

}

/*---- Portrait Only ----*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .hero-section-text h1, .hero-section-text h4, .hero-container p {
        color: var(--secondary-color);
    }
    h1 {
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
        font-weight: var(--h1-font-weight);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
    }
    h2 {
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height);
        font-weight: var(--h2-font-weight);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
    }
    h3 {
        font-size: var(--h3-font-size);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
        line-height: var(--h3-line-height);
        text-transform: var(--cap);
    }
    h4 {
        font-size: var(--h4-font-size);
        font-family: var(--base-header-font-family);
        color: var(--text-color);
        line-height: var(--h4-line-height);
        font-weight: var(--h4-font-weight);
    }
    .fa-search:after {
        content: "Search";
        color: #3A60FF;
        font-size: 0.8rem;
        font-weight: var(--footer-font-size);
        margin-left: 0.5rem;
        vertical-align: top;
        font-family: var(--base-font-family);
    }
    .fa-search {
        font-size: 1rem;
        border: 1px solid #3A60FF;
        width: 8rem;
        border-radius: 8rem;
        height: 3rem;
        padding-top: 1rem;
    }
    .prm-header-wrapper div {
        padding-right: 0.2rem;
    }
    .logo-link-container {
        display: flex;
        align-items: baseline;
        color: #003140;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.5px;
        justify-content: space-between;
    }
    .manual-drop-down, .prm-header-wrapper .logo {
        padding-right: 2rem !important;
    }
}

/*---- Landscape Only ----*/
@media only screen
and (min-device-width: 667px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

  .prm-header-wrapper div {
    padding-right: 1.5rem;
  }
  .prm-header-wrapper a img {
    width: 13rem;
    transition: all 0.3s ease;
  }
  .importantCallOutNote, .importantCallOutNote:last-child, .callOutNoteBorder {
        width: 96%;
        margin: 0 auto;
  }
  .manual-drop-down, .prm-header-wrapper .logo {
        padding-right: 4rem !important;
  }
  .logOut {
    min-width: 8rem;
    max-height: 2rem;
    padding: unset;
}
.logOutDesktop {
    margin-left: 1rem;
}
}


/********************** iPad Pro 12.9" *************************/

/*---- Portrait ----*/
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2)  
and (orientation: portrait)  {
    .prm-header-wrapper div {
        padding-right: 1rem;
    }
    .prm-header-wrapper a img {
        width: 12rem;
        transition: all 0.3s ease;
    }

    .importantCallOutNote, .importantCallOutNote:last-child, .callOutNoteBorder {
        width: 96%;
        margin: 0 auto;
    }
    .manual-drop-down, .prm-header-wrapper .logo {
        padding-right: 4rem !important;
    }

 }
 
 /* Landscape*/
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2)  
and (orientation: landscape)  {
    .prm-header-wrapper div {
        padding-right: 3rem;
    }
    .prm-header-wrapper a img {
        width: 11.5rem;
        transition: all 0.3s ease;
    }

    .importantCallOutNote, .importantCallOutNote:last-child, .callOutNoteBorder {
        width: 96%;
        margin: 0 auto;
    }
}
    

 @media only screen
   and (min-device-width: 810px)
   and (max-device-width: 1366px)
   and (-webkit-min-device-pixel-ratio: 2)
 {


 }

 @media only screen
   and (min-device-width: 810px)
   and (max-device-width: 1366px)
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: portrait)
 {

      header .menu.expanded li.navLogoContainer
      {
          flex: 0 0 165px;
          padding: 0 0.9375rem;
      }

      .menu.expanded li.topnav-item {
        /* flex: 0 0 auto; */
        padding: 0 0.6rem;
      }

 }

 @media only screen
   and (min-device-width: 810px)
   and (max-device-width: 1366px)
   and (-webkit-min-device-pixel-ratio: 2)
   and (orientation: landscape)
 {

      header .menu.expanded li.navLogoContainer
      {
         flex: 0 0 165px;
         padding: 0 0.9375rem;
      }

      .menu.expanded li.topnav-item
      {
       /* flex: 0 0 auto; */
       padding: 0 0.6rem;
      }


 }

@media only screen and (min-device-width: 393px) and (max-device-width: 786px) and (orientation: landscape) {
    .manual-drop-down, .prm-header-wrapper .logo {
        padding-right: 4rem !important;
    }
}

/********************** iPad Pro 12 Landscape Only *************************/
@media only screen and (min-device-width: 810px)
and (max-device-width: 1010px) and (orientation: landscape) {
    .manual-drop-down {
        margin-right: 4rem !important;
        margin-left: 3rem !important;
    }

}


/* iPhone 12 and 13 Pro */
@media only screen
and (min-device-width: 390px)
and (max-device-width: 844px)
and (orientation: landscape) {
    .prm-header-wrapper a img {
        width: 6.5rem;
        transition: all 0.3s ease;
    }
    .prm-header-wrapper div {
        padding-right: 0.15rem !important;
    }
}

/* iPhone 14 Pro */
@media only screen
and (min-device-width: 390px)
and (max-device-width: 664px)
and (orientation: landscape) {
    
    .prm-header-wrapper a img {
        width: 6rem;
        transition: all 0.3s ease;
    }
    .prm-header-wrapper div {
        padding-right: 0.15rem !important;
        font-size: 0.7rem;
    }
}
@media print {
  html, body {
    zoom: 80%;
    height: 99%;  
  }
  * {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
    }
  table, figure, .callOutNoteBorder{page-break-inside: avoid !important;}
  aside, header, footer,.mobileTocMenuContainer, .print{display: none !important; }
  a[href]:after {content: none !important;}
  .pn{font-weight: bold; text-transform: uppercase; font-size: 40px; line-height: 50px; margin: 50% auto; position: absolute; margin-left: 1rem; z-index: 30;}
  .lu{position: absolute; font-size: smaller; display: block !important; z-index: 30;}
  .ed{ display: block !important; position: absolute; bottom: 0; right: 0; z-index: 30;}
  .date .pn { display: block;}
  .printImgCon {display:block;position: absolute; top:0; overflow:hidden;}
  .printImgCon > img {height: 99%; z-index: 1;}
  .content-wrapper{overflow: hidden; margin-bottom: 0; counter-increment: page; page-break-inside: avoid;}
  .legalNotice{margin-top:30%; page-break-before: always;  page-break-after: always;}
  .print-date-container{page-break-after: always;}
  .content-wrapper ,.manual-section-heading-print,.paragraphContainer h1{page-break-before: always !important; }
  .print-date-container {overflow: hidden;}
  .printNumbering:after{ content:"Page " counter(page); display: block; text-align: right;}
  .date .lu, .print-date-container .ed, .date .pn {color:#fff !important;}
  .date .lu, .print-date-container .ed {font-size: 20px !important;margin:1rem;}
  /* individual print */
  .lens-main-accordion .accordion-content {
/*        display: block !important; */
        aria-hidden: false; 
    }
   .lens-main-accordion .accordion-title {
        text-decoration: underline; 
    }
    .lens-main-accordion + * {
        page-break-before: always;
    }
    .framesItems {
        page-break-after: always !important;; 
    }

}