
* {
    outline: none;
    outline: manish111;
    outline: manish1;
}
 

#wrapper main {
    background: #fff;
}

header {
    background: #fff;
}

#footer {
    padding: 0 30px;
}

#conten,
#header {
    padding-left: 15px;
    padding-right: 15px;
}

.position-static {
    position: static;
}

body main #content {
    max-width: 100%;
    padding-bottom: 30px;
}

body main>#content>.row {
    display: block;
}

.content,
.rich-text {
  color:#666666;
}

/*===========================================================
                 Header 
=============================================================*/

#zygo-header-navigation>nav {
    float: right;
}
#zygo-header-navigation .rel-level1>ul {
    margin-top: 0;
    top: auto;
    background: #231f20;
    border: none;
    text-align: left !important;
    border-bottom: 1px solid #302f30;
    z-index: 99;
}

#zygo-header-navigation li.navigation-explore-title>.field-navigationtitle,
#zygo-header-navigation li.navigation-explore-title>ul,
#zygo-header-navigation .rel-level1>ul .nav-center {
    width: 100%;
    max-width: 999px;
    margin: 0 auto;
    position: relative;
}

#zygo-header-navigation .rel-level1>ul .nav-center:after {
    content: "";
    display: block;
    clear: both;
}

#zygo-header-navigation li.navigation-explore-title>.field-navigationtitle>a {
    position: relative;
    z-index: 5;
    font-size: 16px;
    color: #fff;
    text-align: left !important;
    font-weight: 600;
    display: inline-block;
    padding: 0;
}

#zygo-header-navigation li.navigation-explore-title>.field-navigationtitle>a:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 3px solid #d00;
    border-right: 3px solid #d00;
    transform: rotate(45deg);
    margin: 0 0 0 5px;
}

#zygo-header-navigation li.navigation-explore-title>.field-navigationtitle {
    background: #000;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left !important;
}


#zygo-header-navigation nav {
    float: right;
    position: static;
}

#zygo-header-navigation nav>ul>li.level1>.navigation-title a {
   font-size: 14px;
    font-weight: 600;
    color: #666 /*#fff*/;
    text-decoration: none;
    display: block;
    margin: 1px;
    padding: 15px 15px 15px 15px;
    font-family: open sans, tahoma, geneva, arial;
    text-transform: uppercase;
    border-top: none;
    letter-spacing: 0;
    border-bottom: 2px solid transparent;
    position: relative;
}

#zygo-header-navigation nav>ul>li>.navigation-title a:after {
    display: none;
}

#zygo-header-navigation nav>ul>li:hover>.navigation-title a {
   /* border-bottom: 2px solid #E00;*/
    color: #D00;
}

#zygo-header-navigation nav>ul>li.level1.active>.navigation-title a {
   /* border-bottom: 2px solid #E00;*/
}

.zygo-header-logo .component-content {
    padding: 32px 0 0px 0;
}

.zygo-icon-wrapper {
    padding: 10px 0 10px 0;
}
 
 
.zygo-userlogin {
    border: none;
    background: transparent;
    padding: 10px;
    font-size: 15px;   
    line-height: 1;
    cursor: pointer;
}

.zygo-userlogin:hover {
    background: none;
    color: #d00 ;
}

.zygo-icon-wrapper button:hover {
    background: #7AC143;
    color: #fff ;
}

 .zygo-icon-wrapper .zygo-sticky-form {
    display: inline-flex;
    align-items: center;
    position: fixed;
    right: -119px;
    top: 50%;
    background:#7AC143 /*C50B20*/; 
    color: #fff;
    font-size: 20px;
    width: 165px;
    text-align: left;
    height: 42px;
    padding: 10px 10px 10px 13px;
    cursor: pointer;
    text-decoration: none !important;
    z-index: 10;
    white-space: nowrap;
    border:0;
}
 .zygo-icon-wrapper .zygo-sticky-form:hover{background: #7AC143; }
#zygo-sticky-button:hover span { display: inline-block;}

 .product-title, .field-applicationtitle{
    /* display:table;
    vertical-align:bottom; */
    display: block !important;
    text-align: center;
    padding-bottom:0px!important;
    margin-bottom: 0;
}

#zygo-sticky-button span {
    padding-left: 15px;
    display: inline-block;
}

.header-ametek-logo .component-content {
    padding: 10px 0 0 0;
}

#zygo-header-navigation .rel-level2 ul li .navigation-title a:hover {
    color: #d00;
}

#zygo-header-navigation li.navigation-explore-title {
    padding: 0;
    border: none;
    width: 100%;
}

.mobile-header-icon .row {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.on-page-editor #header .row {
    position: static;
}

.component.float-sm-right {
    flex: none !important;
}

body.on-page-editor .component.plain-html.position-right {
    width: auto !important;
    flex: none;
}

.form-wrapper textarea{overflow: auto;}
.inquiry-form .form-notes{margin-bottom:30px;}
.contact-address h4{padding-top:20px;}
.component-content hr {   margin: 20px 0;}
 #zygo-header-navigation nav>ul>li.actNav >.navigation-title a {/*border-bottom: 2px solid #E00;*/}
a.frBtn {font-family: UniversLTPro-Condensed, Helvetica; color: #F8F8F8; padding:2px 5px; display: inline-block; margin: 0; opacity: .9; font-size: 12px;  background-color: #006FA0;  text-decoration: none; top: -3px;
    position: relative;}
a.frBtn:hover{ opacity: 1; color: #F8F8F8; text-decoration: none;}
.mobile-header-icon .component.link{margin:30px 10px 0 0;   }
#zygo-header-navigation .item1 .rel-level2, #zygo-header-navigation .item3 .rel-level2{display:inline-flex; justify-content:center;}
#zygo-header-navigation .rel-level2:hover,
#zygo-header-navigation .rel-level2:focus {background: transparent;}

.navigation.navigation-main .rel-level2 div>a {
    transition: 0.3s all;
    text-align: left !important;
}
 
#zygo-header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title) {
    border: none;
    padding-left: 0;
    padding-top: 0;
}
 
#zygo-header-navigation li.navigation-explore-title li.rel-level3>.navigation-title>a,
#zygo-header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title)>.navigation-title a {
    color: #fff;
    font-weight: 600;
    padding: 0 0 10px 0;
    min-height: 55px;
    display: block;
    text-align: left !important;
    font-size: 15px;
}
/*
#zygo-header-navigation li.navigation-explore-title li.rel-level3>.navigation-title>a:hover,
#zygo-header-navigation .rel-level1>ul li.rel-level2:not(.navigation-explore-title)>.navigation-title a:hover {
    color: #D00;
}*/
 

#zygo-header-navigation li.navigation-explore-title li.rel-level4>.navigation-title>a {
    text-align: left !important;
    text-decoration: none;
    font-size: 13px;
    display: block;
    padding: 3px 0; 
    color: #dedede;
     letter-spacing: 0;
}
#filterglobalsearchinput{margin-top: 6px; cursor: default;}


.login-component {
    padding: 10px 0;
}

.login-component.logedin a.logout-link {
    display: inline-block;
    padding: 8px 8px;
}


/*===========================================================
                Zygo Footer
=============================================================*/

footer {
    background-color: #0078AE/*#202020*/;
    color: #fff;
    padding: 50px 0 40px 0;
}

footer a,
footer .content,
footer .rich-text {
    color: #fff;
}

#zygo-footer-navigation nav ul li .navigation-title>a {
    transition: 0.4s;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    font-family: open sans, tahoma, geneva, arial;
    letter-spacing: 0;
}

#zygo-footer-navigation nav>ul>li,
#zygo-footer-navigation nav>ul>div {
  
    vertical-align: top;
  /*   display: inline-block;  width: 49%;*/ /* chage for footer 20 april 2021 */
    padding: 0 10px;
}
.zygo-footer-contact a{text-decoration: none; color:#fff;}

#zygo-footer-navigation nav>ul>li.submenu>.field-link {
    display: none;
}

#zygo-footer-navigation nav ul li.level1>.navigation-title>a {
    margin: 0 0 5px 0;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 7px;
    transition: 0.4s;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    font-family: open sans, tahoma, geneva, arial;
    padding: 10px 0 5px 0;
    letter-spacing: 0;
}

#zygo-footer-navigation nav ul ul {
    padding: 0;
}

#zygo-footer-navigation nav ul li ul li .navigation-title>a {
    font-weight: 400;
    line-height: 1.2em;
    font-size: 14px;
    transition: 0.4s;
    padding: 8px 0;
}

#zygo-footer-navigation nav ul li .navigation-title>a:hover, .zygo-footer-contact a:hover, .zygo-social-links ul li a:hover {
    color: #7ac143;
}

footer .content h1,
footer .content h2,
footer .content h3,
footer .content h4,
footer .content h5,
footer .content h6,
footer .rich-text h1,
footer .rich-text h2,
footer .rich-text h3,
footer .rich-text h4,
footer .rich-text h5,
footer .rich-text h6 {
    color: #fff;
}

.zygo-social-links ul {
    display: flex;
    padding: 10px 0;
    list-style: none;
    flex-wrap: wrap;
    width: 100%;
    }

.zygo-social-links ul li a {
    padding: 5px;
    font-size: 25px;
    line-height: 1;
    width: 25px;
    height: 25px;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 11px;
    color: #fff /*a8c4cd*/;
    transition: 0.4s;
}
 
.zygo-footer-contact h4 a {
    color: #fff;
    text-decoration: none;
    transition: 0.4s;
}

.zygo-footer-contact h4 a:hover {
    color: #d00;
}

.zygo-footer-contact {
    font-size: 15px;
}

footer .zygo-footer-copyright,
footer .zygo-footer-copyright a {
    color: #eee;
    text-decoration: none;
    font-size: 15px;
}

.zygo-footer-copyright a:hover {
    color: #7ac143;
    transition: 0.4s;
}

.zygo-footer-navigation {
    padding-bottom: 8px/*8px*/;
    font-size: 14px;
    line-height: 1.2em;
}

footer .row.column-splitter {
    padding-bottom: 10px;
}

#zygo-footer-navigation nav .footer-nav-links li.level1>ul,
#zygo-footer-navigation nav .footer-nav-links li.level1>.field-link {
    display: none;
}

.zygo-footer-contact h3 {
    font-size: 16px;
    font-weight: 600;
}

.zygo-footer-contact {
    /*padding-top: 9px;*/
    padding: 9px 8px 0;
}

.zygo-footer-contact h4 {
    font-size: 15px;
    font-weight: 600;
}



/*===========================================================
                 Home Banner 
=============================================================*/

body main #content>.row>form.inquiry-form {
    display: none;
}


