/* *a[href*="//"]:not([href*="lumentum."])::after {display:none;}
#block-lumentum-local-tasks{display:none;} */

input::placeholder {color: #b3b3b3; opacity:1;}

/********************************** Menu CSS **********************************/
#left-nav{ background: #fff; border-bottom: 1px solid #f3f2ee;}
.nav-center{max-width:1280px; margin:0 auto; position:relative;}

.top-bar1{float:left; margin:6px 0 10px 0;}
.top-bar1 .logo{padding:0 40px 0 15px;}
#menu{float:right; margin:6px 120px 0 0;}
#block-custommainmenublock li.expanded > a {text-transform:inherit; color:#424143;}
#block-custommainmenublock li{float:left; border:none; position:relative; padding:9px 25px;}
#block-custommainmenublock{border:none;}
#block-custommainmenublock li a::after{transform: rotate(90deg); margin:3px 0 0 12px;}
#block-custommainmenublock li.open a::after {transform:rotate(-90deg);}

#block-custommainmenublock li.expanded > span{cursor:pointer; color: #424143;}
#block-custommainmenublock li.expanded span::after{transform: rotate(90deg); margin:3px 0 0 12px;}
#block-custommainmenublock li.expanded.open span::after {transform:rotate(-90deg);}
#block-custommainmenublock li.expanded span::after {
    content: '\e809';
    float: right;
    font-size: 20px;
    font-family: "icon";
    line-height: 1;
}
#block-custommainmenublock li ul.panel-child li span::after {
    content: '';
}

#block-contactus{top:31px; right:38px;}
#block-lumentumsearchblock{top:0; right:100px; z-index:99; height:78px;}
#block-custommainmenublock li > ul{left:0; height:auto; top:71px; background:#fff; z-index:99; position:absolute;}

#block-custommainmenublock li.open{background:none; border-left:none; padding:9px 25px;}
#block-custommainmenublock li.expanded::before{position:absolute; content: ""; width:0; height:4px; bottom:0px; left:50%; background:#afafaf;
transition:width 0.3s ease 0s, left 0.3s ease 0s;}
#block-custommainmenublock li.expanded:hover:before{width:100%; left:0;}
#block-custommainmenublock li.expanded.open::before{position:absolute; content: ""; width:100%; height:4px; bottom:0px; left:0; background:#afafaf;}

#block-custommainmenublock li.open a{color:#323133;}
#block-custommainmenublock li ul.panel-child li.first.leaf a{display:none;}
#block-custommainmenublock li ul.panel-child#products > li{margin:0; padding:0;}
#block-custommainmenublock li ul.panel-child li li a{font-size:14px; color:#1960ae; line-height:28px;}
#block-custommainmenublock li ul.panel-child li li{padding:0; width:100%;}
.leaf.tier-2{width:100% !important;}
#block-custommainmenublock li ul.panel-child#products ul.columns.medium-6.small-12{width:100%;}
#block-custommainmenublock li ul.panel-child#products{ width: 680px;left: -257px; border:1px solid #dfdfdf;}
#products .leaf.tier-2:nth-child(5){float:none; width:100% !important;}
#block-custommainmenublock li ul.panel-child#products > li.leaf.tier-2 a.heading{margin: 0 0px 2px;}
#products .leaf.tier-2:last-child::after{ display:none;}

#block-custommainmenublock li ul.panel-child#applications{width: 680px;left: -394px; border:1px solid #dfdfdf;}
#block-custommainmenublock li ul.panel-child#applications li.first.leaf{margin:0; padding:0;}
#block-custommainmenublock .medium-6{width:100%;}
#block-custommainmenublock li ul.panel-child li{padding:0;}

#block-custommainmenublock li ul.panel-child#applications > li{margin:0;width: 100%;}
#block-custommainmenublock li ul.panel-child#applications li.leaf.tier-2 a.heading{margin:0 0px 0px; font-weight:bold; }
#block-custommainmenublock li ul.panel-child#applications li.tier-2{ margin-top:25px;}
/* #applications .leaf.tier-2::after{background:#dfdfdf; width:1px; height:243px; content:""; position:absolute; right:10px; top:5px;
visibility:visible;} */
#applications .leaf.tier-2:last-child::after{ display:none;}
#block-custommainmenublock li ul.panel-child#applications li.leaf a.heading,
#block-custommainmenublock li ul.panel-child#applications li.leaf a.heading-2 {
  font-size: 18px !important;
  font-weight: bold;
}
#block-custommainmenublock li ul.panel-child#applications li a.heading {
  margin: 10px 0px 10px;
}
#block-custommainmenublock li ul.panel-child#about-us{width:1020px; left:-760px; padding:0 20px; border:1px solid #dfdfdf;}
#block-custommainmenublock li ul.panel-child#about-us li a.heading{margin:0 0px 2px; font-weight:bold; font-size:18px;}
#block-custommainmenublock li ul.panel-child#about-us li a.heading:hover{ text-decoration:none;}
#about-us .leaf{ width:25% !important;}
#block-custommainmenublock li ul.panel-child#about-us li.tier-2{margin-bottom:25px; margin-top:20px;}
#about-us .leaf:nth-child(3){width:29% !important;}
#about-us .leaf.tier-2:nth-child(6){width:21% !important; float:right;}
#about-us .leaf::after{background:#dfdfdf; width:1px; height:210px; content:""; position:absolute; right:10px; top:5px;
visibility:visible;}
#about-us .leaf:last-child::after{ display:none;}
#block-custommainmenublock li ul.panel-child#about-us > li{padding:0; margin:0;}
#about-us .first.leaf::after{display:none;}

#block-custommainmenublock li ul.panel-child#markets{padding:0 20px; width:770px; left:-380px; border:1px solid #dfdfdf;}
#block-custommainmenublock li ul.panel-child#markets > li{margin:0;}
#markets .leaf{width:33% !important;}
#block-custommainmenublock li ul.panel-child#markets > li.leaf.tier-2 a.heading{margin:0 15px 20px;font-weight:bold;font-size:18px;}
#block-custommainmenublock li ul.panel-child#markets li.tier-2{margin-bottom:25px; margin-top:25px;}
#block-custommainmenublock li ul.panel-child#markets li a{font-size:14px; margin:0;}
#block-custommainmenublock li ul.panel-child#markets li a.heading:hover{ text-decoration:none;}
#markets .leaf:nth-child(3){width:36% !important;}
#markets .leaf:nth-child(4){width:38% !important;}
#markets .leaf:nth-child(5){width:26% !important;}
#markets .leaf.tier-2::after{background:#dfdfdf; width:1px; height:106px; content:""; position:absolute; right:6px; top:5px;
visibility:visible;}
#markets .leaf.tier-2:last-child::after{ display:none;}

.OneLinkImplementation{ right:0; top:15px;}
#globe-wrapper ul{top:59px;}
#globe-wrapper{margin:15px 0 0 0;}
#globe-wrapper ul li:hover{background:#fff; border-left: 4px solid#fff;}
#globe-wrapper ul li a{color: #1960ae;}
#globe-wrapper ul li a:hover{ text-decoration:underline;}
#globe-wrapper #globe{background: url(../images/globe-2021.png) right 0 no-repeat; background-size:20px 20px; width:20px; height:26px;font-size: 14px;}
#globe-wrapper #globe i{visibility: hidden;}
#globe-wrapper ul::after{width:35px; height:4px; background:#afafaf; content:''; position:absolute; top:-5px; right:0;}


#block-lumentumsearchblock .custom-search-box{border-radius:0 !important; height:47px; width:600px; margin:15px 4px 0 0; display:none;
font-size: 16px; border:1px solid #d8d8d8;}
#block-lumentumsearchblock .custom-search-box::placeholder{text-transform:capitalize;}
#block-lumentumsearchblock .custom-search-box1 {
height:20px; width:20px; transition:width 250ms ease; border:none; box-shadow:none; font-size:12px; line-height:normal; color: #666666;
background: #fff url(../images/search-2021.png) 0 0px no-repeat; outline:none; cursor:pointer; display:block !important; position:absolute;
right:-27px; top:32px; text-indent:-999px;}
button.custom-search-box1 {
  font-size: 11px !important; 
}
#block-contactus li a{background: url(../images/contact-2021.png) right 0 no-repeat !important; width:20px; height:20px; font-size:12px; padding:0;
}
#block-contactus li a i{visibility: hidden; opacity: 0; color:transparent; position: absolute;}
#block-contactus li a:hover{background: url(../images/contact-2021.png) right 0 no-repeat;}
#block-contactus-menu{display: none;}


/********************************** Banner CSS **********************************/
.views-slideshow-controls-bottom.clearfix{width:100%; position:static; padding:0;}
#views_slideshow_controls_text_previous_homepage_slider-block_1{position:absolute; left:15px; top:45%;}
#views_slideshow_controls_text_previous_homepage_slider-block_1 a{text-indent:-9999px; position:absolute; width:21px; height:35px; z-index:9;
transform: rotate(180deg); background: url(../images/b-arrow1.png) 0 0 no-repeat;}
#views_slideshow_controls_text_previous_homepage_slider-block_1 a{
    position: absolute;
    width: 20px;
    height: 36px;
}

.desktop-text-wrap{position:absolute; top:120px; margin:0 auto; width:100%; max-width:1280px; right:0; left:0; padding:0 0 0 50px;}
.desktop-text-wrap h1{font-size:35px; color:#fff; line-height:42px; font-weight:normal; font-family:'ClanPro-Medium',sans-serif;
margin:0 0 10px 0; max-width:54%;}
.desktop-text-wrap small{font-size:20px; color: #fff; line-height:24px; display:block; max-width:54%;}
.desktop-text-wrap a{background: #fff; margin-bottom:0; border:1px solid #ddd; padding:0 15px; display:inline-block; font-family:ClanPro-Book, Arial, sans-serif;
font-weight:normal; font-size:16px; text-transform:uppercase; color:#2b2b2b; line-height:35px; height:35px;
margin:18px 0 0 0;}
.desktop-text-wrap a::after{content: '\e809'; margin-left:8px; font-family: "icon"; font-style:normal; font-weight:normal; font-size:14px;}
.desktop-text-wrap a:hover{
text-decoration: one;
color: #FFF;
border: 1px solid #FFF !important;
background: #cd1c81;
background: linear-gradient(45deg, #cd1c81 0%, #de3f57 32%, #faa53a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd1c81',endColorstr='#faa53a',GradientType=1);}

/*********************internal banner css*******************/
.views-slideshow-cycle-main-frame-row-item .views-field.views-field-body .field-content{bottom:40%;}
.views-slideshow-cycle-main-frame-row-item .views-field.views-field-field-link .field-content{bottom:20%;}
.views-slideshow-cycle-main-frame-row-item .views-field.views-field-field-link a{color:#2b2b2b;padding:6px 15px 6px 15px; font-size:16px;}
.path-taxonomy .hero-banner .hero-caption h1{font-size:40px; font-family:'ClanPro-Medium',sans-serif; text-transform:inherit;}
#block-views-block-top-banner-block-1 .views-field-title .field-content{font-size:40px; font-family:'ClanPro-Medium',sans-serif;
text-transform:inherit;}

#views_slideshow_controls_text_next_homepage_slider-block_1{position:absolute; right:40px; top:45%;}
#views_slideshow_controls_text_next_homepage_slider-block_1 a{text-indent:-9999px; position:absolute; width:21px; height:35px; z-index:9;
transform: rotate(360deg); background: url(../images/b-arrow1.png) 0 0 no-repeat;}
#views_slideshow_controls_text_pause_homepage_slider-block_1{display:none;}

.subBlacktitle{color:#000 !important;}
.Blacktitle p{color:#000 !important;}
.subGraytitle{color:#666667 !important;}
.Graytitle p{color:#666667 !important;}

#block-lumentumsearchblock .button{display:none !important;}

#block-views-block-homepage-slider-block-1 #views_slideshow_controls_text_previous_homepage_slider-block_1{visibility:visible;
transition: all 0.5s ease-in-out;}
#block-views-block-homepage-slider-block-1:hover #views_slideshow_controls_text_previous_homepage_slider-block_1{visibility:visible;
left:15px;}
#block-views-block-homepage-slider-block-1 #views_slideshow_controls_text_next_homepage_slider-block_1{visibility:visible;
transition: all 0.5s ease-in-out;}
#block-views-block-homepage-slider-block-1:hover #views_slideshow_controls_text_next_homepage_slider-block_1{visibility:visible;
right:40px;}
/********************************** Social Menu CSS **********************************/
#block-socialmenu{width:24%; position:absolute; right:0; top: 30px;}
#block-socialmenu ul{list-style:none; margin:0 0 0 5px; width:150px;}
#block-socialmenu ul li {width:40px; height:45px; margin-right:10px; float:left; line-height:45px;}
#block-socialmenu ul li a i{color: #FFF; font-size: 24px;}
#block-socialmenu ul li a:hover{text-decoration:none;}
#block-socialmenu ul li a:after{display:none;}
/*#block-socialmenu .icon-twitter:before{content: '\e801';}*/
#block-socialmenu .icon-twitter{background: url(../images/twitter-white.png) 0 0px no-repeat; width:23px; height:24px; display: inline-block; vertical-align: top; background-size: contain; margin-top: 10px;}
#block-socialmenu .icon-linkedin:before{content: '\e802';}
#block-socialmenu .icon-youtube:before{content: '\e803';}
#block-socialmenu .icon-rss-icon-1:before{content: '\e80b';}
#block-socialmenu .fa.fa-instagram::before{content: '\f16d'; font-family:'FontAwesome'; font-style:normal; font-size:24px;}
#block-socialmenu .hide{display:none;}
#block-socialmenu .fa.fa-facebook:before{content:'\f09a'; font-family:'FontAwesome'; font-style:normal; font-size:24px;}
#block-socialmenu .icon-bluesky{background: url(../images/bluesky.svg) 0 0px no-repeat; width:23px; height:24px; display: inline-block; vertical-align: top; background-size: contain; margin-top: 10px;}
/********************************** Social Menu CSS  for blog home page**********************************/
#block-socialmenu-2 h2{ border-top: 1px solid #ccc;font-size: 22px;color: #666667; padding-top: 10px;}
#block-socialmenu-2 ul{list-style:none; margin:0 0 0 5px; width:150px;}
#block-socialmenu-2 ul li {width:40px; height:45px; margin-right:10px; float:left; line-height:45px;}
#block-socialmenu-2 ul li a i{color: #000; font-size: 24px;}
#block-socialmenu-2 ul li a:hover{text-decoration:none;}
#block-socialmenu-2 ul li a:after{display:none;}
/*#block-socialmenu .icon-twitter:before{content: '\e801';}*/
#block-socialmenu-2 .icon-twitter{background: url(../images/twitter-white.png) 0 0px no-repeat; width:23px; height:24px; display: inline-block; vertical-align: top; background-size: contain; margin-top: 10px;filter: invert(1);}
#block-socialmenu-2 .icon-linkedin:before{content: '\e802';}
#block-socialmenu-2 .icon-youtube:before{content: '\e803';}
#block-socialmenu-2 .icon-rss-icon-1:before{content: '\e80b';}
#block-socialmenu-2 .fa.fa-instagram::before{content: '\f16d'; font-family:'FontAwesome'; font-style:normal; font-size:24px;}
#block-socialmenu-2 .hide{display:none;}
#block-socialmenu-2 .fa.fa-facebook:before{content:'\f09a'; font-family:'FontAwesome'; font-style:normal; font-size:24px;}

#block-lumentum-footer section{ width:25%;}
.region.region-footer{margin:0 auto; max-width:1160px; position:relative;}
.footer_bottom-wrap1{display:none;}
.footer_bottom {margin:10px auto 15px; position:relative;}


#block-lumentumsearchblock .form-item-keys label{display:block; position:absolute; right:0; font-size:0;}
#block-lumentumsearchblock .form-item-keys label::after{content: '\2715'; font-family:"icon"; margin:22px 11px 0 0; font-weight:bold;
color:#b3b3b3; font-size:20px; float:right; cursor:pointer;}
.open-anything{display: block !important;}
#block-lumentumsearchblock .form-item-keys label{ display:none;}

#block-lumentumsearchblock .custom-search-box{display:none;}
.search-new-box .js-form-item-newkey{display:none;}
.search-new-box #lumentum-search-form label{position:static; font-size:12px; display:block; margin:0 0 5px 20px;}
.search-new-box #lumentum-search-form label::after{display:none;}
.footer_bottom #block-2levelfooter{z-index:9;}

#block-lumentum-breadcrumbs{position:static; display:inline-block; vertical-align:top; width:100%;}
.hero-banner .block-system-breadcrumb-block{display:none !important;}
.block-system-breadcrumb-block{padding:0;}
.block-system-breadcrumb-block ul{margin:15px auto !important; max-width:1280px; list-style:none; line-height:0; padding:0 0 0 50px !important;}
.block-system-breadcrumb-block ul li{display:inline-block;}
.block-system-breadcrumb-block ul li a{color:#9e9e9e !important; text-transform:inherit !important; font-size:12px !important;}
.block-system-breadcrumb-block ul li:first-child::before{content: '' !important;}
.block-system-breadcrumb-block ul li::before{content: '/'; font-size:12px; padding-left:0; color:#9e9e9e !important;}
.breadcrumb > li + li::before{padding:0;}
.close-wrap.showopen {
    display: block;
    z-index: 100;
    opacity: 1;
    width: 20vw;
}
#block-lumentumsearchblock .form-item-keys{display:none;}
/*#block-custommainmenublock li ul.panel-child#about-us li ul li:nth-child(1){display:none;}*/
#block-custommainmenublock li ul.panel-child#about-us li ul + ul li:nth-child(1){display:block;}

#block-views-block-top-banner-block-1 img{min-width:inherit;}
.hero-banner img{min-width:inherit;}
#block-views-block-top-banner-block-1 .views-field-field-banner-image img{max-width:inherit; min-width:inherit;}
#block-custommainmenublock li a.menu-opportunities::after{transform:inherit; margin:0;}
#block-views-block-banner-taxonomy-block-1 h1{ font-family: 'ClanPro-Medium',sans-serif; text-transform:initial;}
.path-lm-search .hero-caption h1, .path-en .hero-caption h1{font-family: 'ClanPro-Medium',sans-serif; text-transform:initial;}

.banner-background{
background-repeat: no-repeat;
background-size:cover;
padding:150px 0;
background-position: center center;
}
#add-inline{background-repeat:no-repeat; background-size:cover; padding:150px 0; background-position: center center;}
.inner-banner-wrap-bg{background-repeat:no-repeat; background-size:cover; padding:150px 0; background-position: center center;}
.slider-banner-wrap-bg, .views_slideshow_cycle_teaser_section{background-repeat:no-repeat; background-size:cover; padding:200px 0;
background-position: center center;}

.page-node-106 .field--name-field-link{top:57%;}

.views_slideshow_cycle_teaser_section{height:inherit !important;}

#block-views-block-banner-for-news-node-type-block-1 .views-field-title .field-content,
#block-views-block-banner-for-news-node-type-block-2 .views-field-title .field-content,
#block-views-block-banner-for-news-node-type-block-3 .views-field-title .field-content,
#block-views-block-banner-for-news-node-type-block-4 .views-field-title .field-content{
font-family: 'ClanPro-Medium',sans-serif;
text-transform: inherit;
}

/********************************** japan page CSS **********************************/
#block-japanhomepageblock{ background:#fff; width:100%; display:inline-block; vertical-align:top; margin:15px 0 0 0; padding:35px 15px;}
#block-japanhomepageblock .field__items{max-width:800px; margin: 0 auto;}
#block-japanhomepageblock .field__item{width:44%; float:left; position:relative;}
#block-japanhomepageblock .field--name-field-heading .field__item{font-weight:bold; width:100%;}
#block-japanhomepageblock p{margin:0;}
#block-japanhomepageblock .field--type-string.field--label-above .field__item{width:100%;}
#block-japanhomepageblock .field--name-field-content-paragraph .field__item{width:100%;}
#block-japanhomepageblock .field--name-field-content-image .field__item{margin:10px 0 25px 0; width:100%;}
#block-japanhomepageblock .field--name-field-content-image .field__item img{width:250px; height:190px;}
#block-japanhomepageblock .text-one{margin:20px 0 20px 0;}
#block-japanhomepageblock .field__item + .field__item{float:right;}
#block-japanhomepageblock .field__item + .field__item::after{content:""; width:1px; height:100%; background:#ccc; position:absolute;
left: -60px;}
#block-japanhomepageblock .text-two a{background:#fff; margin-bottom:0; border:1px solid #ddd; padding:13px 20px 11px;
font-family: 'ClanPro-News',sans-serif; font-weight:normal; font-size:13px; text-transform:uppercase; color: #6f6f6f; line-height:normal;
float:left; margin:25px 0 0 0;}
#block-japanhomepageblock .text-two a::after{ content: '\e809'; margin-left:8px; font-family:"icon"; font-style:normal; font-weight:normal;
font-size: 14px;}
#block-japanhomepageblock .text-two a:hover{text-decoration:one; color:#FFF; border:1px solid #FFF !important; background:#cd1c81;
background: linear-gradient(45deg, #cd1c81 0%, #de3f57 32%, #faa53a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd1c81',endColorstr='#faa53a',GradientType=1);
}

