/*BREADCRUMB-SECTION*/ .cmn-breadcrum { padding-top: 10px; display: flex; align-items: center; flex-wrap: wrap; font-size: 14px; letter-spacing: normal; } /*Global beader only call this attr*/ .globe-menu-page .cmn-breadcrum { padding-top: 30px; max-width: 1400px; margin: 0px auto; } .cmn-breadcrum a, .cmn-breadcrum .root-page { text-decoration: none !important; font-size: 14px; line-height: 1.5; } .cmn-breadcrum a { color: #000; position: relative; margin: 10px 0px; } .cmn-breadcrum a:hover { color: #0b6db1; } .cmn-breadcrum a::after { content: ''; position: absolute; left: 0; height: 1px; bottom: -2px; width: 0%; background: #0b6db1; transition: .4s ease; } .cmn-breadcrum a:hover::after { width: 100%; transition: .4s ease; } .cmn-breadcrum .root-page { /* color: #000;*/ color: #0b6db1; } .cmn-breadcrum .bread-crumb-arrow { margin: 3px 5px; color: #000; } .cta-btn { background: #f0483e; text-decoration: none !important; color: #fff; padding: 10px 20px; margin: 30px auto; font-family: 'Zoho_Puvi_SemiBold'; border-radius: 2px; display: block; max-width: 250px; text-align: center; width: 90%; font-size: 16px; } .globe-type-menu-page .cmn-breadcrum { max-width: 1400px; margin: 0px auto; } /*Banner Title section start*/ .heading-menu .container.tac.clearfix { padding: 20px 0; } .heading-menu { padding: 0 0 55px 0; margin-top: 0; background: #eaf8ff; border-bottom: 0px; background-attachment: relative; background-position: center center; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #000; font-weight: 400; letter-spacing: -1px; position: relative; overflow: hidden; clear: both; height: auto; font-weight: 500; } #scroll { padding: 0px; } /*.container.tac.clearfix.cmn-cta-sub-parent { margin: 50px auto; }*/ /*Banner Title section end*/ /*Features pages screenshot with content section */ .content-wrapper { display: flex; align-items: center; padding-top: 100px; } .content { flex-grow: 1; flex-basis: 0; } .content h2.ftrpg-inrhdr { margin-top: 0px; } .content-wrapper .content:nth-child(1) { margin-right: 50px; } .content-wrapper .content:nth-child(2) { margin-left: 50px; } .content ul.list-items { margin-left: 20px; margin-bottom: 20px; margin-top: 20px; } .content ul.list-items li { margin-bottom: 0px; position: relative; padding-left: 5px; margin-top: 10px; font-size: 17px; margin-left: 20px; } .content ul.list-items li:before { content: ""; background: #00a9f4; position: absolute; top: 10px; right: 0; bottom: 0; left: -20px; width: 7px; height: 7px; border-radius: 50px; } /*Custmer Section start*/ .custmersay { padding: 100px 0 } .quotescont { font-family: 'Zoho_Puvi_Regular', 'Open Sans', sans-serif; font-size: 18px; line-height: 40px; text-align: center; width: 90%; margin: 0 auto; } p.quotes-text { font-style: italic; font-size: 24px; font-family: serif; font-weight: bold; margin: 20px 0px; text-align: center; line-height: 1.3; } /*Custmer Section end*/ /*LAZY AND CONTENT ANIMATION*/ .cont-anim .content-view { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; transition: 1s ease; } .cont-anim>h1, .cont-anim>h2, .cont-anim>h3, .cont-anim>h4, .cont-anim>h5, .cont-anim>p, .cont-anim>a, .cont-anim>ul>li, .cont-anim>div, .cont-anim>span { -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); } .right-img-anim { opacity: 0; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); transition: 1s ease; } .left-img-anim { opacity: 0; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); transition: 1s ease; } .img-view { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); transition: 1s ease; } .img-scale { opacity: 0; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); transition: 1s ease; } .parent-active .img-scale { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: 1s ease; } .right-anim { opacity: 0; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); transition: 1s ease; } .lef-anim { opacity: 0; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); transition: 1s ease; } .parent-active .lef-anim, .parent-active .right-anim, .parent-active .right-img-anim, .parent-active .left-img-anim { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); transition: 1s ease; } .bottom-to-top-anim { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); transition: 1s ease; } .parent-active .bottom-to-top-anim { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: 1s ease; } .mobile-breadcrum { display: none; } picture { width: 100%; height: auto; display: block; } .placeholder-loading { position: relative; background-color: #e2e2e2; overflow: hidden; } .lazy-picture { transform: translateY(20px); transition: .6s ease all; opacity: 0; } .lazy-picture.img-active { transform: translateY(0px); transition: .6s ease all; opacity: 1; } .placeholder-loading img, .placeholder-loading source { height: auto; width: 100%; opacity: 0; } .placeholder-loading.picture { border-radius: 0; } .placeholder-loading::after { display: block; content: ''; position: absolute; top: 0; width: 100%; height: 100%; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent); animation: loading 1.5s infinite; } @keyframes loading { 100% { transform: translateX(100%); } } /*SLICK SLIDER CSS*/ .slick-dots li button:focus, .slick-dots li button:hover, .slick-list:focus, .slick-next, .slick-prev, a:focus { outline: 0 } .slick-next, .slick-prev { position: absolute; top: 50%; display: block; width: 30px; height: 30px; padding: 0; z-index: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; background: 0 0 } .slick-next:after, .slick-next:before, .slick-prev:after, .slick-prev:before { content: ''; position: absolute; width: 2px; height: 18px; background: #c7d0df; transition: .5s ease } .slick-dots, .z-testiContent, .z-testimonial-head, .z-testimonial-head h4 { position: relative } .slick-next:hover:after, .slick-next:hover:before, .slick-prev:hover:after, .slick-prev:hover:before { background: #3f51b6 } .slick-next:before { transform: rotate(-45deg); top: 0; right: 10px } .slick-next:after { transform: rotate(45deg); bottom: 0; right: 10px } .slick-prev:before { transform: rotate(45deg); top: 0; left: 10px } .slick-prev:after { transform: rotate(135deg); bottom: 0; left: 10px } .slick-next.slick-disabled, .slick-prev.slick-disabled { opacity: .25 } .slick-prev { left: 0 } .slick-next { right: 0 } .slick-dots { bottom: 0; display: block; width: 100%; padding: 0; margin: 10px 0; list-style: none; text-align: center } .slick-dots li { display: inline-block; margin: 0 3px; background: #c7d0df; width: 8px; height: 8px; border-radius: 100%; cursor: pointer; border: 1px solid #fff; transition: .5s ease; box-sizing: content-box } .slick-dots li.slick-active { background: #3f51b6; width: 8px; height: 8px; border: 1px solid #3f51b6 } .slick-dots li button { display: none } .slick-list, .slick-slider, .slick-track { position: relative; display: block } .slick-slider { box-sizing: border-box } .slick-list { margin: 0; padding: 0 } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { top: 0; left: 0; margin-left: auto; margin-right: auto } .slick-list { overflow: hidden; } .slick-track:after { clear: both; display: table; content: '' } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: none; } .i18n-ar .slick-slider .slick-list, .i18n-ar .slick-slider .slick-dots { direction: ltr; text-align: center; } .slick-initialized .slick-slide { display: block } .slick-arrow.slick-hidden { display: none } /*IMAGE POP-UP*/ .image-pupup-show-continer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .95); overflow: auto; z-index: 5555555; display: none; padding: 20px 0; box-sizing: border-box; } .image-pupup-show-continer.active { display: block; } .modal { position: fixed; z-index: 1000000; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .modal.is-visible { visibility: visible; } .modal-overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: #000000e8; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; } .modal.is-visible .modal-overlay { opacity: 1; transition-delay: 0s; } .modal-wrapper { z-index: 9999; width: 90%; max-width: 900px; background-color: #fff; box-shadow: 0 0 1.5em hsl(0deg 0% 0% / 35%); } .modal-transition { transition: all 0.3s 0.12s; opacity: 0; } .modal.is-visible .modal-transition { opacity: 1; } .modal-header, .modal-content { padding: 1em; } .modal-header { position: relative; background-color: #fff; box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06); border-bottom: 1px solid #e8e8e8; } .modal-close { position: absolute; top: 0; right: 0; color: #aaa; background: none; border: 0; height: 40px; width: 50px; } .modal-close::after { content: ''; height: 100%; display: block; width: 2px; background: grey; border-radius: 10px; } .modal-close::before { content: ''; height: 100%; display: block; width: 2px; background: grey; border-radius: 10px; } .modal-close:hover { color: #777; } .modal-heading { font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .modal-content>*:first-child { margin-top: 0; } .modal-content>*:last-child { margin-bottom: 0; } .popup-btn { cursor: pointer } /*close-btn*/ .close-btn { position: absolute; right: 10px; top: 30px; height: 50px; width: 50px; background-image: url(../images/popup-close-img.png); background-size: contain; cursor: pointer; } /*image-popup-show-start*/ .image-pupup-show-continer .modal-wrapper { height: auto; background-color: unset; box-shadow: unset; display: flex; justify-content: center; margin: 0px auto; } .clone-img-ele { cursor: zoom-in; } .image-pupup-show-continer .modal-wrapper img, .image-pupup-show-continer .modal-wrapper source { width: 100%; } .entity-links { color: #000; text-decoration: none; } .entity-links:hover { text-decoration: underline; } /*image-popup-show-end*/ /*SDP MENUS START*/ .productmenu #res, .productmenu #solutions { position: relative; padding: 0px 15px } nav ul.productmenu.header-nav>li { margin: 10px 0 0; font-family: 'Zoho_Puvi_Regular', 'Open Sans', sans-serif; font-size: 1.15em; } ul.sub-menu li.sub-menu-heading a, ul.sub-menu li.sub-menu-heading { font-family: 'Zoho_Puvi_SemiBold' !important; } #res::before, #solutions::before { content: ''; height: 9px; width: 9px; background: #28345d; display: inline-block; position: absolute; right: 2px; top: 10px; clip-path: polygon(52% 75%, 0 1%, 100% 0); cursor: pointer; transition: .4s ease all; transform-origin: 50% 30% 0; } #res.active::before, #solutions.active::before { transition: .4s ease all; transform: rotate(180deg); } #res.active::after, #solutions.active::after { content: ''; padding-bottom: 20px; box-sizing: border-box; position: absolute; top: 20px; width: 100%; background: #66339900; left: 0; cursor: pointer; } #MEdropPanel #res.active::after, #MEdropPanel #solutions.active::after { display: none; } #res .sub-menu, #solutions .sub-menu { padding: 20px 0px 25px; position: absolute; top: 40px; z-index: 33; display: none; left: 0; width: 200px; background: #ffffff; border-radius: 3px; text-align: left; -webkit-box-shadow: 0px 1px 38px -8px rgb(89 86 89 / 32%); -moz-box-shadow: 0px 1px 38px -8px rgb(89 86 89 / 32%); box-shadow: 0px 1px 38px -8px rgb(89 86 89 / 32%); } #res .sub-menu::before, #solutions .sub-menu::before { content: ''; height: 20px; width: 20px; background: #ffffff; position: absolute; left: 30px; top: -9px; transform: rotate(45deg); z-index: 22; } ul.sub-menu li { padding: 5px 20px; position: relative; color: #000; font-size: 15px; font-weight: bold; box-sizing: border-box; } ul.sub-menu li a, .selecteddivnew ul.sub-menu li a { display: block; color: #000; position: relative; font-family: 'Zoho_Puvi_Regular', 'Open Sans', sans-serif !important; } ul.sub-menu li a.active { color: #03a9f5 !important; } .child-sub-menu { position: absolute; display: none; right: 0; top: 0; } .root-link { border: 1px solid; text-align: center; border-radius: 2px; width: 80%; margin: 10px auto 0px; } .root-link:hover { border: 1px solid #03a9f5; } ul.sub-menu li.root-link { padding: 0px 0px; } ul.sub-menu li.root-link a { display: block; padding: 3px 0px; font-weight: bold; } ul.sub-menu li.root-link a:hover { color: #03a9f5 !important; transition: .4s ease all; } .root-link a::after { display: none; } #MEmobPanel .sub-menu { position: relative; width: 100%; box-shadow: none; top: 0; left: 0; padding: 0px 0px 20px; border-bottom: 1px solid rgb(192, 192, 192); } #MEmobPanel #res, #MEmobPanel #solutions { position: relative; border-bottom: unset; } #MEmobPanel #res>a, #MEmobPanel #solutions>a { display: block; border-bottom: 1px solid #c0c0c0; z-index: 10000000000; } #MEmobPanel #res::before, #MEmobPanel #solutions::before { right: 20px; top: 20px; transition: .3s ease-in all; transform-origin: 50% 30% 0; } #MEmobPanel #res.active::before, #MEmobPanel #solutions.active::before { transition: .3s ease-in all; transform: rotate(180deg); } #MEmobPanel .sub-menu li { opacity: 1; border-bottom: unset; font-size: 14px; } #MEmobPanel #res .sub-menu::before, #MEmobPanel #solutions .sub-menu::before { display: none; } #MEmobPanel .sub-menu li a { padding: 0px 0px; } #MEmobPanel .sub-menu .root-link { margin: 7px 20px; border: unset; width: 150px; box-sizing: border-box; padding: 4px 0px; text-align: left; } #MEmobPanel .sub-menu .root-link a { font-family: 'Zoho_Puvi_Bold' !important; } #MEmobPanel { top: 80px !important; } #MEmobPanel #res.active::after, #MEmobPanel #solutions.active::after { display: none; } li.sub-menu-heading, li.sub-menu-heading a { color: #000 !important; font-weight: bold; position: relative; margin-bottom: 0px; font-size: 15px !important; } li.sub-menu-heading:hover, li.more:hover, .submenu:hover { background: none !important; } li.sub-menu-heading.second-category { margin-top: 5px; } li.submenu a:hover { color: #216cb4 !important; } a.more-link { color: #216cb4 !important; font-size: 12px !important; } li.more span { display: inline-block; vertical-align: middle; } li.sub-menu-item { margin-left: 10px; padding: 0px 20px 0px 20px !important; font-size: 13px !important; font-weight: normal !important; } ul.sub-menu li:hover { background: transparent !important; } /*Flex wrap start*/ .flex-wrap { display: flex; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; } .two-column>div { flex: 0 0 calc(100%/2); max-width: calc(100%/2); box-sizing: border-box; } .three-column>div { flex: 0 0 calc(100%/3); max-width: calc(100%/3); box-sizing: border-box; } /*Button components */ .cta { text-decoration: none; display: inline-block; padding: 10px 20px; border-radius: 2px; } /*SDP MENUS END*/ .internal-links { color: #00a9f4; text-decoration: none; border-bottom: 1px solid; } /*Globe inline footer style start here*/ .sub-footer a:hover, .copyright a:hover, .footercopy a:hover, .foot-copy a:hover { text-decoration: underline !important; } @media only screen and (max-width:1500px) { .globe-type-menu-page .cmn-breadcrum { width: 98%; } } @media only screen and (max-width:1180px) { .content-wrapper { width: 90%; margin: 0 auto; } } @media only screen and (max-width:980px) { .mobile-breadcrum { display: block; } .web-breadcrum { display: none; } /*Features pages content wrapper start*/ .content-wrapper { flex-wrap: wrap; } .content { flex-grow: inherit; flex-basis: inherit; } .content img { margin-top: 20px; } .flexdr { flex-direction: column-reverse; } .content-wrapper .content:nth-child(1) { margin-right: 0; } .content-wrapper .content:nth-child(2) { margin-left: 0; } .cmn-breadcrum { padding: 10px; margin-top: 10px; } /*Features pages content wrapper end*/ } @media only screen and (max-width:767px) { .flex-wrap { display: block; } .two-column>div, .three-column>div { max-width: 100%; } } @media only screen and (min-width: 1024px) and (max-width: 1160px) { .sdplogosvg img { width: 169px; } nav ul.productmenu.header-nav>li { font-size: 16px; padding: 0px 10px; } #header-mainsec { top: 40px; } .nav-dwn a { width: 118px; } }