.HeroBanner{margin-bottom:20px; padding: 0;}
.HeroBanner.has-mobile-bg{margin-bottom:15px;} /*for inner page banner*/ 
.HeroBanner.position-left.has-mobile-bg{margin-bottom:0px;} /*for home page hero banner*/ 

.zygo-banner-image>.container>.row {
    min-height: 297px;
    padding-top: 60px;
    margin: 0;
}

.zygo-banner-image {
    background-size: cover;
    background-position: top center;
    min-height: 350px; 
}

.field-bannersubtitle b {
    font-weight: 700;
}

.field-bannertitle,
.field-bannertitle h1,
.field-bannertitle h2,
.field-bannertitle h3 {
    margin: 0;
    color: #D2222A;
    font-size: 58px;
    letter-spacing: -3.2px;
    font-family: open sans, tahoma, geneva, arial;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}
.field-bannertitle h2{font-size: 24px;}
.field-bannersubtitle,
.field-bannersubtitle h1,
.field-bannersubtitle h2,
.field-bannersubtitle h3 {
    color: #fff;
    font-size: 90px;
    letter-spacing: -3.2px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0 0 10px 0;
}
.field-bannersubtitle h2{font-size: 24px;}
.zygo-small-banner .field-bannertitle,
.zygo-small-banner .field-bannertitle h1,
.zygo-small-banner .field-bannertitle h2,
.zygo-small-banner .field-bannertitle h3 {
    color: #522e91;
    text-transform: capitalize;
    font-size: 58px;
}
.zygo-small-banner .field-bannertitle h2{font-size: 24px;}
.button-link.field-bannerlink a {color: white; text-decoration: none;}
body .content li, body .rich-text li{font-size: 18px;}
.zygo-small-banner .zygo-banner-image>.container>.row {padding-bottom: 0;  align-items: center;}
   


.zygo-small-banner .field-bannertitle {
   /* padding-top: 100px;*/
    padding-bottom: 7px;
    font-weight: 600;
}

.zygo-small-banner .field-bannersubtitle {
    font-weight: 100;
}

.field-bannerdescription {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -.5px;
    line-height: 1.7em;
    color: #fff;
    padding-top: 4px;
}

.zygo-small-banner .zygo-banner-image {
    min-height: 350px;
}

 

.has-mobile-bg {
    background-size: cover;
    background-position: center center;
    width: 100%;
    margin-bottom: 40px;
}

#divArticlesListings .news-release-div .img {
    height: 260px;
}



.search-result-section{
    min-height: 62vh;
}


/*===========================================================floatingstrip=============================================================*/

.HeroBanner>.component-content>.row>.floatingstrip-wrapper {
    display: none;
}

.on-page-editor .HeroBanner>.component-content>.row>.floatingstrip-wrapper {
    display: block;
}

.on-page-editor .field-backgroundimage1 {
    display: none;
}

.HeroBanner>.component-content>.row {
    width: 100%;
}

.floatingstrip-wrapper {
    background-color: rgba(21, 21, 21, .8);
    width: 100%;
    display: none;
    position: relative;
}

.zygo-small-banner .floatingstrip-wrapper { background-color: rgba(21, 21, 21, .8); width: 100%; display: none; position: relative;}

.floatingstrip-wrapper * {
    text-align: center !important;
}