#block-japantabs #leadership-tabs{text-align:center; top:-117px; position:absolute; right:0; left:0;}
#block-japantabs #leadership-tabs a{padding:22px 25px 22px 23px; background: #ffffff; opacity: 0.8; color: #323133; margin:0 1px;
display: inline-block; vertical-align: top; width:125px;}
#block-japantabs #leadership-tabs a.active{background: #f9f9f9; opacity:1;}

#block-sagamiharatabs #leadership-tabs{text-align:center; position:absolute; right:0; left:0; top:-117px;}
#block-sagamiharatabs #leadership-tabs a{padding:22px 25px 22px 23px; background: #ffffff; opacity: 0.8; color: #323133; margin:0 1px;
display: inline-block; vertical-align: top; width:125px;}
#block-sagamiharatabs #leadership-tabs a.active{background: #f9f9f9; opacity:1;}

#block-tokyotabs #leadership-tabs{text-align:center; top:-117px; position:absolute; right:0; left:0;}
#block-tokyotabs #leadership-tabs a{padding:22px 25px 22px 23px; background: #ffffff; opacity: 0.8; color: #323133; margin:0 1px;
display: inline-block; vertical-align: top; width:125px;}
#block-tokyotabs #leadership-tabs a.active{background: #f9f9f9; opacity:1;}

.user-logged-in #block-sagamiharatabs #leadership-tabs{top:-157px;}
.user-logged-in #block-japantabs #leadership-tabs{top:-157px;}
.user-logged-in #block-tokyotabs #leadership-tabs{top:-157px;}

.tokyo-tbl{width:100%; background:none; border:none; border-collapse:separate; border-spacing:0; margin:0 0 12px 0;}
.tokyo-tbl td{border:none; padding:6px 0 !important; color: #666667; font-size:16px;}
.tokyo-tbl td:first-child{width:100px;}

@media only screen and (max-width: 1024px) {
table{width:100% !important;}

.hide-tablet-landscape-up span{
       font-size: 0;
 }

}

@media only screen and (max-width: 767px) {
#block-japanhomepageblock .field__item {width:100%;}
#block-japanhomepageblock .field__item + .field__item{border-top: 1px solid #ccc; padding:20px 0 0 0; margin:25px 0 0 0;}
#block-japanhomepageblock .field__item + .field__item::after{display:none;}

#block-japantabs #leadership-tabs{position:static; margin:-49px 0 30px 0;}
#block-japantabs #leadership-tabs a.active{background: #ccc;}
#block-japantabs #leadership-tabs a{background: #ededed;}

#block-sagamiharatabs #leadership-tabs{position:static; margin:-49px 0 30px 0;}
#block-sagamiharatabs #leadership-tabs a.active{background: #ccc;}
#block-sagamiharatabs #leadership-tabs a{background: #ededed;}

#block-tokyotabs #leadership-tabs{position:static; margin:-49px 0 30px 0;}
#block-tokyotabs #leadership-tabs a.active{background: #ccc;}
#block-tokyotabs #leadership-tabs a{background: #ededed;}
}

@media only screen and (max-width: 640px) {
#block-japantabs #leadership-tabs a{font-size:11px; width: 110px;}

#block-sagamiharatabs #leadership-tabs a{font-size:11px; width: 110px;}

#block-tokyotabs #leadership-tabs a{font-size:11px; width: 110px;}
}
/********************************** japan page CSS End **********************************/
.views-slideshow-controls-bottom.clearfix{position:static;}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets{width:200px; top:100%; z-index:9; left:0; right:0; position:relative;
margin:-84px auto;}
.views-slideshow-controls-bottom li{display:inline-block !important; margin:8px 4px !important;
background:rgba(197, 174, 163,0.9) !important}

.views-slideshow-controls-bottom li.active{border:1px solid transparent;}

/***************new basic page banner hiding css***************/
.page-node-type-page #block-views-block-top-banner-block-1 {
  display: none;
}
.page-node-type-page #block-lumentum-page-title {
  display: none;
}
.page-node-type-page #left-nav {
  display: none;
}
.page-node-type-page .hidden_page {
  top: 20px !important;
}

.page-node-type-page .l-footer {
display: none;
}
.page-node-type-page .footer_bottom-wrap {
display: none;
}
.page-node-type-page .l-main {
  height: 100vh;
}



.page-node-1416 #block-views-block-top-banner-block-1 {
  display: none;
}
.page-node-1416 #block-lumentum-page-title {
  display: none;
}
.page-node-1416 #left-nav {
  display: none;
}
.page-node-1416 .hidden_page {
  top: 20px !important;
}

.page-node-1416 .l-footer {
display: none;
}
.page-node-1416 .footer_bottom-wrap {
display: none;
}
.page-node-1416 .l-main {
  height: 100vh;
}

/**************prod***************/
.page-node-1460 #block-views-block-top-banner-block-1 {
  display: none;
}
.page-node-1460 #block-lumentum-page-title {
  display: none;
}
.page-node-1460 #left-nav {
  display: none;
}
.page-node-1460 .hidden_page {
  top: 20px !important;
}

.page-node-1460 .l-footer {
display: none;
}
.page-node-1460 .footer_bottom-wrap {
display: none;
}
.page-node-1460 .l-main {
  height: 100vh;
}
/**********************css for menaranetworks-products**************/

.page-node-1535 #block-views-block-top-banner-block-1 {
  display: none;
}
.page-node-1535 #block-lumentum-page-title {
  display: none;
}
.page-node-1535 #left-nav {
  display: none;
}
.page-node-1535 .hidden_page {
  top: 20px !important;
}

.page-node-1535 .l-footer {
display: none;
}
.page-node-1535 .footer_bottom-wrap {
display: none;
}
.page-node-1535 .l-main {
  height: 100vh;
}

/**********************end css for menaranetworks-products**************/

/**********************css for menaranetworks on prod**************/
.page-node-1533 #block-views-block-top-banner-block-1 {
  display: none;
}
.page-node-1533 #block-lumentum-page-title {
  display: none;
}
.page-node-1533 #left-nav {
  display: none;
}
.page-node-1533 .hidden_page {
  top: 20px !important;
}

.page-node-1533 .l-footer {
display: none;
}
.page-node-1533 .footer_bottom-wrap {
display: none;
}
.page-node-1533 .l-main {
  height: 100vh;
}

/**********************end css for menaranetworks on prod**************/

.field--name-field-download-paragraph .field--name-field-heading {
  background: #233e5a;
  color: #fff;
  padding: 5px;
  margin: 15px 0;
}
.field--name-field-download-paragraph .field--name-field-upload-file .field__item {
  position: relative;
  padding: 3px 0 3px 43px;
}
.field--name-field-download-paragraph .field--name-field-upload-file .field__item a {
  color: #666667;
}
.field--name-field-download-paragraph .field--name-field-upload-file .field__item::before {
  content: '';
  width: 5px;
  height: 5px;
  background: #666667;
  position: absolute;
  left: 30px;
  top: 12px;
}

#block-archivemanagement {
    background: #fff;
    padding: 50px 0 60px 0;
}
.field--name-field-archive-management{
    max-width: 736px;
    margin: 0 auto;
}
#block-archivemanagement h2{
    color: #323133;
    font-size: 24px;
    line-height: 35px;
    max-width: 736px;
    margin: 0 auto;
}
#block-archivemanagement .field--name-field-heading .field__item{
    padding: 15px 0 !important;
    border-bottom: 1px solid #e1e1e1;
    font-family: 'ClanPro-Medium',sans-serif;
}

#block-archivemanagement .field--name-field-heading .field__item::before {
    content: '\e807';
    float: right;
    font-size: 20px;
    font-family: "icon";
    line-height: 1;
    margin: 10px 25px 0;

}

#block-archivemanagement .field--name-field-heading .field__item.active::before {
    content: '\e806';
}
#block-archivemanagement .field--name-field-upload-file{
    padding: 15px 0 0 0;
}
#block-archivemanagement .field--label-above .field__item {
    padding: 3px 0;
}


/**********************************************************/

#block-csrdocumentarchive {
    background: #fff;
    padding: 50px 0 60px 0;
}
.field--name-field-archive-management{
    max-width: 736px;
    margin: 0 auto;
}
#block-csrdocumentarchive h2{
    color: #323133;
    font-size: 24px;
    line-height: 35px;
    max-width: 736px;
    margin: 0 auto;
}
#block-csrdocumentarchive .field--name-field-heading .field__item{
    padding: 15px 0 !important;
    border-bottom: 1px solid #e1e1e1;
    font-family: 'ClanPro-Medium',sans-serif;
}

#block-csrdocumentarchive .field--name-field-heading .field__item::before {
    content: '\e807';
    float: right;
    font-size: 20px;
    font-family: "icon";
    line-height: 1;
    margin: 10px 25px 0;

}

#block-csrdocumentarchive .field--name-field-heading .field__item.active::before {
    content: '\e806';
}
#block-csrdocumentarchive .field--name-field-upload-file{
    padding: 15px 0 0 0;
}
#block-csrdocumentarchive .field--label-above .field__item {
    padding: 3px 0;
}


/**********************************************************/

#block-diversityinclusionandbelongingtabs {
  max-width: 1072px;
  margin: 0 auto;
}
#block-diversityinclusionandbelongingtabs #leadership-tabs {
  text-align: center;
  position: relative;
  top: -91px;
}
#block-diversityinclusionandbelongingtabs #leadership-tabs a.active {
  opacity: 1;
  background: #f9f9f9;
}
#block-diversityinclusionandbelongingtabs #leadership-tabs a {
  padding: 22px 25px 22px 23px;
  background: #ffffff;
  opacity: 0.8;
  color: #323133;
  margin: 0 1px;
}
.video-css {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding-top: 56.5% !important;
  position: relative !important;
  display: inline-block;
  float: none;
  margin: 15px 0 30px 0;
}
.video-css iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.align-center {
  text-align: center;
}

.video-main-box {
  position: relative;
}
.video-main-box .promo-text-content {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  text-align: center;
}
.video-main-box .promo-text-content a::after {
    content: '\e809';
    margin-left: 8px;
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;

}
.video-main-box .promo-text-content a {
  padding: 8px 15px 8px 15px;
}
.video-main-box .promo-text-content a:hover{
text-decoration: none;
color: #FFF;
border: 1px solid #FFF !important;
background: linear-gradient(45deg, #cd1c81 0%, #de3f57 32%, #faa53a 100%);
}
.user-logged-in #block-diversityinclusionandbelongingtabs #leadership-tabs {
  top: -130px;
}

.page-node-1553 .bottom-one-wrap {
  background: none;
}

