/*************** common classes starts ***************/ @media (min-width:1500px){.container{width: clamp(320px, 75%, 2560px) !important;margin: auto;}} body{font-family: 'Poppins', sans-serif; font-size:18px!important; font-weight:400!important; color:#333333;} a{color:inherit; text-decoration:none !important;} .fluid0{padding:0;} .boxpadding{padding-bottom:30px;} .bodybg{background-color:#ffffff;} .bgwhite{background-color:#ffffff;} .bgblue{background:#143E6D;} .bggray{background: #F2F2F3;} .bglightblue{background:#04A4D3!important;} .btn{font-weight:500; transition:.5s;} .a:hover{color:none; text-decoration:none;} .shadow-sm{box-shadow:none !important;} ol, ul {padding-left: 0px;} .tred{color:#EB1800!important;} .tblue{color:#133D6D!important;} .tlightblue{color:#04A4D3!important;} .theading{font-size:17px; line-height:27px;letter-spacing:3px;} .headingstrip:before {display: inline-block;margin: 0 10px 0px 0;height: 35px;content: " ";text-shadow: none;background-color: #ed1c24;width: 20px;} .tsubheading{font-size:49px; line-height:59px;} .tsubheading01{font-size:25px; line-height:35px;} .tsubheading02{font-size:20px; line-height:30px;} .tsubheading03{font-size:18px; line-height:28px;} .tsubheading04{font-size:40px; line-height:50px;} .ttext{line-height:28px;} .ttext01{font-size:14px;line-height:24px;} .ttext63{font-size: calc(17px + 2vw);} .lh73{line-height: calc(27px + 2vw);} .itemlist{padding-left:32px;} .itemlist li { list-style: none; list-style-image: url(../img/icon-itemlist.webp); font-size: 18px; font-weight: 400; line-height: 28px; text-align: left; padding-left: 5px; } .itemlistwhite li { list-style: none; list-style-image: url(../img/icon-itemlistwhite.png); font-size: 18px; font-weight: 400; line-height: 28px; text-align: left; padding-left: 5px; } .innerbannertop {margin-top: -130px;} .img-border{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;} /***common animation styles starts***/ .moveup{opacity: 0; transform: translateY(20px); transition: opacity 1.5s ease, transform 1.5s ease;} .movedown{opacity: 0; transform: translateY(-20px); transition: opacity 1.5s ease, transform 1.5s ease;} .animate-fadeInUp {opacity: 1 !important; transform: translateY(0) !important;} .animate-fadeInDown {opacity: 1 !important; transform: translateY(0) !important;} /***common animation styles ends***/ /*************** common classes ends ***************/ /******* gotop & whtsapp starts *******/ .gotopround{width:45px; height:45px; line-height:40px; background-color:#ED1C24; color:#ffffff; box-shadow:2px 2px 5px #3D3D3D;} .gotopround:hover{background-color:#ED1C24; color:#ffffff; border:1px solid #ED1C24;} .gotop{position:fixed; right:23px; bottom:80px; z-index:120;} .whtsapp-icon{width:55px; height:auto; position:fixed; right:75px; bottom:75px; z-index:120;} /******* gotop & whtsapp ends *******/ /*************** header classes starts ***************/ #header {position:relative;background: rgb(255, 255, 255);backdrop-filter: blur(8px);box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; z-index: 199;height: 127px;transition: all 0.9s ease;} #header .logo {transition: opacity 0.9s ease;} nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {content: ""!important;border-top: 0;display:none;} .navbar-brand .logo {transition: transform 0.3s ease;transform: scale(1); transform-origin: left center;} .navbar-brand{padding:10px 0px;} .dropdown-menu .content p {font-size: 17px;line-height: 27px;font-weight: 500;color: #000000;border-bottom: 1px dashed #dddddd;padding: 12px 0px;transition:0.9s ease all;} .dropdown-menu .content p:hover {color: #04A4D3;transition: all 0.9s ease;} .dropdown-menu .content .active {color: #04A4D3;} nav.bootsnav .collapse {display: block;} /******** fixed nav classes starts ********/ nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active {color: #04A4D3;} nav.navbar.bootsnav ul.nav > li > a {color: #000000; padding: 30px 35px 30px 0px;margin: 0px;font-size: 18px;line-height: 18px;font-weight: 600!important;text-transform: uppercase;} nav.navbar.bootsnav ul.nav > li > a:hover{color: #04A4D3;} nav.navbar.bootsnav ul.nav > li > a.active {color: #04A4D3;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active{color: #04A4D3;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {color: #000000;} .fixed-nav nav.navbar.bootsnav ul.nav li.dropdown.on > a{color: #04A4D3!important;} .dropdown-menu .content p:hover .fixed-nav nav.navbar.bootsnav ul.nav li.dropdown.on > a{color: #04A4D3!important;} #header.fixed-nav { background-color: rgb(255, 255, 255)!important;transition: transform 0.9s ease;border-bottom:1px solid #FFFFFF!important;} nav.navbar.bootsnav li.dropdown ul.dropdown-menu {border-color: #143E6D;left: 0px;padding: 0 !important;} nav.bootsnav .megamenu-content {padding: 15px;border: none !important;background: none !important;} #header.fixed-nav .navbar-brand {padding-top: 0px;padding-bottom: 0px;} .fixed-nav #header{position: fixed!important; background-color: rgb(255, 255, 255)!important;} /******** fixed nav classes ends ********/ /******** single dropdown classes starts ********/ .dropdown-menu {width: 570px!important;margin-top: 20px!important;} .tdropdownhead {font-size: 20px;line-height: 30px;color: #143E6D;font-weight:600!important;} .single-menu li {padding: 13px 0px 13px 0px!important;} .single-menu li:hover {background-color: #AD9360;color: #FFFFFF;} .single-menu li:hover a{color: #FFFFFF!important;} /******** single dropdown classes ends ********/ .animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}}.fade-Out-Up{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fade-In-Down, .navbar-full .animated{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} /********* top strip starts ***********/ .topstripbg{position: relative;z-index: 9;padding: 3px 0;background: #143E6D;} .topstripbg::before {position: absolute;width: 964px;height: 100%;top: 0;left: 0;content: "";background: #04A4D3;z-index: 0;clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);} .icontoplink{font-size:17px;color:#FFFFFF;} .ttoptext{font-size:14px;font-weight:400;line-height:14px;color:#FFFFFF;letter-spacing:2px;} .ttoplinktext{position:relative;font-size:17px;line-height:27px;font-weight:400;color:#FFFFFF;transition:0.9s ease all;} .ttoplinktext::after {content: "";position: absolute;left: 0;bottom: 0px;width: 0%;height: 1px;background-color: #FFFFFF;transition: width 0.3s ease;} .ttoplinktext:hover::after {width: 100%;} .smtop{width:38px;height:38px;font-size: 16px; background-color: #04A4D3;color: #FFFFFF;padding: 0px;border-radius: 25px;margin-right: 15px;vertical-align:-webkit-baseline-middle;border-right:1px solid #22558c;transition:0.9s ease all;} .smtop:hover{color:#04A4D3;background-color: #FFFFFF;transition:0.9s ease all;} .smtop i{line-height: 3 !important;} .btn-qinspec {position: relative;font-size: 16px;line-height: 16px;font-weight: 500;color: #FFFFFF;background: #EB2327;padding: 10px 22px;overflow: hidden;border:none;text-transform: uppercase;} .btn-qinspec .btn-toptext, .btn-qinspec .btn-bottomtext {position: absolute;left: 0;top: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;transition: all ease 0.5s;} .btn-qinspec .btn-width {visibility: hidden;} .btn-qinspec .btn-bottomtext {transform: translateY(100%);} .btn-qinspec:hover .btn-toptext {transform: translateY(-100%);transition: all ease 0.5s;} .btn-qinspec:hover .btn-bottomtext {transform: translateY(0);transition: all ease 0.5s;} .btn-qinspec:hover .btn-bottomtext .icon-svg{transform: rotate(-45deg);transition: all ease 0.5s;} /********* top strip ends ***********/ /******** megamenu style *********/ .mega-menu { display: flex; width: 100%; background: #fff; border: 1px solid #143E6D; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .mega-tabs { width: 25%; border-right: 1px solid #143E6D; background: #143E6D; } .tab-link { width: 100%; padding: 25px 18px; border: none; border-bottom: 1px solid #2D537E; border-left: 3px solid #143E6D; background-color: transparent; font-size: 18px; line-height: 18px; text-transform:uppercase; font-weight: 600; color: #FFFFFF; text-align: left; transition: 0.9s ease all; } .tab-link:hover, .tab-link.active { background: #04A4D3; color: #FFFFFF; border-left: 3px solid #5fdbff; transition:0.9s ease all; } .mega-content { flex: 1; padding: 25px; overflow: hidden; /* important */ transition: height 0.9s ease; } .tab-content {display: none;} .tab-content.active {display: block;} .tab-content ul {list-style: none;padding: 0;} .tab-content li {padding: 12px 0;font-size: 17px;line-height: 27px;font-weight: 500;color: #000000;border-bottom: 1px dashed #dddddd;transition:0.9s ease all;} .tab-content li:hover {color:#04A4D3;transition:0.9s ease all;} .tab-content li.active {color:#04A4D3!important;} /******** megamenu style *********/ /*************** header classes ends ***************/ /*************** carousel classes ends ***************/ .carousel-indicators {width: fit-content;justify-content: left;padding: 0;margin-right: 0;margin-left: 3%;bottom: 5%;} .carousel-indicators [data-bs-target] {width: 10px;height: 10px;border-radius: 50%;background-color: #FFFFFF;margin-right: 8px;} .carousel-caption {bottom: 37%;left: 16%;right: 48%;width: fit-content;text-align: left;z-index:9;} .fade-left {opacity: 0;animation: fadeInLeft 1.5s ease-out forwards;} @keyframes fadeInLeft { 0% {opacity: 0;transform: translateX(-50px);} 100% {opacity: 1;transform: translateX(0);} } .fade-right {opacity: 0;animation: fadeInRight 1.5s ease-out forwards;} @keyframes fadeInRight { 0% {opacity: 0;transform: translateX(50px);} 100% {opacity: 1;transform: translateX(0);} } .fade-down {opacity: 0;animation: fadeInDown 1.5s ease-out forwards;} @keyframes fadeInDown { 0% {opacity: 0;transform: translateY(-50px);} 100% {opacity: 1;transform: translateY(0);} } .delay-1 {animation-delay: 0.5s;} .delay-2 {animation-delay: 1s;} .carousel-item {position: relative;overflow: hidden;} .bg-banner { inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .banner-left { position: absolute; bottom: 0; left: 0; z-index: 3; } .banner-right { position: absolute; bottom: 0; right: 0; width: 55%; z-index: 3; } .banner-box { position: absolute; bottom: 0; right: 48.6%; z-index: 4; } .btn-carousel {position: relative;font-size: 16px;line-height: 16px;font-weight: 600;color: #FFFFFF;background: #EB2327;padding: 16px 30px;overflow: hidden;border:none;text-transform: uppercase;} .btn-carousel .btn-toptext, .btn-carousel .btn-bottomtext {position: absolute;left: 0;top: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;transition: all ease 0.5s;} .btn-carousel .btn-width {visibility: hidden;} .btn-carousel .btn-bottomtext {transform: translateY(100%);} .btn-carousel:hover .btn-toptext {transform: translateY(-100%);transition: all ease 0.5s;} .btn-carousel:hover .btn-bottomtext {transform: translateY(0);transition: all ease 0.5s;} .btn-carousel:hover .btn-bottomtext .icon-svg{transform: rotate(-45deg);transition: all ease 0.5s;} .tbannertext{font-size: 16px;line-height:26px;font-weight: 400 !important;color: #333333;} .carousel-control-next, .carousel-control-prev {top: 87%;bottom: 0;width: 35px;height: 0%;opacity:1;} .carousel-control-prev {left: 706px;} .carousel-control-next {right: 1080px;} .carousel-control-next-icon{background: #ED1C24;padding: 30px;} .carousel-control-prev-icon{background: #04A4D3;padding: 30px;} .icon-bannerprev{position: absolute;margin-left: -44px;top: -10px;transform: rotate(90deg);} .icon-bannernext{position: absolute;margin-left: 18px;top: -10px;fill: #143E6D!important;} /*************** carousel classes ends ***************/ /********* iwelcome starts *********/ .bgwelcome{background-image:url(../img/bgwelcome.webp);background-repeat:no-repeat;background-size:cover;background-position:bottom left;} .welcomeimg { mix-blend-mode: multiply;} .listitems {padding-left:34px;} .btn-qinspecblue {position: relative;font-size: 16px;line-height: 16px;font-weight: 500;color: #FFFFFF;background: #04A4D3;padding: 16px 30px;overflow: hidden;border:none;text-transform: uppercase;} .btn-qinspecblue .btn-toptext, .btn-qinspecblue .btn-bottomtext {position: absolute;left: 0;top: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;transition: all ease 0.5s;} .btn-qinspecblue .btn-width {visibility: hidden;} .btn-qinspecblue .btn-bottomtext {transform: translateY(100%);} .btn-qinspecblue:hover .btn-toptext {transform: translateY(-100%);transition: all ease 0.5s;} .btn-qinspecblue:hover .btn-bottomtext {transform: translateY(0);transition: all ease 0.5s;} .btn-qinspecblue:hover .btn-bottomtext .icon-svg{transform: rotate(-45deg);transition: all ease 0.5s;} /********* iwelcome ends *********/ /*** icounter starts ***/ .bgcounter{background-image:url(../img/bgcounter.webp);background-repeat:no-repeat;background-size:cover;background-position:left bottom;} #counter{padding: 0px;max-width: 100%;margin: 0 auto;display: flex;justify-content: space-between;} #counter li{position: relative;flex: 1;text-align: center;font-size: 110px;color:#04A4D3;list-style:none;line-height: 110px;border: 1px solid #D5D1D1;} .tcounterhead{font-size: 24px;line-height: 24px;} .icon-counterlist { width: 90px; font-size: 70px; background: transparent; text-align: center; color: #133D6D; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .bordercounter{border-left:1px solid #DCD8D8;} /*** icounter ends ***/ /********* iinspectionservices starts *********/ .inspectionservicecards-row {display: flex; flex-wrap: nowrap; height: 680px; width: 100%;} .inspectionserviceslide { flex: 1; transition: flex 0.8s ease; overflow: hidden; position: relative; cursor: pointer;} .inspectionserviceslide.active { flex: 6;transition:0.8s ease;} .inspectionservicecard { position: relative; height: 100%; width: 100%;border-left:1px solid #DAD9D9;} .inspectionserviceslide-image {width: 100%; height: 100%; object-fit: cover; } .tproductoverlayhead{position: absolute;bottom: 25%;left: 40%;color: #031427;font-size: 24px;line-height: 34px;writing-mode: vertical-rl;transform: rotate(180deg);z-index: 4;} .inspectionserviceslide-content { position: absolute; inset: 0; background: #FFFFFF; color: #fff; padding: 15px 15px 65px 15px; display: none; z-index: 2; } .inspectionserviceslide.active .tproductoverlayhead { display: none;} .inspectionserviceslide.active .inspectionserviceslide-content { display: block;} .inspectionserviceslide-number { position: absolute; bottom: -2%;left: 35%;font-size: 60px; font-weight: 500;color: #fff; z-index: 4; pointer-events: none;} .tinspectionserviceslidehead{ font-size:21px; line-height: 21px; color: #031427;} .tinspectionservicereadmore{ font-size: 15px; font-weight: 400; line-height: 15px; color: #FFFFFF;} .tproductoverlayhead {position: absolute;bottom: 13%;left: 40%;} .inspectionserviceslide.active .inspectionserviceslide-number {left: 1.3%;} .inspectionserviceslide:hover .inspectionserviceslide-number {left: 1.3%;} .inspectionserviceslide.active .tinspectionserviceslidehead {position: absolute;left: 9%;bottom: 1%;} .inspectionserviceslide:hover .tinspectionserviceslidehead {position: absolute;left: 9%;bottom: 1%;} .serviceslidedesc{position: absolute;top: 65%;left:0;padding:0px 60px;z-index: 2;} .inspectionserviceimg{position:relative;height: 100%;display: flex;align-items: flex-end;z-index: 1;} .inspectionserviceimg::before {z-index: 1;content: '';background: linear-gradient(180deg, rgba(3, 20, 39, .16) 20%, #031427 98%);width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all .5s ease;z-index: 2;} /********* iinspectionservices starts *********/ /********* isections starts *********/ .bgsections{background-image:url(../img/bgsections.webp);background-repeat:no-repeat;background-size:cover;background-position:left bottom;} .section-img-box{position: relative;overflow: hidden;transition:0.9s ease all;} .section-img-box img{display: block;transition: transform 0.6s ease;} .section-overlay{position: absolute;left: 0;bottom: 0;width: 100%;padding: 60px 25px 28px;background: linear-gradient(to top, rgb(4 164 211), rgb(4 164 211 / 80%), rgba(0, 0, 0, 0));color: #FFFFFF;transition:0.9s ease all;} .tsectionhead{font-size: 23px;line-height:33px;font-weight: 600;color: #FFFFFF;} .tsectiontext{font-size: 15px!important;line-height: 25px;font-weight: 400;} .readmore{font-size: 16px;line-height: 16px;font-weight: 400;color: #FFFFFF;letter-spacing:0px;transition:0.9s ease all;} .section-img-box:hover .section-overlay .readmore{letter-spacing:3px;transition:0.9s ease all;} .section-img-box:hover{margin-top:-10px;transition:0.9s ease all;} .section-img-box:hover .section-overlay{background: linear-gradient(to top, rgb(28 70 117), rgb(51 95 143), rgba(0, 0, 0, 0));transition:0.9s ease all;} /********* isections ends *********/ /********* iblogs stars *********/ .bgblog{background-image:url(../img/bgblog.webp);background-repeat:no-repeat;background-size:cover;background-position:left bottom;} .tdate{font-size: 16px;line-height:11px;} .tbloghead{font-size: 20px;font-weight: 600;line-height: 30px;padding: 0px;text-align: left;transition: 0.9s ease all;} .tblogtext{font-size: 16px;font-weight: 400;line-height: 26px;color: #656565;transition: 0.9s ease all;} .tblogreadmore{font-size: 16px;font-weight: 400;line-height: 26px;color: #656565;text-align: left;transition: 0.9s ease all;} .readmorebutton {position: relative;font-size: 15px;line-height: 15px;padding: 15px 30px;font-weight: 500;color: #FFFFFF;z-index: 1;display: inline-block;background: #ED1C24;transition: all 500ms ease;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);} .readmorebutton:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #133D6D;z-index: -1;transition: .3s;transform: scaleX(0);} .readmorebutton:hover:after {transform: scaleX(1);transition: .3s;} .icon-rotate{transform: rotate(90deg);} /********* iblogs ends *********/ /******** iclients starts **********/ .infinitescroll { display: flex; } .logoslider { height: fit-content !important;} .logoslider[data-animated="true"] { overflow: hidden;} .logoslider[data-animated="true"] .infinitescroll {width: max-content;animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;} .logoslider[data-speed="fast"] { --_animation-duration: 20s; } .logoslider[data-speed="slow"] { --_animation-duration: 60s; } @keyframes scroll {to {transform: translate(calc(-50% - 0.5rem));}} .logos-list { margin: 0; padding-inline: 0; list-style: none; } .logos-list li { padding: 0px 20px; } /******** clients ends **********/ /********* bottom starts *********/ .bottombg{background-image: url(../img/bottombg.webp);background-repeat: no-repeat;background-size: cover; background-position: center; position: relative;} .box-border-right{border-right: 1px solid #e0e0e0;} .tbottomhead{font-size: 25px;line-height: 35px;} .tbottomtext{font-size:16px;line-height:26px;color:#8a8a8a;} .tbottomlinks{font-size:16px;color:#FFFFFF!important;font-weight:500;line-height:26px;transition:200ms; } .tbottomlinksactive{font-size:16px;color:#FFFFFF!important;font-weight:500;line-height:26px;transition:200ms;} .tbottomlinks span{position:relative; display: inline-block; text-decoration: none;transition: color 0.3s ease;} .tbottomlinks span::after {content: "";position: absolute;left: 0;bottom: 3px; width: 0%;height: 1px;background-color: #FFFFFF;transition: width 0.3s ease;} .tbottomlinksactive span{position:relative; display: inline-block;text-decoration: none;transition: color 0.3s ease;} .tbottomlinksactive span::after {content: "";position: absolute;left: 0;bottom: 3px; width: 0%;height: 1px;background-color: #FFFFFF;transition: width 0.3s ease;} .tbottomlinks:hover span::after, .tbottomlinksactive:hover span::after { width: 100%;} .tbottomlinksactive span::after {width: 100%;} .tquickcontact{ font-size:26px; line-height:36px; font-weight:700;transition: 0.9s ease all;} .tquickcontact:hover {color:#AD9360;transition: 0.9s ease all;} .tsocialtext{color:#8a8a8a; font-size:15px; font-weight:600; line-height:25px; transition: 0.3s ease all;} .tsocialtext:hover{color:#000;transition: 0.9s ease all;} .bottomlinelighthr{color:#B3AEAE; opacity:1;} /*** social media icons starts ***/ .smGlobalBtn {display: inline-block;position: relative;cursor: pointer;width: 35px;height: 35px;border: 0px solid #ddd;padding: 0px;margin-left: 0px;text-decoration: none;text-align: center;color: #1d4171;background: #FFFFFF;font-size: 20px;font-weight: normal;line-height: 39px;border-radius: 27px;-moz-border-radius: 27px;-webkit-border-radius: 27px;transition: 0.7s ease all;margin-right: 30px;} .smGlobalBtn:hover i{color:#EB2327;} /*** social media icons ends ***/ /*** copyright starts ***/ .tcopyright{font-family:'Roboto', sans-serif; font-size:12px; color:#FFFFFF; font-weight:400; line-height:17px;} .tdesignby{font-family:'Roboto', sans-serif; font-size:12px; color:#FFFFFF; font-weight:400; line-height:17px;} /*** copyright ends ***/ /********* bottom ends *********/ /***************** inner pages starts *****************/ .card { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; background-color: #FFFFFF; border-radius: 0px !important; border: none; padding: 15px; z-index: 3; margin-top:0; height:100%; transition: 0.9s ease all; } .card-header { background-color: #FFFFFF; padding: 0px 0px 20px 0px; border-bottom: 1px solid #D7D7D7; border-radius: 0px !important; transition: 0.9s ease all; } .card-title { font-size: 22px; font-weight: 600; line-height: 32px; color: #133D6D; padding: 0px; text-align: left; transition: 0.9s ease all; } .tcardtext{font-size: 16px;font-weight: 400;line-height: 26px;color: #656565;transition: 0.9s ease all;} .card-footer { background-color: #FFFFFF; text-align: center; padding: 10px 0px 0px 0px; border-top: none; border-radius: 0px !important; transition: 0.9s ease all; } .tcardviewmore { font-size: 16px; font-weight: 400; line-height: 26px; color: #656565; text-align: left; transition: 0.9s ease all; } .tcardviewmorearrow { font-size: 16px; font-weight: 400; line-height: 26px; color: #656565; text-align: right; transition: 0.9s ease all; } .card:hover{margin-top:-8px;background-color: #133D6D;transition: 0.9s ease all;} .card:hover .card-header {background-color: #133D6D;transition: 0.9s ease all;} .card:hover .card-title {color: #FFFFFF;transition: 0.9s ease all;} .card:hover .tcardtext {color: #FFFFFF;transition: 0.9s ease all;} .card:hover .card-footer {background-color: #133D6D;transition: 0.9s ease all;} .card:hover .tcardviewmore {color: #FFFFFF;transition: 0.9s ease all;} .card:hover .tcardviewmorearrow {color: #FFFFFF;transition: 0.9s ease all;} .serviceboximg{max-height:60%;} .blogcard{padding: 0px;} .blogcard:hover{background-color: #FFFFFF!important;margin-top: 0;} .blogcard:hover .card-header {background-color: #FFFFFF;transition: 0.9s ease all;} .blogcard .card-body{padding: 35px 35px;} .blogcard:hover .card-title {color: #133D6D;transition: 0.9s ease all;} .blogcard:hover .tcardtext {color: #133D6D;transition: 0.9s ease all;} .blogcard .card-footer .blogimg{overflow: hidden;} .blogcard .card-footer .blogimg img {width: 100%;object-fit: cover;transition:0.9s ease all;} .blogcard:hover .card-footer .blogimg img {transform: scale(1.1);transition:0.9s ease all; } .blogcard:hover .card-footer {background-color: #FFFFFF;transition: 0.9s ease all;} .blogcard:hover .tcardviewmore {color: #133D6D;transition: 0.9s ease all;} .blogcard:hover .tcardviewmorearrow {color: #133D6D;transition: 0.9s ease all;} .iconsec-blogcard{display: flex;gap: 24px;align-items: flex-end;justify-content: space-between;padding-right: 32px;} .icon-blogcard{width: 80px;height: 80px;display: flex;flex: none;align-items: center;justify-content: center;background: #133D6D;font-size: 30px;line-height: 30px;color:#FFFFFF;transition: transition:0.9s ease all;;} .line-blogcard {width: 100%;opacity: 0.4;border-width: 1px;border-style: dashed;} .count-blogcard{position: relative;margin-bottom: 0;font-size: 35px;line-height: 36px;-webkit-text-stroke: 1px #0E121D;-webkit-text-fill-color: #FFFFFF;opacity: 0.16;} .blogcard:hover .icon-blogcard{background: #04A4D3;transition:0.9s ease all;} /***** about starts *****/ .about-area {position: relative;} .about-area .about-shape img {position: absolute;} .about-area .about-shape img:nth-child(1) {top: 100px;left: 0;} .about-area .about-shape img:nth-child(2) {left: 40px;top: 140px;-webkit-animation: about-ani-two 15s linear infinite;animation: about-ani-two 15s linear infinite;} .about-area .about-shape img:nth-child(3) {top: 100px;left: 30px;max-width: 210px;-webkit-animation: about-ani-one 5s linear infinite;animation: about-ani-one 5s linear infinite;} .about-area .container-fluid {padding-left: 0;padding-right: 0;} .about-area .container-fluid .row {margin-left: 0;margin-right: 0;} .about-area .left-padding {padding-left: 0;} .about-area .about-img .one {margin-bottom: 30px;text-align: right;position: relative;} .about-area .about-img .one img:nth-child(1) {border-radius: 0 30% 0 0;max-width: 375px;margin-left: auto;z-index: 1;position: relative;} .about-area .about-img .one img:nth-child(2) {position: absolute;top: 0;right: -60px;-webkit-animation: about-ani-three 20s linear infinite;animation: about-ani-three 20s linear infinite;} .about-area .about-img .three img {border-radius: 30% 0 0 0;} .about-area .about-content {max-width: 985px;} @-webkit-keyframes about-ani-one { 0% {-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50% {-webkit-transform: translate(-15px, 0);transform: translate(-15px, 0);} 100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);} } @keyframes about-ani-one { 0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);} 50% {-webkit-transform: translate(-15px, 0);transform: translate(-15px, 0);} 100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);} } @-webkit-keyframes about-ani-two { 0% {-webkit-transform: rotateY(0deg); transform: rotateY(0deg);} 50% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 100% {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);} } @keyframes about-ani-two { 0% {-webkit-transform: rotateY(0deg); transform: rotateY(0deg);} 50% {-webkit-transform: rotateY(180deg); transform: rotateY(180deg);} 100% {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);} } @-webkit-keyframes about-ani-three { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes about-ani-three { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .bgaboutadvantage{background-image: url(../img/about/bgaboutadvantage.webp);background-position: center;background-repeat: no-repeat;background-size: cover;} /***** about ends *****/ /***** service pages starts *****/ .bgservicelist{background-image: url(../img/bgservicelist.webp);background-position: center;background-repeat: no-repeat;background-size: cover;} .tgeintochboxtext{font-size:17px;line-height:27px;} .tgeintochboxlink{font-size:28px;line-height:38px;} .boxborder{border: 1px solid #e1e1dd} .sticky-box{position: sticky !important;top: 150px;z-index: 10;} .bgyouarein{position: relative;background-image: linear-gradient(to right, #04a4d3, #0689bb, #0e6fa2, #135688, #143e6d);z-index: 2;} .tyouarein{font-size:16px;line-height:16px;} /***** service category starts *****/ .servicecategorybox {padding: 40px 40px;margin-bottom: 40px;border-radius: 0px !important;border: none;transition: 0.9s ease all;} .servicecategorybox ul {margin: 0;padding: 0;} .servicecategorybox ul li {list-style-type: none;display: block;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #e2e2e3; padding-left:0;z-index: 1;} .servicecategorybox ul li:before {position: absolute;content: '';left: 0;width: 3px;height: 25px;background-color: #FFFFFF;z-index: -1;} .tinspectioncategoryhead{font-size: 22px;line-height:32px;position: relative;} .tinspectioncategoryhead::before {position: absolute;content: "";width: 100%;height: 2px;bottom: 0;left: 0;background: #e2e2e3;margin-top: 0.4rem;} .tinspectioncategoryhead::after {position: absolute;content: "";width: 80px;height: 2px;bottom: 0;left: 0;background: #04A4D3;margin-top: 0.4rem;} .tservicecategorylinkactive{color:#04A4D3!important;transition:0.9s ease all;} .tservicecategorylink:hover{color:#04A4D3!important;transition:0.9s ease all;} .blogrecentbox {padding: 20px 20px;margin-bottom: 40px;background-image: linear-gradient(to right bottom, #133d6d, #133d6d, #133d6d, #154881, #134093);border-radius: 0px !important;border: none;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;transition: 0.9s ease all;} .recentblogimg{width:120px!important; height: 65px!important;} .trecentbligtext{font-size:15px;line-height:20px;} .servicehr {border-bottom: 1px solid #1c4a7f!important;} .servicetagbox {padding: 20px 20px;background-image: linear-gradient(to right bottom, #133d6d, #133d6d, #133d6d, #154881, #134093);border-radius: 0px !important;border: none;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;transition: 0.9s ease all;} .servicetagbox ul {margin: 0;padding: 0;} .servicetagbox ul li {list-style-type: none;display: inline-block;margin-bottom: 13px;margin-right: 3px;} .categorylist{list-style:none;padding:0;margin:0;} .categorylist li{border-bottom:1px solid #eee;} .categorylist li a{display:flex;justify-content:space-between;align-items:center;} .caticon{color:#aeafb3;transition:0.3s;} .categorylist li a:hover .caticon{transform:translateX(5px);color:#04A4D3;} .tservicecategorylink{font-size: 18px;font-weight: 500;line-height: 25px;transition: 0.9s ease all;} .bgservicecategory {background-image:url(../img/bgservicecategory.webp);background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;} .bgservicecategory:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: 0;background: linear-gradient(146.33deg, #000E12 36.25%, #257ee3 114.79%);opacity: 0.8;} .bgservicecategory .boxborder{position:relative;z-index:2;} .uiadvantages-display{display:none;} /***** service category ends *****/ .mpiapplicationvisible{display:none;} .pmiadvantagevisible{display:none;} .hardnessadvantagevisible{display:none;} .hardnessdescvisible{display:none;} .holidaydeschide{display:none;} .holidayadvantagesvisible{display:none;} .ferriteadvantagevisible{display:none;} .heatservicevisible{display:none;} .pauthidesec02{display:none;} .pautvisblesec02{display:block;} .tofdhidesec02{display:none;} .tofdvisiblesec01{display:none;} .tofdvisiblesec02{display:block;} .tofdvisiblesec03{display:none;} .ecthidesec02{display:none;} .ectvisiblesec02{display:block;} .ectvisiblesec01{display:none;} .ectvisiblesec{display:none;} .autvisiblesec01{display:none;} .autvisiblesec{display:none;} .authidesec03{display:block;} .autvisiblesec03{display:none;} .corrosionhidesec{display:block;} .corrosionvisiblesec{display:none;} .reftvisiblesec01{display:none;} .reftvisiblesec{display:none;} .irisvisiblesec01{display:none;} .irisvisiblesec02{display:none;} .acfmvisiblesec{display:none;} .infraredvisiblesec{display:none;} .infraredvisiblesec01{display:none;} .aetvisiblesec{display:none;} .aetvisiblesec01{display:none;} .tfmvisiblesec02{display:none;} .tfmvisiblesec03{display:none;} .tfmvisiblesec01{display:none;} .remotevisibletxt{display:none;} .remotevisiblesec{display:none;} .remotevisiblesec01{display:none;} .ropevisiblesec01{display:none;} .thirdpartysecvisible{display:none;} .thirdpartysecvisible01{display:none;} .thirdpartysechide03{display:none;} .pautvisiblesec01{display:none;} /***** service pages ends *****/ /***** career starts *****/ .viewbutton {background-color: rgb(19, 61, 109) !important;border: 1px solid #B5B5B5;padding: 10px 25px;line-height: 28px;} .career-line {display: flex;flex-wrap: wrap;} .hrline {color:#133D6D!important;border-width: 1px;border-style: dashed;opacity: 1;margin: 0px;} /***** career ends *****/ /***** qhse policy starts *****/ .feature-card {background-color: #ffffff;padding: 30px;border-radius: 12px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);transition: all 0.3s ease;} .feature-card:hover {transform: translateY(-6px);} .feature-icon {width: 46px;height: 46px;background-color: #0ea8d5;border-radius: 8px;display: flex;align-items: center;justify-content: center;} .feature-icon i {color: #FFFFFF;font-size: 18px;} /***** qhse policy ends *****/ /***** blog category starts *****/ .blogcategorybox {padding: 20px 20px;margin-bottom: 40px;background-image: linear-gradient(to right bottom, #133d6d, #133d6d, #133d6d, #154881, #134093);border-radius: 0px !important;border: none;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;transition: 0.9s ease all;} .blogcategorybox ul {margin: 0;padding: 0;} .blogcategorybox ul li {list-style-type: none;display: block;margin-bottom: 5px;padding-top: 12px;padding-bottom: 16px;border-bottom: 1px solid #1c4a7f;position: relative;padding-left: 25px;z-index: 1;} .blogcategorybox ul li:before {position: absolute;content: '';left: 0;width: 3px;height: 25px;background-color: #FFFFFF;z-index: -1;} .blogcategorybox ul li i {display: inline-block;position: absolute;top: 12px;right: 20px;font-size: 19px;opacity: 0;color: #fff;} .tblogheadr{font-size: 22px;font-weight: 500;} .tcategorylink{font-size: 16px;font-weight: normal;color:#FFFFFF!important;line-height: 26px;transition:0.9s ease all;} .tcategorylinkactive{font-size: 16px;line-height: 26px;color:#04A4D3!important;transition:0.9s ease all;} .tcategorylink:hover{color:#04A4D3!important;transition:0.9s ease all;} .blogrecentbox {padding: 20px 20px;margin-bottom: 40px;background-image: linear-gradient(to right bottom, #133d6d, #133d6d, #133d6d, #154881, #134093);border-radius: 0px !important;border: none;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;transition: 0.9s ease all;} .recentblogimg{width:120px!important; height: 65px!important;} .trecentbligtext{font-size:15px;line-height:20px;} .bloghr {border-bottom: 1px solid #1c4a7f!important;} .blogtagbox {padding: 20px 20px;background-image: linear-gradient(to right bottom, #133d6d, #133d6d, #133d6d, #154881, #134093);border-radius: 0px !important;border: none;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;transition: 0.9s ease all;} .blogtagbox ul {margin: 0;padding: 0;} .blogtagbox ul li {list-style-type: none;display: inline-block;margin-bottom: 13px;margin-right: 3px;} .tblogtag {font-size: 14px;line-height:20px;font-weight: 400;display: block;color: #333;background-color: #f6f5f5;padding: 10px 10px;} .smround{width:36px; height:36px; background-color:#04A4D3; color:#FFFFFF; margin-right:10px; transition:0.9s ease all;} .smround i{font-size: 16px;line-height: 30px;} .smround:hover{color:#FFFFFF; background-color:#133D6D; transition:0.9s ease all;} /***** blog category ends *****/ /***** faq starts *****/ .btn-wrapper button {font-size: 19px;font-weight: 600;color: #000000!important;background: #ffffff;width: 100%;padding: 20px;border: 1px solid #d9d1d1;outline: 0 !important;text-align: left;border-radius: 15px;} .accordion-wrapper {margin-bottom: 10px;} .collepsing-div {padding: 20px;display:none;} .plusicon {transition: transform 0.3s ease;} .active .plusicon {transform: rotate(45deg);} .accordion-wrapper.active .btn-wrapper button {background-color: #133D6D;} .accordion-wrapper.active .btn-wrapper button {color: #FFFFFF!important;} .btn-wrapper button:hover {color: #0a5b94;} .faqsidebox {position: relative;overflow: hidden;} .faqsidebox img {width: 100%;height: auto;display: block;} .faqsidebox .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 68%); } .faqsidebox .overlay-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;z-index: 2;width: 100%;padding: 0px 45px;} .tfaqsideboxhead{font-size: 31px;line-height: 36px;} .tfaqsideboxsubhead{font-size: 21px;line-height: 26px; transition: 0.9s ease all;} .tfaqsideboxsubhead:hover{color:#ED1C24;} .tfaqsideboxtext{font-size: 17px;line-height: 27px;} .accordion-wrapper.active .collepsing-div {display:block;} .sticky-image {position: sticky !important;top: 150px;z-index: 10;} /***** faq ends *****/ /**** contact us starts *****/ .contactbox {background: #fff; padding: 30px 20px 36px 20px; position: relative; z-index:1; box-shadow: 0 3px 24px rgb(0 0 0 / 10%); border-top-left-radius: 7px !important;} .contactbox-inner {position: absolute; bottom: -23px; background: #133d6d; width: 50px; height: 50px; font-size: 24px; line-height:24px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); left: 7%; transition: left 2s ease; } .contact-wrapper:hover .contactbox-inner { left: calc(100% - 50px); } .contactbox::after{content: ""; position: absolute; width: 40px; height: 40px; background: #133d6d; right: 0; top: 0; clip-path: polygon(0 0, 100% 100%, 100% 0);border-top-right-radius: 7px;} .contact-details{background-color:#f0f7ff; padding: 35px 20px 30px 20px; position: relative; box-shadow: 0px 0px 12px -7px rgba(0, 0, 0, 0.5); border-radius: 0px 0px 7px 7px;} .bglocation{background-image:url(../img/bgcontactlocation.webp);background-repeat:no-repeat;background-position:right center;} .bgemail{background-image:url(../img/bgcontactemail.webp);background-repeat:no-repeat;background-position:right center;} .bgcall{background-image:url(../img/bgcontactcall.webp);background-repeat:no-repeat;background-position:right bottom;} .contact-card{ background-color:#FFFFFF;border:none; border-radius:0px;box-shadow:none;} .contact-card:hover{ background-color:#FFFFFF;border:none; border-radius:0px;box-shadow:none;} .contact-card .card-header {background-color:#FFFFFF; border: none;} .contact-card:hover .card-header {background-color:#FFFFFF;} .contact-phoneicon{font-size: 22px; line-height: 22px;} .tcontacttext{font-size: 17px; line-height: 27px; font-weight: 400;} .contact-bgimage{ position:absolute; right:5%; top:25%;} .tcontactboxhead {font-size: 24px;line-height: 34px;font-weight: 500;} /***** table starts *****/ .tablehead {background-color: #133D6D;font-weight: 600;color: #FFFFFF;padding: 10px;border-right: 1px solid #133D6D!important;} .td1, .td2 {font-size:17px;padding: 15px;border-right: 1px solid #B2CEED!important;} .td1 {background-color: #ECF3FC;} .td2 {background-color: #FFFFFF;} /***** table ends *****/ /***************** inner pages ends *****************/ /******************************** Media Query Starts ********************************/ /*** COL & SM & MD starts ***/ @media only screen and (min-device-width:320px) and (max-device-width:991px){ .fixed-nav nav.navbar.bootsnav ul.nav li > a {padding: 10px 22px;} nav.navbar.bootsnav .navbar-toggle {background-color: transparent !important;} #header.fixed-nav nav.navbar.bootsnav .navbar-toggle {background-color: transparent !important;margin-top: 15px!important;} nav.navbar.bootsnav .navbar-collapse.collapse.show{display:block !important;}nav.navbar.bootsnav.navbar-mobile .navbar-collapse.show{left:0;}.bootsnav button.navbar-toggler:focus {box-shadow: none;outline: 1px transparent;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left, nav.bootsnav.brand-center .navbar-collapse .col-half.left {padding-right: 60px;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right, nav.bootsnav.brand-center .navbar-collapse .col-half.right {padding-left: 60px;}.navbar .navbar-brand {padding: 0 10px 0 50px;}nav.navbar.bootsnav .attr-nav, nav.navbar.bootsnav.navbar-transparent .attr-nav {padding-left: 10px;margin-left: 0;}.fixed-nav nav.bootsnav .navbar-brand > img.logo, .fixed-nav .navbar-brand .logo {margin-top: 8px;height: 40px;}.attr-nav > ul > li.dropdown ul.dropdown-menu {left: -242px;}nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu .content ul.menu-col li a {padding: 10px 5px !important;}nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {padding: 0 20px;}#header nav.navbar.bootsnav .nav {-ms-flex-direction: column;flex-direction: column;background-color: #143E6D;padding: 15px;}nav.bootsnav .collapse {display: none;}nav.bootsnav .collapse.show {display: block!important;}#header nav.navbar.bootsnav.navbar-left {display: -webkit-flex;display: flex;}#header nav.navbar.bootsnav .navbar-header {width: 100%;}#header nav.navbar.bootsnav .collapse.show {width: 100%;margin-top: 8px;} #header nav.navbar.bootsnav.navbar-mobile .navbar-collapse.collapse.show {width: 265px;}#header nav.navbar.bootsnav.navbar-mobile ul.nav {margin-left: -11px;}nav.navbar.bootsnav.navbar-mobile .navbox-collapse {width: 270px;}nav.navbar.bootsnav.navbar-mobile ul.nav {width: 283px;}nav.navbar.brand-center.bootsnav ul.nav > li > a {padding: 10px;}#header nav.navbar.bootsnav.navbar-center .collapse {display: none;}#header nav.navbar.bootsnav.navbar-center .collapse.show {display: block!important;}#header nav.navbar.bootsnav.navbar-center .collapse ul.nav {margin: 0;}#header nav.navbar.bootsnav.brand-center .navbar-collapse, #header.fixed-nav nav.navbar.bootsnav.brand-center .navbar-collapse {margin-top: 0;}#header nav.navbar.bootsnav .navbar-collapse.collapse.show {display: block !important;}#header nav.navbar.bootsnav.brand-center ul.nav {display: block !important;}#header nav.navbar.bootsnav.brand-center .navbar-nav > li > a {border: none;}#header nav.navbar.bootsnav.brand-center ul.nav > li {padding: 0;}#header nav.navbar.bootsnav.brand-center .navbar-nav {padding-right: 20px;margin: 0;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left,nav.bootsnav.brand-center .navbar-collapse .col-half.left {padding-right: 0;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right,nav.bootsnav.brand-center .navbar-collapse .col-half.right {padding-left: 0;}nav.bootsnav.navbar-full .navbar-collapse {z-index: 10;}nav.bootsnav.navbar-full .navbar-collapse {left: 0;} nav.bootsnav.navbar-full .navbox-collapse {left: 0;z-index: 10;}.fixed-top .navbox-collapse, #header nav.navbar.bootsnav .collapse.show {max-height: calc(100vh - 80px)!important;overflow: auto;}#header.fixed-nav nav.navbar.bootsnav .collapse.show {max-height: calc(100vh - 56px)!important;}#header nav.navbar.bootsnav.navbar-full .collapse.navbar-collapse.show,#header nav.navbar.bootsnav.navbar-mobile .collapse.navbar-collapse.show {max-height: 100vh;}.navbox-collapse ul.nav.navbar-nav {margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;background-color: #f0f0f0;}nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {color: #FFFFFF;}.navbox-collapse ul.nav.navbar-nav li:hover a, .navbox-collapse ul.nav.navbar-nav li a:hover {color: #fff;}.navbar-nav {margin-top: 0;} button .menubar1, button .menubar2, button .menubar3 {display: block;width: 30px;height: 4px;margin: 4px 0;transition: 0.3s;background-color: #143E6D;} button.toggle .menubar1 {-webkit-transform: rotate(-45deg) translate(-4px, 5px);transform: rotate(-45deg) translate(-4px, 5px);background-color: #143E6D;} button.toggle .menubar2 {opacity: 0;} button.toggle .menubar3 {-webkit-transform: rotate(45deg) translate(-6px, -8px);transform: rotate(45deg) translate(-6px, -8px);background-color: #143E6D;} #header.fixed-nav nav.navbar.bootsnav.brand-center .navbar-collapse {margin-top: 6px;} nav.navbar.bootsnav.navbar-mobile .navbox-collapse {width: 240px;} .nav li{padding:15px 0px;border-bottom:1px dashed #215188;} nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {padding: 0px !important;left: 0;} nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {border-bottom: none;padding: 0px;color: #FFFFFF;font-size: 15px;} nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px;margin: 0 0px;font-size: 16px;line-height: 26px;font-weight: 400 !important;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px;margin: 0 0px;color: #FFFFFF;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active {color: #FFFFFF;} .fixed-nav nav.navbar.bootsnav ul.nav li.dropdown.on > a {color: #FFFFFF !important;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover{color: #FFFFFF !important;} nav.navbar.bootsnav ul.nav > li > a.active {color: #04A4D3;} /*** service slider starts ***/ .inspectionserviceslide.active .inspectionserviceslide-number {left: 0;} .inspectionservicecards-row {flex-direction: column;height: auto;} .inspectionserviceslide {flex: unset !important;width: 100%;height: auto;cursor: default;} .inspectionservicecard {height: auto;border-left: none;border-bottom: 1px solid #DAD9D9;} .inspectionserviceslide-content {position: static;display: block !important;background: #ffffff;padding: 35px 0px 0px;} .inspectionserviceslide-image {height: 220px;object-fit: cover;} .tproductoverlayhead {display: none !important;} .tinspectionserviceslidehead, .inspectionserviceslide:hover .tinspectionserviceslidehead, .inspectionserviceslide.active .tinspectionserviceslidehead {position: static;margin-left: 70px;} .tinspectionservicereadmore {color: #031427;margin-top: 0px;margin-left: 68px;} .inspectionserviceslide:hover {flex: unset;} .serviceslidedesc {display: none;} /*** service slider ends ***/ .innerbannertop {margin-top: 0;} } @media only screen and (min-device-width:320px) and (max-device-width:374px){ #header {height: 64px;} nav.navbar.bootsnav .navbar-toggle {margin-top: 6px;} .carousel-caption {bottom: 19%;left: 2%;right: 2%;} .card-header {padding-left:0;padding-right:0;} .card-body {padding-left:0;padding-right:0;} .card-title {font-size: 22px;line-height: 32px;} .tbannerbottomboxtext {font-size: 16px;line-height: 26px;} .carousel-control-next, .carousel-control-prev {top: 91%;} .carousel-control-prev {left: 105px;} .carousel-control-next {right: 120px;} .carousel-control-prev-icon {padding: 20px;} .carousel-control-next-icon {padding: 20px;} .icon-bannerprev {margin-left: -32px;top: -12px;padding: 3px;} .icon-bannernext {margin-left: 9px;top: -12px;padding: 3px;} .tsubheading {font-size: 30px;line-height: 40px;} #counter li {font-size: 55px;line-height:55px;border: none;} .tcounterhead {font-size: 17px;left: 20%;} .tinspectionserviceslidehead {font-size: 15px;line-height: 15px;margin-left: 60px!important;} .tsectionhead {font-size: 18px;line-height: 23px;} .tsectiontext {font-size: 14px !important;line-height: 24px;} .readmore {font-size: 14px;line-height: 14px;} .blogcard .card-body {padding: 28px 18px;} .icon-blogcard {width: 60px;height: 60px;font-size: 24px;line-height: 24px;} .tbottomhead01 {font-size: 23px;line-height: 33px;} .box-border-right {border-right: none;} .tquickcontact {font-size: 18px;line-height: 28px;} .tsubheading04 {font-size: 26px;line-height: 36px;} .headingstrip:before {margin: 0 7px 0px 0;height: 21px;width: 17px;} .ultrasoincinspectionhide{display: none;} .smround {width: 28px;height: 28px;margin-right: 5px;} .smround i {font-size: 14px;line-height: 28px;} .blogcategorybox ul li {padding-left: 18px;} .tcategorylink {font-size: 14px;line-height: 24px;} .tcategorylinkactive {font-size: 14px;line-height: 24px;} .servicecategorybox {padding: 20px 20px;} .tservicecategorylink {font-size: 16px;line-height: 26px;} .visiblechemical{display:none;} .drydock{display: none;} .hidethirdparty{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} .autvisiblesec02 {display:none;} .visibleconsultant{display:none;} .visiblerangelifting{display:none;} } @media only screen and (min-device-width:375px) and (max-device-width:574px){ #header {height: 82px;} .carousel-caption {bottom: 25%;left: 3%;right: 2%;text-align: left;} .card-title {font-size: 22px;line-height: 32px;} .tbannerbottomboxtext {font-size: 16px;line-height: 26px;} .carousel-control-next, .carousel-control-prev {top: 88%;} .carousel-control-prev {left: 135px;} .carousel-control-next {right: 140px;} .carousel-control-prev-icon {padding: 20px;} .carousel-control-next-icon {padding: 20px;} .icon-bannerprev {margin-left: -32px;top: -12px;padding: 3px;} .icon-bannernext {margin-left: 9px;top: -12px;padding: 3px;} .tsubheading {font-size: 30px;line-height: 40px;} #counter li {font-size: 65px;line-height: 65px;border: none;} .tcounterhead {font-size: 17px;left: 20%;} .tsectionhead {font-size: 21px;line-height: 31px;} .sectionboxstrip {padding: 12px 10px;margin: 0px 10px;} .tinspectionserviceslidehead {font-size: 16px;line-height: 19px;} .sectionbox:hover .sectionboxstrip {padding-bottom: 12px;} .theading {letter-spacing: 2px;} .tsubheading04 {font-size: 30px;line-height: 40px;} .headingstrip:before {margin: 0 6px 0px 0;height: 21px;width: 15px;} .uiadvantagevisible{display: none;} .ultrasoincinspectionhide{display:none;} .blogcard .card-body {padding: 30px 20px;} .icon-blogcard {width: 70px;height: 70px;} .visibleconsultant{display:none;} .hidethirdparty{display:none;} .visiblechemical{display:none;} .drydock{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} .autvisiblesec02 {display:none;} .visiblerangelifting{display:none;} } @media only screen and (min-device-width:425px) and (max-device-width:574px){ #header {height: 90px;} .carousel-control-next, .carousel-control-prev {top: 84%;} .carousel-control-prev {left: 160px;} .carousel-control-next {right: 165px;} #counter li {font-size: 70px;} .tcounterhead {font-size: 17px;left: 20%;} .inspectionserviceslide-number {bottom: -2.5%;} .tinspectionserviceslidehead {font-size: 18px;line-height: 18px;} .sectionboxstrip {padding: 12px 25px;margin: 0px 10px;} .sectionbox:hover .sectionboxstrip {padding-bottom: 12px;} .tgeintochboxlink {font-size: 25px;line-height: 35px;} .uiadvantagevisible{display: none;} .ultrasoincinspectionhide{display:none;} .visibleconsultant{display:none;} .hidethirdparty{display:none;} .visiblechemical{display:none;} .drydock{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} .autvisiblesec02 {display:none;} .visiblerangelifting{display:none;} } @media only screen and (min-device-width:575px) and (max-device-width:767px){ #header {height: 125px;} .carousel-caption {bottom: 29%;left: 7%;right: 7%;} .carousel-control-next, .carousel-control-prev {top: 84%;} .carousel-control-prev {left: 205px;} .carousel-control-next {right: 215px;} #counter li {font-size: 100px;} .tcounterhead {font-size: 25px;left: 25%;} .tsubheading04 {font-size: 35px;line-height: 45px;} .uiadvantagevisible{display: none;} .ultrasoincinspectionhide{display:none;} .visibleconsultant{display:none;} .hidethirdparty{display:none;} .visiblechemical{display:none;} .drydock{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} .autvisiblesec02 {display:none;} .visiblerangelifting{display:none;} } @media only screen and (min-device-width:320px) and (max-device-width:767px){ .fixed-top .navbox-collapse, #header nav.navbar.bootsnav .collapse.show {margin-top: 8px;} .gotop {bottom: 15px;} .whtsapp-icon {right: 19px;bottom: 70px;} .icon-counterlist {text-align: left;justify-content: left;font-size: 50px;} .sectionbox:hover .tsectiondesc {opacity: 0;max-height: 0;padding-top: 0px;} .flip-horizontal {transform: scaleX(-1);} .tbloghead {font-size: 18px;line-height: 28px;} .uiadvantagevisible{display: none;} .servicecategorybox{margin-bottom:0;} .ultrasoincinspectionhide{display:none;} .radiographictext01hide{display: none;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .tsubheading {font-size: 35px;line-height: 45px;} .visiblecurrecttesting{display:none;} .hideeddycurrent{display:none;} .visibleliquidadvantages{display:none;} .hideliquidadvantages{display:none;} .hideliquidapplications{display:none;} .visiblevisualadvantages{display:none;} .mpiapplicationhide{display:block;} .mpiapplicationvisible{display:none;} .hidethirdparty{display: none;} .autvisiblesec02 {display:none;} .visiblerangelifting{display:none;} } @media only screen and (min-device-width:768px) and (max-device-width:991px){ #header {height: 100px;} #header.fixed-nav {height: 100px;} nav.navbar.bootsnav .navbar-toggle {margin-top: 24px;} .carousel {margin-top: -250px;} .carousel-caption {bottom: 33%;left: 7%;right: 7%;} .carousel-control-prev {left: 305px;} .carousel-control-next {right: 305px;} #counter li {font-size: 80px;line-height: 80px;} .tcounterhead {font-size: 20px;line-height: 20px;} .sectionboxstrip {padding: 12px 35px;margin: 0px 20px;} .tsectionhead {font-size: 18px;line-height: 28px;} .sectionbox:hover .tsectiondesc {opacity: 0;max-height: 0;padding-top: 0px;} .sectionbox:hover .sectionboxstrip {padding-bottom: 12px;} .section-overlay {padding: 28px 20px 28px;} .tbloghead {font-size: 17px;line-height: 27px;} .blogcard .card-body {padding: 30px 20px;} .icon-blogcard {width: 70px;height: 70px;} .tbottomhead {font-size: 22px;line-height: 32px;} .tsubheading {font-size: 35px;line-height: 45px;} .image-split{display: flex;gap: 15px;} .servicecategorybox ul li {padding-top: 18px;padding-bottom: 18px;} .uiadvantagevisible{display: none;} .ultrasoincinspectionhide{display:none;} .servicecategorybox{margin-bottom:0;} .radiographictext01hide{display: none;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .visiblecurrecttesting{display:none;} .hideeddycurrent{display:none;} .visibleliquidadvantages{display:none;} .hideliquidadvantages{display:none;} .hideliquidapplications{display:none;} .visiblevisualadvantages{display:none;} .mpiapplicationhide{display:block;} .mpiapplicationvisible{display:none;} .visiblechemical{display:none;} .visibleconsultant{display:none;} .drydock{display: none;} .hidethirdparty{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} .autvisiblesec02 {display:none;} .visiblerangelifting{display:none;} } @media only screen and (min-device-width:850px) and (max-device-width:991px){ #header {height: 121px;} .uiadvantagevisible{display: none;} .ultrasoincinspectionhide{display:none;} .servicecategorybox{margin-bottom:0;} .radiographictext01hide{display: none;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .visiblecurrecttesting{display:none;} .hideeddycurrent{display:none;} .visibleliquidadvantages{display:none;} .hideliquidadvantages{display:none;} .hideliquidapplications{display:none;} .visiblevisualadvantages{display:none;} .visiblethirdparty{display:none;} .visibleconsultant{display:none;} .drydock{display: none;} .hidethirdparty{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} .autvisiblesec02 {display:none;} .visiblerangelifting{display:none;} } /*** COL & SM & MD ends ***/ /*** LG starts ***/ @media only screen and (min-device-width:992px) and (max-device-width:1199px){ .hidelink{display:none;} nav.navbar.bootsnav ul.nav > li > a {font-size: 14px;line-height: 14px;padding: 30px 15px 30px 0px;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 30px 15px 30px 0px;} #header {height: 78px;} .dropdown-menu {width: 360px !important;} .tdropdownhead {font-size: 16px;line-height: 26px;} .dropdown-menu .content p {font-size: 14px;line-height: 24px;font-weight: 400;padding: 7px 0px;} .carousel-caption {bottom: 3%;left: 1%;} .carousel-control-next, .carousel-control-prev {top: 84%;} .carousel-control-prev {left: 392px;} .carousel-control-next {right: 480px;} .tsubheading {font-size: 40px;line-height: 50px;} #counter li {font-size: 110px;line-height: 110px;} .serviceslidedesc {top: 46%;} .inspectionserviceslide-number {left: 19%;} .tproductoverlayhead {bottom: 11%;left: 30%;} .inspectionserviceslide.active .inspectionserviceslide-number {left: 3.3%;} .inspectionserviceslide.active .tinspectionserviceslidehead {left: 16%;} .section-overlay {padding: 60px 10px 20px;} .tsectionhead {font-size: 21px;line-height: 31px;} .tbottomhead {font-size: 18px;line-height: 28px;} .tbottomlinks {font-size: 15px;line-height: 25px;} .tbottomlinksactive {font-size: 15px;line-height: 25px;} .innerbannertop {margin-top: -30px;} .about-area .about-content {max-width: none;} .image-split{display: flex;gap: 15px;} .tbloghead {font-size: 18px;line-height: 28px;} .sticky-box {top: 100px;} .tgeintochboxtext {font-size: 21px;line-height: 31px;} .tab-link {font-size: 14px;line-height: 14px;padding: 25px 10px;} .tab-content li {font-size: 14px;line-height: 24px;} .ttoplinktext {font-size: 14px;line-height: 24px;} .icontoplink {font-size: 14px;} .topstripbg::before {width: 560px;} .topstripbg {padding: 0px;} .smtop {font-size: 14px;} .btn-qinspec {padding: 9px 25px;} .uiadvantages-display{display:none;} .uiadvantagevisible{display: none;} .ultrasoincinspectionhide{display:none;} .categoryhide{display:none;} .servicecategorybox{margin-bottom:0;} .radiographictext01hide{display: none;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .visiblecurrecttesting{display:none;} .hideeddycurrent{display:none;} .visibleliquidadvantages{display:none;} .hideliquidadvantages{display:none;} .hideliquidapplications{display:none;} .visiblevisualadvantages{display:none;} .mpiapplicationvisible{display:none} .hidethirdparty{display:none;} .visibleconsultant{display:none;} .hidechemical{display:none;} .visiblechemical{display:block;} .drydock{display: none;} .hidethirdparty{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} .autvisiblesec02 {display:none;} .visiblerangelifting{display:none;} } /*** LG ends ***/ /*** XL starts ***/ @media only screen and (min-device-width:1200px) and (max-device-width:1299px){ .hidelink{display:none;} #header {height: 92px;} nav.navbar.bootsnav ul.nav > li > a {font-size: 14px;line-height: 14px;padding: 30px 35px 30px 0px;} .dropdown-menu {width: 440px !important;} .dropdown-menu .content p {font-size: 14px;line-height: 24px;padding: 25px 10px;} .ttoplinktext {font-size: 14px;line-height: 24px;} .cntbtn {font-size: 14px;} .carousel-caption {bottom: 10%;left: 4%;} .carousel-control-next, .carousel-control-prev {top: 79%;} .carousel-control-prev {left: 425px;} .carousel-control-next {right: 638px;} .tsectionhead {font-size: 24px;line-height: 34px;} .tbottomhead {font-size: 22px;line-height: 32px;} .innerbannertop {margin-top: -40px;} .tbloghead {font-size: 18px;line-height: 28px;} .tab-link {font-size: 15px;line-height: 15px;} .topstripbg::before {width: 620px;} .topstripbg {padding: 3px 0;} .uiadvantages-hide{display:none;} .uiadvantages-display{display:block;} .ultrasoincinspectionhide{display:none;} .servicecategorybox{margin-bottom:0;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .hidecurrecttesting{display:none;} .hideliquidapplications{display:none;} .hideliquidadvantages{display:none;} .visibleliquidadvantages{display:none;} .visiblevisualadvantages{display:none;} .mpiapplicationhide{display:none;} .mpiapplicationvisible{display:block} .pmiadvantagehide{display:none;} .pmiadvantagevisible{display:block;} .pauthidesec02{display:none;} .pauthidesec01{display:none;} .pautvisiblesec01{display:block;} .tofdhidesec01{display:none;} .tofdvisiblesec01{display:block;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .corrosionhidesec{display:none;} .corrosionvisiblesec{display:block;} .irishidesec01{display:none;} .irisvisiblesec01{display:block;} .irishidesec02{display:none;} .irisvisiblesec02{display:block;} .acfmhidesec{display:none;} .acfmvisiblesec{display:block;} .tfmhidesec01{display:none;} .tfmvisiblesec01{display:block;} .thirdpartysechide{display:none;} .thirdpartysecvisible{display:block;} .thirdpartysechide01{display:none;} .thirdpartysecvisible01{display:block;} .hidethirdparty{display:none;} .visibleconsultant{display:none;} .visiblechemical{display:none;} .drydock{display: none;} .hidethirdparty{display: none;} .visibleradiographicadv{display:none;} .visiblepositiveadv{display:none;} } @media only screen and (min-device-width:1300px) and (max-device-width:1399px){ #header {height: 95px;} nav.navbar.bootsnav ul.nav > li > a {font-size: 14px;padding: 30px 20px 30px 0px;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 30px 20px 30px 0px;} .dropdown-menu .content p {font-size: 14px;line-height: 24px;font-weight: 400;padding: 5px 0px;} .carousel-caption {bottom: 15%;left: 4%;} .carousel-control-next, .carousel-control-prev {top: 75%;} .carousel-control-prev {left: 450px;} .carousel-control-next {right: 710px;} .section-overlay {padding: 60px 20px 28px;} .tsectionhead {font-size: 20px;line-height: 30px;} .tbottomhead {font-size: 22px;line-height: 32px;} .tbloghead {font-size: 18px;line-height: 28px;} .blogcard .card-body {padding: 20px 15px;} .icon-blogcard {width: 60px;height: 60px;font-size: 20px;line-height: 20px;} .blogcategorybox {padding: 20px 12px;} .blogcategorybox ul li { padding-left: 15px;} .tcategorylink {font-size: 14px;} .blogrecentbox {padding: 20px 12px;} .topstripbg::before {width: 690px;} .topstripbg {padding: 3px 0;} .innerbannertop {margin-top: -40px;} .uiadvantages-hide{display:none;} .uiadvantages-display{display:block;} .ultrasoincinspectionhide{display:none;} .servicecategorybox{margin-bottom:0;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .visibleeddycurrent{display:none;} .visiblecurrecttesting{display:none;} .hideliquidadvantages{display:none;} .visibleliquidadvantages{display:none;} .hideapplications{display:none;} .visiblevisualadvantages{display:none;} .pmiadvantagehide{display:none;} .pmiadvantagevisible{display:block;} .pauthidesec02{display:none;} .tofdhidesec01{display:none;} .tofdvisiblesec01{display:block;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .corrosionhidesec{display:block;} .corrosionvisiblesec{display:none;} .irishidesec01{display:none;} .irisvisiblesec01{display:block;} .irishidesec02{display:none;} .irisvisiblesec02{display:block;} .thirdpartysechide01{display:none;} .thirdpartysecvisible01{display:block;} .hidethirdparty{display:none;} .visibleconsultant{display:none;} .visiblechemical{display:none;} .drydock{display: none;} .hidethirdparty{display: none;} .visibleradiographicadv{display:none;} .visiblepositiveadv{display:none;} } @media only screen and (min-device-width:1200px) and (max-device-width:1399px){ .tsubheading {font-size: 40px;line-height: 50px;} #counter li {font-size: 115px;line-height: 115px;} .serviceslidedesc {top: 55%;} .inspectionserviceslide-number {left: 25%;} .tproductoverlayhead {bottom: 11%;left: 31%;} .inspectionserviceslide.active .inspectionserviceslide-number {left: 2.3%;} .inspectionserviceslide.active .tinspectionserviceslidehead {left: 13%;} .about-area .about-content {max-width: none;} .btn-qinspec {padding: 12px 25px;} .uiadvantagevisible{display: block;} .uiapplicationvisible{display: block;} .uiadvantagehide{display:none;} .uiapplicationhide{display:none;} .ultrasoincinspectionhide{display:none;} .radiographictexthide{display: none;} .hardnessadvantagehide{display:none;} .hardnessadvantagevisible{display:block;} .ecthidesec01{display:none;} .ectvisiblesec01{display:block;} .authidesec01{display:none;} .autvisiblesec01{display:block;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .refthidesec{display:none;} .reftvisiblesec{display:block;} .refthidesec01{display:none;} .reftvisiblesec01{display:block;} .acfmhidesec{display:none;} .acfmvisiblesec{display:block;} .infraredhidesec{display:none;} .infraredvisiblesec{display:block;} .aethidesec{display:none;} .aetvisiblesec{display:block;} .tfmhidesec02{display:none;} .tfmvisiblesec02{display:block;} .tfmhidesec03{display:none;} .tfmvisiblesec03{display:block;} .remotehidesec{display:none;} .remotevisiblesec{display:block;} .remotehidesec01{display:none;} .remotevisiblesec01{display:block;} .ropehidesec01{display:none;} .ropevisiblesec01{display:block;} .visiblerangelifting{display: none;} .visibleeddyadv{display:none;} .visiblemagneticadv{display:none;} } /*** XL ends ***/ /*** XXL starts ***/ @media only screen and (min-device-width:1400px) and (max-device-width:1499px){ #header {height: 97px;} .banner-left {bottom: -150px;left: -53px;} .carousel-control-next, .carousel-control-prev {top: 83%;} .carousel-control-prev {left: 470px;} .carousel-control-next {right: 790px;} nav.navbar.bootsnav ul.nav > li > a {font-size: 15px;padding: 30px 12px 30px 0px;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 30px 12px 30px 0px;} .dropdown-menu .content p {font-size: 14px;line-height: 24px;font-weight: 400;padding: 5px 0px;} nav.navbar.bootsnav li.dropdown ul.dropdown-menu {border-color: #ED1C24;} .carousel-caption {bottom: 26%;left: 13%;} .banner-box {right: 46.2%;} .serviceslidedesc {top: 60%;} .inspectionserviceslide-number {left: 28%;} .tproductoverlayhead {left: 33%;} .inspectionserviceslide.active .inspectionserviceslide-number {left: 2%;} .inspectionserviceslide.active .tinspectionserviceslidehead {left: 11%;} .tsectionhead {font-size: 21px;line-height: 31px;} .tbottomhead {font-size: 22px;line-height: 32px;} .tbloghead {font-size: 18px;line-height: 28px;} .topstripbg::before {width: 800px;} .topstripbg {padding: 5px 0;} .innerbannertop {margin-top: -50px;} .servicecategorybox {padding: 20px 20px;} .tgeintochboxlink {font-size: 25px;line-height: 35px;} .uiadvantagevisible{display: none;} .uiadvantagevisible{display: block;} .uiadvantagehide{display:none;} .ultrasoincinspectionhide{display:none;} .radiographictexthide{display: none;} .hideoxidescale{display:none;} .hidehightemperature{display:none;} .hidecurrecttesting{display:none;} .hideliquidapplications{display:none;} .hideliquidadvantages{display:none;} .visibleliquidadvantages{display:none;} .visiblevisualadvantages{display:none;} .mpiapplicationhide{display:none;} .mpiapplicationvisible{display:block} .pmiadvantagehide{display:none;} .pmiadvantagevisible{display:block;} .hardnessadvantagehide{display:none;} .hardnessadvantagevisible{display:block;} .hardnessdeschide{display:none;} .hardnessdescvisible{display:block;} .heatservicehide{display:none;} .heatservicevisible{display:inline-flex;} .pauthidesec01{display:none;} .pautvisiblesec01{display:block;} .pauthidesec02{display:none;} .tofdhidesec01{display:none;} .tofdvisiblesec01{display:block;} .tofdhidesec03{display:none;} .tofdvisiblesec03{display:block;} .ecthidesec{display:none;} .ectvisiblesec{display:block;} .ecthidesec01{display:none;} .ectvisiblesec01{display:block;} .authidesec{display:none;} .autvisiblesec{display:block;} .authidesec01{display:none;} .autvisiblesec01{display:block;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .corrosionhidesec{display:none;} .corrosionvisiblesec{display:block;} .refthidesec{display:none;} .reftvisiblesec{display:block;} .refthidesec01{display:none;} .reftvisiblesec01{display:block;} .irishidesec01{display:none;} .irisvisiblesec01{display:block;} .irishidesec02{display:none;} .irisvisiblesec02{display:block;} .acfmhidesec{display:none;} .acfmvisiblesec{display:block;} .infraredhidesec{display:none;} .infraredvisiblesec{display:block;} .infraredhidesec01{display:none;} .infraredvisiblesec01{display:block;} .aethidesec{display:none;} .aetvisiblesec{display:block;} .aethidesec01{display:none;} .aetvisiblesec01{display:block;} .tfmhidesec01{display:none;} .tfmvisiblesec01{display:block;} .tfmhidesec02{display:none;} .tfmvisiblesec02{display:block;} .tfmhidesec03{display:none;} .tfmvisiblesec03{display:block;} .remotehidetxt{display:none;} .remotevisibletxt{display:block;} .remotehidesec{display:none;} .remotevisiblesec{display:block;} .remotehidesec01{display:none;} .remotevisiblesec01{display:block;} .ropehidesec01{display:none;} .ropevisiblesec01{display:block;} .thirdpartysechide{display:none;} .thirdpartysecvisible{display:block;} .thirdpartysechide01{display:none;} .thirdpartysecvisible01{display:block;} .hidethirdparty{display:none;} .visibleconsultant{display:none;} .visiblechemical{display:none;} .drydock{display: none;} .hidethirdparty{display: none;} .visiblerangelifting{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} } @media only screen and (min-device-width:1500px) and (max-device-width:1599px){ #header {height: 103px;} nav.navbar.bootsnav ul.nav > li > a {font-size: 16px;line-height: 16px;padding: 30px 12px 30px 0px;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 30px 12px 30px 0px;} nav.navbar.bootsnav li.dropdown ul.dropdown-menu {border-color: #ED1C24;left: 9px;} .dropdown-menu .content p {font-size: 15px;line-height: 25px;font-weight: 400;padding: 5px 0px;} .carousel-caption {bottom: 26%;left: 13%;} .banner-left {bottom: -150px;left: -53px;} .carousel-control-next, .carousel-control-prev {top: 83%;} .carousel-control-prev {left: 525px;} .carousel-control-next {right: 855px;} .topstripbg::before {width: 775px;} .topstripbg {padding: 7px 0;} .banner-box {right: 46.8%;} .section-overlay {padding: 60px 15px 28px;} .tsectionhead {font-size: 18px;line-height: 28px;} .tbottomhead {font-size: 22px;line-height: 32px;} .innerbannertop {margin-top: -70px;} .servicecategorybox {padding: 30px 25px;} .tservicecategorylink {font-size: 16px;line-height: 26px;} .tinspectioncategoryhead {font-size: 20px;line-height: 30px;} .uiadvantages-hide{display:none;} .uiadvantages-display{display:block;} .uiadvantagehide{display:none;} .uiadvantagevisible {display: block;} .ultrasoincinspectionhide{display:none;} .radiographictexthide{display:none;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .hidecurrecttesting{display:none;} .visibleliquidadvantages{display:none;} .hideliquidadvantages{display:none;} .hideliquidapplications{display:none;} .visiblevisualadvantages{display:none;} .mpiapplicationhide{display:none;} .mpiapplicationvisible{display:block} .pmiadvantagehide{display:none;} .pmiadvantagevisible{display:block;} .hardnessadvantagehide{display:none;} .hardnessadvantagevisible{display:block;} .heatservicehide{display:none;} .heatservicevisible{display:inline-flex;} .pauthidesec02{display:none;} .tofdhidesec01{display:none;} .tofdvisiblesec01{display:block;} .ecthidesec{display:none;} .ectvisiblesec{display:block;} .ecthidesec01{display:none;} .ectvisiblesec01{display:block;} .authidesec01{display:none;} .autvisiblesec01{display:block;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .corrosionhidesec{display:none;} .corrosionvisiblesec{display:block;} .refthidesec{display:none;} .reftvisiblesec{display:block;} .refthidesec01{display:none;} .reftvisiblesec01{display:block;} .irishidesec01{display:none;} .irisvisiblesec01{display:block;} .irishidesec02{display:none;} .irisvisiblesec02{display:block;} .acfmhidesec{display:none;} .acfmvisiblesec{display:block;} .infraredhidesec{display:none;} .infraredvisiblesec{display:block;} .infraredhidesec01{display:none;} .infraredvisiblesec01{display:block;} .aethidesec{display:none;} .aetvisiblesec{display:block;} .aethidesec01{display:none;} .aetvisiblesec01{display:block;} .tfmhidesec01{display:none;} .tfmvisiblesec01{display:block;} .tfmhidesec02{display:none;} .tfmvisiblesec02{display:block;} .tfmhidesec03{display:none;} .tfmvisiblesec03{display:block;} .remotehidetxt{display:none;} .remotevisibletxt{display:block;} .remotehidesec{display:none;} .remotevisiblesec{display:block;} .remotehidesec01{display:none;} .remotevisiblesec01{display:block;} .ropehidesec01{display:none;} .ropevisiblesec01{display:block;} .thirdpartysechide{display:none;} .thirdpartysecvisible{display:block;} .thirdpartysechide01{display:none;} .thirdpartysecvisible01{display:block;} .hidethirdparty{display:none;} .visibleconsultant{display:none;} .visiblechemical{display:none;} .hidedrydock{display: none;} .hidethirdparty{display: none;} .visiblerangelifting{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .visiblemagneticadv{display:none;} .visiblepositiveadv{display:none;} } @media only screen and (min-device-width:1600px) and (max-device-width:1699px){ #header {height: 109px;} nav.navbar.bootsnav ul.nav > li > a {font-size: 16px;line-height: 16px;padding: 30px 20px 30px 0px;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 30px 20px 30px 0px;} .dropdown-menu .content p {font-size: 15px;line-height: 25px;font-weight: 400;padding: 5px 0px;} .topstripbg::before {width: 830px;} .topstripbg {padding: 7px 0;} .carousel-caption {bottom: 26%;left: 13%;} .banner-left {bottom: -150px;left: -53px;} .carousel-control-next, .carousel-control-prev {top: 83%;} .carousel-control-prev {left: 570px;} .carousel-control-next {right: 905px;} .banner-box {right: 47.4%;} .tsectionhead {font-size: 18px;line-height: 28px;} .tbottomhead {font-size: 22px;line-height: 32px;} .innerbannertop {margin-top: -70px;} .uiadvantagehide{display:none;} .uiadvantagevisible {display: block;} .ultrasoincinspectionhide{display:none;} .radiographictexthide{display:none;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .visiblecurrecttesting{display:block;} .hidecurrecttesting{display:none;} .hideliquidadvantages{display:none;} .visibleliquidadvantages{display:none;} .hideapplications{display:none;} .visiblevisualadvantages{display:none;} .pmiadvantagehide{display:none;} .pmiadvantagevisible{display:block;} .hardnessadvantagehide{display:none;} .hardnessadvantagevisible{display:block;} .pauthidesec02{display:none;} .tofdhidesec01{display:none;} .tofdvisiblesec01{display:block;} .ecthidesec01{display:none;} .ectvisiblesec01{display:block;} .authidesec01{display:none;} .autvisiblesec01{display:block;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .corrosionhidesec{display:none;} .corrosionvisiblesec{display:block;} .refthidesec{display:none;} .reftvisiblesec{display:block;} .refthidesec01{display:none;} .reftvisiblesec01{display:block;} .irishidesec01{display:none;} .irisvisiblesec01{display:block;} .irishidesec02{display:none;} .irisvisiblesec02{display:block;} .acfmhidesec{display:none;} .acfmvisiblesec{display:block;} .infraredhidesec{display:none;} .infraredvisiblesec{display:block;} .aethidesec{display:none;} .aetvisiblesec{display:block;} .tfmhidesec01{display:none;} .tfmvisiblesec01{display:block;} .tfmhidesec02{display:none;} .tfmvisiblesec02{display:block;} .tfmhidesec03{display:none;} .tfmvisiblesec03{display:block;} .remotehidesec{display:none;} .remotevisiblesec{display:block;} .remotehidesec01{display:none;} .remotevisiblesec01{display:block;} .ropehidesec01{display:none;} .ropevisiblesec01{display:block;} .thirdpartysechide01{display:none;} .thirdpartysecvisible01{display:block;} .visibleconsultant{display:none;} .hideconsultant{display:block;} .hidethirdparty{display:none;} .visiblechemical{display:none;} .hidedrydock{display: none;} .hidethirdparty{display: none;} .visiblerangelifting{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .mpiadvantagevisible {display:none;} .visiblepositiveadv{display:none;} } @media only screen and (min-device-width:1700px) and (max-device-width:1799px){ #header {height: 115px;} nav.navbar.bootsnav ul.nav > li > a {font-size: 16px;line-height: 16px;padding: 30px 25px 30px 0px;} .topstripbg::before {width: 875px;} .carousel-caption {bottom: 26%;left: 13%;} .banner-left {bottom: -150px;left: -53px;} .carousel-control-next, .carousel-control-prev {top: 85%;} .carousel-control-prev {left: 616px;} .carousel-control-next {right: 965px;} .banner-box { right: 47.7%;} .section-overlay {padding: 60px 15px 28px;} .tsectionhead {font-size: 20px;line-height: 30px;} .innerbannertop {margin-top: -95px;} .uiadvantagehide{display:none;} .uiadvantagevisible {display: block;} .ultrasoincinspectionhide{display:none;} .radiographictexthide{display: none;} .hidehightemperature{display:none;} .hideoxidescale{display:none;} .visibleeddycurrent{display:none;} .visiblecurrecttesting{display:none;} .hideliquidadvantages{display:none;} .visibleliquidadvantages{display:none;} .hideapplications{display:none;} .visiblevisualadvantages{display:none;} .pmiadvantagehide{display:none;} .pmiadvantagevisible{display:block;} .hardnessadvantagehide{display:none;} .hardnessadvantagevisible{display:block;} .tofdhidesec01{display:none;} .tofdvisiblesec01{display:block;} .ecthidesec01{display:none;} .ectvisiblesec01{display:block;} .authidesec01{display:none;} .autvisiblesec01{display:block;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .corrosionhidesec{display:none;} .corrosionvisiblesec{display:block;} .refthidesec{display:none;} .reftvisiblesec{display:block;} .refthidesec01{display:none;} .reftvisiblesec01{display:block;} .irishidesec01{display:none;} .irisvisiblesec01{display:block;} .irishidesec02{display:none;} .irisvisiblesec02{display:block;} .infraredhidesec{display:none;} .infraredvisiblesec{display:block;} .aethidesec{display:none;} .aetvisiblesec{display:block;} .tfmhidesec02{display:none;} .tfmvisiblesec02{display:block;} .tfmhidesec03{display:none;} .tfmvisiblesec03{display:block;} .remotehidesec{display:none;} .remotevisiblesec{display:block;} .remotehidesec01{display:none;} .remotevisiblesec01{display:block;} .ropehidesec01{display:none;} .ropevisiblesec01{display:block;} .thirdpartysechide01{display:none;} .thirdpartysecvisible01{display:block;} .visibleconsultant{display:none;} .hidethirdparty{display:none;} .visiblechemical{display:none;} .hidedrydock{display: none;} .hidethirdparty{display: none;} .visiblerangelifting{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .mpiadvantagevisible {display:none;} .visiblepositiveadv{display:none;} } @media only screen and (min-device-width:1800px) and (max-device-width:1899px){ #header {height: 120px;} nav.navbar.bootsnav ul.nav > li > a{font-size: 16px;line-height: 16px;} .carousel-caption {bottom: 26%;left: 13%;} .banner-left {bottom: -150px;left: -53px;} .carousel-control-next, .carousel-control-prev {top: 85%;} .carousel-control-prev {left: 650px;} .carousel-control-next {right: 1010px;} .banner-box {right: 48.2%;} .sectionboxstrip {padding: 12px 70px;} .uiadvantages-display{display:block;} .uiadvantagevisible{display: none;} .ultrasoincinspectionhide{display:none;} .radiographictexthide{display: none;} .hideoxidescale{display:none;} .hidethickness{display:none;} .visibleeddycurrent{display:none;} .visiblecurrecttesting{display:none;} .hideliquidadvantages{display:none;} .visibleliquidadvantages{display:none;} .hideapplications{display:none;} .hidevisualadvantages{display:none;} .hardnessadvantagehide{display:none;} .hardnessadvantagevisible{display:block;} .ecthidesec01{display:none;} .ectvisiblesec01{display:block;} .authidesec01{display:none;} .autvisiblesec01{display:block;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .refthidesec01{display:none;} .reftvisiblesec01{display:block;} .irishidesec02{display:none;} .irisvisiblesec02{display:block;} .aethidesec{display:none;} .aetvisiblesec{display:block;} .tfmhidesec03{display:none;} .tfmvisiblesec03{display:block;} .remotehidesec{display:none;} .remotevisiblesec{display:block;} .remotehidesec01{display:none;} .remotevisiblesec01{display:block;} .ropehidesec01{display:none;} .ropevisiblesec01{display:block;} .visibleconsultant{display:none;} .hidethirdparty{display:none;} .visiblechemical{display:none;} .hidedrydock{display: none;} .hidethirdparty{display: none;} .visiblerangelifting{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .mpiadvantagevisible {display:none;} .visiblepositiveadv{display:none;} } @media only screen and (min-device-width:1900px) and (max-device-width:1999px){ .uiadvantagevisible{display: none;} .ultrasoincinspectionhide{display:none;} .radiographictext01hide{display: none;} .hideoxidescale{display:none;} .hidethickness{display:none;} .visibleeddycurrent{display:none;} .visiblecurrecttesting{display:none;} .hideliquidadvantages{display:none;} .visibleliquidadvantages{display:none;} .hideapplications{display:none;} .hidevisualadvantages{display:none;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .authidesec03{display:none;} .autvisiblesec03{display:block;} .refthidesec01{display:none;} .reftvisiblesec01{display:block;} .irishidesec02{display:none;} .irisvisiblesec02{display:block;} .tfmhidesec03{display:none;} .tfmvisiblesec03{display:block;} .remotehidesec{display:none;} .remotevisiblesec{display:block;} .remotehidesec01{display:none;} .remotevisiblesec01{display:block;} .visibleconsultant{display:block;} .hideconsultant{display:none;} .visiblethirdparty{display:none;} .visiblechemical{display:none;} .hidedrydock{display: none;} .hidethirdparty{display: none;} .visiblerangelifting{display: none;} .visibleeddyadv{display:none;} .visibleradiographicadv{display:none;} .mpiadvantagevisible {display:none;} .pmiadvantagehide {display:none;} .hidepositiveadv {display:none;} } @media only screen and (min-device-width:2000px) and (max-device-width:2199px){ #header {height: 141px;} nav.navbar.bootsnav ul.nav > li > a {font-size: 19px;padding: 30px 40px 30px 0px;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 30px 40px 30px 0px;} .tdropdownhead {font-size: 25px;line-height: 35px;} .dropdown-menu .content p {font-size: 18px;line-height: 28px;} .banner-box {right: 49.2%;} .carousel-control-next, .carousel-control-prev {top: 88%;} .carousel-control-prev {left: 800px;} .carousel-control-next {right: 1191px;} .btn-carousel {padding: 20px 35px;} .tsectiontext {font-size: 17px !important;line-height: 27px;} .readmore {font-size: 18px;line-height: 18px;} .innerbannertop {margin-top: -170px;} .about-area .about-content {max-width: 1115px;} .about-area .about-img .one img:nth-child(1) {max-width: 425px;} .tcontacttext{font-size: 18px; line-height: 28px;} .topstripbg::before {width: 1045px;} .btn-qinspec {padding: 18px 25px;} .uiadvantages-display{display:none;} .uiadvantagevisible{display:none;} .ultrasoincinspectionhide{display:none;} .radiographictext01hide{display: none;} .visiblecurrecttesting{display:none;} .hideeddycurrent{display:none;} .visibleliquidadvantages{display:none;} .hideapplications{display:none;} .hideadvantages{display:none;} .hidevisualadvantages{display:none;} .holidaydeschide{display:block;} .holidaydescvisible{display:none;} .ferriteadvantagevisible{display:block;} .ecthidesec02{display:block;} .ectvisiblesec02{display:none;} .authidesec02{display:none;} .autvisiblesec02{display:block;} .refthidesec01{display:none;} .reftvisiblesec01{display:block;} .tfmhidesec03{display:none;} .tfmvisiblesec03{display:block;} .remotehidesec01{display:none;} .remotevisiblesec01{display:block;} .visibleconsultant{display:block;} .hideconsultant{display:none;} .visiblethirdparty{display:none;} .visiblechemical{display:none;} .hidedrydock{display: none;} .hidethirdparty{display: none;} .hidethickness {display:none;} .hidethicknessmeasurement {display:none;} .visibleeddyadv{display:none;} .hideradiographicadv{display:none;} .mpiadvantagevisible {display:none;} .pmiadvantagehide {display:none;} .hidepositiveadv {display:none;} .visiblerangelifting{display:none;} } @media only screen and (min-device-width:2200px){ #header {height: 167px;} nav.navbar.bootsnav ul.nav > li > a {font-size: 19px;padding: 30px 40px 30px 0px;} .fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 30px 40px 30px 0px;} .tdropdownhead {font-size: 25px;line-height: 35px;} .dropdown-menu .content p {font-size: 18px;line-height: 28px;} .banner-box {right: 50.2%;} .carousel-control-next, .carousel-control-prev {top: 90%;} .carousel-control-prev {left: 990px;} .carousel-control-next {right: 1415px;} .btn-carousel {padding: 20px 35px;} .tsectionhead {font-size: 25px;line-height: 35px;} .tsectiontext {font-size: 17px !important;line-height: 27px;} .readmore {font-size: 18px;line-height: 18px;} .innerbannertop {margin-top: -170px;} .about-area .about-content {max-width: 1115px;} .about-area .about-img .one img:nth-child(1) {max-width: 512px;} .tcontacttext{font-size: 18px; line-height: 28px;} .topstripbg::before {width: 1260px;} .btn-qinspec {padding: 18px 25px;} .uiadvantagevisible{display:none;} .ultrasoincinspectionhide{display:none;} .radiographictext01hide{display: none;} .hidethicknessmeasurement{display: none;} .hidethickness{display:none;} .visibleeddycurrent{display:bolck;} .hideeddycurrent{display:none;} .visiblecurrecttesting{display:none;} .visibleliquidadvantages{display:none;} .hideapplications{display:none;} .hidevisualadvantages{display:none;} .holidaydeschide{display:block;} .holidaydescvisible{display:none;} .holidayadvhide{display:block;} .holidayadvvisible{display:none;} .holidayadvantageshide{display:none;} .holidayadvantagesvisible{display:block;} .ferriteadvantagevisible{display:block;} .ferriteadvantagehide{display:none;} .pauthidesec02{display:block;} .pautvisblesec02{display:none;} .tofdhidesec02{display:block;} .tofdvisiblesec02{display:none;} .ecthidesec02{display:block;} .ectvisiblesec02{display:none;} .autvisiblesec02{display:none;} .thirdpartysechide01{display:none;} .thirdpartysechide02{display:none;} .thirdpartysechide03{display:flex;} .visibleconsultant{display:block;} .hideconsultant{display:none;} .visiblethirdparty{display:none;} .visiblechemical{display:none;} .hidedrydock{display: none;} .hidethirdparty{display: none;} .hiderangelifting{display: none;} .visiblerangelifting{display: flex;} .visibleeddyadv{display:none;} .hideadvantages{display:none;} .hideradiographicadv{display:none;} .mpiadvantagevisible {display:none;} .pmiadvantagehide {display:none;} .hidepositiveadv {display:none;} } /*** XXL ends ***/