.floatingstrip-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.floatingstrip-wrapper ul li {
    width: 100%;
    max-width: 248px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.floatingstrip-wrapper ul li a {
    font-weight: 600;
    line-height: 1.1em;
    font-size: 17px;
    color: white;
    letter-spacing: .3px;
    text-decoration: none;
    padding: 4px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0.85;
    width: 100%;
}

.floatingstrip-wrapper ul li:not(:last-child) a {
    border-right: 2px solid #555;
}

.floatingstrip-wrapper ul li a span {
    position: relative;
    z-index: 5;
}

.floatingstrip-wrapper ul li a:hover {
   /* background-color: #D3222C;
    color: #522e91;*/
     background-color: #522e91;
    color: #fff;
    opacity: 0.95;
    transition: 0.2s;
}

/*===========================================================
                Product Page
=============================================================*/
.field-bannerdescription .rte_content > div{width:auto !important;}
.title-with-richtext {
    font-size: 24px;
    line-height: 1.2;
    padding-bottom: 30px;
    padding-top: 10px;
}
.title-with-richtext {
    font-size: 24px;
    line-height: 1.2;
    padding-bottom: 30px;
    padding-top: 10px;
}


.title-with-richtext, .post-content p {
    font-size: 20px !important;
    line-height: 1.4;
}

.title-with-richtext ul{
    margin: 0
}

.title-with-richtext ul li{
    list-style-type: disc;
}


.zygo-product-listing .content,
.zygo-product-listing .rich-text {
    color: #777;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.zygo-product-listing h3,
.zygo-product-listing .field-producttitle {
    font-size: 28px;
    line-height: normal;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}

.zygo-product-listing .zygo-product-item {
    padding: 20px 0 20px 0;
    text-decoration: none;
}

.zygo-product-listing {
    padding: 20px 0;
}

.zygo-product-listing .zygo-product-item:nth-child(2n) {
    flex-direction: row-reverse;
}


.zygo-product-discription .content{
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.tabs div.scLooseFrameZone {
    overflow: visible;
}

/********************

 Prdoudt listing rt contnet  

 ***********************/

 .product_top_container, .product-img, .product-video{
     display: flex;
     flex-wrap: wrap;
 }

 .product-video{
     margin-bottom: 15px;
 }

 .a-btn {
    border-bottom:0 !important;
    background: #e97d1e;
    background: -moz-linear-gradient(top,#febb4a 0,#e97d1e 10%);
    background: -o-linear-gradient(top,#febb4a 0,#e97d1e 10%);
    background: -webkit-linear-gradient(top,#febb4a 0,#e97d1e 10%);
    background: linear-gradient(top,#feda71 0,#febb4a 10%);
    border: 1px solid #f5b74e;
    box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
    padding: 0 65px 0 10px;
    height: 38px;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    margin-top: 15px;
    overflow: hidden;
    transition: all .3s linear;

}


.green-btn {
    border-bottom:0 !important;
    background: #7fca4b;
    background: -moz-linear-gradient(top,#7fca4b 0,#7fca4b 10%);
    background: -o-linear-gradient(top,#7fca4b 0,#7fca4b 10%);
    background: -webkit-linear-gradient(top,#7fca4b 0,#7fca4b 10%);
    background: linear-gradient(top,#7fca4b 0,#7fca4b 10%);
    border: 1px solid #7fca4b;
    box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #7fca4b;
    padding: 0 65px 0 10px;
    height: 38px;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    margin-top: 15px;
    overflow: hidden;
    transition: all .3s linear;

}

.a-btn-text {
    padding-top: 7px;
    display: block;
    font-size: 18px;
    white-space: nowrap;
    color: #fafafa;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
}

.a-btn-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 52px;
    border-left: 1px solid #abdd89;
    webkit-box-shadow: 1px 0 1px rgba(255,255,255,.4) inset;
    box-shadow: 1px 0 1px rgb(255 255 255 / 40%) inset;
}

.a-btn-icon-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 52px;
    border-left: 1px solid #f5b74e;
    webkit-box-shadow: 1px 0 1px rgba(255,255,255,.4) inset;
    box-shadow: 1px 0 1px rgb(255 255 255 / 40%) inset;
}
.a-btn-icon-right span, .a-btn-right span{display: none;}
.a-btn-icon-right::after, .a-btn-right::after  {
    content:" ";
    width: 38px;
    height: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    background: transparent url("../images/arrow_right_white.png") no-repeat 50% 55%;
}

.field-brief-content .a-btn:hover {
    box-shadow: 2px 2px 15px #ccc;
    text-decoration: none;
    border-bottom: none !important;
}

 .bullets{
    margin: 0px;
 }

 .bullets li{
    list-style-type: disc;
 }


/*===========================================================
                Product Carousel
=============================================================*/

.product-carousel .wrapper .nav {
    position: absolute;
    right: 20px;
    top: 0;
    width: 100%;
    height: calc(100% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-carousel {
    position: relative;
    border: none;
}

.product-carousel .wrapper {
    max-width: 80%;
    overflow: hidden;
    padding: 0;
}

.product-carousel .wrapper ul.slides {
    margin: 0;
}

.product-carousel .wrapper .nav .nav-items {
    margin: 0;
    height: 100%;
    width: 15%;
    right: 0;
    top: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-carousel .wrapper .nav .nav-items:after,
.product-carousel .wrapper .nav .nav-items:before {
    display: none;
}

.product-carousel .wrapper .nav .nav-items .sxa-bullets {
    float: none;
    width: 100%;
    height: auto;
    padding: 5px;
    margin: 5px;
    opacity: 0.5;
    min-height: 90px;
}

.product-carousel .wrapper .nav .nav-items .sxa-bullets.active {
    opacity: 1;
}

.product-carousel .wrapper .nav .nav-items .sxa-bullets:before {
    display: none;
}

.product-carousel .wrapper .nav>a {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    border: 20px solid #666;
}

.product-carousel .wrapper .nav>a:after {
    display: none;
}

.product-carousel .wrapper .nav>a.next-text {
    right: 17%;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
}

.product-carousel .wrapper .nav>a.prev-text {
    left: 20px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
}

.product-carousel .wrapper ul.slides li.slide {
    padding-left: 40px;
    padding-right: 40px;
    min-height: auto;
}

.product-carousel .wrapper ul.slides li.slide>.row {
    width: 100%;
    margin: 0;
    min-height: 330px;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

 


/*===========================================================
                Sidebar Navigation
=============================================================*/

.navigation.navigation-sidebar {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    padding-left: 0;
    margin-left: -2px;
}

.navigation.navigation-sidebar nav>ul .navigation-title>a {
    border: none;
    font-family: open sans, tahoma, arial, helvetica, sans serif;
    font-size: 14px;
   color: #231F20;
    font-weight: normal;
    text-decoration: none;
    display: block;
    text-indent: 0px;
    padding: 5px 0 5px 15px;
    line-height: 1.2;
    border: 0;
    font-weight: 500;
    position: relative;
    letter-spacing:0;
}
 
.navigation.navigation-sidebar nav > ul > .navigation-title .headingLi a:hover
.navigation.navigation-sidebar nav>ul .navigation-title>a:hover,
.navigation.navigation-sidebar nav>ul .navigation-title>a:focus {
    outline: none;
    color: #0078AE;
    text-decoration: none;
}

.navigation.navigation-sidebar nav>ul .rel-level1>.navigation-title>a ,.navigation.navigation-sidebar nav > ul > .navigation-title .headingLi a {
    font-size: 14px;
    color: #231F20;
    font-weight: bold;
    padding: 4px 0 4px 15px;
    font-family: open sans, tahoma, arial, helvetica, sans serif;
  
}

.navigation.navigation-sidebar nav > ul > li ul  {
    margin:0 0 10px; padding: 0; 
}
.navigation.navigation-sidebar nav>ul .rel-level1>ul {
    margin: 0;
    padding: 0;
}

.navigation-sidebar nav ul li.active:not(.submenu) .navigation-title a, 
.navigation-sidebar nav ul li.active:not(.submenu) a {
    outline: none;
    color: #0078AE;
    text-decoration: none;
    letter-spacing: 0;
}



  
#search-tabs-content .d-flex{display: flex !important;}


/*===========================================================
                Product tabs
=============================================================*/

.tab .grid-view {
    display: none;
}

.tabs {
    padding-top: 20px;
    width: 100%;
}

ul.tabs-heading {
    margin: 0;
    padding: 0;
}

.tabs-heading li {
    background: transparent;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid transparent;
    margin: 0 10px 0 0px;
    /*margin: 0 25px 0 0px;*/
}

.tabs .tab {   
    width: 100%;
}

.tabs-heading li>div {
    padding: 0;
}

.tabs-heading li .component.content {
    margin: 0;
    padding: 0;
}

.tabs-heading li>div>.row {
    margin: 0;
}

.tabs-heading li.active {
    background: transparent;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 3px solid #7ac143;
}

.tabs-heading li:hover {
    border-top: none;
    background: transparent;
}

.tabs-heading li>div .field-heading{
    padding: 10px 12px 10px 0;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.3em;
    text-align: center;
    color: #666 !important;
    font-weight: 700;
}

.tabs .tabs-container {
    margin-top: -3px;
    border-top: 1px solid #ccc;
}

.tabs .tabs-container h3, .tabs .tabs-container h4{
    font-weight: 700;
}

.sidebar-navigation{
    display: block;
    width: 100%;
    margin-top: 25px;
}

.tabs-heading li:hover .field-heading {
    color: #d00;
}

.tabs .tab {
    padding: 0;
}

a.downloadMediaCookie i {
    display: inline-block;
    margin: 0 5px 0 0;
    height: 16px;
    width: 12px;
    color: #0078ae;
    font-size: 16px;
    letter-spacing: 0;
    
}
.tabs .tabs-container .row {
    max-width: none;
}

.tabs .zygo-video-list {
    padding-top: 40px;
}

.tabs-container {
    padding-top: 15px;
}





/*===========================================================
                Product tabs view type
=============================================================*/

.zygo-broucher-img {
    width: 130px; margin-bottom: 14px;
}

.tabs-container .rte_content {
   /* font-size: 16px;*/
    font-size: 20px;
    line-height: 1.5;
}


.tabs-container .rte_content ul{
    padding-left: 22px !important;
    margin-left: 0px !important;
   
}

.tabs-container .rte_content ul li ul li{
    list-style: circle!important;
}


.tabs-container .rte_content ol{    
    margin-left: 15px !important;
}

.tabs-container .rte_content ol li{
margin-left: 15px;
text-indent: -17px;
}

.tabs-container .component-content .field-content .rte_content a,
.tabs-container .component-content .field-content .rte_content a:visited,
.tabs-container .component-content .field-content .rte_content a:active{

    color: #555 !important;
    border-bottom: 2px dotted #0078ae !important;
    text-decoration: none;

}

.tabs-container .component-content .field-content .rte_content a:hover{
    color: #0078ae !important;
    border-bottom: 2px solid #0078ae !important;

}
.content ul, .content ol, .rich-text ul, .rich-text ol{margin-left: 15px !important;}


.tabs-container .rte_content ul li {    
    list-style-position: initial;
    text-indent: 0px !important;
    font-size: 20px;
    padding-left: 0;
    margin-left:0 ;
}

.zygo-broucher-content {
    padding-left: 15px;
    max-width: calc(100% - 130px);
}

.zygo-broucher-title {
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;
    margin: 0 0 10px 0;
    color: #000;
    font-weight: normal;
    font-size: 24px;
}

.grid-view .zygo-broucher-item-list {
    margin-bottom: 30px;
}

.zygo-broucher-content .download {
    font-weight: 600;
    font-size: 15px;
}

.list-view .zygo-broucher-content {
    width: 100%;
    padding: 0;
    max-width: 100%;
}

.zygo-broucher-content .download a {
    text-decoration: none;
    font-size: 16px;
}

.list-view .zygo-broucher-item-list {
    margin: 0;
}

.list-view .zygo-broucher-document-name {
    display: block;
}

.list-grid-view {
    padding: 20px 15px;
}

button.view-btn {
    border: 2px solid #eee/*#d4e2e6*/;
    padding: 5px 7px 5px 7px;
    font-size: 16px;
    line-height: 18px;
    color: #666/*#90afb8*/;
    background: #fff;
    cursor: pointer;
    font-weight: normal;
}

button.view-btn i {
    display: inline-block;
    vertical-align: text-bottom;
}

button.view-btn.active {
    background: #eee /*#d4e2e6*/;
}

.list-view .zygo-broucher-content .zygo-broucher-title,
.zygo-broucher-item-heading .broucher-title-heading {
    width: 55%;
}

.list-view .zygo-broucher-content .zygo-broucher-document-name,
.zygo-broucher-item-heading .broucher-name-heading {
    width: 25%;
}

.list-view .zygo-broucher-content>div,
.zygo-broucher-item-heading>div {
    padding: 10px 10px;
    margin: 0;
}

.list-view .zygo-broucher-content>div:not(:first-child),
.zygo-broucher-item-heading>div:not(:first-child) {
    border-left: 3px solid #fff;
}

.zygo-broucher-item-heading>div {
    color: #000;
    font-size: 15px;
    font-weight: bold !important;
}

.zygo-broucher-item-heading>div {
    border-bottom: 2px solid #000;
    margin-bottom: 5px;
}

.zygo-broucher-item-heading .broucher-download-heading,
.list-view .zygo-broucher-content .download {
    width: 20%;
}

.list-view .zygo-broucher-content>div {
    font-size: 16px;
    /*color: #707C7C;*/
    color:#666666;
    line-height: 21px;
}

.zygo-broucher-wrapper {
    padding-bottom: 40px;
}

.zygo-broucher-wrapper .scLooseFrameZone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.zygo-broucher-item-heading>div:not(:first-child) {
    margin-left: 3px;
    border-left: 0 !important;
}

.zygo-broucher-item-heading>div {
    padding-left: 0;
}

.tabs .title-with-richtext {
    font-size: 16px;
    line-height: 24px;
}

.zygo-broucher-title {
    color: #231F20;
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 30px;
}

.tabs .zygo-video-list .scEnabledChrome {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.zygo-browser-component.scEnabledChrome {
    padding-left: 0;
    padding-right: 0;
} 



.zygo-Key-Features .Key-Features-title{text-align: center;}



/*===========================================================
                Related Product
=============================================================*/


.Key-Features-title,
.related-product-title {
    text-align: center;
    padding-bottom: 30px;
}

.Key-Features-discription a,
.Key-Features-discription a:hover,
.Key-Features-item,
.Key-Features-item:hover,
.related-product-item,
.related-product-item:hover {
  /*  color: #666666; */
   color: #707C7C;
    text-decoration: none;
}

.Key-Features-image,
.related-product-item .product-image {
    margin-bottom: 20px;
    max-width: 500px;
    align-items: flex-end;
    display: flex;
}

.related-product-item .product-image {
    margin:0 auto 4px; order: 2;
}


.Key-Features-video iframe {
    width: 100%;
    min-height: 300px;
    max-width: 500px;
}

.Key-Features-discription h3 a,
.Key-Features-discription h3 a:hover {
    color: #000;
}

.related-product-item,
.Key-Features-item {
    margin-bottom: 30px;
}


/*.zygo-Key-Features-wrapper,
.zygo-related-product-wrapper {
    border-top: 2px solid #ccc;
    padding: 30px 0 40px 0;
}*/
.zygo-Key-Features-wrapper .row:first-child,
.zygo-related-product-wrapper .row:first-child{
    border-top: 2px solid #ccc;
    padding: 30px 0 40px 0;
    margin:0;
}
 


/*===========================================================
                Related Product
=============================================================*/

.slider-content-row {
    min-height: 400px;
}

.flex-row-reverse .slider-content-row {
    margin: 0 !important;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
}

.slider-content-row .field-slideimage {
    text-align: left;
    padding: 0;
}

.flex-row-reverse .slider-content-row .field-slideimage {
    text-align: right;
    padding: 0;
}

.zygo-carousel-content-wrapper.flex-row-reverse {
    padding: 0;
}

.zygo-carousel-content-wrapper.flex-row-reverse .carousel-content {
  /*  padding-left: 30px;*/
    padding-left: 8%;
}

.zygo-carousel-content-wrapper:not(.flex-row-reverse) .carousel-content {
    max-width: 50%;
    padding-left: 30px;
     padding-right: 10%;
}

.zygo-carousel-content-wrapper .carousel-content {
    text-align: left; padding-left: 30px; padding-right: 30px;
}

.zygo-carousel-content-wrapper .field-slidetitle {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.8px;
    color: #000;
    line-height: 1.2;
}

.zygo-carousel-content-wrapper .field-slidetext {
    font-size: 22px;
    letter-spacing: -.7px;
    line-height: 1.4em;
    font-weight: 400;
    color: #777;
    padding: 10px 0;
}
 

.zygo-carousel-content-wrapper .field-slidelink span{ color:#fff;}
.field-slidelink a{color: #fff !important; border-bottom: 0px!important;}
 


/*===========================================================
                Zygo HOme Carousel
=============================================================*/

.carousel .slides li.slide .scLooseFrameZone {
    overflow: visible;
}

.zygo-home-carousel .nav {
    margin: 0px;
}

.carousel .slides {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 0 !important;
    margin: 0 auto;
}

.carousel .slides li.slide {
    background: #fff;
    list-style: none;
    list-style: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 400px;
}

.zygo-home-carousel.carousel {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
}

.zygo-home-carousel .nav a.prev-text {
    left: 20px;
}

.zygo-home-carousel .nav a.next-text {
    right: 20px;
}

.zygo-home-carousel .nav a.next-text,
.zygo-home-carousel .nav a.prev-text {
    color: #777;
    font-family: arial, sans-serif;
    font-size: 120px;
    text-decoration: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.zygo-home-carousel .nav a.prev-text:after {
    content: "‹";
}

.zygo-home-carousel .nav a.next-text:after {
    content: "›";
}

.zygo-home-carousel .nav a.next-text:after,
.zygo-home-carousel .nav a.prev-text:after {
    /*color: #777;*/
    color:#ccc;
    font-family: arial, sans-serif;
    font-size: 120px;
    opacity: 0.1;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.8s;
}

.zygo-home-carousel .nav a.next-text:hover:after,
.zygo-home-carousel .nav a.prev-text:hover:after {
    color: #7AC143;
    opacity: 1;
    text-shadow: 2px 3px 7px #999;
    transition: 0.2s;
}



/*===========================================================
                Breadcrumbs
=============================================================*/

.breadcrumb.container {
     padding-left: 25px;
    padding-right: 25px;
   /* padding-left: 15px;
    padding-right: 15px;*/
    margin-bottom: 20px;
}

.breadcrumb.component a,
.breadcrumb.component .separator {
    /*color: #707C7C;*/
    color:#666666;
    letter-spacing: 0;
}
 
.zygo-related-product h3.related-product-title{text-align: center;}



/*===========================================================
                Zygo Product filter data
=============================================================*/

.zygo-broucher-item-heading>div,
.product-data-heading>div {
    font-size: 16px;
    color: #231F20;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding: 5px 0;
    border-bottom: 3px solid #231F20;
    margin-bottom: 8px;
}

.product-data-heading,
.zygo-product-content {
    width: 100%;
}

.product-data-heading .product-title-heading,
.zygo-product-content .zygo-product-title {
    width: 40%;
}

.zygo-product-name,
.product-Product-heading,
.product-Document-heading,
.zygo-product-document-name {
    width: 20%;
}

.product-Catrgory-heading,
.zygo-product-category {
    width: 24%;
}

.product-data-heading>div:not(:last-child),
.zygo-product-content>div:not(:last-child) {
    margin-right: 4px;
}

.zygo-product-content>div {
    padding:8px 0;
}

.list-view .zygo-broucher-item-list:nth-child(2n)>div,
.zygo-product-list:nth-child(2n)>div {
    background: #EEE;
}

.zygo-product-content .zygo-product-title {
    padding-left: 10px;
}

.download a i {
    display: inline-block;
    margin-right: 8px;
}




/*===========================================================
                Zygo Product filter inputs
=============================================================*/

.clear-filter-btn {
    border: 2px solid #ccc ;
    display: inline-block;
    padding: 10px 10px;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    /*color:#666666;*/ color: #707C7C;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    margin: 0 0 15px 0;
    max-width: 150px;
    width: 100%;
}

.clear-filter-btn i {
   color:#A8C4CD; /*color: #999;*/
    display: inline-block;
    padding: 0 5px 0 0;
}

.ui-widget .ui-menu {
    font-size: 16px;
    color:#707C7C /*#666666*/; 
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    border: 1px solid /*#666*/ #A8C4CD;
    position: absolute !important;
    left: 15px !important;
    top: calc(100% - 15px) !important;
    border-radius: 0;
    padding: 5px 0;
    list-style: none;
}

.ui-widget .ui-menu li.ui-menu-item .ui-menu-item-wrapper {
    padding: 2px 5px;
    cursor: pointer;
}

.ui-widget .ui-menu li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    border: none;
    background: #e7f0f1;
}

.filter-dropdown-wapper select {
    margin-right: 10px;
}

.zygo-product-filter-section {
    padding-bottom: 15px;
}

.filter-dropdown-wapper select option {
    padding: 2px 5px;
    display: block;
}

#binddata {
    width: 100%;
    min-height: 40px;
}

.scfForm input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select, textarea
{color:#666;}

 

.list-view .zygo-broucher-title span:last-child,
.list-view .zygo-broucher-document-name span:last-child {
    color:#707C7C /*#666666*/;
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 21px;
}

.list-view a.downloadMediaCookie {
    color: #0078ae;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
}




.content p {
    margin: 0 0 15px 0 ;
}

/*===========================================================
                Events Listing pages
=============================================================*/

.zygo-banner-image:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;

}

.event-discription .event-discription-image {
    width: 200px;
    float: left;
    overflow: hidden;
}

.event-discription .event-discription-image img {
    padding: 5px 20px 10px 0;
}

.zygo-event-item:not(:last-child) .zygo-item-wrapper {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 3px solid #C6CCCE;
}

.zygo-event-item .zygo-item-wrapper {
    position: relative;
}

.zygo-event-item .zygo-item-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.event-type {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

.event-title h2 {
    margin: 0;
    line-height: 1.2;
}

.event-title .location,
.event-title .date {
    font-size: 14px;
}

.event-title p>span:not(.field-eventstart) {
    margin: 0 !important;
    padding-right: 15px;
}

.event-title p>span:not(.field-eventstart) {
    margin: 0 !important;
    padding-right: 15px;
}

.field-eventplace {
    padding-right: 10px;
}

.event-title {
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}

.event-title p {
    margin: 0;
}

.readmore {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.event-details {
    padding-bottom: 60px;
}

.event-title h2 a {
    text-decoration: none;
    color: #231F20;
}

.event-title h2 a.field-eventname{font-size: 20px;}

.zygo-sidebar .component .component-content {
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #A8C4CD /*#666*/;
}

.sidebar-title a {
    color: #231F20;
    text-decoration: none;
}

.sidebar-content a {
    color: #231F20;
    text-decoration: none;
}

.sidebar-content {
    font-size: 14px;
}

a.newslink {
    position: relative;
    padding-left: 15px;
    display: block;
}

a.newslink span.arrow-icon {
    position: absolute;
    left: 0;
}

.zygo-event-list.zygo-event-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.zygo-event-wrapper ul li.event::after {
    display: none;
}

.zygo-event-wrapper .zygo-event-item {
    padding-left: 0;
    padding-right: 0;
}

.link a.viewall {
    padding-left: 30px;
}
ul li.event {
    float:none;
    list-style-type: none;
    display: block;
        border-bottom:1px solid #ccc;
        margin: 6px 0px 0px 0px;
}

ul li.event::after {
    content:"";
    display: block;
    clear: both;
        margin-top: 33px;
}




/*===========================================================
                Video Library
=============================================================*/

.video-gallery-item {
    padding-bottom: 25px;
    margin-bottom: 25px;
}
/*.tabs-inner .video-gallery-item {padding-bottom: 0;}*/

.video-title,
.video-title a {
    color: #231F20;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-decoration: none;

}

.video-title a{line-height: 26px !important;}
.video-title a:hover { color: #428bca ; text-decoration: none;}
.defauld-video-wrapper {
    position: relative;
    min-height: 465px;
    margin-bottom: 20px;
}

.defauld-video-wrapper>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.video-image {
    padding-bottom: 15px;
}

.filter-label {
    width: 110px;
    min-width: 110px;
    padding: 5px 0 0 0;
}

.filter-label label {
    font-size: 16px;
}

.video-filter-section {
    padding-bottom: 35px;
}

#zygoplayer {
    height: 400px;
    min-height: 400px;
    width: 100%;
}

#videomodal .modal-dialog {
    max-width: 745px;
}

#videomodal button.close {
    position: absolute;
    top: -18px;
    font-size: 35px;
    right: -10px;
}




/*===========================================================
                Login and forgot password modal
=============================================================*/

.forgot-password {
    padding: 0 0 15px 0;
    text-align: right;
}

.input-wrapper>label {
    position: absolute;
    top: 0;
    transition: 0.5s all;
    left: 0;
}

.input-wrapper.labelon>label {
    top: 35px;
    background: #fff;
    width: 85%;
}
.input-wrapper.txtBold>label, .txtBold  {font-weight:bold; }
.input-wrapper label.error {
    position: static !important;
    color: #f00;
    font-size: 13px;
    line-height: 1;
}

input.error {
    margin-bottom: 0;
}

.input-wrapper.labelon.focused>label {
    top: 0;
    font-size: 14px;
    background: transparent;
}

.login-container .form-title {
    padding-bottom: 10px;
}

#forgot-password .form-title {
    font-size: 25px;
}

.serror-msg {
    margin-bottom: 15px;
}

.hide-error+.serror-msg {
    display: none;
}

.input-wrapper.labelon.hide-error {
    padding-bottom: 20px;
}

li#next {
    display: inline-block !important;
}


/*===========================================================
                globle form
=============================================================*/

span.field-validation-error,
.field_errormsg {
    display: none;
}

.validation-summary-errors {
    color: #f00;
}

.star,
.label_star {
    color: #EA292B;
}

.form-section-title h5 {
    background-color: #E7F0F1;
    padding: 8px 10px;
    margin: 8px 0;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.registration-error_msg {
    font-size: 14px;
    color: #f00;
}
.form-title,
.form-title h2 {
    font-size: 24px /*44px*/;
    line-height: 1.2;
    color: #231F20;
}
.form-title h2{font-size: 24px;}
.form-subtitle,
.form-subtitle h5 {
    font-size: 16px;
}

.checkbox label {
    font-size: 14px;
    line-height: 1;
}

.form-section-title {
    padding-top: 20px;
}

.form-checkbox {
    padding-top: 20px;
    padding-bottom: 20px;
}

#userlogin .modal-dialog,
#forgot-password .modal-dialog {
    max-width: 400px;
}

#forgot-password .form-title h2 {
    font-size: 25px;
    margin: 0 0 10px 0;
}

h4.sizeClass,
h5.sizeClass,
p.sizeClass {
    margin: 0;
}


/*===========================================================
                Contact Form
=============================================================*/

.inquiry-form textarea,
.zygo-demo-form textarea,
.zygo-contact-form .contact-comments textarea {
    max-width: 100%;
    border-bottom-width: 5px;
    margin-bottom: 30px;
}

.zygo-contact-form input[type="submit"] {
    width: 100%;
    min-height: 62px;
    font-size: 16px;
}

.radio-group-lavel {
    display: block;
    color: #231F20;
    margin-bottom: 5px;
}

.sidebar {
    padding-bottom: 20px;
}

.contact-discription h4 {
    margin: 0 0 10px 0;
    color: #231F20;
    line-height: 24px;
}

.sidebar .rte_content {
    padding-bottom: 20px;
}

.field-brief-content .rte_content img{
    margin: 15px 0;

}

.tabs-container .tab .component-content .field-content .rte_content img{
    margin: 0px;
}


.contact-address a {
    color:#707C7C /*#666666*/;
    text-decoration: none;
}

.contact-address h4 {
    margin: 20px 0 8px 0;
    color: #231F20;
    line-height: 24px;
}

.form-notes {
    font-size: 14px;
}

.form-notes h5 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

label.required:after {
    content: "*";
    display: inline-block;
    padding: 0 5px;
    color: #EA292B;
    position: absolute;
}

label.required-country:after {
    content: "†";
    display: inline-block;
    padding: 0 5px;
    color: #EA292B;
    position: absolute;
}

.radio-label-title {
    display: block;
    color: #231F20;
    font-weight: 600;
    margin: 25px 0 20px 0;
}

.checkbox-label {
    position: relative;
    padding-left: 30px;
    display: inline-block;
    line-height: 1.6;
    cursor: pointer;
}

.checkbox-label .input-style {
    position: absolute;
    left: 0;
    top: 3px;
}


/* New rules */

.labe-of-interest label:not(.radio-label-title) {
    width: calc(25% - 15px);
    float: left;
    line-height: 1.2;
    margin: 5px 15px 10px 0;
    position: relative;
    padding-left: 30px;
    vertical-align: top;
}

.labe-of-interest:after {
    content: "";
    display: block;
    clear: both;
}


/*===========================================================
                Thank You page
=============================================================*/

.message-wrapper .thanksmsg {
    padding: 20px 0;
}

.message-wrapper {
    max-width: 600px;
    margin: 60px auto;
}

.message-wrapper .form-title {
    text-align: center;
}

.registration-form-wrapper {
    padding-top: 20px;
}



/*===========================================================
                header mobile responsive
=============================================================*/






/*===========================================================
                Pagination
=============================================================*/

.news-release-pagination,
.pagination-wrapper {
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
}

.news-release-pagination:before,
.pagination-wrapper:before {
    content: "";
    background: #A8C4CD /*#666*/;
    height: 1px;
    width: 100%;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
}

.pagination {
    display: inline-block !important;
    padding: 25px 10px;
    background: #fff;
    position: relative;
    z-index: 5;
    margin: 0;
}

.pagination li {
    padding: 0 4px;
    float: left;
    list-style:none !important;
}

.pagination li a {
    display: block;
    padding: 7px 12px;
    color:#707C7C /*#666666*/;
    font-weight: 700;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #A8C4CD /*#666*/;
    font-size: 16px;
    line-height: 1;
}

.pagination li.active,
.pagination li.disabled,
.pagination li.active a {
    cursor: not-allowed !important;
}

.pagination li a:hover {
    color: #0078AE; /* #23527c; */
    background-color: #eeeeee;
    border-color: #ddd;
}

.pagination li.active a {
    background-color: #0078AE;
    border-color: #0078AE;
    color: #fff;
    cursor: default;
}

.pagination li.disabled a {
    pointer-events: none;
    opacity: 0.4;
}

/*===========================================================
                Blog and New post pages
=============================================================*/

#divArticlesListings {
    padding-left: 15px;
    padding-right: 15px;
}

#divArticlesListings .news-release-div {
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.news-release-div .img img {
    width: 100%;
    min-height: auto;
    margin-bottom: 0px;
}

#divArticlesListings a, .product-info a {
    color: #231F20;
    text-decoration: none;
}
#divArticlesListings a:hover, .product-info a:hover {color: #0078AE;}
#divArticlesListings .news-release-div .product-info {
    margin: 10px 0px 0px 0px;
    color: #231F20;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 20px;
}
#divArticlesListings .news-release-div .product-details .product-info {
    font-weight: normal;
    font-size: 20px;
    line-height: 1.4em;
}
.news-release-div .release-date {
    margin-top: 3px;
    padding-top: 8px;
    text-transform: capitalize;
    color:#707C7C /*#666*/;
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 17px;
}



.post-title-section {
    padding-top: 15px;
    padding-bottom: 15px;
}

.post-title-section .post-date {
    margin: 0;
    font-size: 14px;
}

.post-title {
    margin: 0;
}

.post-content iframe {
    width: 100%;
    min-height: 300px;
    max-width: 500px;
}



/*===========================================================
                User Authentication login 
=============================================================*/

.request-button {
    display: block;
    width: 100%;
    min-height: 45px;
}

.zygo-contact-form input[type="submit"], .btn-red {
    background: #c50b20!important;
}

.request-login {
    background: #E7F0F1 /*#eee*/;
    padding: 25px 15px;
    margin: 15px 0;
}

.request-login p {
    margin: 0;
}



/*===========================================================
                Loader
=============================================================*/

#loaderoverlay {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #D2222A solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}


/*===========================================================
            Resource Library 
=============================================================*/

.resourcecenter dt {
    padding: 0 0 0 16px;
    position: relative;
    clear: both;
    font-size: 15px;
    color: #696a6c;
    line-height: 34px;
    font-family: Sans-Serif;
    font-weight: 700;
    background: #e7e7e8;
    margin-bottom: 1px;
}

.resourcecenter dt a {
    border: none;
    padding: 0 33px 0 17px;
    border-left: 1px solid #fff;
    float: right;
    color: #fff !important;
    font-size: 13px;
    line-height: 34px;
    background: #00a8e0 url(../images/plus-img.png) 85% 50% no-repeat;
}

.resourcecenter dt a:hover {
    background: #006fa0 url(../images/plus-img.png) 85% 50% no-repeat;
    text-decoration: none;
    border-bottom: none !important;
}


/*===========================================================
             Experience Editor 
=============================================================*/

.on-page-editor ul.tabs-heading .scLooseFrameZone {
    overflow: visible;
}


/*===========================================================
             Sticky custom popup
=============================================================*/

.custom-popup {
    max-width: 100% !important;
}

.custom-popup .modal-dialog {
    max-width: 793px;
}

.custom-popup-editor {
    margin-top: 150px !important; height: 80%;
}

.custom-popup .modal-content {
    padding: 20px 15px 40px 15px;
}

.custom-popup {
    display: none;
}

.modal .close {
    color:#A8C4CD /*#666*/;
}

.custom-popup button.close {
    top: 0;
}

 
.field-brief-content .rte_content h4{ font-weight:600; margin: 15px 0 0 0;}
.field-brief-content .rte_content table{ margin-top:20px; width:100%;}
.field-brief-content .rte_content table{border: solid 2px #d2d2d2;
    background: transparent;
    border-collapse: collapse;
    vertical-align: middle; }

.field-brief-content .rte_content table tr:nth-child(1) td {
    border-left: 2px solid #ccc;
    background: #666;
    color: #fff;
}

.field-brief-content .rte_content table tr td {
    border: 2px solid #ccc;    
    padding: 5px;
}

.field-brief-content .rte_content table tr:nth-child(even) {
    border-left: 0;
    background: #f9f8f8;
}

.field-brief-content .rte_content table tr:nth-child(odd){
    border-left: 0;
    background: #fff;
}
 

.field-brief-content a, .field-brief-content a:visited, .field-brief-content a:active, .col-12.post-content a, .contact-address a , .promo a, a.txtlink:link, a.txtlink:visited, body .content a, body .rich-text a,
.title-with-richtext .rte_content a{    
    color:#555;
    border-bottom:2px dotted #0078AE; 
     text-decoration: none;
}

.field-brief-content a:hover, .col-12.post-content a:hover, .contact-address a:hover, .promo a:hover, a.txtlink:hover, a.txtlink:hover, .title-with-richtext .rte_content a:hover, body .content a:hover, body .rich-text a:hover {
  color:#0078AE  ;
  border-bottom:2px solid #0078AE;
            
} 
.kcImg {height: 247px; width: 200px; margin: 0px 0px 20px; border: 0px;}

/* Zygo privacy  */
.privayc-policy {
    line-height: 2rem;
}
.privayc-policy li {
    list-style: none;
    color: inherit;
    line-height: 1.3em;
    text-indent: -14px;
    margin: 4px 0px 0px -15px;
    display: block;
}
.privayc-policy li::before {
    color: #666;
    content: "\2022";
    padding-right: 5px;
    font-weight: 700;
}

.zylo-nested-ul li {
    margin-left: 10px;
}

/* sales  */
.sales-head {
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    padding: 3px 0px 2px 10px;
    font-weight: 600;
    margin-top: 30px;
    margin-left: 0px;
    margin-bottom: 10px;
    background-color: #eee;
    clear: both;
    color: #000;
}

 

.extlink {
    border: 0;
    position: relative;
    left: 5px;
}
 

.td-pp{
    text-align: center; 
    height: 40px;
    padding-top: 70px;
    font-size: 16px;
}

.left-right-borders{
    border-left: 1px solid #ccc;
    padding-left: 15px;
    border-right: 1px solid #ccc;
    padding-right: 15px;
}


.zygo-sales {
    margin-top: 10px;
}
.zygo-sales td:first-child{
    text-align: right !important;
    width: 24%;
}

.zygo-sales td:nth-child(2){
    width: 1%;
}

.zygo-sales td:nth-child(3) {
    text-align: left !important;
    padding-left: 10px;
    width: 75%;
}

.img-open {
    width: 2%;
    top: -5px;
}






.img-sidebar{
    width: 6%;
    margin-left: 10px;
}

.heroBannerDescription{font-weight:400;line-height:1.7em;width:500px;margin:0px 0px 20px 0px; font-size: 18px;}

.heroBannerSubTitle2{
    font-weight:700;position:absolute;top:74px;left:150px;color:white;font-size:90px;
}

.heroBannerSubTitle1{
    position:absolute;top:75px;left:14px;color:white;font-size:90px;letter-spacing: -3.2px;
}
.b-sp1{
    letter-spacing: -18px;
}

.b-sp2{
    letter-spacing: -28px;
}

.b-sp3{
    letter-spacing: -30px;
}



.horizontal {position: static}
.vertical {position: relative;}
.vertical > ul {width: /*225px*/  155px !important;}
.vertical > ul li.rel-level2 >.navigation-title a {min-height: 0 !important; padding: 15px 0 0 10px !important}

/* for horizontal thumbnails */

/*===========================================================
                Global Search Result page
=============================================================*/
.search-btn{
    margin-bottom: 1px !important;
}
.page-search-input {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    align-items: flex-end;
}

.page-search-input .searchinput {
    width: 100%;
        position: relative;
}

.page-search-input .searchinput input {
    margin: 0;
    background: none;
}
#Search-result-tabs li.nav-item:not(:first-child) {
    display: inline-block;
    margin-left: 0px !important ;
}

.page-search-wrapper form {
    border-top: 2px solid #ddd;
    padding-top: 40px;
    padding-bottom: 30px;
}

.page-search-wrapper {
    padding: 0px 10px 0 15px;
}

.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}

#search-tabs-content .result-count{visibility: hidden;}

#Search-result-tabs {
    margin: 0 0 20px 0;
    padding: 0 0 0px 0;
    display: flex;
    flex-direction: row;
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #ccc;
   
}

 #Search-result-tabs li.nav-item{flex-direction: column;}
 #Search-result-tabs .nav-link {
    padding: 10px 0 10px 0;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.3em;
    text-align: center;
    color: #666 !important;
    font-weight: 700;
text-decoration: none;
display: block;
}
#Search-result-tabs li.nav-item a{display: block;}

#Search-result-tabs .nav-link.active {
    border-bottom: 3px solid #7ac143;
    color: #7ac143;
    display: block;
}

#Search-result-tabs .nav-link:hover {
    color: #7ac143;
}

 .curTabName{
        text-transform: uppercase;
        border-bottom: 2px solid #9ca4ab;
        padding: 2px 0;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        cursor: pointer;
    }
    .curTabName:after {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        z-index: 5;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #a8c4cd;
        top: 14px;
    }

.search-item .search-image {
    width: 100%;
    max-width: 150px;
    float: left;
    margin: 0 auto 10px ;
}
.search-item .search-image a{display: inline-block;}


.result-count p {
    margin: 15px 0 0 0;
}
.higilight_text{
    color: #D2222A;
}



.search-result-tabs {
    max-width: 97%;
    margin: 0 auto;
}

.search-item-wrapper {
    max-width: 800px;
}
.search-content h3 {
    margin-bottom: 15px !important;
    line-height: 27px;
    font-size: 18px;
    font-weight: 400 !important;
}

#Product .search-item-wrapper.grid .search-item .search-image{height: 160px; max-height: 160px;}
 #Product .search-item-wrapper.grid .search-content h3, #Product .search-item-wrapper.grid .search-item .search-image{    text-align: center;}


.search-discription {
    font-size: 14px;
}

.search-item:after {
    content: "";
    display: block;
    clear: both;
}

.search-item {
    padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}


/* Search Grid View */

.search-item-wrapper.grid {
    max-width: 100%;    display: flex;  flex-wrap: wrap;
}

.search-item-wrapper.grid .search-item {
    width: 33.33%;
    min-width:33.3%;
    float: left;
    padding: 0 20px 30px 0;
        border: none;
}

.search-item-wrapper.grid .search-item .search-image {
    max-width: 100%;
    margin: 0 0 5px 0;
    float: none;

}

.search-item-wrapper.grid .search-item .search-image img {
   /* width: 100%;*/
    /* height: 160px; */

}

.search-item-wrapper.grid .search-item .search-discription {
    display: none;
}

.search-content h3 a {
    color: #000;
    text-decoration: none;
}


#Documents .search-image {
    max-width: 50px;
}

#Documents .search-image img {
    width: 100%;
}