.page-node-1527 .bottom-one-wrap {
  background: none;
}
.mid-text {
  font-size: 12px;
  font-weight: normal;
  color: #666667;
}
.no-border-tbl {
  background: none;
}
.no-border-tbl tr td {
  border: none;
  vertical-align: top;
}
.no-border-tbl tr td img {
  max-width: 225px;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-field-image {
    width: 25%;
    float: left;
    padding-left: 0.9375rem;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-field-image img {
    width: 160px;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-title {
    font-family: 'ClanPro-Medium',sans-serif;
    padding: 0 15px;
    width: 75%;
    float: right;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-field-designation {
    margin: 0 0 18px 0;
    padding: 0 15px;
    width: 75%;
    float: right;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-body {
    width: 75%;
    float: right;
    padding: 0 15px;
}
 .mrc-accordian  .field__item {
  padding: 30px 0 15px !important;
  border-bottom: 1px solid #e1e1e1;
  color: #9e9e9e;
  font-size: 20px;
}
 .mrc-accordian .field__item::before {
  content: '\e807';
  float: right;
  font-size: 20px;
  font-family: "icon";
  line-height: 1;
  margin: 10px 25px 0;
}
.mrc-accordian .field__item.active::before {
  content: '\e806';
}

.bwtablemarginb {
  border-collapse: collapse;
}
.bwtablemarginb td {
   padding: 8px 5px !important;
   border: none !important;
}

.q4default .bwsinglebottom {
  border-bottom: 1px solid #000 !important;
}
.q4default .bwrowaltcolor0 {
 background-color: #fff !important;
}
.q4default .bwdoublebottom {
  border-bottom: solid 1px #DDD !important;
}
.bwtablemarginb tr.even, table tr.alt, table tr:nth-of-type(2n) {
  background: #fff !important;
}
.logo-wrap-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 25px 0 0 0;
}
.logo-wrap-box .box {
  width: 50%;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ccc;

}
.logo-wrap-box .box h5 {
  font-weight: normal;
  font-size: 16px;
  font-family: 'ClanPro-Medium',sans-serif;
  color: #666667;
}
.logo-wrap-box .box h5 {
  font-weight: normal;
  font-size: 16px;
  font-family: 'ClanPro-Medium',sans-serif;
  color: #666667;
}
.logo-wrap-box .box a {
  margin: 0 0 5px 0;
  display: block;
}
.logo-wrap-box h3 {
    font-family: 'ClanPro-Medium',sans-serif;
    color: #666667;
    font-size: 16px;
}
.logo-wrap-box .box p {
  padding: 0 20px 0 0;
  min-height: 52px;
}
.logo-wrap-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 25px 0 0 0;
  position: relative;
}
.logo-wrap-box .box::after {
   content: '';
   width: 100%;
   height: 1px;
   background: #ccc;
   position: absolute;
   left: 0;
   bottom: 20px;
  }
.section-one{
  display:none;

}
.section-two{
  display:none;

}
.section-three{
  display:none;

}
.section-four{
  display:none;

}

.brightcove-player > div {
  max-width: inherit !important;
}

.paragraph--type--archive-paragraph-type .field--type-file{
    display:none;
}
#views_slideshow_cycle_div_homepage_slider-block_1_0{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    opacity: 1;
}
.page-node-24 #block-views-block-news-block-3 {
  width: 40%;
  float: left;
  padding: 0 15px;
  border-right: 1px solid #e1e1e1;
}

.page-node-24 #block-mediaresources {
  float: left;
  width: 35%;
  border-right: 1px solid #e1e1e1;
  margin: 0 0 0 2%;
}
.page-node-24 #block-contactusmediaroom {
  width: 23%;
  float: left;
  text-align: center;
  padding: 0 15px;
}
.page-node-24 .region-before-footer-one {
 display: flex;
 flex-wrap: wrap;
}
.page-node-24 #block-mediaresources h2 {
  margin: 0 0 25px 0;
  font-size: 22px;
}
.page-node-24 #block-mediaresources h2 a {
 color: #323133;
}
.page-node-24 #block-mediaresources h2::after {
 content: '\e809';
 margin-left: 8px;
 font-family: "icon";
 font-style: normal;
 font-weight: normal;
}
.page-node-1643 main,.page-node-1553 main,.page-node-1527 main{
background: #fff;
}
.page-node-1643 #block-lumentum-breadcrumbs,.page-node-1553 #block-lumentum-breadcrumbs,.page-node-1527 #block-lumentum-breadcrumbs{
background:#f9f9f9;
}
/*******************************blog css *************/
.page-node-type-article .content-right-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  justify-content: center;
}
.page-node-type-article .content-right-wrapper.has-sidebar .region-content{
  width: 70%;
}
.page-node-type-article .content-right-wrapper.has-sidebar .region-right-sidebar{
  width: 25%;
}
/* .page-node-type-article #block-lumentum-content {
  padding: 0;
  max-width: 100%;
  width: 70%;
  margin: 0;
} */
.page-node-type-article .cols-4 .views-col {
  width: 100% !important;
  font-size: 12px;
}
.page-node-type-article .cols-4 .views-col img {
  width: 100%;
}
.page-node-type-article .cols-2 .views-col img {
  width: 100%;
}
.page-node-type-article .cols-2 .views-col {
  padding: 0 10px 0 0;
  font-size: 12px;
}
.page-node-type-article #block-lumentum-content h2 {
  margin: 10px 0 0 0;
}
#block-lumentum-content h2 {
font-size: 22px !important;
line-height: 33px;
}
.page-node-type-article .pager .button {
  min-width: 165px;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
}
.page-node-type-article #block-exposedformblog-listing-pageblock-1 {
  /* width: 25%;
  position: absolute;
  right: 0;
  top: 0; */
  font-size: 14px;
}
.page-node-type-article .region-right-sidebar,.page-node-type-article .simplenews-subscriptions-block-simplenews-section {
  /* width: 25%;
  position: absolute;
  right: 0;
  top: 375px; */
  font-size: 14px;
}
.page-node-type-article #views-exposed-form-blog-listing-page-block-1 label {
  display: none;
}

#views-exposed-form-blog-listing-page-block-1 select {
  border: none;
  font-size: 14px;
  font-family: 'ClanPro-Book',Helvetica,sans-serif;
  color: #666667;
  padding-left: 0;
  min-width: 100%;
  background: url(../images/blog-arrow.jpg) 96% 14px no-repeat !important;
}
#views-exposed-form-blog-listing-page-block-1 select:focus{
  outline: none;
}
.page-node-type-article #views-exposed-form-blog-listing-page-block-5 label {
  display: none;
}

#views-exposed-form-blog-listing-page-block-5 select {
  border: none;
  font-size: 14px;
  font-family: 'ClanPro-Book',Helvetica,sans-serif;
  color: #666667;
  padding-left: 0;
  min-width: 100%;
  background: url(../images/blog-arrow.jpg) 96% 14px no-repeat !important;
}
#views-exposed-form-blog-listing-page-block-5 select:focus{
  outline: none;
}
.page-node-type-article #block-lumentum-content .views-row {
  border: none;
}

.page-node-type-article #block-views-block-social-media-share-block-2 {
  /* width: 25%;
  position: absolute;
  right: 0;
  top: 200px; */
  border-top: 1px solid #ccc;
  padding: 15px 0 0 0;
}
#block-views-block-social-media-share-block-2 a {
  width: 35px;
  height: 35px;
  display: inline-block;
  background: #848486;
  color: #fff;
}
#block-views-block-social-media-share-block-2 a img {
  display: none;
}
#block-views-block-social-media-share-block-2 li:nth-child(1) a::after {
   content: '\e802';
  font-style: normal;
  font-size: 24px;
  font-family: "icon";
}
#block-views-block-social-media-share-block-2 li:nth-child(2) a{
  background: #848486 url(../images/twitter-white.png) no-repeat;
    background-size: 20px;
    background-position: center;
}
#block-views-block-social-media-share-block-2 li:nth-child(3) a::after {
  /*content: '\e801';
  font-style: normal;
  font-size: 24px;
  font-family: "icon";*/
}
#block-views-block-social-media-share-block-2 li:nth-child(3) a::after {
  content: '\f09a';
  font-family: 'FontAwesome';
  font-style: normal;
  font-size: 24px;
}
.social-media-sharing ul {
  margin: 0;
}
#views-exposed-form-blog-listing-page-block-1 select:hover {
  background-color: inherit;
}
#block-exposedformblog-listing-pageblock-1 h2 {
font-size: 22px;
color: #666667;
border-bottom: 1px solid #ccc;
padding: 0 0 5px 0;
}
#block-exposedformblog-listing-pageblock-5 h2 {
font-size: 22px;
color: #666667;
border-bottom: 1px solid #ccc;
padding: 0 0 5px 0;
}
#block-views-block-social-media-share-block-2 h2 {
font-size: 22px;
color: #666667;
}
.msg {
  font-weight: bold;
}

.author-name span{
  /*color: #1960ae;*/
  font-weight: bold;
}
.page-node-type-article .g-recaptcha{
    transform: scale(0.78);
    left: -11%;
    position: relative;
}
/**************detail page css **************/
.page-node-type-blog #block-views-block-top-banner-block-1 .views-field-title .field-content {
  display: none;
}
.page-node-type-blog #block-lumentum-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.page-node-type-blog .node--type-blog {
  width: 70%;
  float: left;
}
.page-node-type-blog .author-info {
  float: right;
  width: 25%;
}
.author-image img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
}
.page-node-type-blog .block-social-media a {
  width: 35px;
  height: 35px;
  display: inline-block;
  background: #848486;
  color: #fff;
}
.page-node-type-blog .block-social-media li:nth-child(1) a::after {
    content: '\e802';
  font-style: normal;
  font-size: 24px;
  font-family: "icon";
}
.page-node-type-blog .block-social-media li:nth-child(2) a {
   background: #848486 url(../images/twitter-white.png) no-repeat;
    background-size: 20px;
    background-position: center;
}

.page-node-type-blog .block-social-media li:nth-child(3) a::after{
  content: '\f09a';
  font-family: 'FontAwesome';
  font-style: normal;
  font-size: 24px;
}
.page-node-type-blog .block-social-media li:nth-child(4) a {
   background: #848486 url(../images/bluesky.svg) no-repeat;
    background-size: 20px;
    background-position: center;
}
.page-node-type-blog .block-social-media li img {
  display: none;
}
.page-node-type-blog #block-lumentum-content .views-row {
  border: none;
}
.page-node-type-blog #block-lumentum-content h2 {
  color: #666668;
  font-family: 'ClanPro-Medium',sans-serif;
  font-size: 26px;
  margin: 30px 0 0 0;
}
.page-node-type-blog a[href*="//"]:not([href*="lumentum."])::after {
  display: none;
}
.page-node-type-blog #block-lumentum-content .social-share h2 {
  font-size: 22px;
  color: #7a7a7a;
  font-family: 'ClanPro-Book', Helvetica, sans-serif;
  border-top: 1px solid #ccc;
  padding: 5px 0 10px 0;
  margin: 15px 0 0 0;
}
.page-node-type-blog .author-info .author-name {
  width: 100%;
  margin: 20px 0 5px 0;
  color: #000;
}
.page-node-type-blog .author-info .author-name a {
  font-family: 'ClanPro-Medium',sans-serif;
}
.page-node-type-blog .author-info .author-des {
  width: 100%;
  color: #000;
}
.black-block a {
  font-family: 'ClanPro-Medium',sans-serif;
  padding: 0 0 0 5px;
}
.black-block a::before {
  color: #1960ae;
  content: '\e809';
  font-size: 20px;
  font-family: "icon";
  transform: rotate(180deg);
  float: left;
  margin: -3px 0 0 0;
  font-weight: bold;
}

/* sitemap*/

/*.page-node-30 .main-wrap #block-mainnavigation-2 ul {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.page-node-30 .main-wrap #block-mainnavigation-2 ul li {
    display: flex;
    width: 33.333% !important;
    border: none;
    z-index: 9;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 26px;
}*/

/*****************13sep home page top CTA*******************/
#block-views-block-accelerating-photonic-innovation-block-1 .views-row {
float: left;
padding: 30px 15px;
width: 50%;
text-align: center;
position: relative;
}
#block-views-block-accelerating-photonic-innovation-block-1 .views-row .market-block-wrap .summary {
position: absolute;
bottom: 30px;
left: 0px;
right: 0;
background-color: rgba(255, 255, 255, 0.8);
overflow: hidden;
width: 95% !important;
height: 0;
transition: .5s ease;
padding: 0;
z-index: 1;
margin: 0 auto;
}
#block-views-block-accelerating-photonic-innovation-block-1 h2 {
font-size: 26px;
margin: 0 0 7px 0;
}

#block-views-block-accelerating-photonic-innovation-block-1 .views-row .market-block-wrap h2 {
font-size: 20px;
color: #fff;
line-height: 42px;
margin-bottom: 4px;
font-weight: normal;
font-family: 'ClanPro-Medium',sans-serif;
text-transform: inherit;
 }

/* #block-views-block-accelerating-photonic-innovation-block-1 .views-row .market-block-wrap h2 a{
font-size: 20px;
color: #fff;
line-height: 42px;
margin-bottom: 4px;
font-weight: normal;
font-family: 'ClanPro-Medium',sans-serif;
text-transform: inherit;
 }*/


/*****************end 13sep home page top CTA*******************/
.page-node-type-article .social-share h2{
   display:none;
   }
.cookie-popup {
  position: absolute;
  /*background: rgba(0, 0, 0, 0.9) !important;*/
  height: auto;
  width: 100%;
  bottom: -45px;
  left: 0;
  z-index: 99999;
  text-align: center;
  padding: 15px 0 25px 0;

}
.cookie-popup-mid {
  position: relative;
  max-width: 1150px !important;
  padding: 0 10px;
  margin: 0 auto;
}

.cookie-popup .trustarc-header-text{
    font-size: 34px !important;
    text-align: left;
}
.cookie-popup .trustarc-body-text{
    text-align: left;
    font-size: 13px;
}

#consent-banner{
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  /*max-width: 1155px;*/
  width:100%;
  bottom: 0;
}
.page-node-type-page-market .item-list .views-field-field-date:after{
 display: none;
}
#block-acceleratingphotonicinnovationcompany .company-block {
    width: 50%;
    float: left;
    margin: 0 0 30px 0;
    padding: 0 15px;
}
.page-node-type-article .cols-2 .views-col:nth-child(2) {
  padding: 0;
  width: 49% !important;
  float: right;
}
.page-node-106 .field--name-field-content-block .field__item .field--name-field-image:before{
content:none;
}
.page-node-type-webform form fieldset{ border:0px; }
.page-node-type-webform form fieldset legend{
border: none;
margin: 0;
font-size: 16px;
color: #666667;
line-height: 1.5;
}
.page-node-type-promotional-landing-page .field--name-field-webform fieldset{
border: 0px;
}
.page-node-type-promotional-landing-page .field--name-field-webform fieldset legend {
border: none;
margin: 0;
font-size: 16px;
color: #666667;
line-height: 1.5;
}
.path-market a.tabledrag-handle .handle {
  height: 27px !important;
  width: 24px !important;
}

#block-lumentum-content .no-post{
font-size: 16px;
text-align: center;
background-color: #333;
color: white;
padding: 10px;
}
.view-empty{
font-size: 16px;
text-align: center;
background-color: #333;
color: white;
padding: 10px;
}
.page-node-type-careers .region-before-footer{
    padding: 60px 0 0 !important;
    background: #fff !important;
    max-width: 100% !important;
    margin-top: 60px !important;
}

.page-node-type-careers #block-recentgraduates{
    background: #f9f9f9 !important;
    padding: 10px 0 40px !important;
    margin-top: 50px !important;
}

.page-node-type-careers #block-views-block-video-block-3{
    background: #fff !important;
    padding: 60px 0 0 !important;

}
.page-node-34 .region-before-footer{
    max-width: 100% !important;
    background: #fff !important;
}

.page-node-34 #block-views-block-video-block-3{
    background: #fff !important;
    padding: 0px 0 0 !important;
}
.page-node-1553 .block-title, .page-node-1643 .block-title, .page-node-1527 .block-title{
    display: none !important;
}

.page-node-1553 .region-before-footer, .page-node-1643 .region-before-footer, .page-node-1527 .region-before-footer{
    padding: 0 !important;
}
.overlay {width: 100%; height: 78px; position: fixed;top: 0;left: 0;z-index: 9999;}
.page-node-type-promotional-landing-page .captcha__element {width: 230px; padding-left: 7px;}
.page-node-type-promotional-landing-page .captcha__element {width: 230px; padding-left: 7px;}
.simplenews-subscriptions-block-simplenews-section form{
    display: none;
   }


   .simplenews-subscriptions-block-simplenews-section form label{
    font-size: 0.875rem;
    color: #4d4d4d;
    display: inline-flex;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    position: relative;
   }
   .simplenews-subscriptions-block-simplenews-section form label:after{
    position: absolute;
    top:0;
    right: -7px;
    content: "*";
   }
   .simplenews-subscriptions-block-simplenews-section input{
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 100%;
    min-width: 100% !important;
    border: 1px solid #ccc;
    height: 1.8rem;
    margin: 0 0 1rem 0;
    padding: 0 8px;
    border-radius: 0 !important;
   }
   .simplenews-subscriptions-block-simplenews-section input:focus{
    outline: none;
   }
   .simplenews-subscriptions-block-simplenews-section #edit-submit{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    line-height: 1;
    min-width: 87px !important;
    margin: 6px 0 12px;
    padding: 9px;

}

   .simplenews-subscriptions-block-simplenews-section #edit-submit--2{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    line-height: 1;
    min-width: 87px !important;
    margin: 6px 0 12px;
    padding: 9px;

}
.simplenews-subscriptions-block-simplenews-section #edit-submit:hover{
  background: linear-gradient(45deg, #cd1c81 0%, #de3f57 32%, #faa53a 100%);
  color: #fff;
}
.simplenews-subscriptions-block-simplenews-section #edit-submit--2:hover{
  background: linear-gradient(45deg, #cd1c81 0%, #de3f57 32%, #faa53a 100%);
  color: #fff;
}
.simplenews-subscriptions-block-simplenews-section #edit-actions--3{
  position: relative;
  width: fit-content;
}
.simplenews-subscriptions-block-simplenews-section #edit-actions--3::before{

   margin-left: 1px;
   font-family: "icon";
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   position: absolute;
   right: 7px;
   top: 4px;
   pointer-events: none;
}
.simplenews-subscriptions-block-simplenews-section #edit-actions--3:hover::before{
  color: #fff;
}
.simplenews-subscriptions-block-simplenews-section .block-title{
  position: relative;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  font-size: 22px;
  color: #666667;

}

.simplenews-subscriptions-block-simplenews-section .block-title::before{
  content: '';
  position: absolute;
  width: 11px;
  height: 22px;
  background: url(../images/blog-arrow.jpg) 96% center no-repeat !important;
  right: 12px;
  top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .25s;

}
.simplenews-subscriptions-block-simplenews-section .block-title.active::before{
   transform: rotate(180deg);
}

.page-node-type-article .alert-success{display:none;}
.page-node-type-article .alert-danger{display:none;}

p.msg.errorMessage {
    background: #ffc4c454;
    color: red;
    line-height: 19px;
    padding: 10px 12px;
    font-size: 13px;
    border: 1px solid red;
}

/* modal popup for message blog page */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
#modalMessage{font-weight: bold !important;}
.subscribed-popup{
    z-index: 99;
    overflow: hidden;
}
.subscribed-popup .modal-content{
    position: relative;
    padding: 30px 20px 20px 20px ;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.subscribed-popup .close{
    position: absolute;
    top: 1px;
    right: 18px;
}
/*css site map css start*/
.page-node-30 li.we-mega-menu-li.menu-parent{

    color: #14142b;
    background: #f7f7fc;
    padding: 1.0625rem 2.5rem;
    border-radius: 5px;
    border: 2px solid #d9dbe9 !important;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.7rem;
    text-transform: inherit !important;
    margin-bottom: 5px !important;
}
.page-node-30 .main-wrap #block-mainnavigation-2 ul li:nth-child(4){
    width: 27%;
}
.page-node-30 .main-wrap #block-mainnavigation-2 ul li:nth-child(4) ul li{
    width: 100%;
}
.page-node-30 li.we-mega-menu-li.menu-parent >a{
     margin: 0 !important;
    border: none !important;
}
 .page-node-30 li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading{
    display: flex;
    padding: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    border-radius: 5px;
    background: #fff;
    border-left: 2px solid #d9dbe9 !important;
    margin: 0 10px !important;
    margin-left: 0 !important;
}
.page-node-30  .main-wrap #block-mainnavigation-2 .all-arrow a:after{
    position: absolute;
}
.page-node-30 .main-wrap #block-mainnavigation-2 .we-mega-menu-col{
    width: 100%;
}
.page-node-30 .main-wrap #block-mainnavigation-2 ul li.we-mega-menu-li.mobile-view-menu.menu-parent{
    display: none;

}
 .page-node-30 li.we-mega-menu-li.market-head.menu-parent >a{
     margin: 0 !important;
    border: none !important;
 }
 .page-node-30 #block-mainnavigation-2 .we-mega-menu-ul.nav.nav-tabs .we-mega-menu-li.dropdown-menu{
    width:100%;
    padding: 20px;
    margin-top: -50px;

 }
 .page-node-30 .nav.nav-tabs.subul .we-mega-menu-group{
    width: 32.33% !important;
    background: aqua;
    float: left;
    margin-bottom: 10px !important;
 }
 .page-node-30 .we-mega-menu-li > a{
    padding: 0 !important;
 }
  .page-node-30 .mobile-view-menu .menu-parent{display: none;}
  .page-node-30 li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading {
   color:red;
}
/*.page-node-30 ul li.we-mega-menu-group > a {
    font-weight: bold !important;
}*/
.page-node-30 ul li.product-head + li.we-mega-menu-group > a {
  font-weight: bold !important;
}
.page-node-30 ul li.about-head ~ li.we-mega-menu-group > a,
.page-node-30 ul li.application-head ~ li.we-mega-menu-group > a {
  font-weight: bold !important;
}
.page-node-30 #block-mainnavigation-2 > div > nav > div > ul > li:nth-child(2) > div > div > div > div > ul > li:nth-child(3),
.page-node-30 #block-mainnavigation-2 > div > nav > div > ul > li:nth-child(2) > div > div > div > div > ul > li:nth-child(4) {
    background: #fff;
    border-left: 2px solid #d9dbe9;
    margin-right: 10px;
}
.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading.alt-right-arrow a{
  position: relative;
}
.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading.alt-right-arrow a:after {
  opacity: 1 !important; 
  background-image:none;
  width: auto;
  top: 0px;
}
.page-node-30 #block-mainnavigation-2 li a:after {
    content: '\e809';
    font-size: 20px;
    line-height: 1;
    float: none;
    color: #1960ae;
    padding-left: 9px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 2px;
    font-family: "icon";
    transform: inherit;
    margin: 0;
    position: absolute;
    right: 0;
}

.page-node-30 #block-mainnavigation-2 .menu-parent a:after {
    content: '\e809';
    display: none;
}

.page-node-30 .main-wrap #block-mainnavigation-2 .about-head a {
    font-size: 24px;
    color: #323133;
    pointer-events: none;
    cursor: default;
}
.page-node-30 li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading.company-unique {
    position: relative;
}
.page-node-30 li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading.career-unique {
    position: absolute;
    bottom: 0;
}

/* css site map css end */
.error-page{
    margin: 0 auto;
    text-align: center;

}
#block-lumentum-content .error-page h2{
    font-weight:800;
    font-size: 32px !important;
}
  .error-search-input{
    position: relative;
    max-width: 460px;
    margin: 0 auto;
  }
 .error-search-input .custom-search-box,.search-error{
    border-radius: 0 !important;
   padding: 12px 12px 12px 40px !important;
 }
 .error-search-input .custom-search-box,.search-error{
    text-transform: none !important;
 }
 .error-search-input .button{
    background: url("../images/search-icon.png") no-repeat 0 center !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border: none !important;
    margin: 0 !important;
    position: absolute !important;
    top: 7px !important;
    left: 13px !important;
 }
  .error-search-input .custom-search-box, .search-error .button{
     background: url("../images/search-icon.png") no-repeat 0 center !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border: none !important;
    margin: 0 !important;
    position: absolute !important;
    top: 11px !important;
    left: 15px !important;
  }
  .error-search-input .search-error{
    font-size: 16px;
    border: 1px solid #d8d8d8;
    margin-bottom: 60px;
    border-radius: 12px;
  }
  .error-search-input .search-error{
    outline: none !important;
    width: 100%;
  }

.page-node-30 .main-wrap #block-mainnavigation-2{
    max-width: 1160px;
    padding: 0 15px;
    margin: 0 auto 150px;
    position: relative;
}
.page-node-30 li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading.career-unique {
    position: absolute;
    bottom: -150px;
}

/*table css*/
table.dark-border tr th, 
table.dark-border tr td {
    white-space: nowrap;
}
table.dark-border tr td {
    font-size: inherit;   

}
.path-taxonomy .specs-table .field--name-field-specs-table .product-term-table{
    overflow: auto;
}

.product-block-view-row .views-row {
    border-top: 1px solid #a5a3a794 !important;
    padding: 30px 0;
    margin: 0;
    border-bottom: none;
}
.product-block-view-row .views-row:last-child {
    border-bottom: 1px solid #a5a3a794 !important;
}
.path-taxonomy .specs-table .field--name-field-specs-table {
    padding: 30px 0px;
    border-top: 1px solid #a5a3a794 !important;
}


.search-new-box {
    max-width: 1100px;
}
.search-new-box {
    max-width: 1100px !important;
}
.search-sidebar {
    flex: 0 46%;
}
.search-sidebar ul li a{
  font-size: 14px !important;
  margin-bottom: 4px;
  /*color: #505050 !important;*/
  display: block;
  line-height: 22px !important;
}
.search-sidebar h2{
    font-size: 20px;
    color: #222;
    margin-bottom: 4px;
    font-weight: 700;
    border-bottom: 1px solid #a5a3a794 !important;
}
.search_page_results {
    padding-left: 50px;
}

/*.path-lm-search #block-lumentum-content .lumentum-search-form {
    margin: 0 auto !important;
}
*/.search-result h3.title a {
    display: block;
    font-size: 20px;
    color: #222;
    margin-bottom: 4px;
    font-weight: 500;
}
.search-result #block-lumentum-content h2 {
    font-size: 14px !important;
    line-height: 26px;
    margin-bottom: 4px;
    color: #505050;
    display: block;
}
.page-lm-search-results #block-lumentum-content h2 {
    font-size: 14px !important;
    margin-bottom: 4px;
    color: #505050 !important;
    display: block;
    line-height: 22px !important;
}
 .page-lm-search-results ul.search-sidebar li {
    margin-bottom: 13px;
}
.page-lm-search-results ul.search-sidebar li a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: 18px;
}

.page-lm-search-results.path-lm-search #block-lumentum-content .search-new-box .search-results, .path-en #block-lumentum-content .search-new-box .search-results {
    border-bottom: 1px solid #d1d1d1;

}
.error-search-input.result .button {
    background: url(../images/search-icon.png) no-repeat 0 center !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border: none !important;
    margin: 0 !important;
    position: absolute !important;
    top: 29px !important;
    left: 13px !important;
}
.flex-container-search {
    display: flex;
    justify-content: space-between;
}

.lm-search-result-box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    }
.lm-search-result-box .search-sidebar{
    width: 270px;
    flex: unset;

}
.lm-search-result-box .search-sidebar h2{
    padding: 12px 8px;
    margin-bottom: 8px !important;
}
.lm-search-result-box .ls-result-box{
    width: calc(100% - 300px);
    margin: 0;
     position: unset;

}
.lm-search-result-box .search-form-lm form{
    margin: 0;
     position: unset;
     width: unset;
}
.lm-search-result-box .flex-container-search{
   align-items: end;
}
.lm-search-result-box .flex-container-search form{
  width:408px !important;
  margin: 0 !important;
}
.lm-search-result-box .flex-container-search form .custom-search-submit{
    position: absolute !important;
    top: 7px !important;
}
.lm-search-result-box .error-search-input .search-error{
    margin-bottom: 0;
}
.lm-search-result-box .lm-num-results form{
    display: flex;
    align-items: center;
    width: auto !important;
}
.lm-search-result-box .lm-num-results form select{
    min-width: unset;
    border: none;
    background-color: transparent;
    line-height: 1;
}
.lm-search-result-box .lm-num-results form label{
    margin: 0 !important;
}
.node-results{
    background-color: #ffffff;
  width: 100%;
  padding: 10px 18px !important;
  margin-bottom: 14px;
}
.lm-search-result-box .search_page_results{
    padding: 20px 0;
}

.lm-search-result-box .search-sidebar ul li a{
    padding: 10px;
    background-color: #fff;
}
.lm-search-result-box .search-sidebar ul li a:hover{
    color:  #1960ae !important;
    background-color:transparent ;
}
.lm-search-result-box .lm-num-results{
    border-right: 1px solid #666667;
}
.lm-search-result-box .lm-num-results select{
    height: unset;
}

.link-active{
    color:#1960ae !important;
    font-weight: bold;
}


.viewtabledata.specs-table{
    max-width: 1450px;
    position: relative;
    top: 20%;
    z-index: 99999;
    
}
.viewtabledata.specs-table th {
    white-space: nowrap;
}
.viewtabledata.specs-table th:nth-child(3){
white-space: normal; 
}
.viewtabledata.specs-table th:nth-child(7){
white-space: normal; 
}
.viewtabledata.specs-table th:nth-child(10){
white-space: normal; 
}
 .viewtabledata.specs-table th:last-child {
white-space: normal; 
}
.page-term-234 .specs-table{
    max-width: 1450px;
    position: relative;
    top: 20%;
    z-index: 9;
    
}
#tableview .specs-table .field--name-field-specs-table{
    border-top:none !important;
}


#tableview table tr th, #tableview  table tr td{
    font-size: 14px !important;
}


/*.page-term-234 #overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); 
    z-index: 999;
    }
.close-wraptab{
    width: 100%;
    display: flex;
    justify-content: end;
    }
#close-popup{
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    font-size: 17px;
    font-weight: 800;
    display: block;
    padding: 5px 7px;
    cursor: pointer;
    text-align: center;
    }*/

#tableview table {
    width: 100%;
    border-collapse: collapse; /* Replaces cellspacing: 0px */
    border: 1px solid #000; /* Specifies a solid border */
}

#tableview table th{
    border: solid 1px #DDDDDD !important;
}
#tableview table td{
   /* white-space: nowrap;*/
}

#tableview table th:last-child{
   width: 9%;
}
#tableview table th:nth-child(7){
   width: 7%;
}
#tableview table th:nth-child(6){
   width: 7%;
}
#tableview table th:nth-child(1){
   width: 7%;
}
#tableview table th:nth-child(2){
  width: 19%;
}
#tableview table th:nth-child(3){
  width: 10%;
}
#tableview table th:nth-child(4){
  width: 9%;
}
#tableview table th:nth-child(5){
  width: 11%;
}
#tableview table th:nth-child(11){
   width: 10%;
}
#tableview table th:nth-child(10){
  width: 14%;
}
#tableview table tr{
    border: solid 1px #DDDDDD !important;
}

#mobile-tableview ul li{
    width:100%;
    float:left;
}



/*.field-container {
  display: flex;
  justify-content: space-between;
  padding: 5px 0; 
}*/

.item-list.dm .views-label {
  flex-basis: 45%; /* Width for label column */
  text-align: left;
  padding-left: 5px;
   /* Align text to the left */
}

.item-list.dm .field-content {
  flex-basis: 55%; /* Width for value column */
  text-align: left; /* Align text to the right */
  padding-left:5px;
}

.item-list.dm li .views-field span {
color: #666667;
font-weight: bold;
padding: 0.5625rem 0.625rem !important;
font-size: 0.875rem;
}