.search-item-wrapper.grid:after {content: "";display: block;clear: both;}
.searhbutton {margin-left: 15px;}
.global-search {
    width: 130px !important;
    border: 2px solid #ccc;
    background-color: white;
    background-image: url("../Images/search.png"); 
    background-position: 10px 18px;
    background-repeat: no-repeat;
    padding: 17px 20px 10px 40px !important;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    float: right;
    font-size: 15px !important;
    min-height: 36px !important;
}

.global-search-btn {
    top: -55px;
    left: 149px;
}



.input-wrapper input {
background: transparent !important;
    position: initial !important;
}

.input-wrapper input {
cursor: text !important;
}


/* style for image pop up */
.modal {
    display: none; 
    position: fixed; 
    z-index: 1050;
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
  }

  .modal-content {
    margin: auto;
    display: block;
    /* width: 80%; */
    max-width: 700px;
    background-color:#fff !important; -ms-flex-direction:inherit !important;
  }


 
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */  
  
  .horizontal-thumbnail .wrapper .nav .nav-items {
    width: 91% !important; 
    top: 60%;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: unset !important;
    flex-direction: unset !important;
    left: 7%;
  }

  .field-brief-content .rte_content ul li {
    text-indent: 0px !important;
  }

  .field-brief-content .rte_content p img {
    height: auto !important;
  }
  .horizontal-thumbnail .wrapper .nav>a.next-text {
    right: -3%;
  }
  
  .horizontal-thumbnail .wrapper .nav>a {
    display: none  !important;
  }
  
  
  .horizontal-thumbnail .wrapper {
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    margin-bottom: 10px;
  }
  