.item-list.dm ul {
  list-style-type: none; /* Remove bullet points */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margin */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.item-list.dm li {
  border-bottom: 1px solid #ccc; /* Optional: add a border between rows */
  padding: 5px 0;
  display: flex;
  align-items: center;
  margin: 0 !important;
}
.item-list.dm li:nth-child(odd){
    background:#fff;
}
.item-list.dm li:nth-child(even){
    background:#ddd3;
}

.item-list.dm li .views-field{
    display: flex;
    align-items: center;
    border-bottom: solid 1px #DDDDDD;
}
.item-list.dm li .views-field span{
    display: flex;
    align-items: center;
    border-right: solid 1px #DDDDDD;
    padding: 12px 0;
}
.item-list.dm ul{
    border: 1px solid #DDDDDD;
    padding: 0 !important;
}
#mview{display:none;}

.emp-rgp .field__item {
    margin-bottom: 22px;
}


/* for tabing and accessibility */

/*a:focus,button:focus,.custom-search-box:focus{
  outline: 2px dotted orange !important;
  display: inline-block;
}*/

a:focus-visible,button:focus-visible,.custom-search-box:focus-visible{
  outline: 2px dotted orange !important;
  display: inline-block;
}
#block-custommainmenublock li:focus-visible{
    outline: none;
}
#block-custommainmenublock li span:focus-visible{
    outline: 2px dotted orange !important;
}
nav.top-bar1:focus{
  outline: 2px dotted orange;
  display: block;
}


.menu-icon{
  display: none;
}
#block-lumentum-footer section li a{

  color: #fefefe;
}

.views-row.promo-cover .views-field .promo-text-content h3{
    font-size: 22px;
    line-height: 30px;
    color: #666667;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}
#block-lumentum-footer section li {
    display: block;
}
.views-slideshow-controls-bottom li{
  width: 14px !important;
  height: 14px !important;
  margin: 8px 10px !important;
  color: #333!important;
  text-indent: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.views-slideshow-controls-bottom li button{
    text-indent: -9999px;
    color: #fff;
    background: transparent;
    width: 14px;
    height: 14px;
    border-radius: 15px;
    border: none;
    box-shadow: none;
}
#block-socialmenu #block-socialmenu-menu{
    width: 20px !important;
    height: 20px !important;
    display: none;
}
#block-2levelfooter-menu{
    width: 20px;
    height: 20px;
    display: none;

}

.page-node-type-metrology #block-lumentum-content{
  max-width: 100%;
  padding: 0;
}
.page-node-type-metrology .mid-wrapper{
  max-width: 1160px;
  margin: 0 auto;
}
.page-node-type-metrology .page-node-type-metrology .metrology-flex-wrp{
  display: flex;
}
.page-node-type-metrology .metrology-flex-wrp .text-content{
  width: 50%;
  padding: 20px 40px;
  background-color: #f9f9f9;
}
.page-node-type-metrology .m-intro h2{
  padding: 0 40px;
}
.page-node-type-metrology .metrology-flex-wrp .image-wrp{
  width: 50%;

}
.page-node-type-metrology .metrology-flex-wrp .image-wrp img{
  width: 100%;

}
.page-node-type-metrology .field__item{
  display: flex;
  gap: 12px;
  max-width: 1160px;
  margin: 0 auto;
  flex-wrap: wrap;

}
.page-node-type-metrology .field__item .grid-item{
  width: calc(33.33% - 8px);
  /*margin-bottom: 12px;*/
}


.page-node-type-metrology .m-header-section .field{
  flex-direction: column;
  max-width: 700px;
  margin: 0 auto;
  align-items: center;
  margin-top: 22px;
  text-align: center;
}
.page-node-type-metrology #leadership-tabs{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;

}
.page-node-type-metrology #leadership-tabs a {
  position: relative;
  font-weight: 600;
  color: #1960ae;
}

.page-node-type-metrology #leadership-tabs a:after {
      content: '';
  width: 100%;
  height: 6px;
  background-color: orange;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  opacity: 0;
}
.page-node-type-metrology #leadership-tabs a.active:after {
  opacity: 1;
}


.page-node-type-metrology #leadership-tabs a{
  width: calc(33.33%  - 12px);
  text-align: center;
  display: block;
  padding-bottom: 12px;
  font-size: 16px;
}
.page-node-type-metrology .m-banner-section{
  display: flex;
  width: 100vw;
  position: relative;
}
.page-node-type-metrology .m-banner-img{
  width: 60vw;
  /*height: 500px;*/
}
.page-node-type-metrology .m-banner-section .banner-text{
  width: 40vw;
 background-image: linear-gradient(to right, #682e8a , #316eb6);
 color: #fff;

}
.page-node-type-metrology .m-banner-section .field__item{
  flex-direction: column;
}
.page-node-type-metrology .m-inner-content{
  padding: 30px 32px 60px 20px;

}
.page-node-type-metrology .region-content #block-lumentum-content .m-header-section h2 {
  font-size: 40px !important;
  font-family: 'ClanPro-Medium', sans-serif;
  color: #6c147d;

}
.page-node-type-metrology .m-intro h2{
  color: #6c147d !important;
}
.page-node-type-metrology .region-content #block-lumentum-content .m-header-section p{
  padding:6px 0 40px 0;
  font-size: 20px;
}

.page-node-type-metrology #block-lumentum-content .banner-text a{
  background-color: #faa53a;
  padding: 8px 32px;
  color: #fff;
  font-weight: 600;
  border-radius: 24px;
  display: inline-block;
  border: 1px solid transparent;
}
.page-node-type-metrology .metrology-class .field .contact-us a{
  background-color: #faa53a;
  padding: 8px 32px;
  color: #fff;
  font-weight: 600;
  border-radius: 24px;
  display: inline-block;
  border: 1px solid transparent;
}
.page-node-type-metrology .metrology-class .field .contact-us  a:hover {
  background-color: transparent;
  color: #faa53a;
  border-color: #faa53a;
}
.page-node-type-metrology #block-lumentum-content .banner-text a:hover {
  background-color: transparent;
  color: #faa53a;
  border-color: #faa53a;
}
.page-node-type-metrology .card-text a:hover {
      color:  #faa53a;
}
.page-node-type-metrology .all-arrow{
  border: none !important;
}
.page-node-type-metrology #block-lumentum-content .m-bottom a{
  background-color: transparent;
  padding: 10px 0;
  color: #fff;
  font-weight: 600;
  border-radius: 24px;
  margin-bottom: 20px;
}

.page-node-type-metrology #block-lumentum-content .m-inner-content h2{
  color:#fff;
  margin: 0;
  padding-top: 20px;
}

.page-node-type-metrology #block-lumentum-content  .m-inner-content p{
  color: #f1f1f1;
  margin: 20px 0;
}
/*.page-node-type-metrology .m-banner-img img, .page-node-type-metrology .field__item img{
  width: 100%;
  height: 100%;
}*/
.page-node-type-metrology .field__item img{
  width: 100%;
  height: 100%;
}

.page-node-type-metrology .m-banner-section .m-banner-img img{
    /*object-fit: cover;*/
    width:100%;
    height: auto;
    min-height: 200px;
}
.page-node-type-metrology .mid-wrapper .m-intro{
  padding: 60px 0  60px 0;

}
.page-node-type-metrology .mid-content .card-text{
  padding: 20px 10px;
  background-color: #f9f9f9;
}


.page-node-type-metrology .metrology-class{
  background-color:#fff ;
}
.page-node-type-metrology .metrology-class .region-after-content{
max-width: 660px;
  margin: 0 auto;
  text-align: center;
  padding: 60px 0 80px 0;
}

.page-node-type-metrology .metrology-class .field{
  justify-content: center;
}
.page-node-type-metrology .webform-submission-form{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.page-node-type-metrology #edit-email{
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
  border: 1px solid #ccc;
  height: 36px;
  padding: 0 8px;

}
.page-node-type-metrology .js-form-item{
  display: flex;
  align-items: center;
  gap: 12px;
  width: calc(100% - 160px);
}
.page-node-type-metrology .metrology-class .button--primary{
 width: 140px;
 text-align: center;
     background-color: #faa53a;
  padding: 10px 30px;
  color: #fff;
  font-weight: 600;
  border-radius: 24px;
}
.page-node-type-metrology .metrology-class label{
  color: #666667;
  font-weight: 600;
}
.page-node-type-metrology .region-content #block-lumentum-content .m-intro h2{
  font-size: 22px !important;
  padding-bottom: 6px;
  font-weight: 600;
} 
.page-node-type-metrology .metrology-flex-wrp p{
  padding-bottom: 0 !important;
  margin: 0;
}
.page-node-type-metrology .metrology-class p{
  font-size: 22px;
  padding-bottom: 10px;
}
.page-node-type-metrology .mid-content{
  margin-bottom: 40px;
}
.page-node-type-metrology  .outer-wrapper{
  background-color: #fff;
}
.page-node-type-metrology .metrology-flex-wrp{
  display: flex;
}
.page-node-type-metrology #block-lumentum-content{
  background: #fff;
}

.page-node-type-metrology  a{
  color: #323133;
  font-weight: 400;
}

.page-node-type-metrology .card-text h3{
  font-weight: 600;
  color:#6c147d ;
}
.page-node-type-metrology .m-header-section p{
  font-size: 20px;
}

.page-node-type-metrology .card-img img {
 height: 100%;
 object-fit: cover;
 overflow: hidden;
 }
.page-node-type-metrology .text-content a{
  padding-top: 30px;
  display: inline-block;
font-family: 'ClanPro-Medium', sans-serif;
}
.page-node-type-metrology .text-content a:hover{
        color: #faa53a;
}
.page-node-type-metrology main{
  padding: 0;
}
.page-node-type-metrology .m-header-section{
  padding-top: 60px;
}
.page-node-type-metrology .card-text a{
  font-family: 'ClanPro-Medium', sans-serif;
}
/*a:focus-visible,
button:focus-visible{
  outline: 2px dotted orange !important;
  display: inline-block;
}

nav.top-bar1:focus-visible {
  outline: 2px dotted orange;
  display: inline-block;
}*/
.custom-search-box:focus-visible {
  outline: none !important;
}

.page-node-type-metrology #leadership-tabs a {
  padding: 14px 12px;
  opacity: 0.8;
  color: #323133;
  position: relative;
  width: calc(33.33% - 2px);
}
.metrology-flex-wrp{
  background-color: #f9f9f9;
  align-items: center;
}
.page-node-type-metrology .metrology-flex-wrp .image-wrp {
  /*padding-right: 40px;*/
}
.page-node-type-metrology .m-inner-content{
  /*width: 500px;*/
  padding: 40px 20px;

}
#block-lumentumsearchblock .custom-search-box1{
    caret-color: transparent;
    font-size: 0;
}
#block-socialmenu menu {
  list-style: none;
  margin: 0 0 0 5px;
  width: 150px;
}
#block-socialmenu menu li {
  width: 40px;
  height: 45px;
  margin-right: 10px;
  float: left;
  line-height: 45px;
}
#block-socialmenu menu a i {
  color: #FFF;
  font-size: 24px;
}

.page-node-type-metrology .grid-item{
  background-color:#f9f9f9;
  height: 900px;
}
.page-node-type-metrology .card-img{
  height: 230px;
}
.page-node-type-metrology .card-img img{
  height: 100%;
  object-fit: cover;
}
.page-node-type-metrology .m-bottom .m-banner-img{
  /*height: 350px;*/
}
.page-node-type-metrology .m-bottom .m-banner-img img{
  /*height: 100%;*/

}
.page-node-type-metrology .metrology-class .region-after-content{
  padding: 40px 0 80px 0;
}
.page-node-type-metrology .m-bottom {
  margin-bottom: 20px;
}
.page-node-type-metrology #block-lumentum-content .m-bottom #leadership-tabs a {
    width: calc(33.33% - 1px) !important;
        font-size: 12px !important;
        padding: 10px 12px !important;
        float: left;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 12px;
        background: #ededed !important;
        color: #323133;
        border-radius: 0;
        outline: none;
        border:none;
  }
.page-node-type-metrology #block-lumentum-content .m-bottom #leadership-tabs a:hover {
    border: none;
    color: #323133;
}
.page-node-type-metrology .m-bottom .m-inner-content {
    max-width: 500px;
    padding: 10px 12px 10px 20px;
}
.page-node-type-metrology .m-bottom .m-inner-content p {
    margin: 10px 0 !important;
    font-size: 14px !important;
}

.page-node-type-metrology #block-lumentum-content .m-bottom a{
    padding: 0;
    margin: 10px 0 0 0;

}
#block-2levelfooter menu{
    list-style: none;
}
#block-socialmenu menu li a:after {
    display:none;
}
#search-label {
    display: none;
}
#search-label:after {
    content: '\2715';
    font-family: "icon";
    margin: 22px 11px 0 0;
    font-weight: bold;
    color: #b3b3b3;
    font-size: 20px;
    float: right;
    cursor: pointer;
}
#block-lumentumsearchblock .form-item-keys span::after {
    content: '\2715';
    font-family: "icon";
    margin: 22px 11px 0 0;
    font-weight: bold;
    color: #b3b3b3;
    font-size: 20px;
    float: right;
    cursor: pointer;
}
#block-lumentumsearchblock .form-item-keys span {
    display: block;
    position: absolute;
    right: 0;
    font-size: 0;
}
/*end table css */
/* styles for tab hover border */

#globe-wrapper{
    margin : 16px 0 0 0;
}

#globe-wrapper button{
    all : unset;
}


#globe-wrapper{height: 46px;}

.page-node-type-metrology .metrology-flex-wrp .text-content h2{
padding-left: 0;
}
#block-custommainmenublock li ul.panel-child#applications li.tier-2, #block-custommainmenublock li ul.panel-child#products li.tier-2, #block-custommainmenublock li ul.panel-child#markets li.tier-2{
  margin-bottom: 0;
}
/********************************** Responsive CSS **********************************/
@media only screen and (max-width: 1600px) and (min-width: 1100px) {
.page-node-type-metrology .m-banner-section .m-banner-img img {
  height: 100%;
 }
}
@media only screen and (max-width: 1341px){
.page-node-type-metrology .m-inner-content {
    width: 442px;
    padding: 10px 12px 20px 20px;
}
.page-node-type-metrology #block-lumentum-content .m-inner-content p {
    color: #f1f1f1;
    margin: 10px 0;
}
.page-node-type-metrology #block-lumentum-content .m-inner-content h2 {
    padding-top: 10px;
}
.page-node-type-metrology .m-banner-section .field__item {
    gap: 0;
 }
}

@media only screen and (min-width: 768px){
    #globe-wrapper:hover ul{
    display: block !important;
}
} 
@media only screen and (max-width: 3000px) and (min-width: 768px) {


#markets .leaf:nth-child(4) {
width: 58% !important;
margin-left: 12px !important;
}
#markets .leaf:nth-child(3) {
width: 40% !important;
}
#markets .leaf:nth-child(4) ul {
width: 50%;
}
#markets .leaf:nth-child(4) ul + ul {
float: right !important;
width: 43%;
}
}
@media only screen and (max-width: 3000px) and (min-width: 768px) {
#block-custommainmenublock li.open ul.panel-child{height: initial !important;}
#block-custommainmenublock li.selected ul.panel-child{display: block !important;height: initial !important;}
#globe-wrapper > button.selected ul{display:block !important;}
#globe-wrapper #globe:hover ul {
    display: none;
}
#block-custommainmenublock li ul.panel-child{display:none !important;}
}

@media only screen and (max-width: 2500px) and (min-width: 1920px) {
#views_slideshow_controls_text_previous_homepage_slider-block_1{top:45%;}
#views_slideshow_controls_text_next_homepage_slider-block_1{top:45%;}
}


@media only screen and (max-width: 2500px) and (min-width: 1400px) {
.views_slideshow_cycle_teaser_section, .views-slideshow-cycle-main-frame-row-item .views-field-field-banner-image img{height:412px !important;}
.hero-banner img{height:337px;}
#block-views-block-top-banner-block-1 img{height:337px;}
#views_slideshow_cycle_teaser_section_homepage_slider-block_1{width:100% !important; height:412px !important; padding-bottom:0;}
}

@media only screen and (max-width: 5000px) and (min-width: 1280px) {
#block-custommainmenublock li.expanded{padding:0 25px; height:71px; display:flex;}
#block-custommainmenublock li.expanded > a{display:flex; align-items:center;}
/*#menu{margin:0 120px 0 0;}*/
#block-custommainmenublock li.expanded > span{display:flex; align-items:center;}
}
#block-custommainmenublock li.expanded:hover ul.panel-child{
    display: block !important;
}
@media only screen and (max-width: 2500px) and (min-width: 768px) {
#block-custommainmenublock{display:block !important;}
}

@media only screen and (max-width: 1400px) and (min-width: 1400px) {
#views_slideshow_cycle_teaser_section_homepage_slider-block_1{padding:160px 0; height:inherit !important;}
}

@media only screen and (max-width: 1278px) and (min-width: 768px) {
.close-wrap.showopen{display:none;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
#block-views-block-accelerating-photonic-innovation-block-1 .views-row .market-block-wrap h2{
font-size:16px; color: #fff;  margin: 40px 0 0 0 !important; font-weight:bold;}

.lm-search-result-box{
    flex-direction: column;
}
.lm-search-result-box .search-sidebar{
    width: 100%;
}
.lm-search-result-box .ls-result-box{
    width: 100%;
}
.lm-search-result-box .flex-container-search form{
    width: 100% !important;
}
.lm-search-result-box .flex-container-search{
    display: block;
}
.lm-search-result-box .lm-num-results{
    border: none;
}
.lm-search-result-box .search_page_results{
    padding: 5px 0 20px 0;
}

}

@media only screen and (min-width: 1880px) {
.views-slideshow-cycle-main-frame{height:500px !important;  padding-bottom:0;}
/*#views_slideshow_cycle_teaser_section_homepage_slider-block_1{height:500px !important;  padding-bottom:0;}*/
.views-slideshow-cycle-main-frame-row-item .views-field-field-banner-image img{height:500px !important;}
#views_slideshow_cycle_teaser_section_homepage_slider-block_1{padding-bottom:200px;}
}

@media only screen and (max-width: 1400px) {
.slider-banner-wrap-bg, .views_slideshow_cycle_teaser_section{padding:160px 0;}
.desktop-text-wrap{top:50px;}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets{margin:-72px auto;}
}

@media only screen and (max-width: 1278px) {
#block-custommainmenublock li.expanded::before{bottom:0;}
#block-custommainmenublock li.expanded.open::before{bottom:0;}
#lumentum-search-form .form-item-keys label::after{margin:12px 11px 0 0;}
.block-system-breadcrumb-block{padding:0;}
.block-system-breadcrumb-block ul{padding:0 0 0 33px !important;}
.OneLinkImplementation{top:16px; right:6px;}
.top-bar1{margin:5px 0 10px 10px; width:128px;}
#top{ border:none; position:relative;}
#block-custommainmenublock{position:relative; width:auto; left:auto;}
#menu {margin:0 100px 0 0;}
.top-bar1 .logo{height:35px; width:100%; padding:0;}
#block-custommainmenublock li > ul{max-width:inherit; top:54px !important; bottom:auto !important; display:none; position:absolute;}
#block-custommainmenublock .block-custommainmenublock > ul{padding-top:0;}
/*body{padding-top:0;}*/
#block-custommainmenublock li.last{ display:none;}
a.menu-icon{display:none;}
#block-custommainmenublock li{padding:14px 30px;}
#block-custommainmenublock li.open{padding:14px 30px;}
#search-link{display:none;}
#globe-wrapper{margin:4px 5px 0 0;}
#block-contactus{top:19px; right:40px; display:block;}
#block-lumentumsearchblock{top:0; display:block; right:92px;}
.hide-nav.nav-back{display:none !important;}

#block-custommainmenublock li ul.panel-child#products{width:845px; left:-146px;}
#block-custommainmenublock li ul.panel-child#applications li.leaf.tier-2.clearfix{padding:0;}
#block-custommainmenublock li ul.panel-child#applications{width:835px; left:-283px;}
#applications .leaf.tier-2:nth-child(3){width:38% !important;}
#applications .leaf.tier-2:nth-child(4){width:32% !important;}
#applications .leaf.tier-2:nth-child(5){width:30% !important;}

#block-custommainmenublock li ul.panel-child#markets {width:700px; left:-324px; padding:0;}
#block-custommainmenublock li ul.panel-child#markets > li{padding:0 !important;}
#block-custommainmenublock li ul.panel-child#markets > li.leaf.tier-2 a.heading {font-size:16px;}
#markets .leaf:nth-child(3){width:36% !important;}
#markets .leaf:nth-child(4){width:62% !important;}
#markets .leaf:nth-child(5){width:26% !important;}

#block-custommainmenublock li ul.panel-child li li{padding:0 !important;}
#block-custommainmenublock li ul.panel-child#about-us{width:885px; left:-650px; padding:0;}
#block-custommainmenublock li ul.panel-child#about-us li a.heading{ font-size:16px;}
#about-us .leaf:nth-child(3){width:22% !important;}
#about-us .leaf{width:27% !important;}
#about-us .leaf.tier-2:nth-child(6){width:24% !important; float:left;}
#block-lumentumsearchblock .custom-search-box{height:40px; margin:8px 4px 0 0;}
.contact.sales-fixed{ width:160px;}
.contact.sales-fixed a{min-width:160px; margin:0; float:right;}
body{padding-top:0;}
.views-slideshow-cycle-main-frame-row-item .views-field.views-field-body p{font-size:30px; line-height:34px;}
.views-slideshow-cycle-main-frame-row-item .views-field.views-field-body .field-content{bottom:45%;}
#globe-wrapper ul{top:37px;}
.desktop-text-wrap{top:70px; padding:0 0 0 32px;}
.desktop-text-wrap h1{font-size:26px; line-height:28px; max-width:65%; margin:0 0 5px 0;}
.desktop-text-wrap small{max-width:60%;}
#block-lumentumsearchblock .custom-search-box1{top:18px;}
#views_slideshow_controls_text_next_homepage_slider-block_1::after{background-size:14px 26px;}
#views_slideshow_controls_text_previous_homepage_slider-block_1::after{background-size:14px 26px;}
#block-views-block-homepage-slider-block-1:hover #views_slideshow_controls_text_previous_homepage_slider-block_1{left:2px;}
#block-views-block-homepage-slider-block-1:hover #views_slideshow_controls_text_next_homepage_slider-block_1{right:25px;}
#views_slideshow_controls_text_previous_homepage_slider-block_1{left:2px;}
#views_slideshow_controls_text_next_homepage_slider-block_1 {right:25px;}
.banner-background{padding:120px 0;}
#add-inline{padding:120px 0;}
.inner-banner-wrap-bg{padding:120px 0;}
.slider-banner-wrap-bg, .views_slideshow_cycle_teaser_section{padding:140px 0;}
.page-node-106 .field--name-field-link{top:150px;}
}

/*code for matrology page breaking on 1032 fix*/
@media only screen and (max-width: 1100px){
.page-node-type-metrology .m-banner-section{
    flex-direction: column;
  }
  .page-node-type-metrology .m-banner-img{
    width: 100%;
  }
  .page-node-type-metrology .m-inner-content {
    width: 100% !important;
  }
  .page-node-type-metrology .m-banner-section .banner-text{
    width: 100%;
  }
  .page-node-type-metrology .m-bottom .m-inner-content {
    width: 100% !important;
    max-width: none !important;
  }
}

@media only screen and (max-width: 1024px){
    .OneLinkImplementation{
        top: 14px;
    }

.page-node-type-metrology .m-inner-content {
  padding: 20px;
  max-width: 100%;
  width: 100%;
}
.page-node-type-metrology .metrology-class .field {
    align-items: center;
    padding: 0 15px;
}
.page-node-type-metrology .mid-content {
    padding: 0 15px;
  }
  .page-node-type-metrology .mid-wrapper {
    padding: 0 15px;
  }
  .page-node-type-metrology .mid-wrapper .m-intro{
  padding: 30px 0;
}
.page-node-type-metrology .mid-content{
  margin-bottom: 20px;
}
 /*.page-node-type-metrology .m-banner-section{
    flex-direction: column;
  }
  .page-node-type-metrology .m-banner-img{
    width: 100%;
  }
  .page-node-type-metrology .m-inner-content {
    width: 100% !important;
  }
  .page-node-type-metrology .m-banner-section .banner-text{
    max-width: 100%;
  }*/
 
  .page-node-type-metrology .metrology-flex-wrp{
  flex-direction: column;
  }
  .page-node-type-metrology .metrology-flex-wrp .text-content {
    width: 100%;
    padding: 20px;
   }
   .page-node-type-metrology .metrology-flex-wrp .image-wrp {
    width: 100%;
    padding: 0;
  }
  .page-node-type-metrology .m-intro h2 {
    padding: 0 10px;
}
    #tableview table tr th, #tableview table tr td {
            padding: 0.5625rem 0.625rem;
    }

    .cookie-popup .trustarc1024-header-text{
        font-size: 25px !important;
    }
    .page-node-type-article .content-right-wrapper.has-sidebar .region-content {
      width: 100%;
    }
    .page-node-type-article .content-right-wrapper.has-sidebar .region-right-sidebar {
      width: 100%;
    }
    .page-node-type-article .content-right-wrapper {
     flex-direction: column;
    }
     .page-node-30 .nav.nav-tabs.subul .we-mega-menu-group{
    width: 100% !important;
    float: left;
    margin-bottom: 10px !important;
 }
 .page-node-30 .we-mega-menu-li{
    margin-bottom: 10px;
    width: 100%;
 }
 .page-node-30 #block-mainnavigation-2 .we-mega-menu-ul.nav.nav-tabs .we-mega-menu-li.dropdown-menu{
    width:100%;
 }
.page-node-30 li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading{
     margin: 10px 0 !important;
}
    .page #left-nav {
        z-index: 99;
    }
    .page-node-30 li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.heading.career-unique {
    position: absolute;
    bottom: -202px;
}
.page-node-30 .main-wrap #block-mainnavigation-2{
    margin: 0 auto 180px;
}

.lm-search-result-box{
    flex-direction: column !important;
}
.lm-search-result-box .search-sidebar{
    width: 100% !important;
}
.lm-search-result-box .ls-result-box{
    width: 100% !important;
}
.lm-search-result-box .flex-container-search form{
    width: 100% !important;
}
.lm-search-result-box .flex-container-search{
    display: block !important;
}
.lm-search-result-box .lm-num-results{
    border: none !important;
}
.lm-search-result-box .search_page_results{
    padding: 5px 0 20px 0 !important;
}
.lm-search-result-box .error-search-input{
    max-width: 100%!important;
    margin-bottom: 10px;
}

#taxonomy-term-234 .specs-table {
    position: relative;
    top: 0;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

#taxonomy-term-234 #tableview table {
    width: 100%;
    display: block;
    overflow-x: auto;
}

#taxonomy-term-234 #tableview table tr th,#taxonomy-term-234 #tableview table tr td {
    font-size: 12px !important; /* Adjust font size for better readability */
}

    #block-lumentumsearchblock .form-item-keys span::after{
        margin: 14px 11px 0 0;
    }
}


@media only screen and (max-width: 991px) {
 #block-acceleratingphotonicinnovationcompany .company-block {
    width: 100%;
}
.cookie-popup p {
  float: none;
  display: inline-block;
  max-width: 100% !important;
}
#truste-header-text {
  font-size: 22px !important;
}
#truste-consent-text {
  font-size: 12px !important;
}
.trustarc-client-logo {
  padding: 20px 0px 20px !important;
}
#truste-show-consent {
  height: 35px !important;
  font-size: 14px !important;
}
#truste-consent-button {
  height: 35px !important;
  font-size: 14px !important;
}
#consent-banner {
  bottom: -24px;
}
#block-diversityinclusionandbelongingtabs #leadership-tabs a {
  padding: 22px 10px 22px 10px;
}
#block-views-block-accelerating-photonic-innovation-block-1 .views-row{float:left; padding:30px 15px; width:50%; height:auto;
max-width:inherit; min-width:inherit; clear:inherit;}
.small-12.large-4.columns.market-block-wrap{ padding:0;}
.news-main-wrap .block{border-left:1px solid #d1d1d1 !important;}
.news-main-wrap .block:first-child{border:none !important;}
.views-slideshow-cycle-main-frame-row-item .views-field.views-field-body .field-content{bottom:47%; max-width:62%;}
.views-slideshow-cycle-main-frame-row-item .views-field.views-field-body p{font-size:24px; line-height:26px;}
.views-slideshow-cycle-main-frame-row-item .views-field-nothing{font-size:16px; line-height:20px; bottom:38%;}
.path-taxonomy .hero-banner .hero-caption h1{font-size:32px;}
#block-views-block-top-banner-block-1 .views-field-title .field-content{font-size:32px;}
#block-custommainmenublock li ul.panel-child li li a{font-size:14px; line-height:26px;}
#block-custommainmenublock li ul.panel-child#markets li a{font-size:14px;}
#block-custommainmenublock li{padding:14px 12px;}
#block-custommainmenublock li.open{padding:14px 12px;}
#block-custommainmenublock li ul.panel-child#products{width:700px;}
#block-custommainmenublock li ul.panel-child#applications{width:720px;}
#block-custommainmenublock li ul.panel-child#markets {left:-418px;}
#block-custommainmenublock li ul.panel-child#about-us{width:730px; left:-537px;}
.desktop-text-wrap{top:42px;}
.desktop-text-wrap h1{font-size:22px; line-height:24px; max-width:60%;}
.desktop-text-wrap a{padding:0 10px; font-size:14px; line-height:30px; height:30px; margin:0;}
#block-lumentumsearchblock .custom-search-box{width:500px;}
#globe-wrapper #globe:hover ul{display:block;}
.banner-background{padding:90px 0;}
#add-inline{padding:90px 0;}
.inner-banner-wrap-bg{padding:90px 0;}
.slider-banner-wrap-bg, .views_slideshow_cycle_teaser_section{padding:115px 0;}
.page-node-106 .field--name-field-link{top:120px;}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-field-image {
    width: 100%;
    float: left;
    padding-left:0;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-field-image img {
    width: 160px;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-title {
    font-family: 'ClanPro-Medium',sans-serif;
    padding: 0;
    width: 100%;
    float: left;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-field-designation {
    padding: 0;
    width: 100%;
    float: left;
}
#block-views-block-leadership-page-view-block-4 .views-row .views-field-body {
    width: 100%;
    float: left;
    padding: 0;
}
/*26-6-2024 site map css start*/
.page-node-30 #block-mainnavigation-2 .we-mega-menu-ul.nav.nav-tabs .we-mega-menu-li.dropdown-menu{
    margin-top: -50px;

 }
/*26-6-2024 site map css end*/
}


@media only screen and (max-width: 850px) {
.desktop-text-wrap h1{font-size:20px; line-height:22px; margin:0 0 5px 0;}
.desktop-text-wrap small{font-size:18px; line-height:22px;}
.desktop-text-wrap a{margin:10px 0 0 0;}
}

@media only screen and (max-width: 767px) {
.page-node-type-metrology .m-banner-section .m-banner-img img{
    height: 100%;
}
   .page-node-type-metrology .grid-item {
    height: auto;
}
    #block-lumentumsearchblock .form-item-keys span::after{
        margin: 8px 11px 0 0;
    }
.page-node-type-metrology .mid-wrapper .m-intro {
    padding: 30px 0 30px 0;
    }
   .page-node-type-metrology .metrology-flex-wrp .image-wrp{
    padding: 0;
  }
 .page-node-type-metrology .m-banner-section{
    flex-direction: column;
    margin-bottom: 20px;
    height: 500px;
  }
   .page-node-type-metrology .m-banner-section.m-bottom{
    height: auto;
   }

  .page-node-type-metrology .m-banner-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
}
.page-node-type-metrology .m-banner-img img, .page-node-type-metrology .field__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: inherit;
}