.on-page-editor .inquiry-form input[type="submit"]
  {
    background: #c50b20;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none !important;
    -Webkit-appearance: none;
    font-weight: 700;
    letter-spacing: -.5px;
    text-align: center;
    font-size: 15px;
    display: inline-block;
    transition: 0.4s;
    padding: 10px 20px;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    transition: 0.2s;
    border: none;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 0;    
  }

  .on-page-editor .inquiry-form input[type="submit"]:hover
  {
  letter-spacing: 0.1px;
    transition: 0.2s;
    color: #fff;
    text-decoration: none;
    box-shadow: 3px 5px 10px #999;
    text-indent: -4px;
  }
  .col-12.post-content ul li {font-size: 20px;}
  /*for zoom img */
.zoomImg{cursor:pointer; float: right;}
.popShadow{ width:100%; height:100vh; position:fixed; top:0%; left:0%; z-index:99999; background-color:transparent; opacity:0.5; display:none; }
.popupShow{  max-width:1000px;  position:absolute;  z-index:999999; display:none; background: #fff; margin: 0; box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 25px;}
.closeBtn {cursor:pointer;
    top: 10px;
    right: 3px;
    position: absolute;
    border: 0;
    font-size: 27px;
    padding: 0;
    margin: 0 2px 0 0 ;
    line-height: 0;
    color: #999;
    font-weight: bold;
    min-height: 14px;
    background:transparent;

}
.popupShow .closeBtn:hover{color:#d00;}
.popupShow .imgChagne{width:100%; max-height: 100%;}

/* for right Side text*/
.rtPicCont{ margin: 4px 0px 15px 0px; background-color: white; display: flex; flex-direction: column;}
.rtPicCont img, .rtPicCont .zoomImg{float: none;}
.rtPicCont div{font-weight: 400; font-size: 12px; line-height: 1.4em; margin-top:0px; color: #231F20; display: inline-block;}
.rtPicCont div a{ color:#e00; text-decoration: none; display: inline-block; border-bottom:2px dotted #BBB;}
.rtPicCont div a:hover{ color: #e00; border-bottom: 1px solid #D44 ; text-decoration: none !important; }
.rtPicCont.imgLeft{float:left; margin-right:15px;}
.rtPicCont.imgRight{float:right; margin-left:15px;}
.rtPicCont.imgCenter{float: none; margin-bottom: 30px;}


/* graying out state fields */
.dis_fields_gryOut label {
    background: none transparent !important;
}

.dis_fields_gryOut input, .dis_fields_gryOut select {
    background: #dddddd !important;
}

.dis_fields_gryOut input.error {
    margin-bottom: 15px;
}
/* add zygo2 css*/
div.zygo-article-list, div.zygo-event-list {
    width: 100%;
}

button {color:#666;}

.blog, .zygo-article-list {padding: 15px 30px;}

.zygo-news-release-heading, .zygo-event-list h3, .blog .article-heading, .article-heading, .event-list h3 {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -1px;
    border-bottom: 2px solid #ccc;
    margin: 0px 0px 9px 0px;
    color: #0078AE /*231F20*/;
}
 .article-heading .field-title{color: #0078AE;}
div.firstnewsdate:first-child {
    color:#0078ae;
}
.newsimage {
    float:left;
    display:block;
    margin: 12px 20px 20px 0px !important;
    width: 150px;
    height: 150px;
	max-height:unset !important;
}
.event-list-info a.event-list-name:link, .event-list-info a.event-list-name:visited {
    color: #7AC143;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 20px;
    text-decoration:none;
    transition: 0.7s;
    margin:7px 0px 0px 0px;
     word-wrap: break-word;
}

.event-list-info a.event-list-name:hover {
    color:#522E91 ;
    transition: 0.2s;
   letter-spacing: 0.6px;
    word-wrap: break-word;
}
.event-list-time {
    float:right;
    /*color: #707C7C;*/
    color: #666666; 
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 17px;
    text-transform: uppercase;
    display: flex;
}

.event-list-place {
    float:left;
    clear:left;
    color:#666666;
    font-size: 12px;
    text-transform:uppercase;
    margin:5px 0px 0px 0px;
    letter-spacing: -0.63px;
    line-height: 17px;
}

a.firstnewstitle:link, a.firstnewstitle:visited {
    float:left;
    color: #7AC143 /*231F20*/;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 20px;
    margin: 7px 0px 0px 0px;
    text-decoration:none;
}

a.firstnewstitle:hover, .zygo-article-list > div:nth-child(3) > a.firstnewstitle:hover, .blog > .component-content .article-list > div:nth-child(3) > a.firstnewstitle:hover {
    color: #522E91 ;
    transition: 0.2s;
}

.zygo-article-list > div:nth-child(3) {
    display: flow-root;
    max-width: 240px;
    float: left;
}
.zygo-article-list > div:nth-child(3) > a.firstnewstitle, .blog > .component-content .article-list > div:nth-child(3) > a.firstnewstitle {
    color: #7AC143;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px;
}


.firstnewsdate {
    float:left;
    clear:left;
    margin: 7px 0px 0px 0px;
    color:#666666;
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 17px;
    text-transform: uppercase;
}



.evntrule {
    border-bottom:1px solid #ccc;
    clear:both;
    padding: 10px 0px 0px 0px;
}

a.viewall[title="News"] {
    padding-left: 9%;
    margin-left: -6%;
}

a.viewall[href="/"] {
    padding-left: 4%;
}

a.viewall:link, a.viewall:visited, .blog .field-link.field-view-all a {
    float:left;
    color: #0078AE;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 16px;
    text-decoration:none;
    transition: 0.6s;
    border-bottom: none;
}

a.viewall:hover, .blog .field-link.field-view-all a:hover {           
    letter-spacing: .5px;
    transition: 0.2s;
    color:#522E91 ;
}

a.viewall:active {          
    color:#999;
}

.zygo-event-list ul {
    padding: 0;
    margin: 0;
}

.zygo-event-list {
    padding: 15px 30px;
}
 
.zygo-broucher-wrapper.grid-view, .zygo-broucher-wrapper.list-view{
    min-width: 100%;
}

.grid-view a.downloadMediaCookie {
    color: #0078ae;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
}

.slider-content-row {
    overflow: hidden;
}

.slider-content-row .field-slideimage {
    margin-top: 30px;
}



.search-content { width: calc(100% - 170px)}
.search-item a h3:hover {color:#0078ae}
.search-item-wrapper.grid .search-content { width: 100%}
.search-content h3 a:hover {
    color: #0078ae;
    text-decoration: none;
}

.paginationContainer .pagination-component.pagination-wrapper{
display: block;
margin: auto;
}


/*===========================================================
             Sticky custom popup
=============================================================*/

/* Table css */
.adminReportTable {
    border: 1px solid #333;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 100%;
    table-layout: fixed;
}

.adminReportTable tr th {
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #333;
    white-space: nowrap
}

.adminReportTable tr th,.adminReportTable tr td {
    padding: 12px;
    font-size: 13px;
    overflow: hidden
}

.adminReportTable tr td {
    border: 1px solid #ebebeb;
    border-top: 0;
    border-left: 0
}

.adminReportTable td:first-child {
    border-left: 1px solid #ebebeb
}

.adminReportTable tr:nth-child(even) {
    background-color: #f9f9f9
}

.adminReportTable tr:nth-child(even) td:first-child {
    background: #efefef
}


/* css for "oil-analysis-terminology-page" */
.col-sm-12.headingBlue{max-width: 1100px;}
.headingBlue {padding: 25px 30px 30px;  background: #006fa0;  margin-top: 16px; position: relative; font-weight: 600; margin: 20px auto; /*width:calc(100% - 40px);*/}
.headingBlue::after{content: " "; background: #fd7700; width:15px; height: 15px; display: inline-block; position: absolute; top:-15px; right: -15px;}
.headingBlue h1 {margin: 0; border: 0; padding: 0; font-size: 31px; color: #fff; display: inline-block;}
.headingBlue h1.field-title, .headingBlue h1.field-title:hover{ color:#fff;     cursor: auto; }
.mura-region-contner{margin:0 5px;}
.mura-region-contner p.field-description{font-size: 16px; line-height: 20px; padding: 10px 0;}
.mura-region-contner h2.field-title{line-height: 20px; padding: 25px 0;font-size: 16px; margin-bottom: 10px;}
.mura-region{margin: 15px 5px 0; }
.mura-region > p{display: flex; margin-bottom: 15px; flex-wrap: wrap;}
.mura-region > p a{ display: flex; flex-wrap: wrap; width:25px; height: 25px; justify-content: center; align-items: center; background:#006fa0; opacity: .9; color:#fff;  }
.mura-region > p a:hover{opacity:1; color:#fff; cursor: pointer; }
/*.mura-region > p a:nth-child(1n+2){margin-left: 5px;}*/
.mura-region > p a{margin-right:8px; margin-bottom:8px;}
.mura-region-contner p{margin-top: 5px;}
.mura-region-contner h2{margin:0px; padding:15px 0 5px; font-size: 21px;}
/* css for "industries -page" */
.industries-container .component-content > ul, .industries-container .component-content > ul .industries{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding: 0;}
.industries-container .component-content > ul > li{position: relative;min-height: 1px;padding: 0 15px;border: 0;}
.industries-container h2.field-title {color:#0078ae !important; font-weight: normal;  margin: 10px 0;font-size: 25px;position: relative; font-weight: 700;}
.industries-container h2.field-title:hover {color: #428bca;}
.industries-container li a{color: #428bca;text-decoration: none; border: 0;}
.industries-container .component-content > ul > li .industries{margin: 10px 0;background-color: #e9e9e9;}
.industries li, .industries p {font-size: 16px; line-height: 20px;}
.industries li{list-style: disc;}
.industries ul{padding:0px 0 0 5px}
.industries > .col-sm-6:first-child {padding: 0;}
.wearImg img{margin:0 0px 0 0 !important; display: inline-block; }
.tabs-container .component-content .field-content .rte_content a.productListingImageLink ,
.tabs-container .component-content .field-content .rte_content a.productListingImageLink:active,
.tabs-container .component-content .field-content .rte_content a.productListingImageLink:hover{border: 0 !important;}
.country-selector{    display: flex; align-items: center; margin-right: 20px;}
.country_lang span, .country_lang > i{display:inline-block; color:#666;}
 a.country_lang{text-decoration: none; color:#666;}
 a.country_lang:hover, a.country_lang:focus, a.country_lang:hover span, a.country_lang:hover i {color:#0078AE;}
.country_lang > i{margin-left: 5px;}
.country_icon img{margin-right: 3px}
.country_lang, span.country_icon{display: flex; align-items: center;}
.country_icon span{font-size: 14px;}
.country-flags{display: flex;}
.country-flags a { display:inline-flex;  align-items: center; margin: 5px 0px 20px 20px;}
.country-flags a:first-child{margin-left: 0;}
.country-flags a img{margin-right: 3px;}
.country-flags a:hover{text-decoration: none;}
#myModal .modal-header .close {    padding: 0; margin: -13px 0 0;}
#myModal .modal-header .close:hover{color:#0078AE;}
.field-bannersubtitle div{font-size: 45px;}
.has-mobile-bg .zygo-banner-image .container{display: flex; align-items: center;}
ul, li {list-style:none;}
table.companyPgTabel {border: 1px solid #ccc; font-size: 18px;}
table.companyPgTabel thead{ background: #ccc; color:#333; }
table.companyPgTabel th{font-weight: bold;}

.field-brief-content table.companyPgTabel{border: 1px solid #333; border-left: 0px solid #333; border-top: 0px solid #333;}
.field-brief-content table.companyPgTabel td, .field-brief-content table.companyPgTabel th{border-left: 1px solid #333; border-top: 1px solid #333;}
.coreTechnologies, .coreTehnologiesImg{display: flex; margin-bottom: 10px;}
.core-row{display: flex;flex-direction: row;flex-wrap: wrap; width: 100%;}
.coreTechnologies{width:60%;}
.coreTehnologiesImg{width: 35%;margin-left: 5%;}
.container.zygo-related-product-wrapper{padding-left: 0px; padding-right: 0px;}
img.coreTehnologiesImg{max-width: 600px; width:65%; height: 100%;}
.coreTehnologiesImg ul li{ margin-top: 10px; }
.coreTehnologiesImg ul li:first-child{ margin-top: 10px; }
.leftNav ul {list-style: none; margin: 0px; padding: 0;}
.leftNav ul li a{font-size: 14px; color: #231F20; font-weight: normal; padding: 4px 0 4px 15px; font-family: open sans, tahoma, arial, helvetica, sans serif;}
.leftNav ul li a:hover, .leftNav .navigation-title ul li a:hover{  text-decoration: none; color:#0078AE;}
.leftNav ul li .headingLi a{font-weight: bold;}
.leftNav .field-link:empty, .field-header-link:empty {display: none;} 
#header .row > .row.column-splitter{margin-left:0; margin-right:0;}
body .row.column-splitter > div {padding-left: 15px;padding-right: 15px;}
.worldWideSect{margin-top: 30px; background-color: #f9f9f9; color: #000;}
.worldWideSect h1 {padding: 10px 15px; font-size:16px;}
.worldWideSect h4 {padding: 10px 15px; color: #000; font-family: PT Sans; font-size:18px; font-weight: 700; border-bottom: 1px solid #c1c1c1; margin: 0;}
.worldWideSect .content {padding: 10px 15px;}
.worldWideSect .worldwide select option {font-size: 16px;}
.worldWideSect .worldwide{position:relative}
.worldWideSect .region ul { display:flex; list-style: none; padding-left: 0px; margin-left: 0px;flex-direction: row; flex-wrap: wrap;}
.worldWideSect .region ul li { padding: 5px 20px 15px;}
.worldWideSect .region a {font-family: PT Sans; font-weight: 400; font-size: 15px; color: #292929; position: relative; cursor: pointer; text-decoration: none;}
.countryDropDown select, .selectCountry select{min-width:200px; width:30%; max-width:220px; padding:5px;}
.crtCountry{padding: 15px 0; line-height: 22px;}
.crtCountry a{font-family: Verdana; font-size: 12px; color: #000; line-height: 20px; text-decoration: none; font-weight: 700; margin-top: 0px; }
.countryDetailBox{color:#000;}
.countryDetailBox.fBox{display: flex; flex-wrap: wrap;}
.countryDetailBox.fBox > div{flex-basis: 50%; box-sizing: border-box; padding: 0 10px;}
.titleCC{font-weight: bold;}
.worldWideSect .region a.active{ }
.worldwide select {
    min-width: 200px;
    width: 30%;
    max-width: 220px;
    padding: 5px;
    font-size: 14px;
}
.region a.active:AFTER {content: "\f0d7"; font-family: fontawesome; font-size: 22px; position: absolute; bottom: -17px; left: 40%;}
.crtCountry.vtiSalesPg{font-size: 14px;}
.crtCountry.vtiSalesPg p{margin-bottom: 10px; line-height: 20px;}
.vtiSalesPg .countryTitle, p.countryTitle{font-size: 17px; color: #000; font-weight: bold; padding-top: 21px; margin-bottom: 0;}
.vtiSalesPg .titleCC{color: #000; }
.crtCountry p.titleCC{margin-bottom: 5px;}
.contCrtCont{color:#000; margin-bottom: 25px;}
.contCrtCont:first-child{margin-bottom: 0px;}
.range {background-color: #eaeaea;}
.range ul li {display: inline-block;padding: 5px 20px 15px;    }
.range a {font-family: PT Sans;font-weight:400;font-size: 15px;color: #292929;position: relative;cursor: pointer;text-decoration: none;}
.range a span {position: absolute;bottom: -20px;right: 50%;display: none;}
.range a .down_arrow:AFTER {content: "\f0d7"; font-family: fontawesome;font-size: 22px;} 
  .frBtn.headContUs{background: #7AC143;}

/* company page*/
.SpecialApplication > .component-content > div{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;   flex-wrap: wrap; margin-right: 0px; margin-left:0px;}
.SpecialApplication > .component-content > div .row.block{ margin: 10px 0; background-color: #e9e9e9; height: calc(100% - 20px);}
.SpecialApplication > .component-content > div > .col-md-6{padding-left: 10px; padding-right: 10px;}
.SpecialApplication > .component-content > div .row.block .col-sm-6:first-child{ padding: 0; background: #fff; }
.SpecialApplication > .component-content > div .row.block h2, .SpecialApplication > .component-content > div .row.block h2 a{margin-top: 15px; font-weight: bold; font-size: 25px;
    line-height: 1.3; color: #0078ae;}
 .SpecialApplication > .component-content > div .row.block h2:hover,
.SpecialApplication > .component-content > div .row.block h2 a:hover{ color: #522e91; text-decoration: none;}   
    .SpecialApplication > .component-content > div .row.block ul{padding-left:0; margin-left: 0;}
#ifr_1620822450351{display: none;}
.leftNav .headingLi a{font-size: 14px; color:#231F20; padding: 0;}
.component.blog .article-list .article-heading:first-child .field-title {font-size: 24px; font-weight: 700;}
.child-trigger a:first-child{line-height: 18px;}
/* left navigation for "fluid-type/oil-analysis-spectro-scientific" */
.page-list{margin: 0  15px;}

.leftNav .navigation-title ul{/*margin: 0px 0 10px 45px;*/ margin: 0px 0 10px 0px;}
.leftNav .navigation-title ul li{position: relative;}
/*.leftNav .navigation-title ul li::before{  content: "";
  background:#333;
  width:6px;
  height:6px;
  position: absolute;
  left:-16px;
  top:9px;
  border-radius:20px; } */
.leftNav .navigation-title ul li a{color:#231F20; display: inline-block; padding: 0;}
.leftNav .field-navigationtitle .headingLi{/*margin-bottom: 10px;*/ margin-bottom: 0px;}
.leftNav ul li .headingLi a:hover{text-decoration: none; color:#0078AE;}

/* global left navigation */
body > .row.column-splitter>div>div.row{margin-right: -15px;  margin-left: -15px;} 
.mura-region-contner .field-title{font-weight:bold;}
#header .col-4.col-md-3 > .row{margin-right: 0; margin-left: 0;}
/*.SpecialApplication .zygo-related-product-wrapper{ border:0;}*/
.videoCont .SpecialApplication .field-applicationtitle{color: #006fa0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;}
    .videoCont .SpecialApplication .product-discription{ order: 3 ; padding-top:7px; text-align: center;}
.results-purple{text-align: center;}
.results-purple h3.purple {font-size: 16px; font-weight: 400; text-align:left;}
.results-purple h1.purple{font-size: 28px;} 
 .videoCont .zygo-related-product .related-product-item{display: flex; flex-direction: column; margin: 3px 0; }
    .videoCont h3.related-product-title{display: none;}
    .SpecialApplication .product-title{order: 1; display: unset !important;      align-items: center;  padding-bottom: 10px !important;}
    body .container{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
    #content.rowHomePg, #content.rowHomePg > .row{padding-right: 0; padding-left: 0;}
    .ProductTitle-HeaderLine{border-bottom: 1px solid #ccc; padding-bottom:5px;}  
    
    
    /*Custome Sidebar nav*/

    .sidebar-navigation nav ul li{
        position: relative;
    }
    .sidebar-navigation li.submenu {
        margin-bottom: 0;
        margin: 0 0 0 15px;
    }

    .highlight::before {
        content: "";
        position: absolute;
        left: -15px;
        width: 7px;
        height: 7px;
        border-right: 2px solid #0078ae;
        border-bottom: 2px solid #0078ae;
        transform: rotate(-45deg);
        top: 9px;
        
    }
     .highlight{color:#0078AE !important;}
.imgConfig{width:100%; max-width: 600px;}
.headingTabTable{font-size: 20px;}
.highTabTable{margin-top: 15px;}
.highTabTable td{vertical-align: top !important;}
.highTabTable h2{font-size: 20px; padding: 0 10px;}
.highTabTable ul{margin:0; padding: 0 15px;}
.related_products .col-md-3 {text-align: center;  }
.related_products .col-md-3 a:first-child{height:90%;margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}
.related_products .col-md-3 a:hover{color:#522e91; }
.video-gallery-item .video-image .videolink img, .related_products .col-md-3 a:first-child img{width:300px; max-width: 100%; height: 300px; max-height: 300px; }     
.component.ProductListing{padding:15px 0 0 0px; width: 100%;}
h3.ProductTitle-HeaderLine{font-size: 20px;}
.product_top_container a{border-bottom: 0px !important;}
.product_top_container .product-img img{margin-top: 0;}
.zygo-browser-component .list-view a.downloadMediaCookie{color:#0078ae;}
.zygo-browser-component .list-view a.downloadMediaCookie:hover{color:#522e91;}
.prodLabTable{width: 99% !important; max-width: 800px;} 
.zygo-event-item h2 a{ color:#0078ae !important; }
.zygo-event-item h2 a:hover{ color:#522e91 !important; }
.resources em{display: inline-block; padding-right:8px;}
.worldwide .countryDropDown select option.field-title{font-size: 16px;}     
.worldWideSect h4, .worldWideSect .region a, .worldWideSect {font-family:open sans,tahoma,arial,helvetica,sans serif;}
body .worldWideSect .region a.active::after{ width: 0; height: 0; content:""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #999;}
.prevPolicy .bullets{margin-bottom: 20px;}
.zygo-related-product a.related-product-item:hover h4, 
.zygo-related-product a.related-product-item:hover .product-discription span{color: #522E91 !important;}
.SpecialApplication .rte_content strong a{display: inline-flex; width: 96%;}
.download a{color:#0078AE;}
.download a:hover{color:#522E91;}
body main > #content{padding-right: 0; padding-left: 0;}
.btn.btn-info a{color:#fff;}
.btn.btn-info a:hover{color:#fff !important;}  
.component.SpecialApplication.col-12{padding:0; }
.plain-html.align-self-center{width:100%;}
.plain-html.align-self-center button{float: none !important;} 
body #footer .row.column-splitter>div{ padding-right: 0px; padding-left: 0; }
#footer a{color:#fff; text-decoration: none;}
#footer a:hover{color:#7ac143;}
#hubspotForm, #hubspotForm .hs-form-iframe{ margin:0 0 0 10px!important;}
dt.title a{margin-right:0px;border-bottom: none !important}

.prodLabTable {
    width: 100%;
    border-collapse: collapse;
}

.prodLabTable tr td:first-child{
    width: 30%;
  
}

.prodLabTable tr td:last-child{
    width: 70%;
    
}

.prodLabTable tbody tr:nth-child(odd){
    background: #ccc !important;
}

.prodLabTable tbody tr td{
    background: transparent !important;
    font-size: 14px;
}

.prodLabTable tbody tr td.p-heading1{
    background: #666666 !important;
    color: #fff;
    font-weight: 600;
}

.prodLabTable tbody tr td.p-heading2{
    background: #76bd1d !important;
    font-weight: 600;
    color: #333;
}

.product-heading{
    font-weight: 700;
}

.p-imgshort{
    width: 350px;
    height: 204px;
}

.p-imgright{
    float: right;
    height: 238px;
    margin: 5px;
    width: 545px;
}

.component.link .button-primary{
    background-color: #7ac143;
    color: #fff;
    font-size: 23px;
    padding: 10px 25px;
    border-radius: 7px;
    float: left;    
    margin-left: 15px;
    margin-bottom: 30px;
    text-decoration-style: dotted !important;
}

.component.link .button-primary:hover{
    text-decoration-style: dotted #0078ae !important;
}

#videomodal.modal{
    padding-top: unset !important;
}

.w400{
    width: 100%;
    max-width: 400px;
}

.w700{
    width: 100%;
    max-width: 700px;
}

.zygo-small-banner-show.zygo-small-banner .field-bannertitle,
.HeroBanner.zygo-small-banner .field-bannertitle{
    color:#fff;
}

.field-brief-content .rte_content .button-link.field-bannerlink a{
    color: #fff;
    text-decoration: none;
    border:0;
}

.SpecialApplication .rte_content ul{
    padding-left: 20px !important;
}

.SpecialApplication  .rte_content ul li{
    list-style-type: disc;
}

.sidebar .contact-address h4:empty{
    display: none;
}

.remove-margin img{
    margin:0px 14px  0 0 !important;
}

.remove-dollar{visibility: hidden;}

.HeroBanner.zygo-small-banner .heroBannerLeftTxt{
    font-weight: 100;
}

@media (min-width: 1024px){
    .HeroBanner.zygo-small-banner .heroBannerLeftTxt{
        font-size: 75px;
        letter-spacing: 0;
    }
}
@media (min-width: 768px){

    body .search-item .search-image {
        margin: 0 15px 10px 0 ;
    }

    .mobile-header-icon .country-selector{
        margin: 0px 11px 0 0;
    }

    body #zygo-header-navigation nav>ul>li.level1>.navigation-title a{
        padding: 10px 10px;
    }

    .zygo-header-navigation, .tabs .component-content{
        margin-top: 8px;
    }

    .industries>.col-sm-6:first-child {
        background: #fff;
    }
}

body .zygo-header-logo .component-content{
    padding: 15px 0;
}

#Search-result-tabs li a{
    white-space: nowrap;
    margin-right: 30px;
    padding-right: 0 !important;
}

@media (max-width: 767px){
    .ametek-mobile-logo.image{
        margin-left: 75px;
    }

    #Search-result-tabs{
        overflow-x: auto;
        max-width: calc(100vw - 30px);
        display: flex;
        flex-direction: row !important;
        padding-bottom: 0;
    }

    
    #Search-result-tabs li:last-child a{
        margin-right: 0;
    }

   
}

@media (max-width: 480px){
    body .mobile-header-icon .component.link {
        margin: 21px 0 0;
    }
	body .search-result-section .search-result-tabs{
		max-width: 100%;
		overflow-x: auto;
	}
}

body .search-result-section {
	background:transparent;
}
@media (max-width: 991px){
	body .search-result-section .search-result-tabs{
		max-width:100%;
		padding-left:30px;
		padding-right:30px;
	}
}

.global-search.focusin{
    width:250px !important;
}

@media (min-width:768px){
    /* #search-tabs-content .search-item {
        display: flex;
    } */

    #search-tabs-content .grid .search-item {
        flex-wrap: wrap;
    }

    /* #search-tabs-content .search-item a {
        display: flex;
    } */

    /* #search-tabs-content .grid .search-item a{
        flex-wrap: wrap;
    } */
}


html{
    height: auto !important;
}

.search-image i {
    font-size: 60px !important;
}


/*Header Section landscape */
@media screen and (min-width: 768px) and (max-width:1024px) {
    #zygo-header-navigation nav>ul>li.level1>.navigation-title a {
        padding: 5px 5px !important;
       
    }
    .header-ametek-logo .component-content {
        padding: 5px 0 0 0;
    }
    
    }
    
    @media screen and (min-width: 480px) and (orientation: landscape) {
        
        .zygo-header-logo .component-content {
            padding: 30px 0 10px 0 !important;
        }
    
        /* .ametek-mobile-logo {
            padding: 35px 5px 0 0 !important;
        } */
    
        .search-box-wrapper:not(.remove-margin) input{
            right: 20px !important;
            top: 0px !important;
        }
    
        .country-selector .dropdown{margin-top: 20px;}
    
        .zygo-mobile-trigger{margin-top: -4px;}
    
        #filterglobalsearchinput{ margin-top: 4px !important}
    }


@media screen and (max-width: 1024px){
    body .zygo-banner-image>.container>.row{
        min-height: auto;
        padding-top: 0;
        position: absolute;
        width: calc(100% - 30px);
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0px;
    }

    body .zygo-banner-image>.container>.row .field-bannertitle{
        padding-bottom: 0;
    }
}

@media (min-width: 481px) and (max-width: 767px){
body .component.plain-html{
    margin-left: -5px;
}

body #filterglobalsearchinput{
    margin-right: 215px;
}
}
    