.page-node-type-metrology .m-banner-section .banner-text {
  width: 100%;
    max-width: 90%;
    margin: 40px auto 40px auto;
    position: relative;
    z-index: 1;
    opacity: 0.95;
}
.page-node-type-metrology .region-content #block-lumentum-content .m-header-section p{
  padding: 6px 15px 30px 15px;
}

.page-node-type-metrology .metrology-flex-wrp{
  flex-direction: column;
}
.page-node-type-metrology .metrology-flex-wrp .text-content{
  width: 100%;
}
.page-node-type-metrology .metrology-flex-wrp .image-wrp {
  width: 100%;
}
.page-node-type-metrology .field__item{
  flex-direction: column;
  gap: 0;
}
.page-node-type-metrology .field__item .grid-item {
  width: 100%;
  margin-bottom: 20px;
}
.page-node-type-metrology .mid-content {
  margin-bottom: 20px;
}
.page-node-type-metrology .m-intro h2{
   padding: 0;
}
.page-node-type-metrology #leadership-tabs a{
  width: calc(33.33% - 1px);
  font-size: 12px;
      padding: 10px 20px;
      float: left;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 12px;
}
.page-node-type-metrology .metrology-flex-wrp .text-content {
  padding:10px;
}
.page-node-type-metrology .m-banner-section a{
  background-color: #faa53a !important;
  padding: 8px 32px !important;
  color: #fff;
  font-weight: 600;
  border-radius: 24px;
  display: inline-block;
  border: 1px solid transparent;
}
.page-node-type-metrology .m-banner-section a:hover{
  background-color: transparent !important;
  color: #faa53a !important;
  border-color: #faa53a;
}
.page-node-type-metrology .metrology-class .region-after-content{
        padding:40px 0;
}

.page-node-type-metrology .field__item .grid-item:last-child{
  margin: 0;
}
 .page-node-type-metrology .m-bottom .m-banner-img{
    height: auto;
  }
#mview{
    display:block;
}
#dview{
    display: none;
}

.page-node-type-article .cols-2 .views-col:nth-child(2) {
  width: 100% !important;
}
.page-node-type-blog .node--type-blog {
  width: 100%;
}
.page-node-type-blog .author-info {
  width: 100%;
  margin: 25px 0 0 0;
  text-align: center;
}
 .page-node-type-article #block-lumentum-content{
  width: 100%;
}
.page-node-type-article .cols-2 .views-col {
  width: 100% !important;
  padding: 0;
  margin: 0 0 15px 0;
}
.page-node-type-article #block-exposedformblog-listing-pageblock-1 {
  position: static;
  width: 100%;
  margin: 45px 0 0 0;
}

.page-node-type-article #block-views-block-social-media-share-block-2 {
  position: static;
  width: 100%;
}
.page-node-24 #block-views-block-news-block-3 {
  width: 100%;
  border: none;
}
.page-node-24 #block-mediaresources {
 width: 100%;
 border: none;
 margin: 0;
 padding: 0 15px;
}
.page-node-24 #block-contactusmediaroom {
 width: 100%;
}
.logo-wrap-box .box {width: 100%;}
body{padding-top:56px;}
/*body.page-node-type-page{padding-top:0;}*/
.nav-center{position:static;}
.block-system-breadcrumb-block{display:none;}
.icon-cancel::before{color: #a7a6a7; font-weight:bold !important;}
#menu{width:100%;}
#block-lumentum-breadcrumbs{display:none;}
.mega-menu{display:block !important;}
#block-custommainmenublock{top:13px; display:none; width:100%; left:0; border-top:4px solid #afafaf;}
#left-nav {position:fixed; top:0px; z-index:9; background:#fff; height:56px;}
#menu{ margin:0;}
#block-custommainmenublock li.expanded::before{display:none;}
a.menu-icon{ display:block;}
.top-bar1{float:none; text-align:center; margin:8px auto 0; width:130px; position:relative; z-index:9;}
.views-slideshow-controls-bottom.clearfix{position:absolute;}
#block-custommainmenublock .block-custommainmenublock > ul {padding-top:0;}
#block-custommainmenublock li {padding:8px 20px; width:100% !important; border-bottom:1px solid #dfdfdf;}
#block-custommainmenublock li.open{padding:8px 20px; border-bottom:1px solid #dfdfdf;}
a.menu-icon span::after{height:20px; width:19px; margin:0; top:0; left:15px; background: url(../images/menu-icon-new.jpg) 0 0 no-repeat;}
#block-custommainmenublock li ul.panel-child#applications li a.heading {
  margin: 10px 15px 10px;
}
#globe-wrapper #globe{background-size:18px 18px; float:right;}
#globe-wrapper{margin:0px 10px 0 0;}
#globe-wrapper ul li{padding:10px 10px 10px 30px}
#globe-wrapper ul::after{display:none;}
#block-contactus li{ height:auto;}
#block-contactus li a{background-size:12px 16px;}
#block-contactus li a:hover{background-size:12px 16px;}
#block-contactus{top:21px; right:44px; z-index:99; width:16px;}
#block-contactus ul{margin:0;}

#block-lumentumsearchblock{top:56px; display:block; right:0; width:100%; margin:0 auto; left:0; height:auto;}
#lumentum-search-form .form-item-keys label::after{margin:5px 11px 0 0; font-size:20px;}
#block-lumentumsearchblock .custom-search-box1{top:-34px; right:65px; background-size:16px 16px;}
#block-lumentumsearchblock .custom-search-box{margin:0; width:100%; padding:0 35px 0 15px; height:40px; border:none; transition:inherit;}
#block-lumentumsearchblock .form-item-keys{ background: #fff; padding:0; border-top:4px solid #aeaeae; display:none; height:44px;
width:100%;}
#block-lumentumsearchblock #lumentum-search-form{width:100%;}
.path-lm-search #block-lumentumsearchblock .form-item-keys label::after{margin:5px 11px 0 0; font-size:20px;}

#block-views-block-accelerating-photonic-innovation-block-1 .views-row{clear:both; width:100%; max-width:339px; min-width:294px; height:14em;
padding:0 0.9375rem; float:none;}
.close-wrap a{background:none; padding:0; color: #333; line-height:20px; font-size:24px;}
.close-wrap a:hover{color: #333;}
.close-wrap{width:20px !important; height:22px; background: #fff; left:15px; top:20px;}
#block-custommainmenublock li > ul{width:100% !important; left:0 !important; top:43px !important; border:none !important;}
#block-custommainmenublock li ul.panel-child#products > li{ width:100% !important;}
#products .leaf.tier-2::after{width:96%; height:1px; right:0; bottom:-12px; left:0; top:auto; margin:0 auto;}
#block-custommainmenublock li ul.panel-child#products{overflow:auto !important; height: calc(100vh - 72px); top: 12px !important; padding-bottom: 100px;}
#block-custommainmenublock li ul.panel-child#products > li:nth-child(2){margin:28px 0 0 0;}
#block-custommainmenublock li.open ul.panel-child{display:none;}
/* .hide-nav.nav-back{display:block !important; position:fixed !important; top:56px !important; border-top:4px solid #afafaf !important;
padding:10px 15px !important; background: #fff !important; z-index: 9999 !important; height:47px;} */
#block-views-block-accelerating-photonic-innovation-block-1 .views-row .market-block-wrap .text{z-index:8;}
#block-custommainmenublock li ul.panel-child#applications > li{width:100% !important;}
#block-custommainmenublock li ul.panel-child#applications{overflow:auto !important; height:calc(100vh - 72px); top:-30px !important; padding-bottom: 100px;}
#block-custommainmenublock li ul.panel-child#applications > li:nth-child(2),#block-custommainmenublock li ul.panel-child#products > li:nth-child(2),#block-custommainmenublock li ul.panel-child#about-us > li:nth-child(2){margin: 25px 7px 0 0 !important;
    padding-left: 15px !important;}
#block-custommainmenublock #applications{top: 0 !important;}
/* #applications .leaf.tier-2::after{width:96%; height:1px; right:0; bottom:-12px; left:0; top:auto; margin:0 auto;} */

#block-custommainmenublock li ul.panel-child#markets .hide-nav.nav-back{padding: 10px 15px !important;}
#block-custommainmenublock li ul.panel-child#markets > li{width:100% !important;}
#block-custommainmenublock li ul.panel-child#markets{overflow:auto !important; height:calc(100vh - 72px); top:-70px !important;}
#block-custommainmenublock li ul.panel-child#markets > li:nth-child(2){margin:28px 0 0 0 !important;}
#block-custommainmenublock #markets{top:-42px !important;}
#markets .leaf.tier-2::after{width:96%; height:1px; right:0; bottom:-12px; left:0; top:auto; margin:0 auto;}

#block-custommainmenublock li ul.panel-child#about-us .hide-nav.nav-back{padding: 10px 15px !important;}
#block-custommainmenublock li ul.panel-child#about-us > li{width:100% !important;}
#block-custommainmenublock li ul.panel-child#about-us{overflow:auto !important; height:calc(100vh - 72px); top:-112px !important; padding-bottom: 100px;}
#block-custommainmenublock li ul.panel-child#about-us > li:nth-child(2){margin: 65px 0 8px 0 !important;}
#block-custommainmenublock #about-us{top:-82px !important;}
#about-us .leaf.tier-2::after{width:96%; height:1px; right:0; bottom:-12px; left:0; top:auto; margin:0 auto;}
#about-us .leaf::after{width:96%; height:1px; right:0; bottom:-12px; left:0; top:auto; margin:0 auto;}
#block-custommainmenublock li ul.panel-child#about-us li.leaf{margin-bottom:0; margin-top:25px;padding:0 15px;}
#about-us .hide-nav.nav-back a{color:#323133; text-decoration:none; font-size:16px; line-height:1.5; margin:0;}
#about-us .hide-nav.nav-back{border-bottom: #e1e1e1 solid 1px;}

.menu-icon span{width:30px; display:inline-block; height:19px; margin-left:15px;}
.block-custommainmenublock > ul{ float: left; width:100%;}
.cancel-scroll{overflow: hidden;}
/*.OneLinkImplementation{top:13px; right:0; width:100%; z-index:8;}*/
.OneLinkImplementation{top:21px; right:0; width:auto; z-index:20;}
#globe-wrapper ul{right:0; width:100vw; top:33px; left:auto; margin:0; border-top:4px solid #aeaeae;}

#block-lumentum-footer section li a{font-size:14px;}
#block-lumentum-footer section li:last-child{border:none;}

#block-lumentum-footer section{width:25%;}
#block-lumentum-footer .last.top-section{display:none;}
.footer{background: #fff; padding:0;}
#block-lumentum-footer{background: #323133; padding:25px 0 25px 0;}
#block-socialmenu{width:100%; position:static; display:inline-block; vertical-align:top; background:#fff; margin:22px 0 0 0;
text-align:center;}
#block-socialmenu ul{width:100%; margin:0;}
#block-socialmenu ul li{width:46px; height:46px; float:none; line-height:46px; text-align:center; background: #323133;
display:inline-block; margin:0 !important; vertical-align:top; white-space:nowrap;}
.top-bar1 .logo {padding:0; margin:0 0 0 -25px;}
/*#block-custommainmenublock li ul.panel-child li:last-child ul:last-child li:last-child{ margin-bottom:20px !important;}*/
.footer_bottom #block-2levelfooter{margin-top:5px;}

.mobile-text-wrap{background:#404040; width:100%; color:#fff; display:inline-block; vertical-align:top; padding:20px 15px;
margin:10px 0 0 0; height:180px;}
.mobile-text-wrap p{margin:0; font-size:17px; line-height:22px; padding:10px 0 0 0; font-family: 'ClanPro-Medium',sans-serif;}
.mobile-text-wrap small{font-size:10.26px; width:100%; display:inline-block; line-height:14px; margin:5px 0 0 0; vertical-align:top;}
.mobile-text-wrap a{background: #fff; margin-bottom:0; border:1px solid #ddd; padding:0 6px; display:inline-block; font-family:ClanPro-Book, Arial, sans-serif;
font-weight:normal; font-size:12px; text-transform:uppercase; color:#2b2b2b; line-height:24px; height:26px;
margin:10px 0 0 0;}
.mobile-text-wrap a::after{content: '\e809'; margin-left:8px; font-family: "icon"; font-style:normal; font-weight:normal; font-size:14px;}
.mobile-text-wrap a:hover{
text-decoration: one;
color: #FFF;
border: 1px solid #FFF !important;
background: #cd1c81;
background: linear-gradient(45deg, #cd1c81 0%, #de3f57 32%, #faa53a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd1c81',endColorstr='#faa53a',GradientType=1);}

.views-slideshow-controls-text-previous-processed::after{content: ''; position:absolute; z-index:9; width:21px; height:35px;
transform:rotate(180deg); background: url(../images/b-arrow1.png) 0 0 no-repeat; background-size: 12px 22px;}
.views-slideshow-controls-text-previous-processed{ position:absolute; left:5px; top:-90px;}
.views-slideshow-controls-text-previous-processed a{display:none;}

.views-slideshow-controls-text-next-processed::after{content: ''; position:absolute; z-index:9; width:21px; height:35px;
background: url(../images/b-arrow1.png) 0 0 no-repeat; background-size: 12px 22px;}
.views-slideshow-controls-text-next-processed{ position:absolute; right:25px; top:-80px;}
.views-slideshow-controls-text-next-processed a{display:none;}
.views-slideshow-controls-text-pause-processed{ display:none;}
.views-slideshow-cycle-main-frame-row-item .views-field-nothing{position:static; max-width:inherit; padding:0;}
.footer_bottom{margin:10px auto 70px;}
.contact.sales-fixed{width:100%; z-index:9;}
.contact.sales-fixed a{min-width:100%;}
.views-slideshow-controls-bottom{z-index:8;}
#block-custommainmenublock li ul.panel-child li.first.leaf a{display:block; border:none !important; color:#343434 !important;
font-size:14px !important;  width:100%; margin:12px 0 3px 0 !important; font-weight:normal !important;}

#block-custommainmenublock li ul.panel-child#products li.tier-2,
#block-custommainmenublock li ul.panel-child#applications li.tier-2 {
    margin-top:0;
}
#block-custommainmenublock li ul.panel-child#applications li.tier-2,
#block-custommainmenublock li ul.panel-child#products li.tier-2,
#block-custommainmenublock li ul.panel-child#markets li.tier-2 {
    margin-bottom: 0px !important;
    padding: 5px 15px 10px !important;
}
#block-custommainmenublock li ul.panel-child#markets li.tier-2{margin-top:0; margin-bottom:25px;}
#block-custommainmenublock li ul.panel-child#about-us li.first.leaf{padding:0; margin:0;}
#about-us .first.leaf::after{display:none;}
#block-custommainmenublock li ul.panel-child#about-us li.leaf{margin-top:0; margin-bottom:25px;}

#views_slideshow_controls_text_previous_homepage_slider-block_1{top:-75px; left:2px;}
#views_slideshow_controls_text_next_homepage_slider-block_1{top:-65px; right:25px;}
.path-taxonomy .hero-banner .hero-caption h1{font-size:20px; line-height:22px; margin:-30px 0 0 0;}
#block-views-block-top-banner-block-1 .views-field-title .field-content{font-size:20px; line-height:22px; margin:-15px 0 0 0;}
#block-custommainmenublock li ul.panel-child li li a{font-size:16px; line-height:28px;}
#block-custommainmenublock li ul.panel-child#markets li a{font-size:16px;}
#block-custommainmenublock li ul.panel-child#products > li.leaf.tier-2 a.heading, #block-custommainmenublock li ul.panel-child#applications > li.leaf.tier-2 a.heading{
/* font-size:14px !important;*/} 
.block-system-main-menu li ul.panel-child .nav-back,
.mega-menu li > ul#products .nav-back,
.mega-menu li > ul#applications .nav-back,
.mega-menu li > ul#markets .nav-back,
#block-custommainmenublock li ul.panel-child#products > li.nav-back,
#block-custommainmenublock li ul.panel-child#markets li.nav-back,
#block-custommainmenublock li ul.panel-child#media-room li.nav-back,
#block-custommainmenublock li ul.panel-child#company li.nav-back,
#block-custommainmenublock li ul.panel-child#investors li.nav-back,
#block-custommainmenublock li ul.panel-child#careers li.nav-back,
#block-custommainmenublock li ul.panel-child#investors li.nav-back{
    display: block !important;
    position: fixed !important;
    top: 56px;
    left: 0;
    background: #FFF;
    margin: 0;
    padding: 10px 15px;
    border-top: 4px solid #afafaf !important;
    z-index: 999;
    height: 47px;
    border-bottom: #e1e1e1 solid 1px;
}
.footer_bottom #block-2levelfooter{z-index:8;}
#block-lumentumsearchblock .custom-search-box1{transition:inherit; display:none !important;}
#block-lumentumsearchblock .js-form-item-newkey {background:#fff url(../images/search-icon-new.png) 0 0px no-repeat; width:17px; height:17px;
position:absolute; right:70px; top:-34px; cursor: pointer;}
#block-lumentumsearchblock .button {display:block !important;}
.desktop-text-wrap{top:40px}
.desktop-text-wrap h1{max-width:70%; line-height:18px; font-size:16px; margin:0 0 5px 0;}
.desktop-text-wrap a{margin:5px 0 0 0; line-height:24px; height:26px; font-size:12px;}
.desktop-text-wrap small{font-size:15px; line-height:18px;}
.desktop-text-wrap small{max-width:70%;}
#globe-wrapper #globe:hover ul{display:none;width: 100vw;right: 0px;left: auto;}

.hero-banner img{min-width:inherit; max-width:inherit; height:200px; min-height:inherit; object-fit: cover;}
#block-views-block-top-banner-block-1 .field--name-field-image img{min-width:inherit; max-width:inherit; height:200px;
min-height:inherit; object-fit: cover;}
#block-views-block-top-banner-block-1 .views-field-field-banner-image img{min-width:inherit; max-width:inherit; height:200px;
min-height:inherit; object-fit: cover;}

.tabs-wrapper{position:static;}
.page-node-type-product #block-lumentum-content ul{margin-bottom: 0;}
.tabs-wrapper ul li{height:50px;}
.tabs-wrapper ul li.active a{background: #ccc;}
.tabs-wrapper ul li a{background: #ededed;}

#block-leadershiptabs #leadership-tabs a.active{background: #ccc;}
#block-leadershiptabs #leadership-tabs a{background: #ededed;}
#block-corporatesocialresponsibilitytabs #leadership-tabs a.active{background: #ccc;}
#block-corporatesocialresponsibilitytabs #leadership-tabs a{background: #ededed;font-size: 9px;}
#block-leadershiptabs #leadership-tabs{top:-20px;}
#block-corporatesocialresponsibilitytabs #leadership-tabs{top:-31px;}


.banner-background{padding:65px 0;}
#add-inline{padding:65px 0;}
.inner-banner-wrap-bg{padding:65px 0;}
.slider-banner-wrap-bg, .views_slideshow_cycle_teaser_section{padding:90px 0;}
.page-node-106 .field--name-field-link{top:80px;}
.page-node-106 .field--name-field-link a {padding: 6px 26px 5px 20px;}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets{display:none;}

#block-diversityinclusionandbelongingtabs #leadership-tabs {
  top: -49px;
}
#block-diversityinclusionandbelongingtabs #leadership-tabs a.active {
  background: #ccc;
}
#block-diversityinclusionandbelongingtabs #leadership-tabs a {
 width: 24.3%;
font-size: 12px;
padding: 10px 20px;
float: left;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
line-height: 12px;
background: #ededed;
}
  #block-socialmenu menu {
      width: 100%;
      margin: 0;
  }
    #block-socialmenu menu li {
      width: 46px;
      height: 46px;
      float: none;
      line-height: 46px;
      text-align: center;
      background: #323133;
      display: inline-block;
      margin: 0 !important;
      vertical-align: top;
      white-space: nowrap;
  }
 
  #block-socialmenu menu li a::after {
    display: none;
}

}

@media only screen and (max-width: 640px) {
.video-main-box .promo-text-content {
  top: 30%;
}

.views_slideshow_cycle_teaser_section{overflow:inherit !important; height:210px !important;}
.views-slideshow-cycle-main-frame-row-item .views-field-field-banner-image img{height:100%; min-height:inherit;}
#block-views-block-accelerating-photonic-innovation-block-1 h2{margin-top:80px; padding:0 5px; font-size: 15px;}
#block-lumentum-footer section{width:100%;}
#block-lumentum-footer{padding:10px 0 5px 0;}
#block-lumentum-footer section:nth-of-type(n+3) > div{display:block;}
#block-lumentum-footer .expanded.top-section{display:none;}
#block-lumentum-footer section li{margin: 0px 0; border-bottom: solid 1px #555; padding:18px 0;}
#block-lumentum-footer section li a{font-size:14px; color:#fff;}

.hero-banner img{height:170px;}
#block-views-block-top-banner-block-1 .field--name-field-image img{height:170px;}
#block-views-block-top-banner-block-1 .views-field-field-banner-image img{height:170px;}
.js-sales-link-tab{position:static; display:inline-block; vertical-align:top;}
.banner-background{padding:55px 0; background-position:left;}
#add-inline{padding:55px 0; background-position:left;}
.inner-banner-wrap-bg{padding:55px 0; background-position:left;}.path-taxonomy .hero-banner{margin:0 0 30px 0;}
#block-leadershiptabs #leadership-tabs{top:-38px;}
.page-node-106 .field--name-field-link{top:63%;}
.page-node-106 .field--name-field-link a {padding:5px 26px 2px 20px;}
#block-corporatesocialresponsibilitytabs #leadership-tabs{top:-49px;}


/***************Mobile Banner css***************/
.slider-banner-wrap-bg, .views_slideshow_cycle_teaser_section{padding:55px 0; background-position:left;}
#block-views-block-homepage-slider-block-1{display:block;}
.mobile-view-slider{display: none;}
.desktop-text-wrap{background:#404040; width:100%; color:#fff; display:inline-block; vertical-align:top; padding:20px 15px;
margin:0; height:180px; position:relative; top:0;}
.desktop-text-wrap h1{margin:0; font-size:17px; line-height:22px; padding:10px 0 0 0; font-family: 'ClanPro-Medium',sans-serif;
color:#fff !important; max-width:100%;}
.desktop-text-wrap small{font-size:10.26px; width:100%; display:inline-block; line-height:14px; margin:5px 0 0 0; vertical-align:top;
color:#fff !important; max-width:100%;}
.desktop-text-wrap a{background: #fff; border:1px solid #ddd; padding:0 6px; display:inline-block; font-family:ClanPro-Book, Arial, sans-serif;
font-weight:normal; font-size:12px; text-transform:uppercase; color:#2b2b2b; line-height:24px; height:26px;
margin:10px 0 0 0;}
.views-slideshow-controls-bottom.clearfix{top:0;}
#views_slideshow_controls_text_previous_homepage_slider-block_1{top:32px; visibility:visible !important; left:2px;}
#views_slideshow_controls_text_next_homepage_slider-block_1{top:40px; visibility:visible !important; right:25px;}
.subBlacktitle{color: #fff !important;}
.desktop-text-wrap h1{font-size:14px; line-height:18px; padding:0 0 0 0;}
.desktop-text-wrap{height:150px;position: absolute;top: 110px;}
.subGraytitle {
    color:#fff !important;
    }
}

@media only screen and (max-width: 500px) {
.desktop-text-wrap {top: 78px;}
.slider-banner-wrap-bg, .views_slideshow_cycle_teaser_section{padding:39px 0; background-position:left;}
#block-views-block-accelerating-photonic-innovation-block-1 h2{margin-top:45px;}
#views_slideshow_controls_text_previous_homepage_slider-block_1{top:16px;}
#views_slideshow_controls_text_next_homepage_slider-block_1{top:25px;}
}

@media only screen and (max-width: 480px) {
.views-slideshow-cycle-main-frame-row-item .views-field-field-banner-image img{margin-left:-320px;}
.banner-background{padding:40px 0;}
#add-inline{padding:40px 0;}
.inner-banner-wrap-bg{padding:40px 0;}
.path-taxonomy .hero-banner .hero-caption h1{font-size:18px; line-height:20px; margin:-44px 0 0 0;}
}

@media only screen and (max-width: 640px) and (min-width: 420px) {
#block-custommainmenublock li ul.panel-child#applications{top:-30px !important;}
#block-custommainmenublock li ul.panel-child#markets{top:-70px !important;}
#block-custommainmenublock li ul.panel-child#about-us{top:-115px !important;}
}
#block-views-block-accelerating-photonic-innovation-block-1 .views-row .market-block-wrap a{
    display: inline-block;
}

/*menu css start*/
#markets span.marketing-menu-text {
    color: #000 !important;
    pointer-events: none;
    margin-top: 20px !important;
    margin-bottom: 25px !important;
}
#block-custommainmenublock li > ul ul{
  padding: 0px !important;
}
@media screen and (min-width:768px){
#block-custommainmenublock li ul.panel-child li li .line-height{
line-height: 16px;
}
.d-mobile-hide{
    display: block !important;
}

.d-mobile-show{
    display: none !important;
}
    #block-custommainmenublock li.last.expanded {
        display: flex !important;
    }
    #block-custommainmenublock li.last {
        display: block;
    }

}

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

#block-custommainmenublock ul >li > ul#products >li:nth-child(4) span.heading, 
#block-custommainmenublock ul >li > ul#applications >li:nth-child(4) span.heading {  
    padding-left: 15px;
    color: #000 !important;
} 
.m-industrial{
  padding-left: 15px; 
  color: #1960ae !important;
  font-weight: bold; 
}


 #block-custommainmenublock li.last.expanded {
 display: flex !important;
}  
 #block-custommainmenublock li.last {
        display: block;
    }

.d-mobile-hide{
    display: none !important;
}

.d-mobile-show{
    display: block !important;
}
#block-custommainmenublock li a.all-arrow::after{
        content: none !important;
    }
#block-custommainmenublock li.last.expanded a {
    width: 100%;
}

}
.menu-all-items{margin-top:30px; }
#block-custommainmenublock ul >li > ul#products >li.leaf.tier-2,
#block-custommainmenublock ul >li > ul#applications >li.leaf.tier-2{
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
  padding-bottom: 10px;
}
#block-custommainmenublock ul > li > ul#products > li.leaf.tier-2:last-child{
  border-bottom: none;
}

@media screen and (min-width:768px){
    
#block-custommainmenublock li ul.panel-child#products,#block-custommainmenublock li ul.panel-child#applications
 {
    /*width: 1006px;*/
}    
#block-custommainmenublock [class*="column"] + [class*="column"]:last-child {
  margin-top: -25px;
}
#block-custommainmenublock ul >li > ul#products >li:nth-child(4) span.heading ,
#block-custommainmenublock ul >li > ul#applications >li:nth-child(4) span.heading {
    font-size: 18px !important;
    font-weight: 600;
    color: #000 !important;
    padding-top: 25px;
    display:inline-block;
    padding-left: 15px;
}
#block-custommainmenublock li ul.panel-child#products > li.leaf.tier-2 a.heading,
#block-custommainmenublock li ul.panel-child#applications > li.leaf.tier-2 a.heading{
  font-size: 14px;
}
    /*#block-custommainmenublock li ul.panel-child#products ul.columns.medium-6.small-12 {
        padding-right: 20px;
        width: 50%;
    }*/
    /* First UL → 70% width */
    #block-custommainmenublock li ul.panel-child#products ul.columns.medium-6.small-12:first-of-type,
    #block-custommainmenublock li ul.panel-child#applications ul.columns.medium-6.small-12:first-of-type {
        width: 60%;
    }
    /* Second UL → 30% width */
    #block-custommainmenublock li ul.panel-child#products ul.columns.medium-6.small-12:last-of-type,
    #block-custommainmenublock li ul.panel-child#applications ul.columns.medium-6.small-12:last-of-type {
        width: 40%;
    }
    #block-custommainmenublock #about-us [class*="column"] + [class*="column"]:last-child {
    margin-top: 0px;
  }
.m-industrial{
font-size: 16px !important; 
font-weight: 600 !important;
}
#block-custommainmenublock ul > li > ul#products > li:nth-child(4) .columns.medium-6.small-12, 
#block-custommainmenublock ul > li> ul#products > li:nth-child(5) .columns.medium-6.small-12,
 #block-custommainmenublock ul > li > ul#products  > li:nth-child(6) .columns.medium-6.small-12, 
 #block-custommainmenublock ul > li > ul#applications > li:nth-child(4) .columns.medium-6.small-12, 
#block-custommainmenublock ul > li> ul#applications > li:nth-child(5) .columns.medium-6.small-12,
 #block-custommainmenublock ul > li > ul#applications  > li:nth-child(6) .columns.medium-6.small-12{
 
   width: 100%;
}
#markets .leaf:nth-child(4) {
width: 48% !important;
}
#markets .leaf:nth-child(3) {
width: 48% !important;
}
#markets ul.columns.medium-6.small-12{
width: 100% ;
}
#markets{
    text-align: center;
}

#block-custommainmenublock li ul.panel-child#products,#block-custommainmenublock li ul.panel-child#applications{
  padding-top: 10px !important;
}
#applications .leaf.tier-2::after,#products .leaf.tier-2::after{
    content: none;
}
  #block-custommainmenublock li ul.panel-child#products .first + li a + ul + ul, #block-custommainmenublock li ul.panel-child#applications .first + li a + ul + ul {
    padding: 0px 20px 0px;
    margin-top: 0;
  }
    #block-custommainmenublock li ul.panel-child#products , #block-custommainmenublock li ul.panel-child#applications{
        
        padding: 0px 20px 0px; 
    }

    #block-custommainmenublock li a.all-arrow::after{
        content: none !important;
    }

    #products > li:nth-child(3) > a,#applications > li:nth-child(3) > a {
    font-weight: bold;
    font-size: 18px !important;
    }
}

@media screen and (min-width:767px) and (max-width:1024px){
    .m-industrial.heading.heading-2 {
    padding-left: 15px;
  }
}
.hide-menu{display: none !important;}
.market-text-megamenu a{
  color: #000 !important;
  pointer-events: none;
}
.page-node-30 #block-mainnavigation-2 li.market-text-megamenu a:after {
  content: none;
}
.page-node-30 #block-mainnavigation-2 .we-mega-menu-ul.nav.nav-tabs .we-mega-menu-li.dropdown-menu.m-industrial{
  margin-top: 30px !important;

}

.user-logged-in #block-leadershiptabs #leadership-tabs {
    text-align: center;
    position: relative;
    top: -120px !important;
}
@media screen and (min-width: 768px) {
    #block-custommainmenublock li ul.panel-child#products li.tier-2:nth-child(6):after, #block-custommainmenublock li ul.panel-child#applications li.tier-2:nth-child(6):after {
        width: auto !important;
    }
}
@media screen and (max-width: 767px) {
    #block-custommainmenublock li ul.panel-child#products li.tier-2:nth-child(6):after, #block-custommainmenublock li ul.panel-child#applications li.tier-2:nth-child(6):after {
        width: auto !important;
    }
}

/*new css popup for contact page*/

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Light black background */
    z-index: 999; /* Make sure it sits on top of other content */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
  }

  .ctel-popup {
    margin: 0 auto;
    background: white;
    padding: 20px;
    border-radius: 8px;
    max-height: 600px;
    max-width:500px; 
    width:100%  ;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    overflow-y: scroll;
  }

  /* Button to open the popup */
  .open-popup {
    cursor: pointer;
    color: #1960ae;
    border: none;
    font-size: 14px;
    background-color: transparent;
  }
  /*.close{
    font-size: 20px;
    font-weight: 800;
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 0px 5px;
  }*/
  
  .intro-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }


  .close {background: url(../images/ic-close.svg) right 10px no-repeat; background-size:15px; width:20px; height:26px;font-size: 14px;}

  .intro-head .close {background: url(../images/ic-close.svg) right 10px no-repeat; background-size:15px; width:20px; height:26px;font-size: 14px;}


  /* end new css popup for contact page*/